/*#region fonts*/
@font-face {
	font-family:'Korolev';
	src: url('../fonts/KorolevBoldCompressed.otf');
	font-style: normal;
	font-weight: 700;
	}
@font-face {
	font-family:'Korolev';
	src: url('../fonts/KorolevMediumCompressed.otf');
	font-style: normal;
	font-weight: 500;
	}
@font-face {
	font-family:'Korolev';
	src: url('../fonts/KorolevLightCompressed.otf');
	font-style: normal;
	font-weight: 300;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-Black.ttf');
	font-style: normal;
	font-weight: 900;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-BlackItalic.ttf');
	font-style: italic;
	font-weight: 900;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-Bold.ttf');
	font-style: normal;
	font-weight: 700;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-BoldItalic.ttf');
	font-style: italic;
	font-weight: 700;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-Regular.ttf');
	font-style: normal;
	font-weight: 400;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-Italic.ttf');
	font-style: italic;
	font-weight: 400;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-Light.ttf');
	font-style: normal;
	font-weight: 300;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-LightItalic.ttf');
	font-style: italic;
	font-weight: 300;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-Thin.ttf');
	font-style: normal;
	font-weight: 100;
	}
@font-face {
	font-family:'Lato';
	src: url('../fonts/Lato-ThinItalic.ttf');
	font-style: italic;
	font-weight: 100;
	}
/*#endregion*/

/*#region template.css*/
html {
	min-height:100%;
}
body {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	color: #777777;
	line-height: 1.55;
}
a{
	color: #F3BD46;
	text-decoration: underline;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
a:hover, a:focus {
	text-decoration:none;
}
p{
	margin-bottom: 30px;
}
p:last-child{
	margin-bottom: 0;
}

strong, b{
	font-weight: 700;
}
img{
	max-width: 100%;
}
.intro{
	font-size: 23px;
	line-height: 1.47;
}
.container{
	max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
}
.big-container{
	max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
}
.yellow {
	color: #F3BD46;
}
/*#endregion*/

/*#region title*/
h1, h2, h3, h4, h5, h6{
	font-family: 'Korolev';
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #191919;
}
h1{
	font-size:80px;
	line-height:1;
	margin-bottom: 40px;
}
h2{
	font-size:60px;
	line-height:1;
}
h3{
	font-size:52px;
	line-height:1;
}
h4{
	font-size:42px;
	line-height:1;
}
h5{
	font-size:32px;
	line-height:1.4;
}
h6{
	font-size:28px;
	color:#F3BD46;
	line-height: 1.2;
	margin-bottom: 20px;
}
h1.white, h2.white, h3.white, h4.white, h5.white,
.white h1, .white h2, .white h3, .white h4, .white h5{
	color: #fff;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{
	margin-bottom: 0;
}
/*#endregion*/

/*#region btn*/
.btn{
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	padding: 21px 40px 16px 40px;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	white-space: nowrap;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.btn.center {
	margin-left: auto;
	margin-right: auto;
}
.btn.big{
	min-width: 300px;
	padding-left: 20px;
	padding-right: 20px;
}
.btn.small{
	min-width: 200px;
	padding-left: 20px;
	padding-right: 20px;
}
.btn.yellow{
	/*color: #191919;*/
	/*background: #F3BD46;*/
	/*border-color: #F3BD46;*/


	color: #ffffff;
	background-image: -moz-linear-gradient(
		145deg,
		/*rgba(243,189,70,1) 0%,*/
		/*rgba(243,189,70,1) 30%,*/
		/*rgba(228,143,20,1) 100%*/

		rgba(243,189,70,1) 0%,
		rgba(243,189,70,1) 7.5%,
		rgba(228,143,20,1) 25%,
		rgba(243,189,70,1) 75%,
		rgba(228,143,20,1) 100%
	);
	background-image: -webkit-linear-gradient(
		145deg,
		/*rgba(243,189,70,1) 0%,*/
		/*rgba(243,189,70,1) 30%,*/
		/*rgba(228,143,20,1) 100%*/

		rgba(243,189,70,1) 0%,
		rgba(243,189,70,1) 7.5%,
		rgba(228,143,20,1) 25%,
		rgba(243,189,70,1) 75%,
		rgba(228,143,20,1) 100%
	);
	background-image: linear-gradient(
		145deg,
		/*rgba(243,189,70,1) 0%,*/
		/*rgba(243,189,70,1) 30%,*/
		/*rgba(228,143,20,1) 100%*/

		rgba(243,189,70,1) 0%,
		rgba(243,189,70,1) 7.5%,
		rgba(228,143,20,1) 25%,
		rgba(243,189,70,1) 75%,
		rgba(228,143,20,1) 100%
	);
	background-size: 400% 400%;
	background-repeat: no-repeat;
	border: none;
}
.btn.opacity-white{
	color: #fff;
	background: transparent;
	border-color: #fff;
}
.btn.opacity-black {
	color: #191919;
	background: transparent;
	border-color: #191919;
}
.btn:not(.yellow):hover,
.btn:not(.yellow):focus {
    color: #F3BD46;
	background:#191919;
	border-color: #F3BD46;
}
.btn.yellow:hover,
.btn.yellow:focus {
	background-position: 100% 100%;
}
/*#endregion*/

/*#region hamburger*/
#hamburger{
	display: none;
}
.hamburger-box {
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	cursor: pointer;
}
.hamburger-lines {
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hamburger-lines,
.hamburger-lines::before,
.hamburger-lines::after {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #F3BD46;
	transition: .15s;
}
.hamburger-lines::before,
.hamburger-lines::after {
	content: "";
	display: block;
}
.hamburger-lines::before {
	top: -10px;
}
.hamburger-lines::after {
	top: 10px;
}
.menu-active .hamburger-lines{
	background-color: transparent;
}
.menu-active .hamburger-lines::before{
	top: 0;
	transform: rotate(45deg);
}
.menu-active .hamburger-lines::after{
	top: 0;
	transform: rotate(-45deg);
}
/*#endregion*/

/* #region header-menu*/
#header-menu{
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
#header-menu + section{
	margin-top: 90px;
}
#header-menu .container{
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 80px;
	display: flex;
	align-items: center;
	height: 100%;
}
#header-menu .logo{
	flex: 0 0 102px;
	margin-right: 130px;
}
#header-menu .logo a{
	display: block;
	width: 100%;
	height: 100%;
}
#header-menu .logo a img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#hamburger{
	display: none;
}
.header-nav{
	flex-grow: 1;
	display: flex;
	align-items: center;
}
.header-nav ul{
	list-style: none;
}
.header-nav + .btn{
	padding: 10px 20px 7px 20px;
	min-width: 140px;
}
#mainmenu{
	display: flex;
}
#mainmenu>li>a,
#mainmenu>li>span{
	font-family: 'Lato';
	text-decoration: none;
	text-transform: uppercase;
	color: #191919;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	padding: 38px 25px 34px 25px;
	margin: 0 3px;
	display: block;
	position: relative;
	height: 90px;
}
#mainmenu>li>a::before,
#mainmenu>li>span::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 36px;
	left: 0;
	top: calc(50% - 18px);
	background: #000;
	box-shadow: 3px 3px 0px rgba(0,0,0,0.25);
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
#mainmenu>li.active>a::before,
#mainmenu>li>a:hover::before,
#mainmenu>li>a:focus::before,
#mainmenu>li.open>a::before,
#mainmenu>li.active>span::before,
#mainmenu>li>span:hover::before,
#mainmenu>li>span:focus::before,
#mainmenu>li.open>span::before{
	opacity: 1;
	visibility: visible;
}
#mainmenu>li.active>a,
#mainmenu>li>a:hover,
#mainmenu>li>a:focus,
#mainmenu>li.open>a,
#mainmenu>li.active>span,
#mainmenu>li>span:hover,
#mainmenu>li>span:focus,
#mainmenu>li.open>span{
	color: #fff;
}
.submenu-child {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	top: 90px;
	left: 0;
	right: 0;
	z-index: 40;
	background: #fff;
	box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
	padding: 40px 15px;
}
@media (min-width:768px) {
	li.submenu:hover > .submenu-child {
		opacity: 1;
		visibility: visible;
	}
}
.submenu-child ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: flex-start;
	max-width: 1340px;
	max-height: 155px;
	margin-left: auto;
	margin-right: auto;
}
.submenu-child ul li{
	width: calc(100% / 4);
}
.submenu-child ul li a{
	display: block;
	padding: 15px 0;
	color: #2C2C2C;
	font-weight: 300;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 0.04em;
	line-height: 1.2;
}
.submenu-child ul li.active a,
.submenu-child ul li a:hover,
.submenu-child ul li a:focus{
	color: #F3BD46;
}
#menu-overley {
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    height: calc(100% - 60px);
	z-index: 20;
	background: rgba(25, 25, 25, 0.7);
	display: none;
}
@media (min-width: 1025px){
	#header-menu.scroll #mainmenu>li>a,
	#header-menu.scroll #mainmenu>li>span{
		padding: 23px 25px 19px 25px;
		height: 60px;
	}
	#header-menu.scroll .submenu-child{
		top: 60px;
	}
	#header-menu .hide-desktop{
		display: none;
	}
}

