html{
    height:100%;
   
}

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');


@font-face {
    font-family: 'UAFSans';
    src: local('UAFSans'), local('UAFSans'), url('/themes/cerberus/css/font/UAFSans-Regular.ttf') format('truetype');
    font-weight:400;
    font-style: normal;
}

@font-face {
    font-family: 'UAFSans';
    src: local('UAFSans'), local('UAFSans'), url('/themes/cerberus/css/font/UAFSans-Medium.ttf') format('truetype');
    font-weight:500;
    font-style: normal;
}

@font-face {
    font-family: 'UAFSans';
    src: local('UAFSans'), local('UAFSans'), url('/themes/cerberus/css/font/UAFSans-SemiBold.ttf') format('truetype');
    font-weight:700;
    font-style: normal;
}

@font-face {
    font-family: 'UAFSans';
    src: local('UAFSans'), local('UAFSans'), url('/themes/cerberus/css/font/UAFSans-Bold.ttf') format('truetype');
    font-weight:900;
    font-style: normal;
}

input, textarea {outline:none!important;}
input:active, textarea:active {outline:none!important;}
:focus {outline:none!important;}

a:hover{text-decoration:none!important}

.vertical-block{display:none;}
.web{display:block;}

/**/

.footer {
    background-color: #000;
    text-align: center;
    padding: 3em 0;
	display:block;
	width:98%;
	margin:2em auto;
}

.footer h2 strong{font-size:1.3em;margin-bottom:25px;position:relative;}
.footer h2{
	position: relative;
    display: block;
    text-transform: uppercase;
    padding: 0;
    width: 72%;
    margin: .5em auto .4em;
    letter-spacing: 1.04px;
    font-size: 1.95em;
    font-weight: 900;
    line-height: 1.5;
    z-index: 7;
    color: #fff;
    text-align: center;
}

.footer-line {
    width: 100%;
    height: 1.65px;
    background-color: #fff;
    margin-bottom: 1em;
}

.footer-logo img {
    width: 10%;
    height: auto;
    margin: 2.55em 0 1em;
}

.footer-title {
    position: relative;
    display: block;
    padding: 0;
    width: 82%;
    margin: .35em auto .65em;
    letter-spacing: .84px;
    font-size: 1.95em;
    font-weight: 900;
    line-height: 1.35;
    z-index: 7;
    color:#0399B5;
    text-align: center;
}


.footer-content p {
    font-size: 1.35em;
    color: #fff;
    margin: 0.5em 0;
	font-weight: 500;
}

.footer-content a {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
	font-size:.85em;
	margin-bottom:15px;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	
}

.footer-content a:hover {
    color:#F39200;
	 -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}


/**/

body{
	position:relative;
	line-height:1.6;
	color:#000;
	overflow-x:hidden;
	/*min-width:690px;*/
	overflow-x:hidden!important;
	padding:0!important;
	margin:0px!important;
	font-size:18px;
	background:#000;
}

a {text-decoration:none;}

.wrapper{
	position:absolute;
	display:block;
	width:100%;
	min-width:100%;
	top:0;
	left:0;
	/*min-width:690px;
	min-width:690px;*/
	max-width:100%!important;
	overflow-x:hidden!important;
	background:#000;
	padding:0;
	margin:0;
	min-height:100%;
	font-family: 'UAFSans';
	overflow:hidden;
}

/*********/


.hello-media{
	position:relative;
	display:block;
	width:100%;
	height:100vh;
	text-align:center;
	overflow:hidden;
	z-index:35;
}

.hover-video{
	position:absolute;
	display:block;
	z-index:8;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgb(0,0,0);
	background: radial-gradient(circle, rgba(0,0,0,0.17979691876750703) 30%, rgba(0,0,0,1) 76%);
}

.hello-hover {
	position: absolute;
	display: block;
	z-index: 8;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(52deg, rgba(0,0,0,1) 14%, rgba(0,0,0,0.20331460220807074) 38%, rgba(0,0,0,0) 100%); 
}

