/*!
Theme Name: Direct Tranfer
Theme URI: /
Author: Denys Pukhalskyi
Author URI: /
Description: 
Version: 1.0.0
*/


:root{
	--color-sta:  #006AFF;
	--bg-gray: #F2F2F2;
	--color-border:  #D9D9D9;
	--bg-light-blue: #C9E8F5;
	--color-font: #1A1A1A;
	--hover-gray: #E8E8E8;
	--padding-wrapper: 20px;
}
@font-face{
	font-family: MuseoSans;
  	src: url(assets/fonts/MuseoSansCyrl_0.otf);
  	font-weight: 300;
}
@font-face{
	font-family: MuseoSans;
  	src: url(assets/fonts/MuseoSansCyrl_1.otf);
  	font-weight: 500;
}
@font-face{
	font-family: MuseoSans;
  	src: url(assets/fonts/MuseoSansCyrl_2.otf);
  	font-weight: 700;
}
@font-face{
	font-family: MuseoSans;
  	src: url(assets/fonts/MuseoSansCyrl_3.otf);
  	font-weight: 900;
}
html,body,h1,h2,h3,h4,h5,h6,ol,li,ul,p{
	margin:  0;
	padding: 0;
}
body *{
	box-sizing: border-box;
	outline: none;
}
body{
	font-size: 16px;
	font-weight: 500;
	font-family: MuseoSans;
	color: var(--color-font);
}
input, select{
	font-size: 16px;
	font-weight: 500;
	color: var(--color-font);
	font-family: MuseoSans;
	height: 55px;
	padding-left: 24px;
	padding-right: 24px;
	width: 100%;
	display: block;
	background: #FFFFFF;
	border: 1px solid var(--color-border);
	border-radius: 3px;
}
strong{
	font-weight: 600;
}
.title-h1, h1{
	font-size: 48px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 24px;
}
.title-h2, h2{
	font-size: 45px;
	font-weight: 700;
}
.title-h3, h3{
	font-size: 32px;
	font-weight: 500;
}
.title-h4, h4{
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 24px;
}
p, li{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 24px;
}
p:last-child, li{
	margin-bottom: 0;
}
a{
	color: var(--color-sta);
	font-weight: inherit;
	font-size: 16px;
	text-decoration: none;
	transition: .3s color;
	
}
.btn{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	background: var(--color-sta);
	color: #fff;
	height: 50px;
	width: 202px;
	border-radius: 3px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s all;
	padding: 0;
	margin: 0;
	border: 1px solid var(--color-sta);
	cursor: pointer;
}
.btn:hover{
	box-shadow: 0px 4px 20px rgba(0, 106, 255, 0.3);
}

.btn-second{
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
}
.btn-second:hover{
	box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.1);
}
.wrapper{
	max-width: calc(1110px + 2 * var(--padding-wrapper));
	padding-left: var(--padding-wrapper);
	padding-right: var(--padding-wrapper);
	margin: 0 auto;
}
section{
	max-width: calc(1600px + 2 * var(--padding-wrapper));
	padding-left: var(--padding-wrapper);
	padding-right: var(--padding-wrapper);
	margin: 0 auto;
}
.header__container{
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding-top: 53px;
}
.header__icon img{
	display: block;
	height: 39px;
}
.header__menu nav>ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header__menu nav>ul>li{
	height: 42px;
	position: relative;
	padding: 11px 11px 9px;
	border-radius: 3px;
	transition: .3s background-color;
	list-style-type: none;
}
.header__menu a{
	color: var(--color-font);
	font-weight: 500;
}
.header__menu nav>ul>li.active:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 6px;
	height: 2px;
	left: 3px;
	width: calc(100% - 6px);
	background: var(--color-sta);
}
.header__menu nav>ul>li:hover{
	background-color: var(--hover-gray);
}
.header__menu nav>ul>li:not(:last-child){
	margin-right: 50px;
}
.header__languages ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.header__languages ul li{
	list-style-type: none;
	padding-left: 0;
}
.header__lang-item{
	height: 22px;
	padding-right: 6px;
}
.header__lang-item a{
	text-transform: uppercase;
	color: var(--color-font);
	transition: .3s color;
	display: block;
	padding-top: 2px;
	font-weight: 500;
}