/*#endregion*/

/*#region footer*/
#footer-page{
	background: #2C2C2C;
}
#footer-page ul{
	list-style: none;
}
.footer-title{
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.footer-title h6{
	margin-bottom: 0;
}
.footer-title .btn{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
.footer-bg{
	margin-left: 80px;
	margin-right: 80px;
	background: #fff;
}
.footer-top{
	display: flex;
	justify-content: space-between;
	padding-top: 105px;
}
.footer-top .f-col{
	padding: 0 15px 30px 15px;
}
.footer-top ul li a{
	color: #777777;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 10px;
	text-decoration: none;
	display: block;
}
.footer-top ul li:last-child a{
	padding-bottom: 0;
}
.footer-top ul li a:hover{
	color: #191919;
}
.footer-top h5{
	font-size: 24px;
	margin-bottom: 15px;
}
.footer-logo a{
	max-width: 142px;
	display: block;
}
.footer-logo img{
	object-fit: contain;
	display: block;
}
.footer-contact{
	display: flex;
	flex-wrap: wrap;
	padding-top: 65px;
	padding-bottom: 115px;
}
.footer-contact a{
	display: flex;
	align-items: center;
	margin-right: 100px;
	text-decoration: none;
	font-size: 14px;
	color: #777777;
}
.footer-contact a:last-child{
	margin-bottom: 0;
}
.footer-contact a .img{
	margin-right: 30px;
	background: #191919;
	width: 50px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 3px 3px #CDCDCD;
	padding: 15px 10px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.footer-contact a .img img{
	display: block;
	object-fit: contain;
}
.footer-contact a:hover .img{
	background: #F3BD46;
}
.footer-contact a h5{
	margin-bottom: 0;
	color: #191919;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.footer-contact a:hover h5{
	color: #F3BD46;
}
.footer-copy{
	text-transform: uppercase;
	display: flex;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 14px;
	border-top: 1px solid #CDCDCD;
}
.footer-copy p{
	margin-bottom: 0;
}
.footer-copy ul{
	margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footer-copy li{
	margin: 0 5px;
}
.footer-copy li a{
	color: #777777;
}
.soc-block{
	margin-left: auto;
	display: flex;
}
.soc-block a{
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 5px;
}
.soc-block a:hover{
	opacity: 0.6;
}
.soc-block a img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*#endregion*/

/*#region showcase*/
#showcase{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
#showcase h1{
	font-size: 140px;
	margin-bottom: 20px;
}
#showcase .big-container{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
	padding-top: 90px;
	padding-bottom: 50px;
	z-index: -1;
}
#showcase .left{
	margin-right: 50%;
	padding-right: 20px;
}
#showcase .left .btn{
	margin-top: 50px;
}
#showcase .right{
	background: rgba(25, 25, 25, 0.7);
	min-height: calc(100vh - 90px);
	padding: 120px 80px 80px 80px;
	width: 50%;
	max-width: 640px;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #fff;
}
.ico-list{
	margin-top: 35px;
	margin-bottom: 40px;
}
.ico-list li{
	font-family: 'Lato';
	font-weight: 700;
	font-size: 18px;
	background: #191919;
	margin-bottom: 5px;
	list-style: none;
	padding: 15px 40px;
	display: flex;
    align-items: center;
}
.ico-list li span{
	flex:0 0 60px;
	height: 60px;
	margin-right: 30px;
}
.ico-list li span img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
#showcase .right .btn{
	width: 100%;
}
/*#endregion*/

/*#region marketing*/
#marketing{
	margin-top: 200px;
	margin-bottom: 150px;
	position: relative;
}
#marketing .left{
	margin-right: 40%;
    max-width: 780px;
}
.marketing-content .title{
	margin-bottom: 60px;
    max-width: 620px;
    padding-right: 70px;
}
.marketing-content .intro{
	margin-bottom: 50px;
	max-width: 690px;
}
.marketing-content h5{
	margin-bottom: 25px;
}
.marketing-content .description{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -30px;
}
.marketing-content .description .col{
	margin-left: 15px;
	margin-right: 15px;
	width: calc(50% - 30px);
	max-width: 360px;
	margin-bottom: 30px;
}
.marketing-content .btn{
	margin-top: 35px;
}
#marketing .right{
	position: absolute;
	left: 55%;
	top: 0;
	width: 45%;
	display: flex;
	flex-wrap: wrap;
	max-width: 770px;
}
.marketing-img .img{
	padding: 0 10px 20px 10px;
}
.marketing-img .img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.marketing-img .big{
	width: 65%;
	max-height: 330px;
	max-width: 500px;
	margin-right: 35%;
}
.marketing-img .small{
	width: 50%;
	max-height: 255px;
	max-width: 340px;
	margin-left: auto;
}
.marketing-img .long{
	width: 35%;
	max-height: 360px;
	max-width: 270px;
	margin-top: -105px;
}
/*#endregion*/

