@charset "UTF-8";


.main_title h1{
	font-size:100px;
	
}

.translate_right_100{
	transform: translateX(120px);
	z-index:10;
}
.translate_left_100{
	transform: translateX(-120px);
	z-index:10;
}

.translate_right_50{
	transform: translateX(50px);
	z-index:10;
}
.translate_left_50{
	transform: translateX(-50px);
	z-index:10;
}
.extra_padding_right{
	padding-right:10%;
}
.extra_padding_right_20{
	padding-right:20%;
}
.extra_padding_left{
	padding-left:10%;
}
.extra_padding_left_20{
	padding-left:20%;
}


.block_top{
	z-index:20;
}

.vc_column_container.bigger_column_110 > .vc_column-inner > .wpb_wrapper{
	width:110%;
}


.short_block>.l-section-h{
	max-width:1150px;
}
.large_quote {
	font-size:40px;
	line-height:130%;
	font-family:"Playfair Display", serif;
}
.large_quote_signature {
	font-size:20px;
	line-height:130%;
	font-family:"Playfair Display", serif;
	color:#000;
}
.super_size_title h2{
	font-size:80px;
	line-height:100%;
}

.super_size_title h1{
	font-size:85px;
	line-height:100%;
	
}
.title_no_wrap h1,
.title_no_wrap h2{
	white-space:nowrap;

}




.w-image-mask{
	background:#EBECE6;
	width:100%;
	height:100%;
	display:block;
	left:0;
	top:0;
	position:absolute;
}



.textimonial_column {
	position:relative;
}
.testimonial_header h2{
	font-size:46px;
}
.testimonial_copy {
	font-family:"Playfair Display", serif;
	font-size:20px;
	font-weight:bold;
	line-height:150%;
}
.testimonial_author{
	
}
.textimonial_column:after{
	content:"";
	position:absolute;
	top:-50vh;
	height:150vh;
	right:0;
	width:1px;
	background:#CCC;
}
.textimonial_column:last-child:after {
	display:none;
}




/**
Clients
**/
.clients{
min-height:50vh;
}
.client_list{
	display:flex;
	flex-wrap:wrap;
	perspective:800;
	
}
	.client_item{
		margin-right:10px;
		margin-bottom:20px;
		background:#FF3644;
		transform-style:preserve-3d;
		font-size:12px;
	}
	a.client_item_inner,
	.client_item_inner{
		display:block;
		padding:20px 20px 10px;
		width:200px;
		text-align:center;
		cursor:pointer;
		font-weight:normal;
	}
	.client_item h4{
		white-space:nowrap;
		margin-bottom:0;
		font-size:24px;
	}
	.client_item.client_small h4 span{
		font-size:.8em;
	}
	.client_item.client_smaller h4 span{
		font-size:.75em;
	}
	.client_item.client_super_extra_small h4 ,
	.client_item.client_extra_small h4 {
		white-space:normal;
		line-height:0.5em;
	}
	.client_item.client_super_extra_small h4 {
		margin-top: -.15em;
		margin-bottom: .15em;
	}
	.client_item.client_extra_small h4 span{
		font-size:.7em;
	}
	.client_item.client_super_extra_small h4 span{
		font-size:.6em;
	}
	.client_item h4,
	.client_item p,
	.client_item a{
		color:#fff;
	}
	.alternate_row.client_item:nth-child(2n+1),
	.client_item:not(.alternate_row):nth-child(2n+2){
		background:#fff;
	}
	.alternate_row.client_item:nth-child(2n+1) h4,
	.alternate_row.client_item:nth-child(2n+1) p,
	.alternate_row.client_item:nth-child(2n+1) a,
	.client_item:not(.alternate_row):nth-child(2n+2) h4,
	.client_item:not(.alternate_row):nth-child(2n+2) p,
	.client_item:not(.alternate_row):nth-child(2n+2) a{
		color:#FF3644;
	}

	.alternate_row{
		transform:translateX(50%);
	}

	.client_item:not(.client_item_visible){
		display:none;
	}
	
	.clients.no_scroll .clients_scrollbar{
		display:none;
	}
	