/* Анімація для легкого переливу чорного кольору */
@keyframes gradientAnimation {
  0% {
    background: linear-gradient(45deg, rgba(0,0,0,0.883) 19%, rgba(3,153,181,0.23) 37%, rgba(229,244,247,0) 49%, rgba(0,0,0,0) 100%);
  }
  50% {
    background: linear-gradient(45deg, rgba(0,0,0,0.91) 19%, rgba(3,153,181,0.24) 37%, rgba(229,244,247,0) 49%, rgba(0,0,0,0) 100%);
  }
  100% {
    background: linear-gradient(45deg, rgba(0,0,0,0.883) 19%, rgba(3,153,181,0.23) 37%, rgba(229,244,247,0) 49%, rgba(0,0,0,0) 100%);
  }
}


.top-banner{
	position:absolute;
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
}

/**/

.page-title {
    position: absolute;
    display: block;
    z-index: 10!important;
    left: 2.6%;
    top:auto;
	bottom:15.5%;
    width: 45%;
    color: #fff;
    font-family: 'UAFSans';
}


.page-title h1{
	font-size:3.25em;
	text-transform:uppercase;
	line-height:1.2;
	padding:0;
	margin:0 0 29px;
	font-weight:900;
	text-align:left;
	width:99%;
	font-family: 'UAFSans'!important;
}

.page-description p {
    font-weight: 400;
    font-size: .97em;
	line-height:1.37;
    display: block;
    text-align: left;
	width:85%;
}


.hello-media .page-description p a{
    font-weight: 400;
    font-size: 1.1em;
    color:#0399B5;
}

.page-description p strong{
	color:#F39200;
}

/********/

.head-links{
	position:absolute;
	display:table;
	top:15px;
	left:3%;
	z-index:9;
	
}

.head-links img{
	display:inline-block;
	vertical-align:middle;
	padding-right:20px;
}

.head-links .phones{
	display:inline-block;
	vertical-align:middle;
	
}

.head-links .phones a{
	color:#fff;
	font-size:.97em;
	font-weight:800;
	margin-right:10px;
}

.head-links .phones a:hover{
	color:#0399B5;
}


.head-links .phones a:last-child{
	margin-right:0px;
}
/********/

/* Сторінка Контракт 18-24 */

.million-page{
	position:relative;
	display:block;
	margin:6em auto 0;
	width:83%;
	border:0px solid red;
}

.million-webform-block{
	position:relative;
	width:30%;
	margin:0 0 0 4%;
	vertical-align:top;
	display: inline-block;
}

.million-title-block{
	position:relative;
	width:36%;
	margin:0 0 0 3%;
	vertical-align:top;
	border:0px solid blue;
	display: inline-block;
}

.million-title-block h3{
	position: relative;
    display: block;
    text-transform: uppercase;
    padding: 0;
    margin: 15px 0 45px;
    letter-spacing: 1.04px;
    font-size: 3.15em;
    font-weight: 900;
    line-height: 1.14;
    z-index: 7;
    color: #fff;
    text-align: left;
}

.million-title-block h3 strong {
    color: #F39200;
    font-weight: 900;
}

.million-title-block p{
    font-weight: 400;
    font-size: 0.95em;
    display: block;
    text-align: left;
	color:#fff;

}


.million-title-block .million-button{
    position: relative;
	margin-top:35px;
    display: inline-block;
    padding: 18px 115px 19px!important;
    background: #F39200;
    color: #fff;
    z-index: 12!important;
    font-size: .93em;
    font-weight: 700;
    letter-spacing: .15px;
	line-height:1;
	cursor:pointer;
	border:none!important;
    /*box-shadow: 0 3px 11px -0px rgba(0,0,0,.385);*/
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	-webkit-animation: pulse 2.45s infinite;
}


.million-title-block .million-button:hover {
	-webkit-animation: none;
	background:#038FAA;
	color:#000;
	box-shadow:0 0 5px #038FAA;
}

/*******/