/*#region whot-wi-do*/
#whot-wi-do{
	padding-top: 200px;
	padding-bottom: 150px;
	background: #2C2C2C;
}
#whot-wi-do .title{
	text-align: center;
	margin-bottom: 80px;
}
.wwd-slider{
	position: relative;
}
.wwd-slider .slide-single{
	width: 880px;
	margin: 0 40px;
	height: 700px;
	text-decoration: none;
}
.wwd-slider .slid-img{
	width: 100%;
	height: 420px;
	margin-bottom: 65px;
}
.wwd-slider .slid-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.wwd-slider .slid-content{
	color: #fff;
	display: none;
}
.wwd-slider .slick-current .slid-content{
	display: flex;
}
.wwd-slider .slid-content h4{
	width: 40%;
	flex-shrink: 0;
	padding-right: 30px;
	color: #fff;
	margin-top: 3px;
}
.wwd-slider .slid-content .right{
	max-width: 500px;
	margin-left: auto;
}
.wwd-slider .slid-content .description{
	/*max-height: 105px;*/
	/*overflow: hidden;*/
	margin-bottom: 25px;
}
.wwd-slider .slid-content .description p{
	margin-bottom: 0;
}
.slick-arrow{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 180px;
	background-color: #fff;
	background-image: url('../images/slider-nav.svg');
	background-position: 22px center;
	background-repeat: no-repeat;
	background-size: 12px 20px;
}
.sliderPrev{
	left: calc(50% - 470px);
}
.sliderNext{
	right: calc(50% - 470px);
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
/*#endregion*/

/*#region chess-block*/
.chess-block .row{
	display: grid;
	grid-template-columns: 1fr minmax(100px, 660px) minmax(100px, 660px) 1fr;
}
.chess-block .row .content{
	grid-column: 2 / 3;
	grid-row: 1 / 1;
}
.chess-block .row .img{
	grid-column: 3 / 5;
	grid-row: 1 / 1;
}
.chess-block .row:nth-child(2n) .content{
	grid-column: 3 / 4;
	grid-row: 1 / 1;
}
.chess-block .row:nth-child(2n) .img{
	grid-column: 1 / 3;
	grid-row: 1 / 1;
}
.chess-block .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	max-width: 620px;
	padding: 50px 20px;
}
.chess-block .row:nth-child(2n) .content{
	margin-left: auto;
}
.chess-block .content .title{
	margin-bottom: 20px;
}
.chess-block .content h5{
	margin-bottom: 20px;
}
.chess-block .row .img > img {
	width: 100%;
	height: 100%;
	max-height: 775px;
	object-fit: cover;
	display: block;
}
.chess-block .row .img.fit > img {
	object-fit: contain;
	object-position: left;
}
.chess-block .row:nth-child(2n) .img.fit > img {
	object-position: right;
}
#home-services .btn{
	margin: 100px auto;
}
#home-services .content .btn{
	margin: 35px 0 0 0;
}
.list-count{
	list-style: none;
	counter-reset: li;
}
.list-count li{
	position: relative;
	padding-left: 35px;
	min-height: 33px;
    margin-bottom: 17px;
}
.list-count li::before{
	counter-increment: li;
	content: counter(li);
	position: absolute;
	top: 3px;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	font-family:Korolev;
	line-height: 1;
	z-index: 1;
	width: 20px;
}
.list-count li::after{
	position: absolute;
	content: "";
	color: #fff;
	left: 0;
	top: -3px;
	width: 20px;
	height: 30px;
	background: #000;
	box-shadow: 3px 3px 0px #CDCDCD;
	z-index: 0;
}
/*#endregion*/

/*#region our-partners*/
#our-partners{
	background: #F6F6F6;
	padding-top: 95px;
	padding-bottom: 115px;
}
#our-partners h4{
	text-align: center;
}
.partners-logo{
	max-width: 1270px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
}
.partners-logo::before{
	position: absolute;
	content: "";
	background: url("../images/quotes.png") no-repeat center;
	bottom: 0;
	left: 0;
	width: 73px;
	height: 51px;
}
.partners-logo::after{
	position: absolute;
	content: "";
	background: url("../images/quotes.png") no-repeat center;
	top: 0;
	right: 0;
	width: 73px;
	height: 51px;
	transform: rotate(180deg);
}
.partners-logo .img{
	background: #fff;
	height: 145px;
	width: calc(25% - 20px);
	margin: 10px;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.partners-logo .img img{
	max-width: 100%;
	max-height: 100%;
}
/*#endregion*/

/*#region for-client*/
#for-client{
	padding-top: 170px;
	padding-bottom: 170px;
}
.ic-content{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: -15px;
	margin-right: -15px;
}
.ic-content>div{
	width: calc(50% - 30px);
	margin-left: 15px;
	margin-right: 15px;
}
.ic-content .img img{
	object-fit: contain;
	display: block;
}
.ic-content .title{
	margin-bottom: 20px;
}
.ic-content .btn{
	margin-top: 45px;
}
/*#endregion*/

/*#region header-section*/
#header-section{
	background-position: center;
	background-size: cover;
	color: #fff;
}
#header-section .container{
	min-height: 410px;
	padding-top: 75px;
	padding-bottom: 75px;
	height: 100%;
	display: flex;
	align-items: flex-end;
}
#header-section .subtitle{
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}
#header-section h1{
	font-size: 100px;
	margin-bottom: 0;
}
/*#endregion*/

/*#region service-item-page*/
#service-usp{
	background: #F6F6F6;
}
#service-usp .usp-top{
	background: #fff;
}
.usp-list{
	list-style: none;
	display: flex;
	font-family: 'Korolev';
	color: #000000;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
}
.usp-list li{
	width: 33.333333333%;
	padding: 30px 15px 25px 15px;
	text-align: center;
}
.usp-list li span{
	color: #F3BD46;
}
.usp-bottom{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	padding-bottom: 50px;
	color: #000;
	padding-top: 100px;
	padding-bottom: 105px;
	position: relative;
}
.usp-bottom::before{
	position: absolute;
	content: "";
	background: url("../images/quotes.png") no-repeat center;
	bottom: 50px;
	left: 15px;
	width: 73px;
	height: 51px;
}
.usp-bottom::after {
    position: absolute;
    content: "";
    background: url("../images/quotes.png") no-repeat center;
    top: 35px;
    right: 15px;
    width: 73px;
    height: 51px;
    transform: rotate(180deg);
}
.col-block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: -15px;
	margin-right: -15px;
}
.col-block .col{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	width: calc(50% - 30px);
	max-width: 570px;
}
.usp-bottom .btn{
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
}
#service-top{
	padding-top: 120px;
	padding-bottom: 185px;
}
.service-top{
	display: flex;
}
.service-top>div{
	flex-basis: 50%;
}
.service-top .left{
	flex-grow: 1;
	margin-right: 20px;
}
.service-top .right{
	max-width: 545px;
}
.service-top .img{
	margin-bottom: 20px;
}
.service-top .img.big img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service-top .img.small img{
	width: 80%;
	max-width: 332px;
	height: 100%;
	object-fit: cover;
}
.service-top .img img{
	display: block;
}
.service-top .img + .title{
	margin-top: 65px;
}
.service-top .title{
	margin-bottom: 50px;
}
.service-top .description{
	max-width: 580px;
}
.service-top .btn{
	margin-top: 65px;
}
.service-top .img + h5{
	margin-top: 80px;
}
.service-top h5{
	margin-bottom: 45px;
}
#booking{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
#booking .container{
	min-height: 680px;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#booking .btn{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
#service-bottom .btn{
	margin: 100px auto 125px auto;
}
#service-bottom .title{
	margin-bottom: 45px;
}
#realisations {
    background: #F6F6F6;
    padding-top: 95px;
    padding-bottom: 115px;
}
#realisations .title {
	text-align: center;
}
#realisations .realisations-list {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
}
#realisations .realisations-list::before {
    position: absolute;
    content: "";
    background: url('../images/quotes.png') no-repeat center;
    bottom: 0;
    left: 0;
    width: 73px;
    height: 51px;
}
#realisations .realisations-list::after {
    position: absolute;
    content: "";
    background: url('../images/quotes.png') no-repeat center;
    top: 0;
    right: 0;
    width: 73px;
    height: 51px;
	transform: rotate(180deg);
}
#realisations .realisations-list .img {
	position: relative;
    background: #fff;
    height: 280px;
    width: calc(33.333333% - 20px);
    margin: 10px;
	cursor: pointer;
}
#realisations .realisations-list .img::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	background-image: url("../images/expand-wide-solid.svg");
	background-size: 50px 50px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
