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: "Golos Text", sans-serif;
background: #fff;
font-size: 16px;
line-height: normal;
color: #000;
min-width: 320px;
overflow-x: hidden;
position: relative;
padding: 145px 0 0;
}
.container{width: 1360px; margin: 0 auto; box-sizing: border-box;}
header{position: fixed; top: 0; left: 0; width: 100%; height: 145px; z-index: 300; background: #fff; box-shadow: 5px 10px 40px 0px rgba(122,153,0,0.1);}
header .flex{align-items: center;}
header .top{padding: 10px 0;}
header .pull{display: none;}
header .logo img{width: 250px}
header .phone{padding: 0 0 0 35px; background: url("../img/phone.png") 0 50% no-repeat;}
header .phone a{color: #000; font-weight: 500; font-size: 20px;}
header .phone a:hover{color: #7a9900}
header .callback{margin: 0 42px;}
header .socials a{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #e9e9e9; margin-left: 20px}
header .socials a:hover{background: #b0c907; background: transparent;}
header .socials a:first-child{margin-left: 0;}
header .bottom{padding: 15px 0; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6}
header nav ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
header nav ul li a{color: #000; font-weight: 500; font-size: 19px; display: block; padding-left: 35px; position: relative;}
header nav ul li a img{max-width: 25px; max-height: 25px; margin-right: 9px; display: inline-block; position: absolute; top: 0; left: 0;}
header nav ul li a:hover{color: #7a9900}
#promo{padding: 95px 0; background: url("../img/bg_promo.jpg") 50% 0 no-repeat; background-size: cover;}
#promo .text{max-width: 815px}
#promo h1{color: #fff; text-transform: uppercase; max-width: 560px; font-weight: 700; font-size: 45px; line-height: 1.4; margin-bottom: 80px}
#promo h1 strong{display: inline-block; background: #000; text-transform: none; padding: 7px 33px 13px; border-radius: 5px; margin-top: 20px}
#promo .item{width: 250px; box-sizing: border-box; padding: 20px 33px 30px 33px; border-radius: 5px; background: #fff}
#promo .item span{font-weight: 700; font-size: 75px}
#promo .item p{font-size: 18px; opacity: 0.7}
#solutions{padding: 55px 0 80px; background: url("../img/bg_solutions.png") 50% 0 no-repeat; background-size: cover;}
#solutions .flex{align-items: flex-start;}
#solutions h2{text-transform: uppercase; font-weight: 700; font-size: 45px; padding: 0 0 0 55px; max-width: 370px; box-sizing: border-box; line-height: 1.4; background: url("../img/bg_bt.png") 0 50% no-repeat;}
#solutions .text{max-width: 870px}
#solutions .text p{margin-bottom: 25px; font-size: 17px}
#solutions .text p strong{color: #7a9900}
#solutions .center{padding: 40px 0 45px; text-align: center;}
#solutions .center h3{display: flex; align-items: center; justify-content: center; font-size: 35px; font-weight: 600;}
#solutions .center h3 span{display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 35px; border-radius: 5px; background: url("../img/lss.png") 50% 50% no-repeat; width: 48px; height: 48px; margin-left: 17px;}
#solutions .center p{font-size: 25px; opacity: 0.7; padding: 15px 0 0}
#solutions .item{background: #fff; box-sizing: border-box; padding: 30px 40px; border-radius: 20px; margin-bottom: 60px; box-shadow: 0px 0px 50px 20px rgba(79,82,69,0.1);}
#solutions .item .title{font-size: 28px; font-weight: 600; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 32px;}
#solutions .item .title span{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-right: 15px; color: #fff; font-weight: 600; font-size: 23px; background: url("../img/lss.png") 50% 50% no-repeat; border-radius: 5px;}
#solutions .item .image{width: 400px}
#solutions .item .image img{width: 100%; border-radius: 5px; margin-bottom: 45px}
#solutions .item .data{width: calc(100% - 440px)}
#solutions .item .data .left{width: calc(50% - 20px)}
#solutions .item .data .it{box-sizing: border-box; border-radius: 5px 5px 0 0; margin-bottom: 38px; overflow: hidden;}
#solutions .item .data .left:first-child .it .inn{min-height: 200px; box-sizing: border-box;}
#solutions .item:nth-child(2) .data .left:first-child .it .inn{min-height: 212px; box-sizing: border-box;}
#solutions .item:nth-child(2) .data .left:last-child .it:last-child .inn{min-height: 88px}
#solutions .item:nth-child(3) .data .left:first-child .it .inn{min-height: 240px; box-sizing: border-box;}
#solutions .item:nth-child(3) .data .left:last-child .it{margin-bottom: 27px}
#solutions .item .data .it .inn{border: 1px solid #7a9900; border-radius: 0 0 5px 5px; padding: 20px;}
#solutions .item .data .it .inn li{padding: 0 0 0 20px; background: url("../img/ls.png") 0 5px no-repeat; font-size: 18px; margin-bottom: 14px;}
#solutions .item .data .it .inn li:last-child{margin-bottom: 0;}
#solutions .item .data .it .it__title{color: #fff; font-weight: 600; font-size: 20px; padding: 0 20px; display: flex; align-items: center; height: 48px; background: url("../img/bg_title.png") 50% 50% no-repeat; background-size: cover;}
#solutions .note{background: #fff; display: flex; align-items: center; justify-content: center; height: 95px; font-size: 40px; font-weight: 600; border-radius: 20px; box-shadow: 0px 0px 50px 20px rgba(79,82,69,0.1); text-align: center;}
#solutions .note strong{color: #7a9900; font-weight: 600;}
#solutions .note img{max-width: 34px; margin-right: 20px}
#solutions .btn{display: none;}
#solutions .image .btn{display: flex;}
#expertise{padding: 70px 0; color: #fff; background: url("../img/bg_expertise.jpg") 50% 50% no-repeat; background-size: cover;}
#expertise .flex{align-items: center}
#expertise .text{max-width: 625px}
#expertise .text .item{position: relative; padding: 0 0 0 90px; font-size: 22px; line-height: 1.35; margin-bottom: 42px}
#expertise .text .item:last-child{margin-bottom: 0;}
#expertise .text .item strong{color: #c1d825}
#expertise .text .item img{position: absolute; top: 5px; left: 0; box-shadow: 0px 0px 50px 18px rgba(131,162,2,0.28); border-radius: 10px;}
#expertise .note{background: rgba(0, 0, 0, 0.4); margin-top: 50px; display: flex; align-items: center; justify-content: center; height: 95px; font-size: 40px; font-weight: 600; border-radius: 20px; box-shadow: 0px 0px 50px 20px rgba(79,82,69,0.1); text-align: center;}
#expertise .note strong{color: #7a9900; font-weight: 600;}
#expertise .note img{max-width: 34px; margin-right: 20px}
#team{padding: 70px 0; background: url("../img/bg_team.jpg") 50% 50% no-repeat; background-size: cover;}
#team .swiper-slide{box-sizing: border-box; font-size: 18px; line-height: 1.35; border-radius: 20px; overflow: hidden; background: #fff url("../img/bg_team1.png") 50% 0% no-repeat; background-size: cover; text-align: center; padding: 45px 55px}
#team .item img{margin: 0 auto; width: 148px; height: 148px; border-radius: 50%;}
#team .item .name{padding: 20px 0}
#team .item .name span{display: block; font-size: 40px; font-weight: 600; color: #7a9900}
#team .item p{margin-bottom: 10px}
#team .item strong{font-size: 22px;}
#team .item .go{font-size: 28px; font-weight: 700; color: #7a9900}
#team .swiper-wrapper{align-items: normal;}
#geography{padding: 70px 0; color: #fff; background: url("../img/bg_geo.jpg") 50% 0 no-repeat; background-size: cover;}
#geography .note{background: #fff; color: #000; display: flex; align-items: center; justify-content: center; height: 95px; font-size: 40px; font-weight: 600; border-radius: 20px; box-shadow: 0px 0px 50px 20px rgba(79,82,69,0.1); text-align: center;}
#geography .note strong{color: #7a9900; font-weight: 600;}
#geography .note img{max-width: 34px; margin-right: 20px}
#geography .text{justify-content: flex-end;}
#geography .text ul{margin-bottom: 80px; max-width: 640px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
#geography .text ul li{margin-bottom: 25px; font-size: 25px; font-weight: 500; padding: 8px 0 8px 70px; box-sizing: border-box; width: 50%; background: url("../img/address.png") 0 50% no-repeat;}
#geography .text ul li:nth-child(2n){position: relative; left: 60px}
#contacts{padding: 85px 0}
#contacts .flex{align-items: center;}
#contacts .info{width: 660px; text-align: center;}
#contacts .info img{width: 100%;}
#contacts .info p{font-size: 70px; font-weight: 700; color: #7a9900}
#contacts .data{max-width: 600px; box-sizing: border-box; padding: 0 0 0 57px; background: url("../img/ct_line.png") 0 50% no-repeat;}
#contacts .data .title{font-size: 37px; font-weight: 700; margin-bottom: 20px;}
#contacts .data .box{padding: 0 0 0 30px; margin-bottom: 20px}
#contacts .data .box:last-child{margin-bottom: 0;}
#contacts .data .box .label{font-size: 17px; opacity: 0.6; margin-bottom: 10px;}
#contacts .data .box.phone{background: url("../img/phone.svg") 0 0 no-repeat; background-size: 20px;}
#contacts .data .box.email{background: url("../img/email.svg") 0 0 no-repeat; background-size: 20px;}
#contacts .data .box.address{background: url("../img/address.svg") 0 0 no-repeat; background-size: 18px;}
#contacts .data .box.phone a{color: #000; font-size: 37px; font-weight: 600; line-height: 1}
#contacts .data .box.address p{font-size: 20px; font-weight: 500; max-width: 430px}
#contacts .data .box.email p{margin-bottom: 7px; font-size: 17px;}
#contacts .data .box.email a{color: #7a9900; font-weight: 500; border-bottom: 1px solid transparent;}
#contacts .data .box.email a:hover{border-color: #7a9900}
.grecaptcha-badge{width: 0!important; height: 0!important;}
footer{padding: 22px 0; background: #f2f4eb; font-size: 17px;}
footer .flex{align-items: center;}
footer img{margin-left: 15px;}
footer p a{color: #7a9900; border-bottom: 1px solid transparent;}
footer p a:hover{border-color: #7a9900}
.wow{visibility: hidden;}
.bt{text-align: center; font-weight: 700; font-size: 45px; text-transform: uppercase; margin-bottom: 60px;}
.bt strong{color: #c1d824}
.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: #7a9900; border-bottom: 1px solid #7a9900}
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 #7a9900; 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 #7a9900; border-radius: 5px; background: #7a9900; 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;}
.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: "Golos Text", 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;}
.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(3,1fr); gap: 28px;}
.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;}
.btn-green{color: #fff; box-shadow: 5px 10px 40px 0px rgba(122,153,0,0.2); padding: 0 25px; height: 40px; line-height: 40px; border-radius: 5px; background: #7a9900; font-weight: 500; font-size: 15px;}
.btn-green:hover{background: #000; box-shadow: none}
.btn-callback{display: flex; align-items: center; justify-content: center; height: 74px; background: #000; color: #fff; border-radius: 5px; font-weight: 500; font-size: 20px;}
.btn-callback img{margin: 0 15px 0 0!important; width: 27px!important; border-radius: 0!important}
.btn-callback:hover{background: #96b203}
.btn-callback svg{width: 30px; height: 30px; border-radius: 50%; margin-right: 15px; background: #fff}
.btn-callback svg path{fill: #8daa02}
.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: 320px; box-sizing: border-box; height: 100%; width: 100%;}
#navigation .phone{padding: 0 0 0 35px; background: url("../img/phone.png") 0 50% no-repeat; margin-top: 50px}
#navigation .phone a{color: #000; font-weight: 500; font-size: 28px;}
#navigation .phone a:hover{color: #7a9900}
#navigation .callback{width: 100%; padding: 20px 0}
#navigation .callback .btn{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 20px;}
#navigation .socials{justify-content: center; display: flex; align-items: center; width: 100%;}
#navigation .socials a{display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #e9e9e9; margin: 0 10px}
#navigation .socials a:hover{background: #b0c907}
#navigation .socials a:first-child{margin-left: 0;}
#navigation .bottom{padding: 15px 0; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6}
#navigation nav ul li{position: relative; margin-bottom: 30px}
#navigation nav ul li a{color: #000; font-weight: 500; font-size: 19px; display: block; padding-left: 35px; position: relative;}
#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: "Golos Text", sans-serif;}
/*responsive*/
header .callback .mobile{display: none;}
@media screen and (max-width: 1380px){
.container{width: 100%; padding: 0 20px}
.bt{font-size: 35px; margin-bottom: 35px}
body{padding: 70px 0 0}
header{height: 70px;}
header .socials{display: none;}
header .callback{margin-right: 0}
header .logo{display: flex; align-items: center; justify-content: space-between;}
header .logo img{width: 180px}
header .pull{width: 30px; height: 22px; background: url("../img/pull.png") 50% 50% no-repeat; margin-right: 15px; display: block;}
header .bottom{display: none;}
#promo{background: transparent; padding: 0}
#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: url("../img/bg_text.jpg") 50% 50% no-repeat; background-size: cover; box-sizing: border-box; max-width: 100%}
#promo .item{width: calc(100%/3 - 10px)}
#promo .item span{font-size: 68px}
#solutions,#expertise,#team,#geography{padding: 40px 0; position: relative;}
#solutions h2{padding: 0; width: 100%; max-width: 100%; font-size: 35px; margin-bottom: 20px; padding-left: 30px; background: transparent;}
#solutions .text{max-width: 100%; font-size: 16px; width: 100%; padding-left: 30px; box-sizing: border-box; position: relative;}
#solutions .text:after{background: url("../img/bg_line.png") 0 0 no-repeat; width: 30px; height: calc(100% + 36px); background-size: 12px 100%; content: ''; position: absolute; top: -60px; left: 0;}
#solutions .center h3{font-size: 25px;}
#solutions .center h3 span{margin-left: 10px; width: 34px; height: 34px; font-size: 24px}
#solutions .center p{font-size: 18px}
#solutions .item .image{width: 100%; margin-bottom: 20px}
#solutions .item .image img{height: 350px; object-fit: cover; width: 100%; margin-bottom: 0;}
#solutions .item .image .btn{display: none;}
#solutions .item .data{width: 100%;}
#solutions .item .data .left{width: calc(50% - 10px)}
#solutions .item .data .it .inn li{font-size: 15px;}
#solutions .image .btn{display: none;}
#solutions .btn{display: flex; width: 100%;}
#solutions .note,#expertise .note,#geography .note{font-size: 24px;}
#expertise .text{order: 1; width: 100%; max-width: 100%;}
#expertise .image{order: 0; width: 100%; max-width: 100%; margin-bottom: 30px;}
#expertise .image img{width: 100%;}
#team .list__team{padding: 0 50px}
.slider-sw .swiper-button-next{right: 0;}
.slider-sw .swiper-button-prev{left: 0}
#geography{background: #7a9900 url("../img/bg_geom.jpg") calc(50% + 100px) -130px no-repeat; background-size: 1900px}
#geography .bt{margin-bottom: 480px;}
#geography .text{justify-content: center;}
#geography .text ul{max-width: 100%; margin-bottom: 10px}
#contacts{padding: 50px 0}
#contacts .info{width: 100%;}
}
@media screen and (max-width: 767px){
.container{padding: 0 15px;}
.bt{font-size: 28px; margin-bottom: 20px;}
header .phone{display: none;}
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}
header .callback{margin: 0}
header .callback a{display: none; font-size: 0; width: 32px; height: 32px; border-radius: 50%; padding: 0; background: #7a9900 url("../img/phonew.svg") 50% 50% no-repeat!important; background-size: 14px!important;}
header .callback .mobile{display: block;}
#promo h1{font-size: 27px; margin-bottom: 40px}
#promo h1 strong{padding: 5px 17px}
#promo .item{width: 100%; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; padding: 12px 33px 22px}
#promo .item span{width: 70px; text-align: right; font-size: 60px;}
#promo .item p{width: calc(100% - 95px); font-size: 18px}
#promo .item:last-child{margin-bottom: 0;}
#promo .image__mobile img{height: 340px}
#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{padding: 17px; margin-bottom: 20px;}
#solutions .item .title{font-size: 18px; padding: 0 0 0 35px; position: relative;}
#solutions .item .title span{position: absolute; top: 0; left: 0; margin: 0; font-size: 16px; width: 26px; height: 26px;}
#solutions .item .data .left{width: 100%;}
#solutions .item .data .it .inn{min-height: 0!important; padding: 15px}
#solutions .item .data .it .it__title{font-size: 16px; padding: 0 15px; height: 35px;}
#solutions .item .data .it .inn li{font-size: 16px;}
#solutions .item .data .it{margin-bottom: 20px!important}
#solutions .btn{height: 60px; font-size: 16px;}
#solutions .note, #expertise .note, #geography .note{justify-content: flex-start; position: relative; padding: 0 20px 0 50px; font-size: 20px; text-align: left;}
#solutions .note img, #expertise .note img, #geography .note img{position: absolute; top: 24px; left: 15px; margin: 0; width: 20px}
#expertise .text .item{padding-left: 55px; margin-bottom: 20px; font-size: 15px;}
#expertise .text .item img{width: 40px;}
#expertise .text .item strong{font-size: 15px;}
#team .list__team{padding: 0 20px}
.slider-sw .swiper-button-prev, .slider-sw .swiper-button-next{width: 10px; background-size: 100%;}
#team .swiper-slide{padding: 50px 15px 30px; font-size: 14px;}
#team .item .go{font-size: 20px;}
#team .item strong{font-size: 16px;}
#team .item .name span{font-size: 25px;}
#team .item .name{padding-bottom: 10px}
#geography{background-size: 900px; background-position: calc(50% + 20px) -20px}
#geography .bt{margin-bottom: 260px}
#geography .text ul li{width: 100%; left: 0!important; font-size: 23px; margin-bottom: 15px; background-size: 42px; padding-left: 60px}
#contacts{padding: 40px 0}
#contacts .data{padding-left: 20px; background-size: 3px 100%}
#contacts .data .title{font-size: 25px;}
#contacts .data .box.phone a{font-size: 30px;}
#contacts .data .box.address p{font-size: 16px;}
#contacts .data .box.email p{font-size: 14px;}
#contacts .info{margin-top: 20px;}
#contacts .info p{font-size: 46px;}
#team .swiper-wrapper{align-items: flex-start;}
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: 374px){
#promo .item{padding-left: 15px;}
#promo .item span{font-size: 50px; width: 80px}
#promo .item p{width: calc(100% - 100px); font-size: 16px}
#promo h1{font-size: 24px}
}
/*responsive*/