.million-webform-block ::-webkit-input-placeholder{
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-webform-block ::-moz-placeholder{
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-webform-block :-moz-placeholder           {
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-webform-block :-ms-input-placeholder      {
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

.million-webform-block :focus::-webkit-input-placeholder {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-webform-block :focus::-moz-placeholder          {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

.million-webform-block :focus:-moz-placeholder           {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

.million-webform-block :focus:-ms-input-placeholder      {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}


.million-webform-block .js-form-item.js-form-type-textarea{
	width:100%;
	display:inline-block;
	margin:0% 0 35px!important;
}

.million-webform-block .js-form-item input,
.million-webform-block .js-form-item input[type="number"]{
	border: 2.2px solid #F39200;
	padding: 13.5px 13px 14.5px;
	background: transparent;
	width: 94%;
	margin-top: 6px;
	font-size: .91em;
	color:#fff;
	letter-spacing:.3px;
	font-family: 'UAFSans'!important;
	background: rgba(255,255,255,.19);
	backdrop-filter: blur(4px);
}

.million-webform-block  .js-form-item textarea{
	border: 2.3px solid #F39200;
	padding: 13.5px 13px 14.5px;
	background: rgba(255,255,255,.19);
	backdrop-filter: blur(4px);
	width:96.5%;
	max-width:96.5%;
	min-width:96.5%;
	height:170px;
	min-height:170px;
	max-height:222px;
	font-size: .91em;
	color:#fff;
	font-family: 'UAFSans'!important;
	background: rgba(255,255,255,.19);
	margin-top:6px;

}


.million-webform-block  input.webform-button--submit {
    width: 84.6%;
	position: relative;
	margin-top:35px;
    display: block;
    padding: 18px 15px 19px!important;
    background: #F39200;
    color: #fff;
    z-index: 12!important;
    font-size: .93em;
    font-weight: 700;
    letter-spacing: .15px;
	line-height:1;
	cursor:pointer;
	border:none!important;
    /*box-shadow: 0 3px 11px -0px rgba(0,0,0,.385);*/
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	-webkit-animation: pulse 2.45s infinite;
}


@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  65% {
   transform: scale(.95);
    box-shadow: 0 0 0 12px rgba(145, 87, 0,.395);
  }  
  72% {
   
    box-shadow: 0 0 0 32px rgba(145, 87, 0,.075);
  }  
  88% {
   
    box-shadow: 0 0 0 32px rgba(145, 87, 0,.035);
  }
    100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(145, 87, 0, 94,0);
  }
}

.million-webform-block  input.webform-button--submit:hover{
	background: rgba(0,0,0,.4);
	backdrop-filter: blur(7px);
	z-index:99;
	color:#F39200;
    border: 2.3px solid #F39200;
	box-shadow:0px 2px 8px rgb(50 50 50 / 29%);
	
	-webkit-transition: all .58s;
    -moz-transition: all .58s;
    -o-transition: all .58s;
    -ms-transition: all .58s;
    transition: all .58s;
}

/**/

/*******/

.content-info-million{
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 52%;
    z-index: 9;
	border:0px solid blue;
    margin: 0% 0 0 7%;
    text-align: left;
}

.content-info-million ul{
	width:92%;
	margin-left:4%;
}

.content-info-million li {
    list-style: none;
    background: url(../images/plus.png) no-repeat 2px 2px;
    background-size: 18px 18px;
    margin-bottom: 16px;
    padding-left: 29px;
    padding-bottom: 7px;
    line-height: 1.35;
    font-weight: 300;
    text-indent: 0;
    margin-left: -72px;
    position: relative;
    color: #fff;
    font-size: .945em;
}

.content-info-million li strong{
	font-weight:bold!important;
	color:#F39200!important;
    font-size: 1.1em!important;
}


/**/

/**/

.million-brigade-block{
	position:relative;
	display:block;
	width:85%;
	margin:8em auto 0;
}

.million-brigade-block h3 {
    position: relative;
    display: block;
    text-transform: uppercase;
    padding: 0;
    width: 82%;
    margin: .5em auto 1.4em;
    letter-spacing: 1.04px;
    font-size: 2.75em;
    font-weight: 900;
    line-height: 1.14;
    z-index: 7;
    color: #fff;
    text-align: center;
}

.million-brigade-block h3 strong {
    color: #0399B5;
    font-weight: 900;
}

.million-brigade-block p{
	font-weight: 400;
    font-size: .94em;
    display: block;
    text-align: left;
	color:#fff;
	width:90%;
	text-indent:0em;
	margin:0 auto 25px;
}

/*******/

.million-brigade-webform-block{
	width:60%;
	display:block;
	margin:1em auto 9em;
	position:relative;
}

.million-brigade-webform-block h2{
	position: relative;
    display: block;
    text-transform: uppercase;
    padding: 0;
    margin: 2.55em 0 1.15em;
    letter-spacing: 1.04px;
    font-size: 2.75em;
    font-weight: 800;
    line-height: 1.14;
    z-index: 7;
    color: #F39200;
    text-align: center;
}

.million-brigade-webform-block h2::before {
    content: "";
    display: block;
    background-image: url('/themes/cerberus/images/38Marine_Brigade.webp');
    background-size: contain; /* Зберігає пропорції зображення */
    background-repeat: no-repeat;
    width: 170px;
    height: 230px;
    margin: 0 auto 10px; /* Центрує зображення */
}

.million-brigade-webform-block ::-webkit-input-placeholder{
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-brigade-webform-block ::-moz-placeholder{
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-brigade-webform-block :-moz-placeholder           {
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-brigade-webform-block :-ms-input-placeholder      {
	color:#fff;
	font-size:.9em;
	letter-spacing:.3px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'UAFSans'!important;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

.million-brigade-webform-block :focus::-webkit-input-placeholder {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.million-brigade-webform-block :focus::-moz-placeholder          {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

.million-brigade-webform-block :focus:-moz-placeholder           {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

.million-brigade-webform-block :focus:-ms-input-placeholder      {
	color:#0399B5;
	
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}


.million-brigade-webform-block .js-form-item{
	width:45%;
	display:inline-block;
	margin:0% 0 35px;
}

.million-brigade-webform-block .js-form-item:nth-child(even){
	width:46%;
	display:inline-block;
	margin:0% 0 35px 6%;
}

.million-brigade-webform-block .js-form-item input,
.million-brigade-webform-block .js-form-item input[type="number"]{
	border: 2.2px solid #0399B5;
	padding: 13.5px 13px 14.5px;
	background: transparent;
	width: 94%;
	margin-top: 6px;
	font-size: .91em;
	color:#fff;
	letter-spacing:.3px;
	font-family: 'UAFSans'!important;
	background: rgba(255,255,255,.19);
	backdrop-filter: blur(4px);
}

.million-brigade-webform-block .webform-type-radios.js-form-item{
    width:93%;
    display:block;
	padding:0 2% 1%;
    margin: 0% 0 3%;
	border: 2.2px solid #0399B5;
}

.million-brigade-webform-block .webform-type-radios.js-form-item .js-form-item {
    width:100%;
	text-align:left;
	color:#fff;
    display:block;
    margin: 0% 0 21px;
}

#edit-typ-kontraktu--wrapper-legend span {
    display: block;
    font-size: 2.05em;
    margin: 15px 0 35px;
    font-weight: 700;
    line-height: 1.1;
    padding: 0px;
    color: #0399B5;
}

.million-brigade-webform-block .webform-type-radios.js-form-item .js-form-item input,
.million-brigade-webform-block .webform-type-radios.js-form-item .js-form-item label{display:inline-block;width:auto;cursor:pointer;}

.million-brigade-webform-block .js-form-item.js-form-item-komentar{
    width:100%;
    display:block;
    margin: 0% 0 25px;
}

.million-brigade-webform-block .js-form-item textarea {
    border: 2.2px solid #0399B5;
	padding: 13.5px 13px 14.5px;
	background: transparent;
	width: 94%;
	margin-top: 6px;
	font-size: .91em;
	color:#fff;
	letter-spacing:.3px;
	font-family: 'UAFSans'!important;
	background: rgba(255,255,255,.19);
	backdrop-filter: blur(4px);
    height: 170px;
    min-height: 170px;
    max-height: 222px;

    margin-top: 6px;
}

.million-brigade-webform-block input.webform-button--submit {
    width: 98.5%;
	position: relative;
	margin-top:35px;
    display: block;
    padding: 18px 0px 19px!important;
    background: #0399b5;
    color: #fff;
    z-index: 12!important;
    font-size: .93em;
    font-weight: 700;
    letter-spacing: .15px;
	line-height:1;
	cursor:pointer;
	 border: 4px solid #0399b5;
    /*box-shadow: 0 3px 11px -0px rgba(0,0,0,.385);*/
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	-webkit-animation: pulse21 3s infinite;
}

.million-brigade-webform-block input.webform-button--submit:hover{
	background:#fff;
	backdrop-filter: blur(7px);
	z-index:99;
	color:#000;
    border: 4px solid #0399b5;
	box-shadow:0px 2px 8px rgb(50 50 50 / 29%);
	
	-webkit-transition: all .58s;
    -moz-transition: all .58s;
    -o-transition: all .58s;
    -ms-transition: all .58s;
    transition: all .58s;
}


@-webkit-keyframes pulse21 {
  0% {
     box-shadow: 0 0 0 12px rgba(3, 153, 181,.045);
  }
  65% {
   
    box-shadow: 0 0 0 12px rgba(3, 153, 181,.395);
  }  
  72% {
   
    box-shadow: 0 0 0 32px rgba(3, 153, 181,.075);
  }  
  88% {
   
    box-shadow: 0 0 0 32px rgba(3, 153, 181,.035);
  }
    100% {
    
    box-shadow: 0 0 0 0 rgba(3, 153, 181, 94,0);
  }
}

/*******/
/**/

.modal-body.webform ::-webkit-input-placeholder{
	font-size:15px;
	color:#1c1c1c;
}
.modal-body.webform ::-moz-placeholder{
	font-size:15px;
	color:#1c1c1c;
}
.modal-body.webform :-moz-placeholder           {
	font-size:15px;
	color:#1c1c1c;
}
.modal-body.webform :-ms-input-placeholder      {
	font-size:15px;
	color:#1c1c1c;
}

#webform-submission-contact-form-add-form {
    position: relative;
    display: block;
    z-index: 15;
    width: 91%;
    text-align: center;
    margin: 0px 0 3.5em 3.25%;
}

.modal-body.webform .js-form-item {
    width:99%;
    display: block;
    margin: 0 0 17px;
}

.modal-body.webform .js-form-item:nth-child(odd) {
    margin-right:0%!important;
    margin-left:0%!important;
}

.modal-body.webform .js-form-item.js-form-type-textarea{
	width:99%;
	display:inline-block;
	margin:0% 0 15px -2px!important;
}


.modal-body.webform .js-form-item input[type="number"],
.modal-body.webform .js-form-item input[type="text"] {
	border: 1.75px solid #0399B5;
	padding: 14.5px 13px 14.5px;
	background: #fff;
	width: 94%;
	margin-top: 6px;
	font-size:15px;
	color:#000;
	letter-spacing:.3px;
	font-family: 'UAFSans'!important;
	background: rgba(255,255,255,.19);
}


.modal-body.webform .webform-button--submit{
	position: relative;
	display: block;
	width: 99%;
	padding: 19.5px 0% 19.5px;
	cursor: pointer;
	border: 0px solid #CDE6FF;
	outline: none;
	box-shadow: 0 0 0px #fff;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	margin: 25px 0 25px;
	border-radius: 0px;
	background: #0399B5;
	border: 2.5px solid #0399B5;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-o-transition: all .35s;
	-ms-transition: all .35s;
	transition: all .35s;
}
.webform-button--submit:hover{
	opacity:.75;
		
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    -ms-transition: all .35s;
    transition: all .35s;
}

.webform-button--submit{
	width:55%;
	background: #EFCB94;
    border: 2.5px solid #F39200;
	color:#000;
}


/*********/


@media only screen and (min-width:1900px){

body{
	position:relative;
	line-height:1.6;
	color:#000;
	overflow-x:hidden;
	/*min-width:690px;*/
	overflow-x:hidden!important;
	padding:0!important;
	margin:0px!important;
	font-size:23.5px;
	background:#000;
}

.page-description p {
	font-weight: 400;
	font-size: .97em;
	line-height: 1.5;
	display: block;
	text-align: left;
	width: 85%;
}

	
}


@media only screen and (max-width:1490px){

.million-page {
	width: 93%;
}

.million-brigade-block {
	position: relative;
	display: block;
	width: 95%;
	margin: 8em auto 0;
}

.million-title-block p {
	font-weight: 400;
	font-size: 1.05em;
	display: block;
	text-align: left;
	color: #fff;
}


}


@media only screen and (max-width:900px){

body{
	font-size:14.5px;
	background:#000;
}


.vertical-block{display:block}
.web{display:none;}

.hello-media{
	position:relative;
	display:block;
	width:100%;
	height:100vh;
	max-height:100vh;
	text-align:center;
	overflow:hidden;
	z-index:35;
}


.hello-hover{
	position: absolute;
	display: block;
	z-index: 8;
	top: auto;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg,rgba(0,0,0,0.8884803921568627) 13%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 77%,rgba(0,0,0,0.9276960784313726) 97%);
}

.page-title {
	position: absolute;
	display: block;
	z-index: 10 !important;
	left: 3.55%;
	top: auto;
	bottom: 10.5%;
	width: 95.5%;
	color: #fff;
	font-family: 'UAFSans';
}

.page-title h1{
	font-size:3.45em;
	text-transform:uppercase;
	line-height:1.2;
	padding:0;
	margin:0 0 23px;
	font-weight:900;
	text-align:left;
	width:85%;
	font-family: 'UAFSans'!important;
}

.page-description p {
    font-weight: 400;
    font-size: .97em;
	line-height:1.37;
    display: block;
    text-align: left;
	width:100%;
}

.million-title-block {
	position: relative;
	width: 100%;
	margin: 0 0 3%;
	vertical-align: top;
	border: 0px solid blue;
	display: block;
}

.million-title-block h3 {
	position: relative;
	display: block;
	text-transform: uppercase;
	padding: 0;
	margin: 15px 0 35px;
	letter-spacing: 1.04px;
	font-size: 3.85em;
	font-weight: 900;
	line-height: 1.14;
	z-index: 7;
	color: #fff;
	text-align: left;
}

.million-title-block .million-button {
	position: relative;
	display: block;
	width: 97%;
	margin: 45px auto 60px;
	padding: 19px 15px 20px !important;
	background: #F39200;
	color: #fff;
	z-index: 12 !important;
	font-size: 1.17em;
	font-weight: 700;
	letter-spacing: .15px;
	line-height: 1;
	cursor: pointer;
	border: none !important;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-animation: pulse 2.45s infinite;
}

.content-info-million {
	display: block;
	position: relative;
	vertical-align: top;
	width: 93%;
	z-index: 9;
	border: 0px solid blue;
	margin: 3em auto 3%;
	text-align: left;
}

.million-title-block {
	position: relative;
	width:100%;
	margin: 5em auto 3em;
	vertical-align: top;
	border: 0px solid blue;
	display: block;
}

.content-info-million ul {
	width: 92%;
	margin-left: 4%;
}

.content-info-million li {
	list-style: none;
	background: url(../images/plus.png) no-repeat 2px 4px;
	background-size: 18px 18px;
	margin-bottom: 18px;
	padding-left: 29px;
	padding-bottom: 7px;
	line-height: 1.4;
	font-weight: 300;
	text-indent: 0;
	margin-left: -72px;
	position: relative;
	color: #fff;
	font-size: 1.05em;
}

.million-brigade-block {
	width: 95%;
	margin: 5em auto 0px;
}

.million-brigade-block h3 {
	position: relative;
	display: block;
	text-transform: uppercase;
	padding: 0;
	width: 95%;
	margin: .5em auto .54em;
	letter-spacing: 1.04px;
	font-size: 3.35em;
	font-weight: 900;
	line-height: 1.14;
	z-index: 7;
	color: #fff;
	text-align: left;
}

.million-brigade-block p {
	font-weight: 400;
	font-size: 1.15em;
	display: block;
	text-align: left;
	color: #fff;
	width: 98%;
	text-indent: 0em;
	margin: 0 auto 15px;
}


.million-brigade-webform-block {
    width: 93%;
    display: block;
    margin: 2em auto 0px;
}

.million-brigade-webform-block .js-form-item {
    width: 95%;
    display: inline-block;
    margin: 0% 0 11px;
}

.million-brigade-webform-block .js-form-item:nth-child(even) {
    width: 95%;
    display: inline-block;
    margin: 0% 0 11px;
}

.million-brigade-webform-block .js-form-item input,
.million-brigade-webform-block .js-form-item input[type="number"]{
	border: 2.2px solid #0399B5;
	padding: 17.5px 13px 18.5px;
	background: transparent;
	width: 94%;
	margin-top: 6px;
	font-size: 1.07em;
	color:#fff;
	letter-spacing:.3px;
	font-family: 'UAFSans'!important;
	background: rgba(255,255,255,.19);
	backdrop-filter: blur(4px);
}

.million-brigade-webform-block input.webform-button--submit {
    width: 96.5%;
    position: relative;
    margin-top: 35px;
    display: block;
    padding: 16px 0px 17px!important;
    background: #0399b5;
    color: #fff;
    z-index: 12!important;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: .15px;
    line-height: 1;
    cursor: pointer;
    border: 4px solid #0399b5;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-animation: pulse21 3s infinite;
}

.head-links{
	position:absolute;
	display:table;
	top:17px;
	left:0%;
	z-index:9;
	
}

.head-links img{
	display:inline-block;
	vertical-align:middle;
	padding-right:0px;
	padding-bottom:10px;
}

.head-links .phones{
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;
}

.head-links .phones a{
	color:#fff;
	font-size:1.1em;
	font-weight:800;
	margin-right:17px;
}

.head-links .phones a:last-child{
	margin-right:0px;
}

/**/

.footer {
    background-color: #000;
    text-align: center;
    padding: 3em 0;
	display:block;
	width:98%;
	margin:2em auto;
}

.footer h2 strong{font-size:1.3em;margin-bottom:25px;position:relative;}
.footer h2{
	position: relative;
    display: block;
    text-transform: uppercase;
    padding: 0;
    width:100%;
    margin: .5em auto .4em;
    letter-spacing: .67px;
    font-size: 1.75em;
    font-weight: 900;
    line-height: 1.35;
    z-index: 7;
    color: #fff;
    text-align: center;
}

.footer-line {
    width: 100%;
    height: 1.35px;
    background-color: #fff;
    margin-bottom: 1em;
}

.footer-logo img {
    width: 39%;
    height: auto;
    margin: 2.55em 0 1em;
}

.footer-title {
    position: relative;
    display: block;
    padding: 0;
    width: 97%;
    margin: 1.35em auto .65em;
    letter-spacing: .84px;
    font-size: 2.05em;
    font-weight: 900;
    line-height: 1.35;
    z-index: 7;
    color:#0399B5;
    text-align: center;
}


.footer-content p {
    font-size: 1.35em;
    color: #fff;
    margin: 0.5em 0;
	font-weight: 500;
}

.footer-content a {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
	font-size:.97em;
	margin-bottom:15px;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	
}

.footer-content a:hover {
    color:#F39200;
	 -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}


}


@media only screen and (max-width:360px){

body{
	font-size:12.5px;
	background:#000;
}
}