#realisations .realisations-list .img:hover::after {
	opacity: 1;
}
#realisations .realisations-list .img img {
    display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#realisations .btn {
	margin: 100px auto 0 auto;
}
#realisations-showcase {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
#realisations-showcase.active {
	visibility: visible;
	opacity: 1;
}
#realisations-showcase .realisations-list {
	width: 1180px;
	max-width: calc(100% - 60px);
	height: 890px;
	max-height: calc(100vh - 60px);
}
#realisations-showcase .realisations-list .img {
	height: 890px;
	max-height: calc(100vh - 60px);
    display: block;
	object-fit: contain;
}
#realisations-showcase .realisations-list .img img {
    display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#realisations-showcase .slider-nav {
	position: fixed;
	top: 50%;
	margin-left: auto;
	margin-right: auto;
	width: 1520px;
	max-width: 100%;
}
#realisations-showcase .slick-arrow {
	top: -30px;
}
#realisations-showcase .sliderPrev {
	left: 0;
}
#realisations-showcase .sliderNext {
	right: 0;
}
#render {
	padding-top: 90px;
	padding-bottom: 120px;
}
#render .title {
	margin-bottom: 60px;
	text-align: center;
}
#all-services{
	padding-top: 115px;
	padding-bottom: 180px;
	background: #F6F6F6;
}
#all-services h3{
	text-align: center;
	margin-bottom: 50px;
}
.services-list{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: -15px;
}
.services-list li{
	width: calc(25% - 30px);
	margin: 15px;
}
.services-list li a{
	text-decoration: none;
	height: 180px;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 20px 0;
}
.services-list li a:hover{
	background: #F3BD46;
}
.services-list li h5{
	margin-bottom: 0;
	margin-top: auto;
	font-size: 25px;
}
.services-list li .img{
	transition: .4s;
	max-width: 90px;
	max-height: 60px;
	margin: auto;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.services-list li .img img{
	display: block;
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.services-list li:hover .img{
	filter: brightness(20%);
	-webkit-filter: brightness(20%);
}
/*#endregion*/

/*#region form-section*/
.form-section{
	padding-top: 120px;
}
.form-title{
	padding-bottom: 20px;
	border-bottom: 1px solid #CDCDCD;
	margin-bottom: 50px;
	margin-top: 120px;
}
.form-title:first-child{
	margin-top: 0;
}
.form-row{
	display: flex;
	flex-wrap: wrap;
	margin-left: -17px;
	margin-right: -17px;
}
.form-row .col{
	margin-left: 17px;
	margin-right: 17px;
	margin-bottom: 35px;
}
.form-row .col3{
	width: calc(33.333333333% - 34px);
}
.form-row .col2{
	width: calc(50% - 34px);
}
.form-row .col1{
	width: 100%;
}
.form-row.adress-row{
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -35px;
}
.form-row.adress-row .col3{
	margin-left: 20px;
	margin-right: 20px;
	width: calc(33.333333333% - 40px);
}
.adress-row .col3.big{
	flex-grow: 1;
}
.adress-row .col3.small{
	max-width: 300px;
}
.form-field{
	width: 100%;
	padding: 22px 15px 18px 30px;
	border: 2px solid #9F9F9F;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	color: #191919;
	font-family: 'Lato';
	font-weight: 400;
	font-size: 18px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
textarea.form-field{
	height: 205px;
	resize: vertical;
}
.form-field:focus{
	border-color: #F3BD46;
}
.form-field::placeholder{
	color: #777777;
	font-family: 'Lato';
	font-weight: 400;
	font-size: 18px;
}
.field-label{
	font-family: 'Korolev';
	font-weight: 700;
	font-size: 18px;
	color: #191919;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.errorlist {
	color: #F50000;
	font-size: 12px;
	list-style: none;
}
.file-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 35px;
}
.file-row .help-text {
	padding-top: 10px;
	padding-bottom: 10px;
}
input[type="file"]{
	display: none;
}
input[type="file"] + label{
	margin-left: 0!important;
	margin-right: 30px!important;
	margin-top: 0!important;
}
.file-row .errorlist {
	width: 100%;
}
.form-row.check-row2{
	margin-left: -10px;
	margin-right: -10px;
}
.check-col.col2{
	margin-left: 10px;
	margin-right: 10px;
	width: calc(50% - 20px);
}
.form-row.check-row2,
.form-row.check-row3{
	margin-bottom: -20px;
}
.form-row.check-row2 .col,
.form-row.check-row3 .col{
	margin-bottom: 20px;
}
input[type="checkbox"],
input[type="radio"] {
    display: none;
}
input[type="checkbox"] + label,
input[type="radio"] + label{
    position: relative;
	cursor: pointer;
	padding-left: 45px;
	color: #777777;
}
input[type="checkbox"] + label a,
input[type="radio"] + label a{
	color: #777777;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before{
	position: absolute;
	content: "";
	width: 26px;
	height: 26px;
	border: 2px solid #9F9F9F;
	background-color: #fff;
	top: -5px;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
}
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
	background-image: url('../images/ico-check.svg');
}
.check-card + .check-label {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	cursor: pointer;
	background: #fff;
	border: 3px solid #CDCDCD;
	box-shadow: 10px 10px #F6F6F6;
	padding: 45px 35px 30px 35px;
	color: #777777;
	transition: .1s;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-ms-transition: .1s;
	-o-transition: .1s;
}
.check-card + .check-label h3,
.check-card + .check-label h5{
	color: #F3BD46;
	transition: .1s;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-ms-transition: .1s;
	-o-transition: .1s;
}
.check-card + .check-label h3{
	margin-bottom: 20px;
}
.check-card + .check-label h5{
	margin-bottom: 10px;
}
.check-card + .check-label .description{
	margin-bottom: 15px;
}
.check-card + .check-label .time{
	padding: 3px 12px 2px 12px;
	color: #fff;
	background: #777777;
	font-size: 15px;
	font-weight: 600;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 150px;
	text-align: center;
	margin-bottom: 35px;
	transition: .1s;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-ms-transition: .1s;
	-o-transition: .1s;
}
.check-card + .check-label .price{
	font-size: 28px;
	font-weight: 600;
	color: #191919;
	margin-top: auto;
	line-height: 1.2;
}
.check-card + .check-label::before {
	position: absolute;
	content: "";
	width: 26px;
	height: 26px;
	border: 1px solid #CDCDCD;
	background-color: #F6F6F6;
	top: 15px;
	left: inherit;
	right: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 13px;
	transition: .1s;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-ms-transition: .1s;
	-o-transition: .1s;
}
.check-card:checked + .check-label{
	background: #F3BD46;
	border-color: #F3BD46;
	color: #191919;
}
.check-card:checked + .check-label h3,
.check-card:checked + .check-label h5{
	color:#fff;
}
.check-card:checked + .check-label .time{
	background: #191919;
}
.check-card:checked + .check-label::before {
	background-image: url('../images/ico-check.svg');
	background-color: #fff;
	border-color: #fff;
}
.submit-row{
	margin-top: 150px;
	position: relative;
	z-index: 1;
	margin-bottom: -170px;
	padding-bottom: 100px;
}
.submit-row::before{
	position: absolute;
	content: "";
	width: 80vw;
	left: calc(50% - 40vw);
	bottom: 0;
	height: 170px;
	background: #fff;
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05);
	z-index: -1;
}
.submit-row h3{
	text-align: center;
	margin-bottom: 35px;
}
.form-block .btn{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.form-block .submit-row .btn{
	margin-top: 0;
}
.messages {
	padding-top: 20px;
	font-style: italic;
	list-style: none;
}
.messages .success {
	color: #66C948;
}
.messages .warning {
	color: #F3BD46;
}
.messages .error {
	color: #C95248;
}
/*#endregion*/

/*#region prices-page*/
#work-area{
	padding: 200px 0;
}
@media (min-width: 1500px){
	#work-area .img img{
		margin-left: -150px;
	}
}
/*#endregion*/

