html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}
html{overflow-x: hidden;}
body{
font-family: "Geologica", sans-serif;
background: #fff;
font-size: 16px;
line-height: normal;
color: #000;
min-width: 320px;
overflow-x: hidden;
position: relative;
padding: 190px 0 0;
}
.container{width: 1360px; margin: 0 auto; box-sizing: border-box;}
header{position: fixed; padding: 15px 0 10px; width: 100%; top: 0; left: 0; background: #fff; z-index: 300; box-shadow: 5px 10px 20px 0px rgba(0,0,0,0.15); transition: all 0.15s;}
header.f-nav .bottom{opacity: 0; visibility: hidden; display: none; transition: all 0.15s;}
header.f-nav .pull{display: block; margin-right: 20px; background: url("../img/pull.png") 0 50% no-repeat; width: 30px; height: 22px;}
header.f-nav .logo{display: flex; align-items: center; justify-content: space-between; transition: all 0.15s;}
/* header.f-nav .socials{display: none;}
header.f-nav .callback{margin-right: 0; margin-left: 20px}*/
header.f-nav .logo{display: flex; align-items: center; justify-content: space-between;}
header.f-nav .logo img{width: 95px}
header.f-nav .pull{width: 30px; height: 22px; background: url("../img/pull.png") 50% 50% no-repeat; margin-right: 15px; display: block; cursor: pointer;}
header.f-nav .bottom{display: none;}
/* header.f-nav .phone{background-size: auto 100%}
header.f-nav .phone span{font-size: 13px;}
header.f-nav .phone a{font-size: 21px}
*/
header .flex{align-items: center;}
header .pull{display: none;}
header .logo img{width: 150px}
header .bottom{padding: 15px 0 0}
header .bottom ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
header .bottom ul li{width: calc(100%/5 - 10px)}
header .bottom ul li a{display: flex; align-items: center; justify-content: center; text-align: center; height: 56px; box-sizing: border-box; padding: 0 20px; background: #e9eff9; font-size: 13px; font-weight: 600; color: #2561c6; text-transform: uppercase; border-radius: 5px;}
header .bottom ul li a:hover{color: #fff; background: #2561c6}
header .phone{padding: 0 0 0 65px; background: url("../img/phone.png") 0 50% no-repeat;}
header .phone span{display: block; opacity: 0.7}
header .phone a{font-size: 25px; font-weight: 700; color: #000; letter-spacing: 1px;}
header .callback{margin: 0 60px}
header .socials a{margin-left: 22px}
header .socials a:first-child{margin-left: 0}
header .socials a img{width: 44px; height: 44px;}
#promo{padding: 285px 0 110px; color: #fff; background: url("../img/bg_promo.jpg") 50% 0 no-repeat; background-size: cover;}
#promo .text{width: 100%; max-width: 830px}
#promo h1{font-size: 69px; font-weight: 700; margin-bottom: 50px;}
#promo h1 strong{display: inline-block; padding: 0 10px; background: rgba(0, 0, 0, 0.6); color: #fdcb00; text-transform: uppercase; border-radius: 5px;}
#promo .btn{width: calc(50% - 22px); display: flex; align-items: center; justify-content: center; height: 78px; color: #fff; border-radius: 20px; text-transform: uppercase; font-weight: 500; font-size: 24px; box-shadow: 5px 10px 20px 0px rgba(56,173,80,0.35); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(128,192,124,1) 0%, rgba(42,169,72,1) 100%);}
#promo .btn:hover{box-shadow: none!important;}
#promo .btn img{width: 28px; margin-right: 12px;}
#promo .btn.btn-red{background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(242,61,54,1) 0%, rgba(225,29,22,1) 100%); box-shadow: 5px 10px 20px 0px rgba(225,29,22,0.35);}
#promo .btn.btn-red img{transform: rotate(180deg);}
#solutions{padding: 60px 0; border-radius: 50px; position: relative; margin-top: -50px; background: url("../img/bg_solutions.jpg") 50% 0 no-repeat; background-size: cover; z-index: 3}
#solutions .bt,#solutions .bt strong{font-weight: 500;}
#solutions .item{padding: 30px; border-radius: 20px; background: #fff;}
#solutions .item img{border-radius: 10px; margin-bottom: 20px;}
#solutions .item .title{font-size: 30px; font-weight: 500; margin-bottom: 10px;}
#solutions .item p{font-size: 21px; font-weight: 300; color: #666666; margin-bottom: 10px; min-height: 85px}
#solutions .item p strong{display: block; font-size: 25px; color: #2daa4a}
#solutions .item .time{font-weight: 300; font-size: 25px; color: #2561c6; margin-bottom: 30px; padding-left: 40px; background: url("../img/time.png") 0 50% no-repeat;}
#solutions .item .time strong{font-size: 30px}
#solutions .item .btn:after{display: none;}
#solutions .item .btn{display: flex; padding: 0; height: 74px; text-transform: none; align-items: center; justify-content: center; font-size: 23px; font-weight: 500;}
#solutions .grid{margin-bottom: 50px}
#iq{padding: 150px 0; position: relative; background: url("../img/bg_iq.jpg") 50% 0 no-repeat; background-size: cover; margin-top: -75px}
#iq img{width: 420px; border-radius: 15px;}
#iq .item{margin-bottom: 80px}
#iq .item:last-child{margin-bottom: 0;}
#iq .item:nth-child(2n+1) img{order: 1}
#iq .item:nth-child(2n+1) .text{order: 0}
#iq .text{width: calc(100% - 480px); font-size: 25px; font-weight: 300; line-height: 1.42;}
#iq .bt{color: #000}
#iq strong{color: #2daa4a}
#iq .item font{color: #2561c6}
#about{padding: 35px 0 90px; position: relative; margin-top: -75px; background: #fff; border-radius: 50px; z-index: 2}
#about .flex{align-items: flex-start;}
#about .user{width: 425px}
#about .user p{font-size: 55px; font-weight: 700; color: #2daa4a; padding-top: 10px}
#about .data{width: calc(100% - 505px); padding-top: 50px}
#about .data .label{text-transform: uppercase; font-size: 28px; font-weight: 700; color: #2daa4a; margin-bottom: 10px}
#about .data .name{font-size: 55px; font-weight: 700; margin-bottom: 15px}
#about .data .name strong{color: #2561c6}
#about .data p{font-size: 21px; font-weight: 300; color: #666666}
#about .data p strong{color: #2daa4a}
#about .advantages{}
#about .advantages .item{margin-top: 60px; font-size: 20px; max-width: 380px; align-items: center;}
#about .advantages .item .inn{width: calc(100% - 97px)}
#advantages{padding: 150px 0; background: url("../img/bg_advantages.jpg") 50% 50% no-repeat; background-size: cover; position: relative; margin-top: -75px}
#advantages .bt{color: #000;}
.btl{text-align: center; font-size: 35px; margin-bottom: 20px; font-weight: normal;}
#advantages .items.red{margin-bottom: 50px}
#advantages .items.red .item{background: #e54747; color: #fff; font-size: 24px; font-weight: 300}
#advantages .items.red .item:first-child{background: #2daa4a}
#advantages .item{display: flex; align-items: center; justify-content: space-between; height: 94px; padding: 0 25px; border-radius: 15px; background: #2561c6; margin-bottom: 12px; color: #a7c6f8; font-size: 26px;}
#advantages .item strong{color: #fff}
#advantages .item p{width: calc(100% - 75px)}
#advantages .item span{display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 5px; background: rgba(255, 255, 255, 0.2); font-size: 30px; font-weight: 900; color: #fff}
#geography{padding: 80px 0; background: url("../img/bg_geo.jpg") 50% 50% no-repeat; background-size: cover; border-radius: 50px; margin-top: -75px; position: relative; z-index: 2}
#geography .text{max-width: 420px;}
#geography .bt{text-align: left; color: #000}
#geography .text p{font-size: 21px; font-weight: 300; color: #666666; line-height: 1.5; margin-bottom: 55px}
#geography .btn:after{display: none;}
#geography .btn{display: flex; padding: 0; height: 68px; max-width: 310px; text-transform: none; align-items: center; justify-content: center; font-size: 21px; font-weight: 300;}
#geography .data{max-width: calc(100% - 465px)}
#geography li{position: relative; margin-bottom: 20px;}
#geography li p{position: absolute; bottom: 12px; padding-left: 16px; left: 20px; color: #fff; font-size: 20px; font-weight: 500;}
#geography li p:after{position: absolute; top: calc(50% - 4px); left: 0; width: 8px; height: 8px; content: ''; background: #89d785; border-radius: 50%;}
#geography .mobile{display: none;}
#geography .desctop{font-size: 21px; padding: 20px 0 0}
#geography .desctop p{margin: 0 0 20px}
#contacts{padding: 150px 0 75px; position: relative; margin-top: -75px; background: url("../img/bg_contacts.png") 50% 50% no-repeat; background-size: cover;}
#contacts .item{background: #fff; box-sizing: border-box; text-align: center; border-radius: 20px; padding: 35px 10px; width: calc(100%/3 - 20px)}
#contacts .item img{margin: 0 auto; width: 56px; height: 56px;}
#contacts .item p{font-size: 21px; font-weight: 300; color: #666666; margin: 10px 0 5px}
#contacts .item a{color: #000; font-weight: 700; font-size: 28px}
#contacts .item a.email{font-size: 21px; color: #2daa4a; border-bottom: 1px solid #2daa4a;}
#contacts .item a.email:hover{border-color: transparent;}
#contacts .item.socials{display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
#contacts .item.socials a{color: #666666; font-size: 16px; font-weight: 300; margin: 0 30px}
#contacts .item.socials img{margin-bottom: 10px;}
#contacts .item.socials a:hover{color: #000}
footer{padding: 22px 0; background: #fff; font-size: 17px;}
footer .flex{align-items: center;}
footer img{margin-left: 15px;}
footer p a{color: #2561c6; border-bottom: 1px solid transparent;}
footer p a:hover{border-color: #2561c6}
.wow{visibility: hidden;}
.bt{text-align: center; font-size: 55px; font-weight: 700; color: #fff; margin-bottom: 35px;}
.bt strong{color: #89d785}
.slider-sw{position: relative;}
.slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{width: 23px; height: 96px; top: 50%; transition: all 0.15s ease-out; background: url("../img/arrr.png") 50% 50% no-repeat;}
.slider-sw .swiper-button-prev svg,.slider-sw .swiper-button-next svg{width: auto; height: auto;}
.slider-sw .swiper-button-prev:hover svg path,.slider-sw .swiper-button-next:hover svg path{stroke: #fff; transition: all 0.15s ease-out;}
.slider-sw .swiper-button-prev:after,.slider-sw .swiper-button-next:after{display: none;}
.slider-sw .swiper-button-prev{left: -40px; transform: rotate(180deg);}
.slider-sw .swiper-button-next{right: -40px;}
.slider-sw .swiper-pagination{display: none;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea{box-shadow: none; color: #000; width: 100%; height: 50px; border: none; background: transparent; margin-bottom: 12px; border-radius: 7px; background: #F7F7F7; padding: 0 20px; font-size: 16px;}
.form label{display: block; margin-bottom: 5px;}
.form input.full{max-width: 100%!important}
.form textarea{resize: none; height: 120px; padding-top: 15px}
.form input[type="text"]:hover,.form input[type="email"]:hover,.form input[type="tel"]:hover,.form textarea:hover{border-color: rgba(112, 112, 112, 0.40);}
.form input[type="text"]:focus,.form input[type="email"]:focus,.form input[type="tel"]:focus,.form textarea:focus{border-color: #275EDF}
.form .label{font-size: 16px; font-weight: 400; line-height: 169%; /* 27.04px */ text-transform: capitalize; margin-bottom: 15px;}
.form label.file{width: 100%; height: 135px; box-sizing: border-box; background: url("../img/userfile.svg") 50% 50% no-repeat; border-radius: 10px; border: 1px solid rgba(75, 75, 75, 0.4); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; cursor: pointer;}
.form label.file:hover{border-color: #000}
.form label.file:hover svg path{fill: #fff}
.form label.file svg{margin-right: 10px;}
.form .for__file{margin: 30px 0 15px; color: #151515; font-size: 14px; font-weight: 400; line-height: normal; align-items: center;}
.form .for__file i{font-style: normal; color: #565656; font-size: 14px; font-style: normal; font-weight: 500;}
.form .for__file i b{font-weight: normal; color: rgba(135, 135, 135, 0.40); font-size: 12px;}
.form .btn-green{width: 100%; height: 50px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.form .flex{align-items: center;}
.form .flex .privacy{max-width: 390px; box-sizing: border-box; color: #4B4B4B; font-size: 12px; line-height: 120%; padding-left: 30px; background: url("../img/privacy.svg") 0 50% no-repeat;}
.form .flex .btn{width: 100%;}
input[type="checkbox"],input[type="radio"]{display:none;}
label.checkbox{display: block; position: relative; padding: 0 0 0 30px; cursor: pointer; font-size: 11px; line-height: 1.4; font-weight: 300;}
label.checkbox a{color: rgba(42,169,72,1); border-bottom: 1px solid rgba(42,169,72,1)}
label.checkbox a:hover{border-color: transparent;}
label.checkbox:after{position: absolute; top: 2px; left: 0; width: 18px; height: 18px; box-sizing: border-box; content: ''; border: 1px solid rgba(42,169,72,1); border-radius: 5px}
.flex.privacy_f br{display: none;}
.flex.privacy_f p{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.flex.privacy_f p .checkbox{width: 100%; box-sizing: border-box; margin-top: 15px}
.checkbox .wpcf7-list-item-label{font-size: 0}
.checkbox .wpcf7-list-item{margin: 0!important}
.checkbox br{display: none;}
.checkbox .wpcf7-not-valid-tip{display: none!important;}
.checkbox span.wpcf7-not-valid{background: red; display: none!important;}
.checkbox span span span input + span{position: absolute; top: 0; left: 0;}
.checkbox span span span input + span:after{position: absolute; top: 2px; left: -30px; width: 18px; height: 18px; box-sizing: border-box; content: ''; border: 1px solid rgba(42,169,72,1); border-radius: 5px; background: rgba(42,169,72,1); display: none;}
.checkbox span span span input:checked + span:after{display: block!important;}
.checkbox .wpcf7-form-control.wpcf7-checkbox{overflow: hidden; width: 0; height: 0; display: block;}
/*
label.checkbox{display: block; position: relative; padding: 0 0 0 37px; cursor: pointer; font-size: 16px; line-height: 140%; font-weight: 300; margin-bottom: 15px;}
label.checkbox:after{position: absolute; top: calc(50% - 10px); left: 0; width: 18px; height: 18px; box-sizing: border-box; content: ''; background: url("../img/checkc.svg") 50% 50% no-repeat; border: 1px solid rgba(42,169,72,1); border-radius: 5px}
label.checkbox span{font-style: normal;}
label.checkbox span:after{position: absolute; top: calc(50% - 10px); left: 0px; width: 18px; height: 18px; content: ''; background: url("../img/checkch.svg") 50% 50% no-repeat; display: none; z-index: 2;}
label.checkbox input:checked + span:after{display: block;}
*/
label.radio{position: relative;}
label.radio span{display: block; position: relative; padding: 0 0 0 47px; background: #fff; height: 56px; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 5px; text-align: left; font-size: 16px; font-weight: 500; border-radius: 8px; border: 1px solid #fff}
label.radio:after{position: absolute; top: calc(50% - 8px); left: 20px; width: 16px; height: 16px; box-sizing: border-box; content: ''; background: url("../img/radio.svg") 50% 50% no-repeat; border-radius: 50%; background-size: 100% 100%; z-index: 4}
label.radio span:after{position: absolute; top: calc(50% - 8px); left: 20px; width: 16px; height: 16px; content: ''; background: url("../img/radioh.svg") 50% 50% no-repeat; display: none; z-index: 6; border-radius: 50%; background-size: 100% 100%}
label.radio input:checked + span:after{display: block;}
label.radio input:checked + span{border-color: red;}
.form__title{font-size: 24px; line-height: 112%; margin-bottom: 40px; color: #8A8A8A}
.box__modal{display: none; width: 480px!important; max-width: calc(100% - 14px)!important; box-sizing: border-box!important; border-radius: 20px!important; background: #FFF!important; font-family: "Geologica", sans-serif!important;}
#privacy{width: 1000px!important}
#privacy p{margin-bottom: 10px;}
#privacy h2,#privacy h3,#privacy h4{font-size: 20px; margin-bottom: 4px;}
.box__modal .title{font-size: 40px; font-weight: 500; line-height: 90.6%; margin: 0 auto 30px; text-align: center; max-width: 430px}
.box__modal .title span{display: block; margin-bottom: 15px; font-size: 14px; font-weight: 400; line-height: 169%; /* 23.66px */ text-transform: capitalize;}
.box__modal .note{text-align: center; margin-bottom: 20px; font-weight: 500;}
.wpcf7-response-output{margin: 20px 0 0!important; padding: 15px!important; font-size: 14px!important;}
.box__modal .socials{padding: 0; justify-content: center;}
.box__modal .socials a{margin: 0 10px; text-align: center; color: #000}
.box__modal .socials a:hover img{transform: scale(1.05);}
.box__modal .socials a span{display: block; padding: 7px; font-weight: 600;}
.box__modal .socials a img{margin: 0 auto; transition: all 0.15s; width: 50px; height: auto;}
.box__modal .socials a:first-child{margin-left: 0;}
.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.grid{display: grid; grid-template-columns: repeat(2,1fr); gap: 40px;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a{text-decoration: none; transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover{transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto;}
button,div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.15s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn:hover{transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.slider-sw .swiper-button-next,.slider-sw .swiper-button-prev,#list__core .item,label,.swiper-pagination-bullet{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
svg,svg path{transition: all 0.15s ease-out;}
.grecaptcha-badge{overflow: hidden!important; width:0!important; height: 0!important}
.btn-green{color: #fff; padding: 14px 25px 14px 55px; box-shadow: 5px 10px 20px 0px rgba(56,173,80,0.35); text-transform: uppercase; font-size: 16px; font-weight: normal; border-radius: 15px; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(128,192,124,1) 0%, rgba(42,169,72,1) 100%); position: relative;}
.btn-green:hover{box-shadow: none}
.btn-green:after{position: absolute; top: 0; left: 24px; width: 20px; height: 100%; content: ''; background: url("../img/phone_btn.png") 0 50% no-repeat;}
.image__mobile{display: none;}
.btn svg{}
#navigation{display: none; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 300}
#navigation .close{width: 22px; height: 22px; background: url("../img/close.png") 0 50% no-repeat; margin-bottom: 20px}
#navigation .inn{background: #fff; position: fixed; overflow-y: auto; padding: 20px; max-width: 340px; box-sizing: border-box; height: 100%; width: 100%;}
#navigation .phone{padding: 0 0 0 55px; background: url("../img/phone.png") 0 50% no-repeat; background-size: auto 100%; margin-top: 40px}
#navigation .phone span{display: block; opacity: 0.7; font-size: 12px;}
#navigation .phone a{font-size: 22px; font-weight: 700; color: #000;}
#navigation .callback{margin: 25px 0}
#navigation .callback .btn{width: 100%;}
#navigation .callback .btn:after{left: calc(50% - 93px)}
#navigation .socials{justify-content: center;}
#navigation .socials a{margin: 0 10px}
#navigation .socials a img{width: 44px; height: 44px;}
#navigation .bottom{padding: 15px 0; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6}
#navigation nav ul li{position: relative; margin-bottom: 12px}
#navigation nav ul li a{display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; text-align: center; box-sizing: border-box; padding: 0 20px; height: 60px; text-transform: uppercase; border-radius: 5px; background: #e9eff9; color: #2561c6}
#navigation nav ul li a img{max-width: 25px; max-height: 25px; margin-right: 9px; display: inline-block; position: absolute; top: 0; left: 0;}
#navigation nav ul li a:hover{color: #7a9900}
input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: "Geologica", sans-serif;}
/*responsive*/
header .callback a.mobile,#about .user .label,#about .mobile{display: none;}
@media screen and (max-width: 1380px){
.container{width: 100%; padding: 0 20px}
.bt{font-size: 35px; margin-bottom: 35px}
body{padding: 85px 0 0}
header{position: fixed; top: 0; left: 0; width: 100%; background: #fff;}
header .socials{display: none;}
header .callback{margin-right: 0; margin-left: 20px}
header .logo{display: flex; align-items: center; justify-content: space-between;}
header .logo img{width: 95px}
header .pull{width: 30px; height: 22px; background: url("../img/pull.png") 50% 50% no-repeat; margin-right: 15px; display: block;}
header .bottom{display: none;}
header .phone{background-size: auto 100%}
header .phone span{font-size: 13px;}
header .phone a{font-size: 21px}
#promo{}
#promo .image__mobile{display: block;}
#promo .image__mobile img{width: 100%; height: 485px; object-fit: cover; padding: 0}
#promo .container{padding: 0}
#promo .text{width: 100%; padding: 40px 20px; background-size: cover; box-sizing: border-box;}
#promo .item{width: calc(100%/3 - 10px)}
#promo .item span{font-size: 68px}
#solutions{padding: 40px 0;}
#solutions .grid{gap: 15px}
#solutions .item{padding: 15px 15px 65px; position: relative;}
#solutions .item .title{font-size: 19px}
#solutions .item p strong,#solutions .item .time strong{font-size: 17px}
#solutions .item p,#solutions .item .time{font-size: 15px;}
#solutions .item .time{background-size: auto 20px; padding-left: 24px}
#solutions .item .btn{height: 48px; font-size: 16px; position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px)}
#iq img{width: 230px;}
#iq .text{width: calc(100% - 250px); font-weight: 300; font-size: 16px;}
#about .user{width: 230px}
#about .data{width: calc(100% - 250px); padding-top: 25px}
#about .user p{font-size: 29px}
#about .data .label{font-size: 16px;}
#about .data .name{font-size: 30px;}
#about .data p{font-size: 14px;}
#about .advantages .item{margin-top: 30px; font-size: 12px; width: 48%; max-width: 100%}
#about .advantages .item img{width: 40px}
#about .advantages .item .inn{width: calc(100% - 50px)}
#advantages .items.red .item{font-size: 16px;}
#advantages .item{font-size: 18px;}
#geography .text{max-width: 100%; text-align: center; width: 100%;}
#geography .bt{text-align: center;}
#geography .data{max-width: 100%; width: 100%;}
#geography .data img{height: 160px; object-fit: cover; width: 100%; border-radius: 30px}
#geography .data li:nth-child(1){width: 30%;}
#geography .data li:nth-child(2){width: calc(70% - 15px);}
#geography .data li:nth-child(4){width: 30%;}
#geography .data li:nth-child(3){width: calc(70% - 15px);}
#geography .data li:nth-child(5){width: 30%;}
#geography .data li:nth-child(6){width: calc(70% - 15px);}
#geography li p{font-size: 16px;}
#geography .mobile{display: block; font-size: 21px;}
#geography .mobile .btn{margin: 25px auto}
#geography .desctop{display: none}
#contacts .item{padding: 25px}
#contacts .item p{font-size: 14px;}
#contacts .item a,#contacts .item a.email{font-size: 18px}
#contacts .item a.email{font-size: 14px;}
#contacts .item img{width: 38px; height: auto;}
#contacts .item.socials a{font-size: 10px}
#contacts .item.socials{justify-content: space-between;}
#contacts .item.socials a{margin: 0}
}
@media screen and (max-width: 767px){
.container{padding: 0 15px;}
.bt{font-size: 25px; margin-bottom: 20px;}
header .phone{display: none;}
header.f-nav .logo,header .logo{width: calc(100% - 32px); justify-content: center;}
header .logo .pull{position: absolute; top: calc(50% - 11px); left: 15px;}
header .logo img{position: relative; left: 15px; top: -4px}
header .callback{margin: 0!important; width: auto; height: auto; align-items: center; position: relative; top: -10px; top: 0}
header .callback a{font-size: 0; width: 32px; height: 32px; border-radius: 50%; padding: 0; background: url("../img/phone.png") 50% 50% no-repeat; background-size: 100%; display: none;}
header .callback a.mobile{display: block; top: 0}
header .callback a:after{display: none;}
#promo{padding-top: 250px; padding-bottom: 60px}
#promo h1{font-size: 32px; margin-bottom: 40px}
#promo h1 strong{padding: 0px 5px}
#promo .btn{width: 100%; height: 66px; font-size: 19px; margin-bottom: 10px;}
#solutions h2{font-size: 25px;}
#solutions .text:after{width: 3px; background: url("../img/bg_linem.png") 0 0 no-repeat; top: -80px; height: calc(100% + 50px)}
#solutions .text p{font-size: 15px;}
#solutions .center h3{flex-wrap: wrap;}
#solutions .center h3 span{font-size: 20px; margin: 10px 5px 0}
#solutions .center p{font-size: 16px;}
#solutions .item p{min-height: 0}
#solutions{border-radius: 20px; padding: 40px 0 20px;}
#solutions .bt br{display: none;}
#solutions .grid{gap: 0; grid-template-columns: repeat(1, 1fr); margin-bottom: 0}
#solutions .item{margin-bottom: 20px;}
#iq{padding: 120px 0}
#iq .item{margin-bottom: 25px}
#iq img{width: 100%; margin-bottom: 20px; order: 0!important}
#iq .text{width: 100%; order: 1!important}
#about{border-radius: 20px; padding-bottom: 40px}
#about .user{width: 100%;}
#about .user p{font-size: 25px; display: none;}
#about .user p br{display: none;}
#about .data{width: 100%;}
#about .data .name{font-size: 26px;}
#about .data p{font-size: 16px}
#about .advantages .item{max-width: 100%; width: 100%; margin-top: 25px;}
#about .advantages .item .inn{font-size: 16px}
#about .mobile{display: block; padding: 30px 0 0;}
#about .data .mobile p{font-size: 25px; font-weight: 700; color: #2daa4a;}
#about .mobile br,#about .data .label{display: none;}
#about .user .label{display: block; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #2daa4a; margin-bottom: 10px;}
#advantages .item{padding: 13px; height: auto; min-height: 60px; font-size: 16px!important}
#advantages .item p{width: calc(100% - 55px);}
#advantages .item span{font-size: 20px}
.btl{font-size: 18px}
#geography{padding: 40px 0 20px; border-radius: 20px;}
#geography .text p{font-size: 16px; line-height: normal; margin-bottom: 20px;}
#geography .btn{max-width: 100%; height: 50px; font-size: 16px; font-weight: 300; margin: 0 auto; width: 240px}
#geography .data{max-width: 100%; padding: 35px 0 0; width: 100%;}
#geography .data li{width: 100%!important}
#geography .data li img{border-radius: 10px}
#geography .data li:first-child img{border-radius: 100px 10px 10px 10px}
#geography .data li:last-child img{border-radius: 10px 10px 100px 10px}
#geography .mobile{font-size: 16px}
#contacts{padding: 120px 0 40px}
#contacts .item{width: 100%; margin-bottom: 15px; padding: 25px 60px}
footer{font-size: 15px;}
footer .flex{justify-content: center; text-align: center;}
footer .data{font-size: 15px; margin-bottom: 10px;}
footer .data p{margin-bottom: 7px}
}
@media screen and (max-width: 520px){
#promo{background: url("../img/bg_promom.jpg") 50% 0 no-repeat; background-size: cover}
}
@media screen and (max-width: 374px){
#promo h1{font-size: 28px}
}
/*responsive*/