.header__lang-item a.active{
	color: var(--color-sta);
}
.header__lang-item+.header__lang-item{
	border-left: 1px solid rgba(26,26,26,1);
	padding-left: 7px;
	padding-right: 0;
}
.header__menu .sub{
	position: absolute;
	left: -5px;
	top:  100%;
	width: 216px;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	box-shadow: 0px 4px 10px rgba(51, 51, 51, 0.12);
	border-radius: 3px;
	padding-top: 14px;
	padding-bottom: 23px;
	display: none;
}
.header__menu li:hover .sub{
	display: block;
}
.header__menu .sub a{
	padding: 9px 23px 10px;
	font-size: 15px;
	display: block;

}
.header__menu .sub a:hover{
	background-color: var(--hover-gray);
}
.header__menu .sub li{
	list-style-type: none;
	line-height: normal;
}
header{
	padding-bottom: 33px;
	position: relative;
	z-index: 100;
}
section{
	padding-top: 50px;
	padding-bottom: 100px;
	position: relative;
	overflow-x: hidden;
}
.header__languages{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
section.general{
	padding-top: 52px;
}
.general__container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.general__container h1{
	font-weight: 600;
	text-transform: uppercase;
}
.general__content{
	width: 53%;
}
.general__media{
	width: 46.7%;
	padding-left: 28px;
}
.general__media img{
	border-radius: 25px 0 0 25px;
	display: block;
}
.general__subtitle, .general h2{
	margin-bottom: 24px;
	font-size: 25px;
	line-height: 35px;
	font-weight: 300;
	text-transform: uppercase;
}
.general__content p{
	max-width: 480px;
}
section.services{
	padding-top: 82px;
	background: #F2F2F2;
}
.services h2{
	margin-bottom: 50px;
}
.services__container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}
.services__item{
	background: #FFFFFF;
	border-radius: 25px;
	transition: .3s all;
}
.services__item:hover{
	box-shadow: 0px 4px 30px rgba(51, 51, 51, 0.12), 0px 4px 4px rgba(51, 51, 51, 0.04);
}
.services__img{
	height: 236px;
	overflow: hidden;
}
.services__img img{
	display: block;
	border-radius: 0 0 25px 25px;
}
.services__content{
	padding: 40px 55px 45px;
}
.services__link a, a.link{
	display: inline-flex;

}
.services__link svg, a.link svg{
	margin-left: 5px;
	margin-top: 2px;
}
section.support{
	padding-top: 100px;
	padding-bottom: 50px;
}
.support__container{
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 25px;
	display: flex;
	align-items: stretch;
}
.support__online{
	flex: 0 0 390px;
	text-align: center;
	padding: 25px 0 30px;
	border-radius: 25px 0 0 25px;
	background-color: var(--bg-light-blue);
}
.support__online img{
	margin-bottom: 11px;
}
.support__online-text{
	font-weight: 600;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.support__time{
	font-weight: 600;
	font-size: 51px;
	line-height: 1;
}
.support__info{
	padding: 25px 49px 33px;
	text-align: center;
}
.support__info p{
	font-size: 20px;
	margin-bottom: 15px;
}
.support__info .btn{
	margin-left: auto;
	margin-right: auto;
}
section.text{
	padding-top: 50px;
	padding-bottom: 50px;
}
section.text h2{
	margin-bottom: 33px;
}
section.text p, section.text li{
	margin-bottom: 18px;

}
.text__container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.text__content ul{
	padding-left: 25px;
}
.text__media{
	border-radius: 25px 0 0 25px;
	padding-left: 30px;
}
.text__media img{
	border-radius: 25px 0 0 25px;
	display: block;
}
.text__container>div{
	width: 50%;
}
.work__container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
}
section.work{
	padding-top: 50px;
}
.work h2{
	margin-bottom: 10px;
	text-align: center;
}
.work .subtitle{
	font-weight: 300;
	font-size: 25px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 41px;
	line-height: 1.4;
}
.work__item{
	border-radius: 25px;
	background-color: var(--bg-gray);
}
.work__image img{
	display: block;
}
.work__image{
	overflow: hidden;
	border-radius: 25px 25px 0 0;
}
.work__content{
	padding: 22px 20px 22px 22px;
}
.work__content h4{
	margin-bottom: 16px;
}
.cool__text{
	padding-left: 43px;
}
section.cool{
	padding-top: 100px;
	background-color: var(--bg-light-blue);
	border-radius: 25px;
}
.cool__container{
	display: grid;
	grid-template-columns: 430px 1fr;
	grid-gap: 100px;
}
.cool__left div{
	margin-left: 70px;

}
.cool__left h2{
	margin-bottom: 80px;
}
.cool__item:not(:last-child){
	margin-bottom: 43px;
}
.cool__title{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.cool__title img{
	margin-right: 13px;
	margin-top: 3px;
	display: block;
}
.cool__title h3{
	width: calc(100% - 41px);
	margin-bottom: 11px;
}
section.faq{
	padding-top: 108px;
	padding-bottom: 88px;
}
.faq h2{
	margin-bottom: 59px;
}

.faq__answer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.faq__status{
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.faq__status:after, .faq__status:before{
	position: absolute;
	content: "";
	height: 4px;
	width: 20px;
	background-color: var(--color-sta);
	transition: .3s opacity;
	top: calc(50% - 2px);
}
.faq__status:after{
	transform: rotate(90deg);
}
.faq__item.active .faq__status:after{
	opacity: 0;
}
.faq__item:last-child{
	border-bottom: 1px soli var(--color-border);
}
.faq__title{
	margin-bottom: 0;
}
.faq__answer{
	border-top: 1px solid var(--color-border);
	padding: 25px 30px 21px 0;
}
.faq__question{
	padding-right: 75px;
	margin-bottom: 20px;
	display: none;
}
.faq__phone *{
	font-size: 25px;
	line-height: 1.6;	
	font-weight: 500;
}
.faq__phone a{
	text-decoration: underline;
}
.faq__container{
	margin-bottom: 44px;
}
section.map{
	padding: 100px 0 0;
	background: var(--bg-gray);
}
.map__container{
	position: relative;
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
}
.map__container>img{
	position: relative;
	width: 100%;

}
.map__terminal{
	position: absolute;
	top: 50%;
	right: var(--padding-wrapper);
	transform: translateY(-50%);
	width: 435px;
	padding: 35px 50px;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.22);
	border-radius: 25px;
}
.map__terminal h4{
	color:  var(--color-sta);
	margin-bottom: 28px;
}
.map__terminal li{
	list-style-type: none;
	padding-left: 37px;
	background: url(assets/img/marker.svg) left 1px no-repeat transparent;
}
.map__terminal li:not(:last-child){
	margin-bottom: 28px;
}
.map h2{
	margin-bottom: 16px;
}
.map__address{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	color: var(--color-sta);
	margin-bottom: 30px;
}
.map__address .btn{
	width: 304px;
}
section.contacts{
	background-color: var(--bg-gray);
}
.contacts__container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.contacts__info{
	padding-left: 52px;
	padding-right: 52px;
}
.contacts__info h3{
	margin-bottom: 33px;
}
.contacts__info ul li{
	list-style-type: none;
	margin-bottom: 33px;
}
.contacts__info a{
	color: var(--color-font);
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.contacts__info svg{
	min-width: 32px;

}
.contacts__info ul li:last-child{
	margin-bottom: 0;
}
.contacts__icon img{
	display: block;
	margin: 78px auto 0;
	padding-right: 52px;
}
.contacts__callback{
	text-align: center;
	width: 350px;
}
.contacts__callback .btn{
	width: 100%;
	height: 55px;
}
.contacts__row+.contacts__row{
	margin-top: 19px;
}
.contacts__callback h3{
	margin-bottom: 19px;
}
.contacts__callback p{
	margin-bottom: 26px;
	font-size: 20px;
	font-weight: 300;
}
footer{
	background-color: var(--color-font);
	padding-top: 53px;
	padding-bottom: 53px;
	color:  #fff;
}
.footer__container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
footer li{
	list-style-type: none;
}
.copyright{
	font-size: 13px;
	margin-top: 44px;
}
#go_top{
	width: 57px;
	height: 52px;
}
.footer__logotype img{
	display: block;
	height: 39px;
}
.footer__nav ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 9px;
}
.footer__nav ul li:not(:last-child){
	margin-right: 53px;
}
footer a{
	color:  #fff;
}
.footer__top{
	margin-top: 71px;
}
.footer__callback ul{
	margin-top: 10px;
	text-align: right;
}
.footer__callback li:not(:last-child){
	margin-bottom: 5px;
}
.footer__callback a{
	font-weight: 300;
}
.text-services li{
	list-style-type: none;
	margin-bottom: 36px !important;
	font-size: 20px;
	padding-left: 33px;
	font-weight: 300;
	background: url(assets/img/check.png) left 7px no-repeat;
}
.text-services ul{
	padding-left: 0;
}
.text-services li:last-child{
	margin-bottom: 0;
}
section.banner{
	padding-top: 80px;
	padding-bottom: 0;
}
.banner h1{
	text-transform: uppercase;
}
.banner__container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 40px;
}
.banner__container p{
	max-width: 475px;
	font-size: 24px;
	font-weight: 300;
}
.banner__image im{
	display: block;
}
section.tabs{
	padding-top: 67px;
}
.tabs__container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.btn-tab{
	width: calc(25% - 22.5px);
	border-radius: 25px;
	border: 1px solid var(--color-font);
	background: #fff;
	color: var(--color-font);
}
.btn-tab svg{
	margin-top: 2px;
	margin-left: 5px;
}
.btn-tab:hover, .btn-tab.active{
	border: 1px solid var(--color-sta);
	background-color: var(--color-sta);
	color: #fff;
	box-shadow: none;
}
.btn-tab svg path, .btn-tab svg pat{
	transition: .3s all;
}
.btn-tab:hover svg path, .btn-tab.active svg path{
	stroke: #fff;
}
.tabs__item section.text{
	padding-top: 0;
	padding-bottom: 0;
}
#tab3.tabs__item section.text, #tab4.tabs__item section.text{
	padding-bottom: 100px;
}
.tabs__item section.text h2{
	margin-bottom: 41px;
}
.tabs__item{
	display: none;
}
.tabs__item .text__media img{
	max-width: 100%;
}
section.complex{
	padding-top: 77px;
	padding-bottom: 77px;
	background: var(--bg-gray);
}
.complex__container{
	display: grid;
	grid-template-areas:  "header header item1" "item2 item3 item4" "item5 item6 item7";
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 48px;
	counter-reset: list 0;
}
.complex__item.col2{
	grid-area: header;
}
.complex__item:nth-child(2){
	grid-area: item1;
}
.complex__item:nth-child(3){
	grid-area: item2;
}
.complex__item:nth-child(4){
	grid-area: item3;
}
.complex__item:nth-child(5){
	grid-area: item4;
}
.complex__item:nth-child(6){
	grid-area: item5;
}
.complex__item:nth-child(7){
	grid-area: item6;
}
.complex__item:nth-child(8){
	grid-area: item7;
}
.complex__item:not(.col2), .best__item{
	position: relative;
	padding: 37px 29px 37px 72px;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(51, 51, 51, 0.12);
	border-radius: 25px;
}
.complex__image{
	position: absolute;
	top: -30px;
	left: 5px;
}
.complex__image img, .best__image img{
	display: block;
}
.complex__item:not(.col2):before{
	counter-increment: list;
	content: counter(list);
	color:  var(--color-border);
	position: absolute;
	left: 23px;
	top: 47px;
	font-size: 59px;
	line-height: 1;
	font-weight: 700;
}
section.best{
	padding-top: 82px;
	padding-bottom: 82px;
	background-color: var(--bg-gray);
}
.best h2{
	margin-bottom: 75px;
	text-align: center;
}
.best__container{
	counter-reset: best 0;
	display: flex;
	align-items:  stretch;
	justify-content: center;
	flex-wrap: wrap;
}
.best__item:before{
	counter-increment: best;
	content: counter(best);
	color:  var(--color-border);
	position: absolute;
	left: 23px;
	top: 47px;
	font-size: 59px;
	line-height: 1;
	font-weight: 700;
}
.best__item{
	padding-top: 23px;
	padding-bottom: 23px;
	display: flex;
	min-height: 140px;
	align-items: center;
	width: calc(33.33% - 20px);
	margin-right: 30px;
}
.best__item:nth-child(1), .best__item:nth-child(2){
	width: 445px;
	max-width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 48px;
}
.best__item:last-child{
	margin-right: 0;
}
.best__image{
	position: absolute;
	left: 19px;
	top: -30px;
}
section.content{
	padding-top: 100px;
}
section.content p, section.content li, section.content a{
	font-size: 20px;
}
section.content li {
    list-style-type: none;
    padding-left: 33px;
    font-weight: 300;
    background: url(assets/img/check.png) left 7px no-repeat;
    
}
section.content li:not(:last-child){
	margin-bottom: 10px !important;
}
section.other{
	padding-top: 82px;
	padding-bottom: 0;
}
section.other h2{
	margin-bottom: 52px;
}
.other__container{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
section.other li{
	font-size: 20px;
	margin-bottom: 32px;
	list-style-type: none;
	padding-left: 31px;
	position: relative;
	white-space: nowrap;
}
section.other li:last-child{
	margin-bottom: 0;
}
section.other li:before{
	position: absolute;
	left: 0;
	top: 5px;
	height: 12px;
	width: 12px;
	background: var(--bg-light-blue);
	border: 3px solid var(--color-sta);
	content: "";
	border-radius: 50%;
	box-sizing: border-box;
}
.other__container ul:nth-child(1){
	margin-right: 123px;
}
.other__container ul:nth-child(2){
	margin-right: 91px;
}
.page-contacts .contacts__callback{
	width: 450px;
}
.page-contacts .contacts__callback form{
	max-width: 350px;
}
.page-contacts .contacts__callback h3{
	text-align: left;
	margin-bottom: 22px;
}
.contacts__link{
	padding-right: 100px;
}
.contacts__link h3{
	margin-bottom: 39px;
}
.contacts__link p:not(:last-child){
	margin-bottom: 27px;
}
.contacts__link a{
	font-weight: 700;
}
.page-contacts section.contacts{
	padding-top: 0;
	background: transparent;
}
.office__container{
	display: flex;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 129px;
}
.office__item h3{
	margin-bottom: 33px;
}
.office__item p:not(:last-child){
	margin-bottom: 33px;
}
.office__item a{
    color: var(--color-font);
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.office__item svg {
    min-width: 32px;
}
.header__menu{
	margin-bottom: -3px;
}
.page-services .support{
	padding-bottom: 100px;
}
.fancybox-content{
	width: 100%;
	max-width: 579px;
	border-radius: 25px;
	box-shadow: 0px 4px 30px rgba(51, 51, 51, 0.12);
	padding-top: 72px;
	padding-bottom: 86px;
}
#callback_form, #thanks{
	display: none;
}
.modal__container .title-h3{
	margin-bottom: 41px;
	text-align: center;
	color:  #000;
}
.modal__container{
	text-align: center;
}
.modal__container .btn{
	width: 100%;
}
.modal__container form{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.fancybox-slide--html .fancybox-close-small{
	opacity: 1;
	padding: 4px;
	top: 23px;
	right:  24px;
}
.fancybox-slide--html .fancybox-close-small path{
	fill: #000;
}
.modal__container input{
	margin-bottom: 19px;
}
.modal__container p{
	margin-bottom: 20px;
	font-size: 16px;
	color:  #000;
}
.footer__callback .btn{
	margin-right: 0;
	margin-left: auto;
}
.copyright br{
	display: none;
}
.tabs-bottom, .btn-burger{
	display: none;
}
.btn-burger{
	margin-left: 60px;
	height: 18px;
	width: 30px;
	position: relative;
	background: transparent;
	border: 0;
}
.btn-burger span{
	height:3px;
	width: 30px;
	display: block;
	position: absolute;
	background: #000;
	left: 0;
	opacity: ;
	transition: .3s all;
}
.btn-burger span:nth-child(1){
	top: 0;
}
.btn-burger span:nth-child(2){
	top: calc(50% - 1.5px);
}
.btn-burger span:nth-child(3){
	top: calc(100% - 3px);
}
::placeholder{
	font-weight: 300;
}
.mobile-menu, .sub-items__btn{
	display: none;
}
body{
	overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto!important;
    -webkit-font-smoothing: antialiased;
}
header{
	z-index: 101;
}
.banner__slider-item{
	display: flex !important; 
	align-items: center;
	border: 1px solid #D9D9D9;
	border-radius: 25px;
	overflow: hidden;
}
.banner__slider-img{
	height: 357px;
	width: 540px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner__slider-img img{
	max-height: 100%;
}
.banner__slider-content{
	width: calc(100% - 540px);
	padding: 40px 40px 40px 30px;
}
.banner__slider-date{
	color: #626262;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	margin-bottom: 16px;
}
.banner__slider-content h3{
	font-weight: 400;
	margin-bottom: 30px;
}
.banner__slider-content p:not(:last-child){
	margin-bottom: 30px;
}
.news__container{
	margin-top: 50px;
	display: grid;
	grid-gap: 40px 30px;
	grid-template-columns: repeat(4, 25%);
}
.news__img{
	margin-bottom: 20px;
	border-radius: 25px;
	overflow: hidden;
	height: 255px;
}
.news__img img{
	height: 100%;
}
.news__title a{
	color: #000;
}
.news__title{
	font-size: 20px;
	line-height: 24px;
	color: #000;
	font-weight: 400;
	margin-bottom: 7px;
}
.news__date{
	font-weight: 400;
	color: #626262;
	font-size: 14px;
	line-height: 17px;
}
.banner__slider-container{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.banner__slider-container .slick-list{
	order: 1;
	margin-bottom: 27px;
}
.banner__slider-container .slick-dots{
	order: 3;
}
.banner__slider-container .slick-prev{
	order: 2;
}
.banner__slider-container .slick-next{
	order: 4;
}
.banner__slider-container .slick-arrow{
	outline: none !important;
	background: transparent;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #006AFF;
	cursor: pointer;
}
.banner__slider-container .slick-arrow svg path{
	stroke: #D9D9D9 !important;
	transition: .3s all;
}
.banner__slider-container .slick-arrow:hover svg path{
	stroke: #006AFF !important;
}
.banner__slider-container .slick-prev{
	margin-right: 15px;
}
.banner__slider-container .slick-next{
	margin-left: 15px;
}
.banner__slider-container .slick-dots{
	display: flex;
	list-style-type: none;
	padding: 0;
	align-items: center;
	grid-gap: 8px;
}

.banner__slider-container .slick-dots button{
	background: #C9E8F5;
	outline: none !important;
	border: 2px solid #D9D9D9;
	border-radius: 50%;
	transition: .3s all;
	cursor: pointer;
	font-size: 1px;
	color: transparent;
	height: 16px;
	width: 16px;
}
.banner__slider-container li{
	font-size: 0;
	line-height: 1;
}
.banner__slider-container .slick-dots button:hover, .banner__slider-container .slick-active button{
	border-color: #006AFF;
}
.banner__slider-container .slick-dots button:last-child{
	margin-right: 0;
}
.news__single-container{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 30px;
}
.banner__slider-content a{
	display: inline-flex;
	align-items: center;
}
.banner__slider-content a svg{
	margin-left: 5px;
}
.single-news h1{
	font-weight: 600;
	font-size: 45px;
	line-height: 54px;
	color: #1a1a1a;
	margin-bottom: 26px;
}
.news__single-date{
	display: flex;
	align-items: center;
	grid-gap: 12px;
	margin-bottom: 69px;
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;

	color: #626262;
}
.news__single-content .thumb{
	width: 100%;
	margin-bottom: 52px;
}
.news__single-content p, .news__single-content li, .news__single-content a{
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	color: #1a1a1a;
}
.news__single-last{
	background: #F2F2F2;
	border-radius: 25px;
}
.news__single-last h3{
	font-weight: 400;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 35px;
}
.news__single-last{
	padding: 30px 0;
	
}
.news__single-last ul{
	padding: 0;
	list-style-type: none;
}
.news__single-last  a{
	display: block;
	color: #000;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 7px;
}
.news__single-last  a:hover{
	text-decoration: underline;
}
.news__single-last li{
	padding: 17px 30px;
	border-bottom: 2px solid #FFFFFF;
}
.news__single-last li span{
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #626262;
}
.news__single-last li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}
.news__single-last li:first-child{
	padding-top: 0;
}
.link-flex{
	display: inline-flex;
	align-items: center;
}
.link-flex svg{
	margin-left: 5px;
}
@media(max-width: 1024px){
	.news__single-container{
		grid-template-columns: 100%;
	}
	.news__container{
		grid-template-columns: repeat(3, 33.33%);
	}
	.btn-tab svg{
		transform: rotate(-90deg);
		transition: .3s all;
	}
	.btn-tab.active svg{
		transform: rotate(0deg);
	}
	.tabs-bottom .btn-tab.active svg{
		transform: rotate(180deg);
	}

	.menu-open .btn-burger span:nth-child(1){
		transform: rotate(45deg);
		top: 8px;
	}
	.menu-open .btn-burger span:nth-child(2){
		opacity: 0;
	}
	.menu-open .btn-burger span:nth-child(3){
		transform: rotate(-45deg);
		top: calc(100% - 10px);
	}
	footer{
		overflow: hidden;
	}
	header .wrapper{
		background: #fff;
	}
	.mobile-menu{
		position: fixed;
		right: 0;
		top: 10px;
		min-height: 100%;
		display: block;
	    z-index: 100;
	}
	.mobile-menu__container a{
		display: block;
		color: var(--color-font);
		width: 100%;
	}
	.sub-items{
		position: relative;
	}
	.sub-items__btn{
		display: block;
		position: absolute;
		height: 63px;
		width: 63px;
		background: url("assets/img/arrow-down-rounded.svg") center no-repeat;
		top: 0;
		right: 0;
		transform: rotate(180deg);
		transition: .3s all;
	}
	.sub-open .sub-items__btn{
		transform: rotate(0);
	}
	.mobile-menu__container li{
		list-style-type: none;
	}
	.mobile-menu__container .sub{
		background: var(--bg-gray);
		padding-top: 5px;
		padding-bottom: 5px;
		display: none;
	}
	.mobile-menu__container .sub a{
		padding: 20px 20px 20px 54px;
		font-size: 15px;
	}
	.mobile-menu__container>ul>li>a{
		padding-left: 25px;
		height: 63px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid var(--color-border);
	}
	.mobile-menu__container{
	    position: fixed;
	    width: 420px;
	    max-width: calc(100% - 63px);
	    height: 100%;
	    text-align: left;
	    top: 103px;
	    bottom: 0;
	    background: #fff;
	    -webkit-overflow-scrolling: touch;
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	    transition: none;
	    transition: none;
	    right: 0;
	    -webkit-transform: translateX(100%);
	    transform: translateX(100%);
	    transition: -webkit-transform 0.5s;
    	transition: transform 0.5s;
    	z-index: 2;
	}
	.mobile-menu__bg{
		background: rgba(0, 0, 0, 0.5);
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 103px;
	    left: 0;
	    opacity: 0;
	    z-index: -1;
	    pointer-events: none;
	}
	.menu-open .mobile-menu__container{
		-webkit-transform: translateX(0);
	    transform: translateX(0);
	}
	.menu-open .mobile-menu__bg{
		opacity: 1;
		z-index: 1;
	    pointer-events: auto;
	}
	.header__menu{
		position: absolute;
	}
	.btn-burger{
		display: block;
	}
	section{
		padding-left: 0;
		padding-right: 0;
	}
	.header__menu nav>ul{
		display: none;
	}
	section.general{
		padding-top: 43px;
	}
	.general__container{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.general__container>div, .text__container>div{
		width: 100%;
	}
	.general__media img, .text__media img{
		border-radius: 25px;
		max-width: 100%;
		width: 100%;
	}
	.general__media{
		padding-left: 0;
		margin-top: 78px;
	}
	.text__media{
		padding-left: 0;
		margin-top: 61px;
	}
	.services h2{
		text-align: center;
	}
	.services__container{
		grid-template-columns: 1fr;
		grid-gap: 40px;
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}
	.services__img img{
		width: 100%;
	}
	.services__title{
		font-weight: 400;
		font-size: 32px;
		line-height: 38px;
	}
	.support__container,.text__container{
		flex-direction: column;
	}
	.support__online{
		flex: unset;
		border-radius: 25px 25px 0 0;
		padding: 30px 0;

	}
	.support__info{
		padding: 21px 20px 30px;
	}
	.support__online img, .support__online-text{
		margin-bottom: 19px;
	}
	.text__content .link{
		margin-top: 30px;
	}
	.work__container{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		grid-gap: 22px;
	}
	.work__item{
		width: 100%;
		max-width: 350px;
	}
	.work__content{
		padding: 22px;
	}
	.cool__container{
		display: flex;
		grid-gap: 44px;
		flex-direction: column;
		justify-content: center;
	}
	section.cool{
		padding-top: 86px;
		padding-bottom: 86px;
	}
	.cool__right{
		max-width:581px;
		margin-left: auto;
		margin-right: auto;
	}
	.cool__left div{
		display: none;
	}
	.cool__left h2{
		margin-bottom: 0;
		text-align: center;
	}
	section.faq{
		padding-top: 100px;
		padding-bottom: 99px;
	}
	.faq h2{
		text-align: center;
	}
	.faq__phone{
		max-width: 550px;
	}
	.map h2{
		margin-bottom: 27px;
		text-align: center;
	}
	.map__address{
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 56px;
	}
	.map__address>span{
		width: 100%;
		text-align: center;
		margin-bottom: 33px;
	}
	.map__terminal{
		max-width: 352px;
		padding: 35px 32px;
	}
	.map__terminal h4{
		text-align: center;
		margin-bottom: 25px;
	}
	.map__terminal li:not(:last-child){
		margin-bottom: 19px;
	}
	.contacts__icon, .footer__nav{
		display: none;
	}
	.contacts__info{
		padding: 0;
	}
	.contacts__container{
		display: flex;
		grid-template-columns: 1fr 1fr;
		grid-gap: 54px;
	}
	section.contacts{
		padding-top: 100px;
	}
	.footer__container{
		align-items: flex-end;
	}
	.footer__callback ul{
		margin-top: 5px;
	}
	.services__img{
		height: auto;
	}
	section.text h2{
		text-align: center;
	}
	.faq__container{
	    border-bottom: 1px solid var(--color-border);
	}
	.tabs-bottom{
		display: block;
	}
	section.banner{
		padding-top: 43px;
	}
	.banner__container{
		grid-gap: 40px;
		margin-bottom: 44px;
	}
	.banner__container p{
		font-size: 16px;
		max-width: 320px;
	}
	.banner h1{
		margin-bottom: 0;
	}
	.banner__image img{
		max-width: 100%;
		width: 100%;
		border-radius: 25px;
		display: block;
	}
	section.tabs{
		padding-top: 57px;
		padding-bottom: 68px;
	}
	.tabs__container{
		flex-direction: column;
		grid-gap: 18px;
	}
	.btn-tab{
		width: 100%;
	}
	.tabs-content .wrapper, .tabs .wrapper{
		max-width: calc(600px + 2 * var(--padding-wrapper));
	}
	.tabs__item section.text h2{
		text-align: left;
	}
	.tabs__item section.text h2{
		font-size: 43px;
	}
	.text__media{
		order: -1;
		margin-top: 0;
		margin-bottom: 55px;
	}
	.text-services li:last-child{
		margin-bottom: 0 !important;
	}
	.page-services .support{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.tabs-bottom{
		padding-top: 0 !important;
		padding-bottom: 80px !important;
	}
	#tab3.tabs__item section.text, #tab4.tabs__item section.text{
		padding-bottom: 80px;
	}
	section.complex{
		padding-top: 82px;
		padding-bottom: 80px;
	}
	.complex .wrapper, .best .wrapper, .other .wrapper{
		width: 100%;
		max-width: 100%;
	}
	.complex__container, .best__container{
		display: flex;
		grid-gap: 48px 22px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.complex__item, .best__item{
		width: 352px;
	}
	.best__item{
		width: 352px !important;
		margin: 0 !important;
	}
	.complex__item.col2{
		padding-bottom: 9px;
		width: 100%;
	}
	section.other{
		padding-top: 75px;
	}
	.other__container{
		flex-wrap: wrap;
	}
	.other__container ul{
		margin-right: 0 !important;
		width: calc(50% - 11px) !important;
	}
	.other__container ul:last-child{
		margin-top: 32px;
		width: 100% !important;
	}
	section.content{
		padding-top: 80px;
	}
	section.office{
		padding-top: 69px;
		padding-bottom: 57px;
	}
	.office__container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap:  60px;
	}
	.page-contacts .contacts__container{
		grid-template-columns: unset;
		flex-direction: column;
		grid-gap: 80px;
	}
	.page-contacts .contacts__callback{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.page-contacts .contacts__callback form{
		margin-left: auto;
		margin-right: auto;
	}
	.contacts__link{
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.header__menu{
		order: 5;
	}
}
@media(min-width:764px){
	.banner h1{
		white-space: nowrap;
	}
	section.cool{
		max-width: calc(100% - 60px);
		margin-left: auto;
		margin-right: auto;
	}
}
@media(max-width: 763px){
	.banner__slider-content{
		padding: 20px;
		width: 100%;
	}
	.banner__slider-item{
		flex-direction: column;
	}
	.news__container{
		grid-template-columns: repeat(2, 50%);
	}
	.office__container{
		text-align: center;
	}
	.page-contacts .contacts__callback h3{
		text-align: center;
	}
	.office__container{
		grid-template-columns: 1fr;

	}
	.other__container ul{
		margin-right: 0 !important;
		width: 100% !important;
	}
	.other__container ul+ul{
		margin-top: 32px;

	}
	section.complex{
		padding-top: 80px;
	}
	section{
		padding-bottom: 80px;
	}
	.title-h1, h1{
		font-size: 38px;
	}
	.title-h2, h2{
		font-size: 43px;
	}
	.general__media{
		margin-top: 86px;
	}
	.services__content{
		padding: 40px 50px;
	}
	.support__info a{
		white-space: nowrap;
	}
	.support__info p{
		margin-bottom: 24px;
	}
	section.support{
		padding-top: 80px;
		padding-bottom: 23px;
	}
	section.text{
		padding-top: 24px;
	}
	section.text h2{
		margin-bottom: 35px;
	}
	.text__media{
		margin-top: 45px;
	}
	section.text li:not(:last-child){
		margin-bottom: 12px;
	}
	.text__content .link{
		margin-top: 15px;
	}
	section.work{
		padding-top: 30px;
	}
	.work h2{
		font-size: 41px;
		margin-bottom: 12px;
	}
	.work__container{
		grid-gap: 32px;
	}
	section.cool{
		padding-top: 53px;
		padding-bottom: 53px;
	}
	.office__item a{
		justify-content: center;
	}
	.cool__container{
		grid-gap: 31px;
	}
	section.faq{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.faq h2{
		margin-bottom: 32px;
	}
	.faq__phone *{
		font-size: 23px;
	}
	section.map{
		padding-top: 68px;
		padding-bottom: 80px;
    	border-bottom: 1px solid #fff;
	}
	.faq__answer{
		padding-right: 0;
	}
	.map__terminal{
		position: static;
		transform: none;
		max-width: 100%;
		width: calc(100% - 2 * var(--padding-wrapper));
		margin-left: auto;
		margin-right: auto;
		margin-top: 51px;
	}
	.map__container{
		border: 0;
	}
	.map__container iframe{
		border-top: 1px solid var(--color-border);
    	border-bottom: 1px solid var(--color-border);
	}
	section.contacts{
		padding-top: 69px;
	}
	.contacts__container{
		grid-gap: 62px;
		flex-direction: column;
		align-items: center;
	}
	.contacts__info{
		text-align: center;
	}
	.contacts__info a{
		justify-content: center;
	}
	.footer__top{
		display: none;
	}
	.footer__container{
		align-items: flex-start;
	}
	.copyright{
		font-size: 12px;
		max-width: 160px;
	}
	.copyright br{
		display: block;
	}
	.tabs__container{
		grid-gap: 27px;
	}
	.banner__container{
		flex-direction: column;
		grid-gap: 7px;
		margin-bottom: 34px;
	}
	.banner__container p{
		max-width: 320px;
	}
	section.tabs{
		padding-top: 46px;
	}
	.text-services .text__media{
		margin-top: 0;
	}
}