/*#region workflow-page*/
#workflow-usp {
	background: #F6F6F6;
}
#pricelist .chess-block .row .img > img {
	max-height: 1300px;
}
#pricelist .title {
	margin-bottom: 20px;
}
#pricelist .form-block .btn {
	margin-left: 0;
	margin-right: 0;
}
#online-wallet {
	padding-top: 90px;
	padding-bottom: 80px;
	background: #F6F6F6;
}
#online-wallet .title {
	text-align: center;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	max-width: 690px;
}
#online-wallet .description {
	text-align: center;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	max-width: 690px;
}
.online-wallet-advantage-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.online-wallet-advantage-single {
	width: calc(100% / 3);
	padding-left: 35px;
	padding-right: 35px;
	margin-bottom: 35px;
	text-align: center;
}
.online-wallet-advantage-single .ico img {
	display: block;
	width: 122px;
	height: 96px;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.online-wallet-advantage-single h5{
	font-size: 24px;
	margin-bottom: 10px;
	color: #F3BD46;
}
#online-wallet .btn {
	margin-left: auto;
	margin-right: auto;
}
#premium-partner {
	padding-top: 90px;
	padding-bottom: 80px;
	background: #F6F6F6;
}
#premium-partner .title {
	text-align: center;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	max-width: 690px;
}
#premium-partner .description {
	text-align: center;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	max-width: 690px;
}
.premium-table {
	background-color: #FFFFFF;
	max-width: 860px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.premium-table table {
	width: 100%;
	border-collapse: collapse;
}
.premium-table th {
	font-family: 'Korolev', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #191919;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 18px 20px;
}
.premium-table td {
	font-size: 16px;
	color: #191919;
	vertical-align: middle;
	padding: 16px 20px;
}
.premium-table th:not(:first-child),
.premium-table td:not(:first-child) {
	text-align: center;
	width: 200px;
}
.premium-table th:nth-child(2),
.premium-table td:nth-child(2) {
	background-color: rgba(150, 150, 150, 0.075);
}
.premium-table th:nth-child(3) {
	background-color: #F3BD46;
}
.premium-table td:nth-child(3) {
	background-color: rgba(243, 189, 70, 0.4);
}
.premium-table tbody tr:nth-child(odd) {
	background-color: rgba(227, 227, 227, 0.5);
}
.premium-table tr.highlighted {
	background-color: rgba(243, 189, 70, 0.4);
}
#payment-options{
	padding-top: 90px;
	padding-bottom: 80px;
	background: #F6F6F6;
}
#payment-options .title{
	text-align: center;
	margin-bottom: 75px;
}
.payment-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.payment-single {
	width: 50%;
	padding-left: 35px;
	padding-right: 35px;
	margin-bottom: 35px;
	text-align: center;
}
.payment-single:first-child {
	display: flex;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	text-align: left;
	border-bottom: solid 2px #9F9F9F;
}
.payment-single:nth-child(2) {
	border-right: solid 1px #9F9F9F;
}
.payment-single:last-child {
	border-left: solid 1px #9F9F9F;
}
.payment-single .ico img {
	display: block;
	width: 80px;
	height: 80px;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.payment-single:first-child .ico {
	flex-shrink: 0;
	width: 140px;
	margin-right: 90px;
	text-align: center;
}
.payment-single:first-child .ico img {
	width: 100%;
	height: auto;
}
.payment-single h4 {
	margin-bottom: 15px;
}
.payment-single h5{
	font-size: 24px;
	margin-bottom: 10px;
}
.payment-single:first-child h5{
	font-size: 32px;
}
.payment-logo{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -10px;
}
.payment-logo img{
	display: block;
	max-width: 85px;
	max-height: 32px;
	object-fit: contain;
	margin: 0 18px 10px 18px;
}
/*#endregion*/

/*#region blog-page*/
.filter-menu{
	margin: 40px 0;
	border-bottom: 1px solid #CDCDCD;
	list-style: none;
	display: flex;
}
.filter-menu li a{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	color: #777777;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-right: 20px;
	border-bottom: 5px solid transparent;
}
.filter-menu li:last-child a{
	margin-right: 0;
}
.filter-menu li a:hover,
.filter-menu li a:focus,
.filter-menu li.active a{
	border-color: #F3BD46;
	color: #000000;
}

.article-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 38px;
	grid-auto-flow: dense;
	margin-bottom: -38px;
}
.article-list .first-article{
	grid-column: 1 / 4;
}
.article-list .long,
.article-list .small,
.article-list .middle{
	grid-column: span 1;
	grid-row: span 1;
}
.article-list .small.left,
.article-list .middle.left{
	grid-column-start: 1;
}
.article-list .big.right{
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row: span 3;
	grid-column: span 2;
}
.article-list .big.left{
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row: span 2;
}
.article-list .middle.right{
	grid-column-start: 3;
}
.article-single{
	margin-bottom: 38px;
}
.article-single a{
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: #777777;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	height: 100%;
}
.article-single a .img{
	background-color: #F3BD46;
}
.article-single a .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.article-single a:hover .img img{
	opacity: 0.5;
}
.article-single.small a{
	box-shadow: none;
}
.article-single .category{
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #F3BD46;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.article-single h5{
	letter-spacing: 0;
}
.article-single .description{
	overflow: hidden;
}

.article-single.first-article a,
.article-single.small a{
	flex-direction: row;
}
.article-single.first-article .content{
	padding: 50px 60px 60px 60px;
	flex-basis: 50%;
	max-width: 490px;
}
.article-single.first-article .img{
	flex-basis: 50%;
	flex-grow: 1;
	max-height: 500px;
}
.article-single.small .img{
	flex-basis: 50%;
	flex-grow: 1;
	max-height: 200px;
}
.article-single.first-article h5{
	font-size: 37px;
	line-height: 1.16;
}
.article-single.first-article .description{
	max-height: 220px;
	margin-top: 45px;
}
.article-single.long .img,
.article-single.middle .img{
	height: 230px;
}
.article-single.long .content,
.article-single.middle .content{
	padding: 30px 30px 35px 30px;
}
.article-single.long h5,
.article-single.middle h5{
	font-size: 28px;
	line-height: 1.2;
}
.article-single.long .description{
	margin-top: 25px;
	max-height: 120px;
	font-size: 16px;
}
.article-single.middle .description,
.article-single.small .description{
	display: none;
}
.article-single.small .content{
	flex-basis: 50%;
	padding: 25px 0 25px 20px;
}
.article-single.small h5{
	font-size: 20px;
	line-height: 1.3;
}
.article-single.big .img{
	height: 525px;
}
.article-single.big .content{
	padding: 45px 55px;
}
.article-single.big h5{
	font-size: 37px;
	line-height: 1.16;
	margin-bottom: 15px;
}
.article-single.big .description{
	max-height: 110px;
}

