.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}

*::-webkit-input-placeholder {
	color: #000;
	opacity: .8;
}
*:-moz-placeholder {
	color: #000;
	opacity: .8;
}
*::-moz-placeholder {
	color: #000;
	opacity: .8;
}
*:-ms-input-placeholder {
	color: #000;
	opacity: .8;
}

*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    width: 100%;
    font-size: 16px;
    font-family: "Manrope", "Poppins", "Urbanist", sans-serif;
    line-height: 1.3;
    position: relative;
}

.work{
    width: 100%;
    max-width: 1600px;
    min-width: 320px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.hidden {
  display: none !important;
}


input[type='text'],
input[type='password'],
input[type='search']{
    width: 100%;
    height: 33px;
    padding: 0 12px;
    color: #707070;
    font-family: "Manrope", "Poppins", "Urbanist", sans-serif;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #00728A;
    border-radius: 0;
    transition: .3s;
}

textarea{    
    width: 100%;
    height: 120px;
    padding: 12px;
    color: #707070;
    font-family: "Manrope", "Poppins", "Urbanist", sans-serif;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #00728A;
    border-radius: 0;
    resize: none;
}

input:focus{
    outline: none;
}

textarea:focus{
    outline: none;
}

.cols{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.col{
    padding: 0 15px;
}

.btn{
    display: inline-block;
    border: medium none;
    background: transparent;
    cursor: pointer;
    transition: .3s;
    font-family: "Manrope", "Poppins", "Urbanist", sans-serif;
}

button:focus{
    outline: none;
}

.btn-main{
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 35px;
    border-radius: 30px;
    background: #ABD037;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.btn-main:hover{
    opacity: .88;
}



.section{
    height: 100vh;
    min-height: 800px;
    background: linear-gradient(180deg, #3553F3 0%, #2842CB 100%);
}

.section .inner{
    height: 100%;
    position: relative;
    z-index: 2;
}

.flex-vert{
    height: 100%;
    display: flex;
    align-items: center;
    padding: 50px 0;
}

.main__cols{
    width: 100%;
    display: flex;
    align-items: center;
}

.main__left{
    flex-grow: 1;
    padding-right: 30px;
}

.main__right{
    width: 290px;
    flex-shrink: 0;
    position: relative;
}

.title{
    margin-bottom: 28px;
    color: #FFF;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.1;
}

.slogan{
    margin-bottom: 45px;
    color: #FFF;
    font-size: 24px;
    font-weight:500;
}

.two{
    max-width: 920px;
    padding-bottom: 45px;
}

.two .col{
    width: 50%;
}

.list{
    list-style: none;
}

.list li{
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative;
    color: #FFF;
    font-size: 15px;
}

.list li:before{
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(45deg) translateY(-50%);
}

.take{
    margin-bottom: 40px;
    color: #FFF;
    font-size: 15px;
    line-height: 1.8;
}

.take span{
    display: block;
    font-size: 20px;
    font-weight: 500;
}

.bottom{
    padding-bottom: 30px;
}

.bottom .cols{
    align-items: center;
}

.bottom .col{
    padding-top: 10px;
    padding-bottom: 10px;
}

.phone{
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
}

.phone a{
    color: inherit;
}

.soc{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.soc .item{
    padding: 5px 15px;
}

.soc .item a{
    display: flex;
    align-items: center;
}

.soc .item img{
    width: 28px;
}

.soc .item span{
    padding-left: 10px;
    color: #FFF;
    font-size: 16px;
}

.partners{
    width: 220px;
    margin-left: auto;
}

.partners .item{
    margin-bottom: 55px;
    text-align: center;
}

.partners .item:last-child{
    margin-bottom: 0;
}

.partners .item img{
    max-width: 100%;
}

.title-vert{
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: -180px;
    transform: translateY(-50%) rotate(-90deg);
    white-space: nowrap;
    transform-origin: center;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

/* 2023-10-27 */

::placeholder { color:#a7a7a7; opacity:1; }

.btn_block { text-align:center; }

.hidd { display:none; }

.partners { height:650px; max-height:100%; margin-bottom:-30px; }
.partners:not( .slick-initialized ) { overflow:hidden; }
.partners.slick-initialized .item { display:flex; align-items:center; height:150px; margin:auto; }
.partners .item { /* display:flex; align-items:center; justify-content:center; */ padding: 15px 0; }
	.partners .item img { max-width:100%; max-height:100px; }
	.partners .item figure { display:flex; align-items:center; justify-content:center; position:relative; padding:20px; width:100%; max-width:100%; max-height:100%; } 
	.partners .item figure { border-radius:6px; background:rgba(255,255,255,.5); height:100%; }
	
.form_container { display:none; position:static; }
	/* .form_container .content { width:400px; margin:auto; position:absolute; left:0; right:0; top:125px; } */
	.form_container form {position:absolute; top:125px; left:0; right:0; width:400px;   /* */padding:40px 30px 35px; margin:auto; border-radius:6px; background:#fff; z-index:3; }
	.form_container h2 { position:relative; padding:0 0 25px; margin:0 0 35px;  text-align:center; color:#666; }
		.form_container h2:before { content:""; width:102px; height:1px; background-color:#e2e2e2; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
		.form_container h2:after { content:"";  width:22px; height:1px; background-color:#ea3950; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
	.form_container input:not([type="checkbox"]):not(.mce-textbox):not([type="radio"]) 	
		{ width:100%; height:44px; padding:0 18px; margin:0 0 22px; border:0; color:#272727; font-size:13px; border-radius:22px; box-shadow:0 0 19px rgba(1, 1, 1, 0.1); line-height:1; }
	
	.form_container .btn { min-width:204px; padding:5px; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; text-align:center; border:1px solid rgba(24, 121, 187, 0.17); border-radius:28px; }
		.form_container .btn span { display:block; padding:16px 15px 16px; background:rgb(171, 208, 55); box-shadow:0 12px 27px rgba(171, 208, 55, 0.36); border-radius:28px; transition:.4s; }
			.form_container .btn:hover span { background:rgb(145, 208, 55); }
			
.checkbox input + i { display:flex; align-items:center; justify-content:center; width:19px; height:19px; background:#fff; border:1px solid #e9e9e9; border-radius:2px; }
	.checkbox input:checked + i:not([class]):before { top:2px; font-size:12px; color:#4b4b4b; }

.agree { position:relative; min-height:34px; }	
	.agree p { padding:3px 0 0 35px; color:#a7a7a7; font-size:12px !important; text-align:left; }
		.agree p a { color:inherit; text-decoration:underline; }

.errorInfo { font-size:14px; border-radius:22px; }

.message_form { position:relative; font-size:18px; padding-bottom:15px; text-align:center; background:#fff; z-index:3; border-radius:6px; }
.message_form.ok { color:green; }
.message_form.no { color:red; }
	.message_form a { display:block; margin-top:10px; }

body.open .form_container { display:flex; }
	/* body.open .form_container:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.7); z-index:2; } */

#ekran { display:none; }
body.open #ekran { display:flex; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.7); z-index:2; }

.close_form { display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; width:39px; height:39px; font-size:30px; color:#555; border-radius:0 6px 0 6px; background:#f2f2f2; cursor:pointer; z-index:3; }
	.close_form:hover { color:red; }
	
.partners .slick-prev, .partners .slick-next { left:0; right:0; width:50px; height:50px; margin:auto; }
    
.partners .slick-prev { display:none !important; top:-25px; color:red; }
	.partners .slick-prev:before { content:'\f106'; font:50px/1 "fontello_form"; color:#fff; }
	
.partners .slick-next { top:auto; bottom:-20px; }
	.partners .slick-next:before { content:'\f107'; font:50px/1 "fontello_form"; color:#fff; } 
	
.title-vert + a { display:flex; justify-content:center; align-items:center; width:219px; padding:10px; margin:0 0 10px 70px; background:rgba(255,255,255,0); border-radius:6px; }
	.wrap .title-vert + a:hover { background:rgba(255,255,255,.5); }



/* .slick-slide img{
	filter: grayscale(1) brightness(500%);
}
.slick-slide.slick-active img{
	filter: grayscale(0) brightness(0);
} */