/***
	Story Controls
***/
	
	
.trama_story_controls{
	position:fixed;
	bottom:20px;
	left:0;
	z-index:50;
}
body:not(.hasHorControls) .trama_story_controls{
	bottom:-100px;
}
.trama_story_controls .arrows_control{
	padding-left:20px;
}
.controls_no_right .arrows_control_right,
.controls_no_left .arrows_control_left{
	opacity:.3;
	pointer-events:none;
	box-shadow: inset 0 0 0 2px #FF3644;
	background: transparent;
	color: #FF3644;
}
.trama_story_timeline{
	display:flex;
	align-items:flex-end;
	margin-bottom:20px;
}
.trama_story_steps{
	display:flex;
	width:270px;
	}
	.trama_story_first_step,
	.trama_story_step{
		display:flex;
		align-items:flex-end;
		min-width:10px;
		padding-bottom:4px;
		flex-grow:1;
		margin-left:-1px;
	}
	.trama_story_first_step{
		flex-grow:0;
		width:20px;
	}
	.trama_story_step_hidden{
		width:0;
		min-width:0;
		flex-grow:0;
		visibility:hidden;
	}
	.trama_story_step_current{
		z-index:10;
	}
	.trama_story_step_line{
		width:100%;
		height:1px;
		background:rgba(51,51,51,.4);
		position:relative;
		}
		.trama_story_step_current_line{
			width:100%;
			height:4px;
			position:absolute;
			left:0;
			top:-1px;
			background:#FF3644;
			transition:width .5s cubic-bezier(0.77, 0, 0.175, 1);
		}

	.trama_story_step_vline{
		width:1px;
		height:10px;
		background:rgba(51,51,51,.4);
		position:relative;
		}
		.trama_story_step_current_vline{
			width:4px;
			height:12px;
			background:#FF3644;
			position:absolute;
			left:-2px;
			bottom:-2px;
			transition:height .4s cubic-bezier(0.19, 1, 0.22, 1); 
			transition-delay:.4s;
		}
	.trama_story_step:not(.trama_story_step_current) .trama_story_step_current_line{
		width:0;
	}
	.trama_story_step.trama_story_step_current_prev .trama_story_step_current_vline,
	.trama_story_step:not(.trama_story_step_current) .trama_story_step_current_vline{
		height:0;
		transition-delay:0s;
		transition:height .3s  cubic-bezier(0.19, 1, 0.22, 1);
	}
	
	.trama_story_step_name{
		font-size:20px;
		font-family:"Playfair Display", serif;
		font-weight:700;
		color:#FF3644;
		padding-left:10px;
		text-transform:lowercase;
		line-height:100%;
		transition:all .3s;
	}
	.controls_light_color .trama_story_step_current_line,
	.controls_light_color .trama_story_step_current_vline{
		background:#fff;
	}
	.controls_light_color .trama_story_step_line,
	.controls_light_color .trama_story_step_vline{
		background:rgba(255,255,255,.5);
	}
	
	
	.controls_light_color .trama_story_step_name{
		color:#fff;
	}
	
	
	