.pagination{
	display: flex;
	list-style: none;
	justify-content: center;
	margin-top: 50px;
	padding-top: 30px;
	margin-bottom: 90px;
	border-top: 1px solid #CDCDCD;
}
.pagination li a,
.pagination li span {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #191919;
    text-align: center;
    margin: 0 6px;
    text-decoration: none;
    font-size: 15px;
	font-weight: 600;
	border: 1px solid #CDCDCD;
}
.pagination li.prev a,
.pagination li.next a,
.pagination li.prev span,
.pagination li.next span{
	background-image: url('../images/ico-pagination.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 8px 13px;
	background-color: #F5F5F5;
}
.pagination li.next a,
.pagination li.next span{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.pagination li.more span{
	background-image: url('../images/ellipsis-h-light.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30% 30%;
}
.pagination li.active a,
.pagination li a:hover,
.pagination li a:focus{
	background-color: #F3BD46;
	border-color: #F3BD46;
}
/*#endregion*/

/*#region blog-item-page*/
.blog-item-page #header-section .container{
	min-height: 575px;
}
#blog-item{
	margin-top: -195px;
}
#blog-item .big-container{
	max-width: 1280px;
	background: #fff;
	padding: 0;
}
#blog-item .container{
	padding-top: 75px;
	padding-bottom: 90px;
}
.article-content{
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.article-content .title{
	margin-bottom: 40px;
}
.article-content .intro{
	margin-bottom: 75px;
}
.article-content img{
	display: block;
	object-fit: contain;
	margin-top: 60px;
	margin-bottom: 60px;
}
.article-content h5{
	margin-top: 60px;
	margin-bottom: 20px;
}
.article-content h4{
	font-family: 'Lato';
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 50px;
	text-transform: none;
}
.article-content a{
	font-weight: 700;
}
.article-content q{
	font-size: 26px;
	font-weight: 600;
	color: #191919;
	line-height: 1.38;
	padding: 50px;
	max-width: 650px;
	display: block;
	margin: 50px auto;
	quotes: "\201c" "\201d";
	background-image: linear-gradient(to left, #F3BD46, #F3BD46), linear-gradient(to right, #F3BD46, #F3BD46), linear-gradient(to bottom, #F3BD46, #F3BD46), linear-gradient(to top, #F3BD46, #F3BD46);
	background-size: 72px 8px, 72px 8px, 8px 45px, 8px 45px;
	background-position: 0 0, 100% 100%, 0 0, 100% 100%;
	background-repeat: no-repeat;
}
.article-content .btn {
	margin-left: auto;
	margin-right: auto;
}
.article-bottom{
	padding-top: 25px;
	margin-top: 100px;
	border-top: 1px solid #CDCDCD;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000000;
}
.back{
	display: block;
	line-height: 1.2;
	padding: 23px 35px 17px 50px;
	color: #000000;
	text-decoration: none;
	border: 2px solid #D5D5D5;
	background-image: url('../images/ico-pagination.svg');
	background-position: 25px 23px;
	background-repeat: no-repeat;
	background-size: 8px 18px;
}
.back:hover{
	background-color: #F3BD46;
}
.article-bottom .soc-block{
	align-items: center;
	margin-left: 0;
}
.article-bottom .soc-block a{
	border: 1px solid #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px;
}
.article-bottom .soc-block span{
	margin-right: 20px;
}
.article-bottom .soc-block a:hover{
	opacity: 1;
	background-color: #F3BD46;
}
.article-bottom .soc-block a img{
	display: block;
	object-fit: contain;
}
#related-blogs{
	background: #F6F6F6;
	padding: 90px 0;
}
#related-blogs h3{
	margin-bottom: 75px;
	text-align: center;
}
/*#endregion*/

/*#region our-team-page*/
#our-team{
	padding-top: 90px;
	padding-bottom: 120px;
}
#our-team .intro{
	margin-bottom: 90px;
}
.team-list{
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -60px;
}
.team-single{
	width: calc(25% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 60px;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.team-single .title{
	padding: 20px 30px;
}
.team-single .position{
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #F3BD46;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.team-single h5{
	font-size: 28px;
	letter-spacing: 0;
	line-height: 1;
}
.team-single .img{
	height: 30vw;
	max-height: 350px;
}
.team-single .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
#vacancies {
	padding-top: 120px;
	padding-bottom: 120px;
}
#vacancies .content {
	max-width: 575px;
	width: 100%;
}
#vacancies .title {
	margin-bottom: 20px;
}
#vacancies .btn {
	margin-top: 45px;
}

/*#endregion*/

/*#region faq-page*/
#faq{
	padding-top: 90px;
	padding-bottom: 120px;
}
#faq .intro{
	margin-bottom: 70px;
}
.acc-body{
	display: none;
}
.acc-body-inner{
	display: none;
}
.acc-head{
	margin-top: 35px;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	min-width: 250px;
	padding-right: 20px;
	cursor: pointer;
}
.acc-head:first-child{
	padding-top: 0;
}
.acc-head::before{
	position: absolute;
	content: "";
	width: 13px;
	height: 16px;
	top: calc(50% - 12px);
	right: 0;
	background-image: url('../images/ico-acchead.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.acc-head.active::before{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.acc-body{
	margin-top: 10px;
	margin-bottom: 80px;
}
.acc-body h4{
	font-family: 'Lato';
	font-size: 23px;
	font-weight: 700;
	line-height: 1.45;
	margin-top: 50px;
	text-transform: none;
	margin-bottom: 10px;
}
.acc-row{
	border-bottom: 1px solid #CDCDCD;
	padding: 0 20px;
}
.acc-head-inner{
	font-size: 23px;
	color: #191919;
	line-height: 1.4;
	padding: 30px 20px 25px 0;
	position: relative;
	cursor: pointer;
}
.acc-head-inner::before{
	position: absolute;
	content: "";
	width: 13px;
	height: 10px;
	top: calc(50% - 5px);
	right: 0;
	background-image: url('../images/ico-accheadinner.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.acc-head-inner.active{
	border-bottom: none;
}
.acc-head-inner.active::before{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.acc-body-inner{
	margin-bottom: 30px;
}
.acc-body-inner p{
	margin-bottom: 20px;
}
.acc-body-inner p:last-child{
	margin-bottom: 0;
}
.acc-body-inner ul{
	list-style: decimal;
	margin-left: 45px;
}
.acc-body-inner ul li{
	padding-left: 10px;
}
/*#endregion*/

/*#region contact-page*/
#contact{
	padding-top: 90px;
	padding-bottom: 120px;
}
#contact .intro{
	margin-bottom: 50px;
}
/*#endregion*/
/*#legal-page*/
#legal{
	padding-top: 90px;
	padding-bottom: 120px;
}
#legal .intro{
	margin-bottom: 90px;
}
#legal h4, #legal h5 {
	margin-bottom: 20px;
}
/*#endregion*/

