/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, html{
	height: 100%;
	width: auto;
}
*{
	box-sizing: border-box;
}
body{
	font-family: 'Raleway', sans-serif;
	line-height: 1;
	color: #ffffff;
}
/**** MISC ****/
.relative{
	position: relative;
}
.clear{
	clear: both;
}
.proportional-container{
	width: 78.125VW;
	margin: 0 auto;
}
.special-container{
	position: relative;
	width: 78.125VW;
	height: 100%;
	margin: 0 auto;
	z-index: 1;
}
/**** MISC ****/
/**** HOMEPAGE ****/
.homepage-background{
	position: relative;
	width: 100%;
	height: 43.22916666666667VW;
	background: url('/assets/public/facelift/img/main-background.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 999;
	overflow: hidden;
}
.homepage-background::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: rgba(230, 107, 22, 0.8);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 0;
}
.homepage-background::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: rgba(0, 189, 242, 0.8) url('/assets/public/facelift/img/branding.png');
	background-size: 16.145833333333336VW;
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 0;
}
.left-screen, .right-screen{
	width: 50%;
	height: 100%;
	float: left;	
}
.right-screen{
	position: relative;
	/* padding-left: 6.510416666666667VW; */
}
.height-compensator{
	height: 13.4375VW;
}
.special-container h1, .special-container h2{
	font-weight: 900;
	font-size: calc( 16px + ( 52 - 16 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 20px + ( 56 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-bottom: 1.883333333333333VW;
}
.special-container p{
	font-weight: 400;
	font-size: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 22px + ( 26 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-bottom: 1.8229166666666667VW;
}
.special-container a{
	font-weight: 700;
	font-size: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 22px + ( 26 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	text-decoration: none;
	color: #ffffff;
}
.special-container a:hover, .special-container a:active, .special-container a:focus{
	color: #ffffff;
	text-decoration: none;
}
.special-container p.bolded{
	font-weight: 700;
	padding-bottom: 0;
}
.left-screen p{
	padding-right: 11.041666666666666VW;
}
.right-screen p{
	padding-right: 10.677083333333332VW;
}
.business{
	position: absolute;
	bottom: -1.0416666666666665VW;
    left: -0.46875VW;
	font-weight: 900;
	text-transform: uppercase;
	font-size: calc( 40px + ( 112 - 40 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 40px + ( 112 - 40 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	color: rgba(110, 45, 0, 0.2);
	margin-bottom: 0;
	padding-bottom: 0;
	letter-spacing: -5px;
	z-index: 1;
}
.right-screen p.ecosystem{
	position: absolute;
	bottom: -1.0416666666666665VW;
    left: -0.3645833333333333VW;
	font-weight: 900;
	text-transform: uppercase;
	font-size: calc( 40px + ( 112 - 40 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 40px + ( 112 - 40 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	color: #3ed3fa;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-right: 0;
	letter-spacing: -5px;
}
.ywd-stamp{
    position: absolute;
    top: 4VW;
    left: 32.53125VW;
    margin-bottom: 0;
    padding-bottom: 0;
    z-index: 2;
}
/**** HOMEPAGE ****/
/**** MENU ****/
.main-menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 10;
	padding-bottom: 1.0416666666666665VW;
	transition: 0.3s ease all;
	background: transparent;
}
.main-menu.sticky-menu{
	position: fixed;
	background: rgba(32, 32 , 47, 0.95);
}
.lang-switch-holder{
	padding: 0.625VW 0 0.5208333333333333VW 0;
	text-align: right;
	font-size: 12px;
	font-weight: 500;
}
.lang-switch-holder a{
	display: inline-block;
	margin-left: 18px;
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0;
	
	color: #ffffff;
}
.lang-switch-holder a:hover, .lang-switch-holder a:focus, .lang-switch-holder a:active{
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
.logo{
	float: left;
	width: 20%;
	display: block;
}
.logo img{
	width: auto;
	max-width: 15.78125VW;
}
.main-nav{
	float: right;
	width: 80%;
	text-align: right;
}
.main-nav ul li{
	position: relative;
	display: inline-block;
	margin-left: 1.1458333333333333VW;
	text-align: center;
	font-size: calc( 10px + ( 18 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.main-nav ul li{
    content:'\00a0';
}
.main-nav ul li a{
	display: block;
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
	color: #ffffff;
	text-decoration: none;
	transition: 0.3s ease all;
}
.main-nav ul li a:hover, .main-nav ul li a:focus, .main-nav ul li a:active{
	text-decoration: none;
	color: #ffffff;
	border-bottom: 2px solid #ffffff;
}
.main-nav ul li:last-of-type a{
	border-radius: 30px;
	border: 2px solid #ffffff;
	padding: 0.5729166666666666VW 1.5625VW;
}
.main-nav ul li:last-of-type a:hover{
	background: #ffffff;
	color: #3ed3fa;
}
.sticky-menu .main-nav ul li:last-of-type a:hover{
	color: #c56019;
}
/**** MENU ****/
/**** HOMEPAGE INFOS ****/
.homepage-infos{
	position: relative;
	background: #ffffff;
	padding: 2.083333333333333VW 0;
}
.row{
	margin: 0 -15px;
}
.info-box{
	position: relative;
	width: 25%;
	float: left;
	padding: 0 15px;
	border-right: 1px solid #d1d1d1;
	min-height: 7.291666666666667VW;
}
.no-right-border{
	border-right:none;
}
.img-box{
	float: left;
	width: 20%;
}
.img-box img{
	width: auto;
	max-width: 100%;
}
.text-box h3{
	font-weight: 700;
	color: #df7935;
	font-size: calc( 12px + ( 22 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 14px + ( 24 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-bottom: 0.5208333333333333VW;
}
.text-box p{
	font-weight: 300;
	color: #000000;
	font-size: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 12px + ( 22 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-bottom: 0.5208333333333333VW;
}
.text-box a{
	position: absolute;
	bottom: 0px;
	display: inline-block;
	color: #000000;
	font-weight: 500;
	font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	text-decoration: none;
}
.text-box a:hover, .text-box a:focus, .text-box a:active{
	text-decoration: none;
	color: #000000;
}
.text-box a:after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -15px;
	width: 5px;
	height: 8px;
	transform: translateY(-50%);
	background: url('/assets/public/facelift/img/chevron.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.text-box{
	float: left;
	width: 80%;
	padding-left: 1.0416666666666665VW;
	padding-right: 0.20833333333333334VW;
}
.text-box ul{
	padding-left: 14px;
}
.text-box ul li{
	position: relative;
	font-weight: 300;
	color: #000000;
	font-size: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 12px + ( 22 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	margin-bottom: 0.5208333333333333VW;
}
.text-box ul li:after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -10px;
	width: 5px;
	height: 8px;
	transform: translateY(-50%);
	background: url('/assets/public/facelift/img/chevron.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
/**** HOMEPAGE INFOS ****/
/**** NETWORK ****/
.network{
	padding: 2.03125VW 0;
	background: #f3f4f1;
}
.network img{
	display: block;
	width: auto;
	max-width: 100%;
}
/**** NETWORK ****/
/**** FOOTER ****/
footer{
	width: 100%;
    min-height: 16.927083333333336VW;
    position: relative;
    background: #f3f4f1 url(/assets/public/facelift/img/footer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.footer-holder{
	padding: 9.114583333333332VW 0 3.90625VW 0;
}
.left-footer{
	float: left;
	width: 35%;
	padding-right: 0;
}
.right-footer{
	float: right;
	width: 65%;
	padding-left: 2.604166666666667VW;
}
.footer-box{
	float: left;
	text-align: center;
	padding: 0 15px;
}
.left-footer .footer-box{
	width: 50%;
}
.right-footer .footer-box{
	width: 33.333%;
	padding: 0 0;
}
.logo-footer{
	display: block;
}
.logo-footer img{
	width: auto;
	max-width: 100%;
}
.footer-box ul li{
	display: inline-block;
	margin-right: 0.5208333333333333VW;
}
.footer-box ul li:last-of-type{
	margin-right: 0;
}
.footer-box ul li a{
	display: block;
	text-decoration: none;
}
.footer-box ul li a img{
	width: auto;
	max-width: 2.083333333333333VW;
}
.right-footer .footer-box a{
	font-weight: 500;
	font-size: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	color: #d1d1d1;
	text-decoration: none;
	transition: 0.3s ease all;
}
.right-footer .footer-box a:hover, .right-footer .footer-box a:action, .right-footer .footer-box a:focus{
	color: rgba(230, 107, 22, 1);
	text-decoration: none;
}
.right-footer .footer-box a img{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	max-width: 2.083333333333333VW;
	margin-right: 0.5208333333333333VW;
}
.right-footer .footer-box.text-center{
	text-align: center;
}
.hamburger, .mobile-nav, .network img.mobile-network{
	display: none;
}
.network img.desktop-network{
	display: block;
}
/**** FOOTER ****/
a.homebox, .right-screen a.homebox.brandbtn{
	position: relative;
	display: inline-block;
	padding: 10px 60px 10px 20px;
	font-weight: 500;
	color: #3c3633;
	font-size: 14px;
	line-height: 14px;
	border: 1px solid #f2761f;
	border-radius: 20px;
	background: #ffffff;
	outline: none;
	text-decoration: none;
}
a.homebox:hover, a.homebox:active, a.homebox:focus{
	color: #3c3633;
	text-decoration: none;
}
a.homebox::after, .right-screen a.homebox.brandbtn::after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 22%;
	transform: translateY(-50%);
	height: 20px;
	width: 1px;
	background: #f2761f;
}
a.homebox::before, .right-screen a.homebox.brandbtn::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 7%;
	width: 0.7291666666666666VW;
	height: 0.7291666666666666VW;
	transform: translateY(-50%);
	background: url('/assets/public/facelift/img/cross.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.right-screen a.homebox{
	border: 1px solid #2cc0eb;
}
.right-screen a.homebox::after{
	background: #2cc0eb;
	
}
.right-screen a.homebox::before{
	background: url('/assets/public/facelift/img/cross-blue.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.left-screen a.homebox::after{
	right: 16%;
}


.home-l-p{
	padding-left: 5.510416666666667VW;
}
.home-slide-item{
    background: grey;
    width: 100%;
    height: 100%;
}
.home-slide-item{
	background: transparent;
}
.home-slide-item.brand-therapy-area{
	background: url('../img/dd_main.png?v=9');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

.owl-carousel, .owl-carousel .owl-item{
	width: calc(100% + 10.534vw);
	height: 100%;
}
.owl-carousel .owl-stage-outer, .owl-carousel .owl-stage{
	height: 100%;
}
.home-slide-item h3{
	position: relative;
	top: 0.8854166666666666VW;
	color: #d27e45;
	font-size: calc( 10px + ( 20 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 14px + ( 24 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	text-transform: uppercase;
	font-weight: 700;
}
.special-container .brand-therapy-area h2{
	position: relative;
	display: inline-block	;
	font-weight: 900;
    font-size: calc( 30px + ( 128 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 30px + ( 128 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-top: 0.934vw;
    padding-bottom: 1.883333333333333VW;
    position: relative;
	left: -1.634vw;
	text-shadow: -8px 10px 17px #8200075e;
}
.special-container .brand-therapy-area h2::after{
	display: none;
	content: '';
	position: absolute;
	top: 1.9270833333333335VW;
	right: -2.1354166666666665VW;
	width: 2.34375VW;
	height: 2.34375VW;
	background: url('../img/copywright.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	
}
.special-container .brand-therapy-area h2 span {
    position: absolute;
    display: inline-block;
    bottom: -0.20833333333333334VW;
    left: 1.25VW;
    font-size: calc( 16px + ( 48 - 16 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc(16px + ( 48 - 16 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
}
.special-container .brand-therapy-area p{
	padding-top: 1.545vw;
	padding-right: 29.234vw !important;
	padding-bottom: 1.1229166666666667VW;
}
.owl-dots{
	position: absolute;
    width: 100%;
    bottom: 12%;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: rgba(32, 32 , 47, 0.95);
	border: none;
	outline: none;
}
.owl-theme .owl-dots .owl-dot{
	border: none;
	outline: none;
}
.owl-theme .owl-dots .owl-dot span{
	width: 0.7291666666666666VW;
	height: 0.7291666666666666VW;
	margin: 0 0.7291666666666666VW;
	border: none;
	outline: none;
}
.owl-theme .owl-dots .owl-dot span{
	background: #ffffff;
}
.footer-links{
	margin: 1.32342vw 0;
	text-align: right;
}
.footer-links ul li{
	display: inline-block;
	margin-right: 2.2342vw;
}
.footer-links ul li a{
	font-weight: 500;
	text-decoration: none;
    font-size: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #d1d1d1;
}

button#ot-sdk-btn{
	color: #ffffff;
	background:#f2761f;
	outline: none;
	border: none;
	padding: 0.83453vw 1.23453vw;
	cursor: pointer;
}
@media screen and (max-width: 1560px){
	.text-box a{
		bottom: -10px;
	}
	.ywd-stamp{
	    top: 4VW;
	    left: 31.53125VW;
	}
	.ywd-stamp img{
		width:80%;
	}
	.special-container .brand-therapy-area p{
		padding-right: 27.234vw !important;
	}
	
}
@media screen and (max-width: 1490px){
	.special-container{
		width: 85.6VW;
	}
	.proportional-container{
		width: 85.6VW;
	}
	.left-screen p{
		padding-right: 7.041667VW;
	}
	.right-screen p{
		padding-right: 8.677083VW;
	}
	.text-box{
		padding-left: 0.9416666666666665VW;
    	padding-right: 0;
    	min-height: 8.891667VW;
	}
	.text-box ul li{
		margin-bottom: 0.3208333333333333VW;
	}
	.right-screen a.homebox::after{
		right: 19%;
	}
	.text-box a{
		bottom: 0;
	}
	.ywd-stamp{
	    top: 4VW;
	    left: 35.53125VW;
	}
	.ywd-stamp img{
		width:80%;
	}
	.special-container .brand-therapy-area h2{
		font-size: calc( 34px + ( 128 - 34 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    	line-height: calc( 34px + ( 128 - 34 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
		padding-top: 1.934vw;
		padding-bottom: 1.883333333333333VW;
		position: relative;
		left: -0.634vw;
	}
	
}

@media screen and (max-width: 1380px){
	.special-container .brand-therapy-area p {
		padding-right: 28.234vw !important;
	}
}
@media screen and (max-width: 1280px){
	.home-slide-item h3{
		top: 1.885417VW;
	}
}


@media screen and (max-width: 1024px){
	.height-compensator {
	    height: 12.4375VW;
	}
	.ywd-stamp{
	    top: 7VW;
    	left: 35.53125VW;
	}
	.ywd-stamp img{
		width:50%;
	}
	.special-container .brand-therapy-area p {
		padding-right: 19.234vw !important;
	}
	
}
@media screen and (max-width: 790px){
	/**** MOBILE MENU ****/
	.hamburger{
		display: block;
		position: absolute;
		top: -15px;
    	right: -15px;	
    	z-index: 999999999999999;	
	}
	.lang-switch-holder, .main-nav{
		display: none;
	}
	.main-menu{
		top: 20px;
		z-index: 99999999999;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{
		background-color: #ffffff;
		opacity: 1;
	}
	.hamburger.is-active:hover, .hamburger:hover{
		opacity: 1;
	}
	.hamburger:hover, .hamburger:focus, .hamburger:active{
		outline: none;
	} 
	.proportional-container, .special-container{
	    width: 95%;
	}
	.special-container h1, .special-container h2 {
	    font-weight: 900;
	    font-size: 22px;
	    line-height: 26px;
	    padding-bottom: 10px;
	}
	.special-container p{
		font-size: 14px;
	    line-height: 18px;
	    padding-bottom: 10px;
	    padding-right: 20px;
	}
	.homepage-background{
		height: 46.229167VW;
	}
	.logo img{
		max-width: 160px;
	}
	.mobile-nav{
		display: block;
		position: absolute;
	    top: 0;
	    right: 0;
	    z-index: 99999999;
	    width: 50%;
	    height: 100%;
	    background: black;
	    padding-top: 10.4375VW;
	    background: url(/assets/public/facelift/img/branding.png), url(/assets/public/facelift/img/mobile-background.jpg);
	    background-size: 16.145833333333336VW, cover;
	    background-repeat: no-repeat, no-repeat;
	    background-position: bottom right, top left;
	    transform: translateX(100%);
	    transition: .3s ease all;
	}
	.mobile-nav.translate{
		transform: translateX(0);	
		transition: .3s ease all;
	}
	.mobile-nav ul{
		text-align: right;
		padding-right: 22px;
	}
	.mobile-nav ul li{
		margin-bottom: 10px;
	}
	.mobile-nav ul li a{
		color: #ffffff;
		text-decoration: none;
	}
	.mobile-nav ul li a:hover, .mobile-nav ul li a:active, .mobile-nav ul li a:fous, .mobile-nav a:hover, .mobile-nav a:active, .mobile-nav a:focus{
		text-decoration: none;
		color: #ffffff;
	}
	.menu-text{
		position: absolute;
	    bottom: -1.0416666666666665VW;
	    left: -0.3645833333333333VW;
	    font-weight: 900;
	    text-transform: uppercase;
	    font-size: calc( 40px + ( 132 - 40 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	    line-height: calc( 40px + ( 132 - 40 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	    color: #3ed3fa;
	    margin-bottom: 0;
	    padding-bottom: 0;
	    padding-right: 0;
	    letter-spacing: -5px;
	}
	.mobile-lang{
		text-align: right;
    	padding-right: 22px;
    	padding-top: 10px;
	}
	.mobile-lang a{
		color: #ffffff;
    	text-decoration: none;
	}
	.mobile-lang a:first-of-type{
		margin-right: 10px;
	}
	/**** MOBILE MENU ****/
	.text-box p{
		font-size: 12px;
	    line-height: 15px;
	    padding-bottom: 18px;
	}
	.text-box a, .text-box ul li{
		font-size: 12px;
	    line-height: 15px;
	}
	.text-box ul{
		margin-bottom: 18px;
	}
	.ywd-stamp{
	    top: 7VW;
    	left: 39.53125VW;
	}
	.ywd-stamp img{
		width:35%;
	}
	.home-slide-item h3{
		font-size: 14px;
    	line-height: 18px;
	}
	.special-container .brand-therapy-area h2 {
		font-size: 50px;
		line-height: 50px;
		padding-top: 24px;
		padding-bottom: 18px;
		position: relative;
		left: 0;
	}
	.special-container .brand-therapy-area h2::after{
		top: 24px;
		right: -18px;
		width: 20px;
		height: 20px;
	}
	.special-container .brand-therapy-area h2 span{
		bottom: 0px;
		left: 6px;
		font-size: 20px;
		line-height: 20px;
	}
	.owl-dots{
		bottom: 5%;
	}
	
	
}
@media screen and (max-width: 520px){
	.homepage-background {
    	height: auto;
	}
	.left-screen, .right-screen{
		width: 100%;
		float: none;
	}
	.homepage-background::before, .homepage-background::after{
		display: none;
	}
	.left-screen{
		background: rgba(230, 107, 22, 0.8);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center center;
	    height: 420px;
	}
	.right-screen{
		background: rgba(0, 189, 242, 0.8) url(/assets/public/facelift/img/branding.png);
	    background-size: 125px;
	    background-repeat: no-repeat;
	    background-position: bottom right;
	    height: 420px;
	}
	.ywd-stamp{
	    top: 20VW;
	    left: unset;
	    right: -34VW;
	}
	.ywd-stamp img{
		width:35%;
	}
	
	.info-box{
		width: 50%;
	}
	.hamburger{
		right: 0px;
	}
	.row{
		margin: 0 auto;
	}
	.proportional-container, .special-container{
		width: 100%;
	}
	.main-menu{
		padding: 0 15px;
	}
	.hamburger {
	    right: -15px;
	}
	.height-compensator{
		height: 110px;
	}
	.special-container h1, .special-container h2{
		padding: 0 15px 20px 15px;
	}
	.special-container p{
		padding: 0 15px 30px 15px;
	}
	.business{
		position: absolute;
	    top:  378px;
	    bottom: auto;
	    left: 0;
	    font-weight: 900;
	    text-transform: uppercase;
	    font-size: 48px;
	    line-height: 48px;
	    color: rgba(110, 45, 0, 0.2);
	    margin-bottom: 0;
	    padding-bottom: 0;
	    letter-spacing: -2px;
	    z-index: 1;
	}
	.special-container h1, .special-container h2{
		font-size: 25px;
    	line-height: 28px;
	}
	.special-container p{
		font-size: 16px;
    	line-height: 22px;
	}
	.right-screen .height-compensator {
	    height: 50px;
	}
	.right-screen{
		padding-left: 0;
	}
	.right-screen p.ecosystem{
		padding-left: 0;
		left: 0;
		bottom: -7px;
		font-size: 48px;
    	line-height: 48px;
    	letter-spacing: -2px;
	}
	.mobile-nav{
		padding-top: 75px;
		width: 100%;
		height: 420px;
		background-size: 125px, cover;
	}
	.menu-text{
		padding-left: 0;
	    left: 0;
	    bottom: -7px;
	    font-size: 48px;
	    line-height: 48px;
	    letter-spacing: -2px;
	}
	.logo img {
	    max-width: 190px;
	}
	.mobile-nav ul li {
	    margin-bottom: 12px;
	}
	.info-box{
		width: 100%;
		padding: 20px 15px 20px 15px;
	}
	.text-box {
	    padding-left: 15px;
	    padding-right: 0;
	    min-height: 55px;
	}
	.text-box h3{
		font-size: 22px;
    	line-height: 28px;
    	padding-bottom: 10px;
	}
	.text-box p {
	    font-size: 18px;
	    line-height: 22px;
	    padding-bottom: 15px;
	}
	.text-box a, .text-box ul li {
		position: relative;
	    font-size: 16px;
	    line-height: 16px;
	}
	.text-box ul li {
	    margin-bottom: 8px;
	}
	.info-box::before{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 90%;
		height: 1px;
		background: #d6d6d6;
	}
	.info-box.no-right-border::before{
		content: none;
	}
	.network img.mobile-network{
		display: block;
		width: 100%;
	}
	.network img.desktop-network{
		display: none;
	}
	.footer-holder {
	    padding: 150px 0 10px 0;
	}
	.left-footer, .right-footer{
		width: 100%;
	}
	.left-footer .footer-box{
		width: 100%;
	}
	.logo-footer{
		display: none;
	}
	.footer-box ul{
		text-align: left;
		padding: 15px 0;
	}
	.footer-box ul li a img{
		max-width: 30px;
	}
	.footer-box ul li{
		margin-right: 10px;
	}
	.right-footer{
		padding-left: 0;
		padding: 0 15px;
	}
	.footer-box{
		text-align: left;
	}
	.right-footer .footer-box{
		width: 100%;
		margin-bottom: 15px;
	}
	.right-footer .footer-box.text-center{
		text-align: left;
	}
	.right-footer .footer-box a{
		font-size: 18px;
	}
	.right-footer .footer-box a img{
		max-width: 30px;
		margin-right: 10px;
	}
	footer{
		background-position: 42% center;
	}
	.special-container p{
		padding: 0 15px 20px 15px;
	}
	.special-container a{
		padding-left: 15px;
	}
	.special-container p{
		padding: 0 15px 15px 15px;
	}
	a.homebox{
		margin-left: 15px;
	}
	a.homebox::before{
		top: 50%;
	    right: 6%;
	    width: 12px;
	    height: 12px;
	}
	.mobile-lang{
		display: none;
	}

	.home-slide-item.brand-therapy-area {
		background-position: -26px center;
	}
	.right-screen{
		height: 425px;
	}
	.right-screen .height-compensator{
		height: 95px;
	}
	.home-slide-item h3 {
		top: 30px;
	}
	.right-screen .height-compensator.mobile-control{
		height: 50px;
	}
	.special-container .brand-therapy-area h2 {
		font-size: 60px;
		line-height: 60px;
		padding-top: 35px;
		padding-bottom: 20px;
		padding-left: 0;
	}
	.special-container .brand-therapy-area h2 span {
		font-size: 23px;
		line-height: 23px;
	}
	.special-container .brand-therapy-area p {
		padding-right: 0 !important;
		padding-top: 28px;
		padding-left: 0;
		padding-bottom: 30px;
	}
	.right-screen a.homebox.brandbtn{
		margin-left: 0;
	}
	.right-screen a.homebox.brandbtn::before {
		top: 50%;
		right: 6%;
		width: 12px;
		height: 12px;
	}
	.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
		margin: 0 10px;
	}
	.owl-dots{
		bottom: 3%;
	}
	.special-container h2{
		padding-left: 0;
	}
	.special-container .right-screen p{
		padding-left: 0;
		padding-right: 50px !important;
	}
	.right-screen a.homebox{
		margin-left: 0;
	}
	
	#personality-slider, #look-slider, #age-slider, #attitude-slider, #buget-slider{
		width: 96%;
		margin: 0 auto;
	}
	.footer-links ul {
		text-align: left;
		padding: 0 15px;
	}
	.footer-links ul li{
		margin-bottom: 15px;
	}
	.footer-links ul li a{
		font-size: 18px;
		line-height: 22px;
	}
}

@media screen and (max-width: 370px){
	.home-slide-item.brand-therapy-area{
		/* background: url(../img/mobile-lp.jpg); */
		background-repeat: no-repeat;
		background-position: -45px top;
		background-size: cover;	
	}
	.right-screen {
		height: 480px;
	}
	.right-screen .height-compensator {
		height: 125px;
	}
	.special-container .brand-therapy-area p {
		padding-right: 35px !important;
		padding-top: 30px;
		padding-left: 0;
		padding-bottom: 14px;
	}
	.special-container .brand-therapy-area h2::after {
		top: 43px;
		right: -4px;
		width: 20px;
		height: 20px;
	}
	.special-container h2{
		padding-left: 0;
	}
	.special-container .right-screen p{
		padding-left: 0;
		padding-right: 50px;
	}
	.right-screen a.homebox{
		margin-left: 0;
	}
}