@media only screen and (max-width: 1500px) {


	.l-main .hor_nav_sections {
		line-height: 140%;
		font-size:13px;
	}
	.l-main .hor_nav_sections p{
		margin-bottom: .7rem;
	}
	.testimonial_header h2 {
		 font-size: 26px;
	}
	.testimonial_copy {
		 font-size: 15px;
	}
	
	.trama_story_timeline {
		margin-bottom: 15px;
	}
	.trama_story_step_name {
		font-size: 17px;
	}
	.trama_story_steps {
		width: 240px;
	}
	
	
	.main_title h1{
		font-size:80px;
	}
	
	.client_list{
		max-width:1000px;
		margin:auto;
	}
	a.client_item_inner,
	.client_item_inner{
		width:150px;
	}
	.client_item {
		font-size:12px;
	}
	.client_item h4{
		font-size:18px;
	}
	.super_size_title h2 {
		 font-size: 65px;
	}
	.super_size_title h1 {
		 font-size: 70px;
	}
	
	


	.large_quote {
		font-size: 35px;
	}

	

	.translate_right_100{
		transform: translateX(90px);
	}
	.translate_left_100{
		transform: translateX(-90px);
	}
	.translate_right_50{
		transform: translateX(40px);
	}
	.translate_left_50{
		transform: translateX(-40px);
	}
	
	
}
@media only screen and (max-width: 1400px) {

	.main_title h1 {
		font-size: 70px;
	}
	.hor_nav_sections h2 {
		 font-size: 28px;
	}
	.super_size_title h1 {
		 font-size: 65px;
	}
	.super_size_title h2 {
		 font-size: 58px;
	}

	p.client_category{
		margin-bottom:0!important;
		padding-top:4px;
	}

	.large_quote {
		 font-size: 30px;
	}
	.large_quote_signature {
		 font-size: 18px;
	}
	
}
@media only screen and (max-width: 1200px) {

		.short_block > .l-section-h {
		 max-width: 700px;
	}
	.l-main .hor_nav_sections {
		 font-size: 12px;
	}
	
	.trama_story_controls{
		bottom:10px;
	}
	.arrows_control_button {
		width: 35px;
		height: 35px;
		margin-right: 7px;
	}
	.trama_story_timeline {
		 margin-bottom: 8px;
	}
	.trama_story_step_current_line{
		height:3px;
	}
	.trama_story_step_current_vline{
		width:3px;
		bottom:-1px;
		height: 8px;
	}
	.trama_story_step_vline{
	height:6px;
	}
	.trama_story_step_name {
		 font-size: 14px;
	}
	
	
	
	.client_item {
		font-size: 10px;
		line-height: 100%;
		
	}
	.client_item h4 {
		 font-size: 18px;
	}
	a.client_item_inner, .client_item_inner {
		 width: 150px;
		  padding: 15px 15px 7px;
	}
	
	
}
@media only screen and (max-width: 900px) {

	.clients {
		padding: 0 40px;
	}
	.short_block > .l-section-h {
		 max-width: 550px;
	}
	
}
@media only screen and (max-width: 767px) {

	.textimonial_column:after{
		display:none;
	}

	.translate_right_100,
	.translate_left_100,
	.translate_right_50,
	.translate_left_50{
		transform: translateX(0px);
	}
	.vc_column_container.bigger_column_110 > .vc_column-inner > .wpb_wrapper{
		width:100%;
	}
	.extra_padding_right,
	.extra_padding_right_20{
		padding-right:0;
	}
	.extra_padding_left,
	.extra_padding_left_20{
		padding-left:0;
	}
	.main_title h1 {
		 font-size: 50px;
	}
	
	.large_quote {
		font-size:21px;
	}
	.large_quote_signature {
		font-size:18px;
	}
	.super_size_title h2{
		font-size:35px;
	}

	.super_size_title h1{
		font-size:45px;
	}
	.title_no_wrap h1,
	.title_no_wrap h2{
		white-space:normal;

	}
	
	.l-main .hor_nav_sections section:not(.fullscreeen_nopadding) .l-section-h {
		padding-bottom: 120px;
	}
	.trama_story_controls{
	display:none;
	}
	
	
	.client_item:not(.client_item_visible){
		display:block;
	}
	.clients{
		padding:0;
	}
	.alternate_row {
		 transform: translateX(20%);
	}
		a.client_item_inner, .client_item_inner {
		width: 120px;
	 
	 }
	.client_item h4 {
		 font-size: 15px;
		 white-space:normal;
		 line-height:100%;
	}
	.client_item h4 span{
		 line-height:100%;
	}
}
@media only screen and (max-width: 350px) {
		a.client_item_inner, .client_item_inner {
		width: 100px;
	 
	 }
.client_item {
    font-size: 8px;
	 }
}


 @media screen and (orientation:landscape) and (max-height: 650px) {
	.trama_story_step_name{display:none;}
	.trama_story_steps {
    width: 150px;
}
}