/* #region media*/
@media (max-width: 1200px){
	#header-menu .container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer-bg{
		margin-left: 20px;
		margin-right: 20px;
	}
	#showcase h1{
		font-size: 110px;
	}
	.ico-list li{
		padding: 15px;
	}
	#showcase .right{
		padding: 120px 40px 40px 40px;
	}
	#blog-item{
		margin-top: 0;
	}
	.blog-item-page #header-section .container {
		min-height: 300px;
	}
}
@media (max-width: 1024px){
	/*#region header/footer*/
	#header-menu{
		height: 60px;
	}
	#header-menu + section{
		margin-top: 60px;
	}
	#hamburger{
		display: block;
		margin-left: auto;
    	margin-right: 30px;
	}
	#header-menu .hide-mobile{
		display: none;
	}
	.menu-active #menu-overley {
		display: block;
	}
	#header-menu .logo{
		margin-right: 30px;
	}
	.header-nav {
		position: fixed;
		top: 60px;
		left: -200px;
		width: 200px;
		height: calc(100vh - 60px);
		padding: 30px 20px 50px 20px;
		z-index: 30;
		transition: .4s;
/* 		overflow-y: auto; 
		-webkit-overflow-scrolling:touch; */
		align-items: flex-start;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		-ms-transition: .4s;
		-o-transition: .4s;
	}
	.menu-active .header-nav {
		left: 0;
	}
	#mainmenu{
		flex-direction: column;
	}
	#mainmenu::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #fff;
		box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
	}
	#mainmenu>li>a,
	#mainmenu>li>span{
		height: auto;
		padding: 15px 20px 10px 20px;
		position: relative;
		z-index: 1;
	}
	#mainmenu>li.submenu>span{
		padding-right: 40px;
	}
	#mainmenu>li.submenu>span::after{
		position: absolute;
		content: "";
		width: 20px;
		height: 12px;
		right: 10px;
		top: calc(50% - 6px);
		border: 6px solid transparent;
		border-left: 10px solid #191919;
		transition: .4s;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		-ms-transition: .4s;
		-o-transition: .4s;
	}
	#mainmenu>li.submenu.open>span::after,
	#mainmenu>li.submenu>span:hover::after,
	#mainmenu>li.submenu>span:focus::after{
		border-left-color: #fff;
	}
	.submenu-child {
		top: 60px;
		height: calc(100vh - 60px);
		left: 200px;
		right: inherit;
		width: 275px;
		padding: 30px 15px 50px 15px;
		overflow: auto;
		opacity: 1;
		visibility: visible;
		z-index: 1;
		display: none;
	}
	.submenu-child ul{
		display: block;
	}
	.submenu-child ul li{
		width: 100%;
	}
	.submenu-child ul li a{
		font-size: 15px;
		padding: 15px 0 10px 0;
	}
	.footer-top {
		flex-wrap: wrap;
		padding-top: 50px;
	}
	.footer-top .footer-logo{
		width: 100%;
		order: -1;
	}
	.footer-logo a{
		margin-left: auto;
		margin-right: auto;
	}
	.footer-copy{
		padding-bottom: 20px;
	}
	.footer-contact{
		justify-content: center;
		padding-top: 30px;
    	padding-bottom: 50px;
	}
	.footer-contact a{
		margin: 5px 15px;
	}
	.footer-copy{
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-copy .soc-block{
		margin-left: 0;
	}
	.footer-copy ul{
		margin: 10px;
	}
	/*#endregion*/

	#showcase h1 {
		font-size: 85px;
	}
	#showcase .right{
		min-height: calc(100vh - 60px);
	}
	.sliderPrev{
		left: 15px;
	}
	.sliderNext{
		right: 15px;
	}
	.wwd-slider .slid-content{
		display: flex;
	}
	h1{
		font-size:50px;
		margin-bottom: 20px;
	}
	h2{
		font-size:50px;
	}
	h3{
		font-size:35px;
	}
	h4{
		font-size:30px;
	}
	h5{
		font-size:28px;
	}
	h6{
		font-size:25px;
		margin-bottom: 10px;
	}
	#header-section .subtitle{
		font-size: 25px;
		line-height: 1.2;
	}
	#booking .container,
	#header-section .container{
		min-height: auto;
	}
	.services-list{
		margin: -5px;
		justify-content: center;
	}
	.services-list li {
		width: calc(25% - 10px);
    	margin: 5px;
	}
	.services-list li h5{
		font-size: 23px;
	}
	#realisations .realisations-list {
		padding: 40px 20px;
	}
	#realisations .realisations-list .img {
		width: calc(50% - 20px);
	}
	.form-title{
		padding-bottom: 10px;
    	margin-top: 60px;
	}
	.form-row.adress-row,
	.form-row{
		margin-left: -10px;
		margin-right: -10px;
	}
	.form-row .col{
		margin-left: 10px;
		margin-right: 10px;
	}
	.form-row .col3{
		width: calc(33.333333333% - 20px);
	}
	.form-row .col2{
		width: calc(50% - 20px);
	}
	.form-row.adress-row .col3{
		margin-left: 10px;
		margin-right: 10px;
		width: calc(33.333333333% - 20px);
	}
	.check-card + .check-label{
		padding: 45px 15px 20px 15px;
		font-size: 16px;
	}
	.submit-row{
		padding-bottom: 50px;
		margin-bottom: 0;
		margin-top: 50px;
	}
	.submit-row::before{
		display: none;
	}
	.submit-row h3{
		margin-bottom: 20px;
	}
	.form-field{
		padding-left: 15px;
		padding-right: 15px;
	}
	.article-list{
		grid-column-gap: 20px;
		margin-bottom: -20px;
	}
	.article-single {
		margin-bottom: 20px;
	}
	.article-single .category{
		margin-bottom: 5px;
	}
	.article-single.small a{
		flex-direction: column;
	}
	.article-single.small .content{
		flex-basis: 100%;
		padding: 20px 20px 0 20px;
	}
	.article-single.small .img{
		flex-basis: 100%;
		height: 150px;
	}
	.article-single.middle.left .img {
		height: 200px;
	}
	.article-single.middle.left  h5{
		font-size: 20px;
	}
	.article-single.first-article .content,
	.article-single.big .content{
		padding: 40px 30px;
	}
	.article-single.long .content,
	.article-single.middle .content{
		padding: 30px 15px;
	}
	.article-single.first-article .description{
		margin-top: 30px;
	}
	.article-single.big .description{
		font-size: 16px;
		max-height: 100px;
	}
	.team-list{
		margin-bottom: -30px;
	}
	.team-single{
		margin-bottom: 30px;
	}
	.acc-head{
		margin-top: 20px;
	}
	.acc-head-inner{
		padding: 20px 20px 15px 0;
	}
	.acc-body{
		margin-bottom: 50px;
	}
	.usp-list{
		justify-content: center;
		flex-wrap: wrap;
		padding: 10px 0;
	}
	.usp-list li{
		width: 100%;
		max-width: 320px;
		padding: 20px 15px 15px 15px;
	}
	#marketing,
	#home-services .btn,
	#service-bottom .btn{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#whot-wi-do,
	#our-partners,
	#for-client,
	.footer-title,
	#service-top,
	#realisations,
	#render,
	#all-services,
	#premium-partner,
	#payment-options,
	#work-area,
	#blog-item .container,
	#related-blogs,
	#our-team,
	#vacancies,
	#contact,
	#faq{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.marketing-content .title,
	.marketing-content .intro,
	#whot-wi-do .title,
	.wwd-slider .slid-img,
	.service-top .title,
	#service-bottom .title,
	#all-services h3{
		margin-bottom: 30px;
	}
	.service-top .img + .title,
	.service-top .btn{
		margin-top: 30px;
	}
	.usp-bottom .btn{
		margin-top: 0;
	}
	.service-top .img + h5{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.form-section{
		padding-top: 50px;
	}
	#payment-options .title,
	.pagination,
	.article-content .intro,
	#related-blogs h3,
	#our-team .intro{
		margin-bottom: 50px;
	}
	.article-bottom{
		margin-top: 50px;
	}

}
@media (max-width: 768px){
	.footer-bg{
		margin-left: 0;
		margin-right: 0;
	}
	.footer-top {
		justify-content: center;
	}
	.footer-top .footer-menu{
		width: 50%;
		max-width: 300px;
		text-align: center;
	}
	.container,
	.big-container{
		padding-right: 15px;
		padding-left: 15px;
	}
	#showcase .right{
		min-height: auto;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 40px;
		max-width: 500px;
	}
	.ico-list{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.ico-list li span{
		height: 35px;
		margin-right: 10px;
	}
	#showcase .big-container{
		position: relative;
		padding-top: 50px;
		padding-bottom: 50px;
		justify-content: center;
	}
	#showcase .left{
		margin-right: 0;
		padding-right: 0;
		text-align: center;
	}
	#showcase h1{
		margin-bottom: 0;
	}
	#showcase .left .btn{
		margin: 30px auto 0 auto;
	}
	.btn{
		padding: 15px 30px 11px 30px;
	}
	#marketing .right{
		position: relative;
		left: 0;
		width: 100%;
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 30px;
	}
	#marketing .left{
		margin-right: 0;
		max-width: 100%;
	}
	.marketing-content .title{
		max-width: 100%;
		padding-right: 0;
	}
	.marketing-content .intro{
		max-width: 100%;
	}
	.marketing-content .description .col{
		width: 100%;
		max-width: 100%;
	}
	.chess-block .row .img,
	.chess-block .row:nth-child(2n) .img {
		grid-column: 1 / 5;
		grid-row: auto;
	}
	.chess-block .row .content,
	.chess-block .row:nth-child(2n) .content {
		grid-column: 1 / 4;
		grid-row: auto;
		max-width: 100%;
		width: 100%;
		margin-left: 0;
	}
	.title br{
		display: none;
	}
	#home-services .btn,
	#service-bottom .btn{
		margin-top: 0;
	}
	.wwd-slider .slid-img{
		height: 320px;
	}
	.slick-arrow{
		top: 130px;
	}
	.sliderNext{
		right: 0;
	}
	.sliderPrev{
		left: 0;
	}
	.wwd-slider .slide-single{
		height: auto;
		margin: 0 15px;
	}
	.wwd-slider .slid-content{
		flex-wrap: wrap;
		text-align: center;
	}
	.wwd-slider .slid-content h4{
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.wwd-slider .slid-content .right{
		max-width: 100%;
		width: 100%;
	}
	.wwd-slider .slid-content .btn{
		margin-left: auto;
		margin-right: auto;
	}
	.wwd-slider .slid-img{
		margin-bottom: 20px;
	}
	#whot-wi-do .title{
		margin-bottom: 30px;
	}
	.partners-logo::before{
		bottom: 20px;
	}
	.partners-logo::after{
		top: 20px;
	}
	.partners-logo{
		padding: 40px 20px;
	}
	.partners-logo .img{
		width: calc(50% - 20px);
		height: 100px;
	}
	.ic-content>div{
		width: 100%;
		margin-bottom: 30px;
	}
	.ic-content>div:last-child{
		margin-bottom: 0;
	}
	.ic-content .img img{
		margin-left: auto;
		margin-right: auto;
	}
	.col-block{
		margin-left: 0;
		margin-right: 0;
	}
	.col-block .col{
		width: 100%;
		max-width: 100%;
	}
	.service-top{
		flex-wrap: wrap;
	}
	.service-top .left{
		margin-right: 0;
		margin-bottom: 50px;
	}
	.service-top .right{
		max-width: 100%;
	}
	.service-top .description{
		max-width: 100%;
	}
	.service-top>div{
		flex-basis: 100%;
	}
	.acc-head-inner{
		font-size: 20px;
	}
	.service-top .img.big img,
	.service-top .img.small img{
		width: auto;
		height: auto;
		max-width: 100%;
	}
	.services-list li{
		width: calc(100% - 10px);
		max-width: 175px;
	}
	.services-list li a{
		height: 150px;
		padding: 10px 0;
	}
	#realisations .realisations-list {
		padding: 30px 0;
	}
	#realisations .realisations-list::before {
		display: none;
	}
	#realisations .realisations-list::after {
		display: none;
	}
	#realisations .realisations-list .img {
		width: 380px;
		max-width: 100%;
		margin: 10px auto;
	}
	.form-row.adress-row .col3,
	.form-row .col3,
	.form-row .col2,
	.check-col.col2{
		width: 100%;
	}
	.adress-row .col3.small{
		max-width: 100%;
	}
	.form-row .col{
		margin-bottom: 20px;
	}
	.form-row.adress-row{
		margin-bottom: -20px;
	}
	.online-wallet-advantage-list{
		justify-content: center;
	}
	.online-wallet-advantage-single{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.premium-table {
		padding: 15px;
	}
	.premium-table th {
		font-size: 20px;
		padding: 13px 15px;
	}
	.premium-table td {
		padding: 11px 15px;
	}
	.premium-table th:not(:first-child),
	.premium-table td:not(:first-child) {
		text-align: center;
		width: 140px;
	}
	.payment-list{
		justify-content: center;
	}
	.payment-single{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.payment-single:first-child {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 35px;
		text-align: center;
		border-bottom: none;
	}
	.payment-single:nth-child(2) {
		border-right: none;
	}
	.payment-single:last-child {
		border-left: none;
	}
	.payment-single:first-child .ico {
		width: 100%;
		margin-right: 0;
	}
	.payment-single:first-child .ico img {
		width: 80px;
		height: 80px;
	}
	.payment-single:first-child h5{
		font-size: 24px;
	}
	.filter-menu{
		justify-content: center;
		flex-wrap: wrap;
		border-bottom: none;
	}
	.filter-menu li a{
		margin: 0 10px 5px 10px;
	}
	.article-list{
		grid-template-columns: repeat(2, 1fr);
	}
	.article-list .first-article{
		grid-column: 1 / 3;
	}
	.article-list .small.left,
	.article-list .middle.left{
		grid-column-start: auto;
	}
	.article-list .big.right{
		grid-column-start: auto;
		grid-column-end: auto;
		grid-row: span 1;
		grid-column: span 1;
	}
	.article-list .big.left{
		grid-column-start: auto;
		grid-column-end: auto;
		grid-row: span a;
	}
	.article-list .middle.right{
		grid-column-start: auto;
	}
	.article-list .small .content,
	.article-list .middle .content,
	.article-list .big .content,
	.article-list .long .content{
		padding: 30px 15px;
	}
	.article-list .small h5,
	.article-list .middle h5,
	.article-list .big h5,
	.article-list .long h5{
		font-size: 23px;
	}
	.article-list .small .description,
	.article-list .middle .description,
	.article-list .big .description,
	.article-list .long .description{
		display: block;
		font-size: 16px;
		max-height: 100px;
		margin-top: 10px;
	}
	.article-list .small .img,
	.article-list .middle .img,
	.article-list .big .img,
	.article-list .long .img{
		height: 200px;
	}
	.article-single.small a{
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	}
	.article-list .first-article a{
		flex-direction: column;
	}
	.article-single.first-article .img{
		flex-basis: 100%;
	}
	.article-single.first-article .content{
		flex-basis: 100%;
		max-width: 100%;
	}
	.article-single.first-article .description{
		margin-top: 20px;
	}
	.article-single.first-article h5{
		font-size: 30px;
	}
	.article-bottom{
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: -10px;
	}
	.article-bottom .back{
		padding: 17px 20px 13px 40px;
		background-position: 15px 17px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 10px;
	}
	.article-bottom .soc-block{
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 10px;
	}
	#related-blogs .article-single:last-child{
		display: none;
	}
	.team-list{
		justify-content: center;
	}
	.team-single{
		width: 100%;
		max-width: 280px;
	}
	.team-single .img{
		height: auto;
	}
	
}
@media (max-width: 550px){
	.header-nav + .btn{
		min-width: auto;
	}
	#hamburger,
	#header-menu .logo{
		margin-right: 20px;
	}
	.header-nav{
		width: 50vw;
		left: -100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.submenu-child{
		left: 50vw!important;
		width: 50vw;
		right:0;
        opacity: 1!important;
        visibility: visible;
		z-index:5!important;
	}
	/* .menu-active .submenu.open .submenu-child{
		opacity: 1!important;
        visibility: visible!important;
	} */
	/* li.submenu:hover > .submenu-child {
		opacity: 1;
    	visibility: visible;
	} */
	.footer-top .footer-menu{
		width: 100%;
	}
	.footer-contact a{
		margin: 5px 0;
	}
	#marketing .right{
		padding-left: 5px;
    	padding-right: 5px;
	}
	.marketing-img .img{
		padding: 0 5px 10px 5px;
	}
	.intro{
		font-size: 20px;
	}
	.partners-logo{
		padding: 30px 0 0 0;
	}
	.partners-logo::before,
	.partners-logo::after{
		display: none;
	}
	.article-content q{
		font-size: 20px;
		padding: 20px;
		background-size: 50px 5px, 50px 5px, 5px 30px, 5px 30px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.article-content img{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.article-content h5{
		margin-top: 30px;
	}
	#header-section .container{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.blog-item-page #header-section .container{
		min-height: 150px;
	}
	#header-section h1{
		font-size: 60px;
	}
}
@media (max-width: 500px){
	.article-list{
		grid-template-columns: 1fr;
	}
	.article-list .first-article{
		grid-column: 1 / 2;
	}
	.article-single.first-article .content{
		padding: 30px 15px;
	}
	#related-blogs .article-single:last-child{
		display: block;
	}
}
@media (max-width: 449px){
	#showcase h1{
		font-size: 65px;
	}
	#showcase .right{
		padding: 30px 15px;
	}
	h1{
		font-size: 40px;	
	}
	.btn{
		white-space: normal;
	}
	.btn.big,
	.btn.small{
		min-width: auto;
	}
	.wwd-slider .slid-img{
		height: 200px;
	}
	.slick-arrow {
		top: 70px;
	}
}
@media (max-width: 374px){
	#mainmenu>li>a,
	#mainmenu>li>span{
		padding-left: 15px;
		padding-right: 15px;
	}
	#mainmenu>li.submenu>span {
		padding-right: 25px;
	}
	#mainmenu>li.submenu>span::after{
		right: -3px;
	}
	.usp-list{
		font-size: 24px;
	}
}
/*#endregion*/