html{ height:100%}
#wrapper{ max-width:100%; 
	height:100%; overflow-x:hidden}
	.wrapper{ max-width:100%; overflow-x:hidden}
	.vimeoFrame{ width:1100px; height:600px; overflow:hidden; margin:0 auto}
	.vimeoFrame .vimeoXtra{ margin-top:-100px}
	body{ height:100%; overflow-x:hidden; min-width:1205px; text-rendering:optimizeLegibility; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}a{ text-decoration:none}
	.w395{ width:395px}header{ position:fixed; top:0; right:0; left:0; height:70px; z-index:9999; line-height:70px; font-family:"avenirLTStd-Medium"; background:rgba(255,255,255,1)}header 
	.logo{ font-size:40px; color:black; position:absolute; top:8px; }
	header .name-case{ margin-left:8px; font:28px "AvenirLTStd-Light"; line-height:77px; letter-spacing:-2px; color:#c5c5c5; text-transform:capitalize}header 
	.top-menu li{ display:inline-block; margin-right:20px}
	header .top-menu li:last-child{ margin-right:0}
	header .top-menu li a{ color:#ea4b36; padding:10px; font-size:15px; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s}
	header .top-menu li a:hover{ color:rgba(0,0,0,0.6)}
	header .top-menu li .active{ color:#9e9e9e}
	.yellow{ color:#ea4b36}
	.link-tdn{ display:block; text-decoration:none}
	.link-tdn:hover{ text-decoration:underline}
	.link-tdu{ display:block; text-decoration:underline}
	.link-tdu:hover{ text-decoration:none}
	.green{ color:#deff00}
	.btn{ display:inline-block; text-align:center; color:white; font-size:16px; text-transform:uppercase; box-shadow:none; padding:10px 25px 8px; cursor:pointer; text-decoration:none; line-height:19px; letter-spacing:1px; border:1px solid #3c8ad3; border-radius:40px; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s}
	.btn:hover{ text-decoration:none}
	.btn-transparent{ position:relative; padding:16px 50px 13px 32px; text-transform:none; letter-spacing:1px; border:2px solid rgba(255,255,255,0.44); font-family:"AvenirLTStd-MediumOblique"}
	.btn-transparent .icon-arrow{ position:absolute; top:17px; right:15px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s}
	.btn-transparent:hover{ border:2px solid white}
	.btn-transparent:hover .icon-arrow{ right:10px}
	.btn-transparent:hover:after{ right:15px}
	.center{ display:block; margin:0 auto; text-align:center}
	.left{ text-align:left}.right{ text-align:right}
	.responsive-img{ position:relative; display:block; max-width:100%; height:auto; z-index:100}
	.center{ margin:0 auto; text-align:center}
	.container{ margin:0 auto;}
	.clear{ clear:both}
	.sign{ font:15px "proxima_novaregular_italic"; color:rgba(255,255,255,0.3)}
	.container-1205{ margin:0 auto; max-width:1200px; min-width:1200px; padding:0 10px}
	
	.icons-logo-block{ margin:65px 0 110px}
	.icons-logo-block img{ margin-right:20px}
	.icons-logo-block img:last-child{ margin:0}
	.vimeo-block{  position:relative;  margin-right:-38px;  background:url(../img/globetrotter/ipad_3.png); width:785px; height:1071px}
	.vimeo-block .sign{ margin-top:-20px}
	.vimeo-block .video{ position:absolute; left:88px; top:90px}
	.container{ width:1205px; min-width:1205px; max-width:1205px; margin:0 auto; /*padding:0 10px*/}
	.bg-grey{ position:relative; min-height:100%; min-width:1205px; background:#e7efef}
	.bg-grey .main-title{ position:absolute; z-index:15; top:30%; bottom:50%; margin-left:275px; font:70px "AvenirLTStd-Light"; color:black; line-height:98px}
	.bg-grey .main-title span{ display:inline-block; position:relative; padding:10px 0 0 0; z-index:100; font-family:"AvenirLTStd-LightOblique"}
	.bg-grey .bg-black{ position:absolute; top:30%; right:0; left:50%; background:black; height:108px; z-index:10; -webkit-transition:0.3; -moz-transition:0.3; -ms-transition:0.3; transition:0.3}
	.bg-grey .link-scroll{ position:absolute; display:block; right:0; left:0; bottom:0; height:70px; z-index:13; font:18px "avenirLTStd-Medium"; line-height:70px; background:#d9e5e5; text-align:center; color:black; cursor:pointer; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s}
	.bg-grey .link-scroll:hover{ background:#deff00}
	.bg-grey .link-scroll span{ position:relative}
	.bg-grey .link-scroll span:before{  position:absolute;  left:-540px;  top:6px;  width:14px;  height:8px;  content:"";  background:url(../img/home/arrow-grey.png)}
	.bg-grey .link-scroll span:after{  position:absolute;  right:-540px;  top:6px;  width:14px;  height:8px;  content:"";  background:url(../img/home/arrow-grey.png)}
	
	.input-search{  width:100%;  height:103px;  background-image:url(../img/cardsaround/search-input.png)}
	.search-block{ margin-top:132px}
	.search-block img{ margin-bottom:100px}
	
	#about .bg{ padding:215px 0 0; /*background:#e7efef*/}
	#testimonials .bg{ padding:215px 0 125px;/* background:#e7efef*/}
	#about .main-title{ font:70px "AvenirLTStd-Light"; color:black; line-height:98px}
	#about .title-about{ margin:0; padding-bottom:20px; margin-bottom:50px; font:18px "avenirLTStd-Medium"; color:#939898; border-bottom:1px solid #b9bfbf}
	#about .title-about-2{ font:24px "AvenirLTStd-Light"; line-height:48px; color:black}
	#about .text-about{ font:15px "avenirLTStd-Medium"; line-height:24px; color:gray}
	#about .link-blue{ position:relative; cursor:pointer; display:inline-block; margin:25px 0 15px 0; font:18px "AvenirLTStd-MediumOblique"; color:#0096ec}#about .link-blue span{ position:absolute; top:1px; right:-22px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s}#about .link-blue:hover{ opacity:0.6}
	#about .link-blue:hover span{ right:-27px}
	#about .our-services{ margin:180px 0 150px}
	#about .list-about{ float:left; margin-right:130px; margin-bottom:50px}
	#about .list-about li{ font:24px "AvenirLTStd-Light"; line-height:48px; color:gray}
	#about .list-about li:first-child{ color:black}
	#about .contact-us-block{ padding-bottom:130px}
	#about .contact-us-block .col{ width:33%; float:left}
	#works .bg-black-grad{ margin-top:-70px; padding-top:200px; background:#212121; background:-moz-linear-gradient(top,#212121 1%,#050606 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#212121),color-stop(100%,#050606)); background:-webkit-linear-gradient(top,#212121 1%,#050606 100%); background:-o-linear-gradient(top,#212121 1%,#050606 100%); background:-ms-linear-gradient(top,#212121 1%,#050606 100%); background:linear-gradient(to bottom,#212121 1%,#050606 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121',endColorstr='#050606',GradientType=0 )}
	#works .comment{ margin-top:20px; font:13px "AvenirLTStd-MediumOblique"; color:rgba(255,255,255,0.3)}
	#careers{ padding-bottom:300px}
	#careers .careers-text{ margin-top:42px; color:gray; font:24px "AvenirLTStd-Light"; line-height:38px}
	footer{ position:relative; margin-top: -1px; z-index:100; padding-top:70px; background:black; font-family:"avenirLTStd-Medium"; color:rgba(255,255,255,0.5)}
	footer .container{ width:1205px}
	footer .comment{ margin-top:20px; font:13px "AvenirLTStd-MediumOblique"; color:rgba(255,255,255,0.3)}
	footer h3{ margin-bottom:20px; font:48px "AkzidenzGroteskBQ-Light"; color:white}
	footer h4{ margin-bottom:50px; font-size:24px; font-family:"avenirLTStd-Light";}
	footer h4 .yellow{ font-family:"AvenirLTStd-LightOblique"}
	footer .list-works{ margin-top:60px}
	footer .list-works li{ display:inline-block; width:390px; margin-right:10px; vertical-align:top}
	footer .list-works li a{ -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s}
	footer .list-works li a:hover{ opacity:0.5}
	footer .list-works li:nth-child(3n){ margin-right:0}
	footer .list-works li .description{ padding:45px 7px; text-align:center; font-size:18px; line-height:26px}footer .list-works li .description h2{ letter-spacing:3px; margin-bottom:20px; color:white; text-transform:uppercase}
	footer
	.footer-bottom{ margin-top:70px; padding:40px 0; border-top:1px solid #262626; height:50px}
	footer .footer-bottom .copyright{ margin-top:7px; font-size:14px; color:rgba(255,255,255,0.4)}
	footer .footer-bottom .link-share{ margin-left:40px}
	footer .footer-bottom .logo-share{ width:380px}
	footer .footer-bottom .link-share a{ display:inline-block; color:white; font-size:14px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s}footer 
	.footer-bottom .link-share a:first-child{ margin-right:5px}
	footer .footer-bottom .link-share a:hover{ color:rgba(255,255,255,0.4)}
	footer .footer-bottom .link{ display:inline-block; margin-right:40px; color:rgba(255,255,255,0.4); font-family:"AvenirLTStd-LightOblique"}
	/*@media screen and (max-width:1000px){  header{ position:relative}}*/

.copyright{ margin-top:7px; font-size:14px; color:rgba(255,255,255,0.4)}
.link-share{ margin-left:40px}
.logo-share{ width:380px}
.link-share a{ display:inline-block; color:white; font-size:14px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s}footer 
.link-share a:first-child{ margin-right:5px}
.link-share a:hover{ color:rgba(255,255,255,0.4)}
.link{ display:inline-block; margin-right:40px; color:rgba(255,255,255,0.4); font-family:"AvenirLTStd-LightOblique"}

.quote{
	display:block;
	margin-top:0px;
	padding-bottom:50px;
	margin-left:0px;
	margin-right:0px;
	font-size:5em;
	line-height: 62px;
	}

	.client{
		display:inline-block;
		margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
font-family:"AkzidenzGroteskBQ-Light";
font-size:45px;
	background-color: rgba(255,255,255,.9);
	padding:23px;
	}

	.weblink{
		display:inline;
		margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-family:"AkzidenzGroteskBQ-Light";
color:red;
text-decoration: none;
font-size:45px;
	}

.words{
	display:block;
/*font-family:"AkzidenzGrotesk-ExtraBoldCond";*/
font-family:"AvenirLTStd-Light";
font-size:2em;
}




.linklogo{
display:block;
padding-top: 23px;
padding-bottom: 23px;
	}

	.extract{
		font: 45px "AvenirLTStd-Light";
color: black;

	}

	.beyondverbal{

color:#e73030;
}

	.fyndamore{

color:#00aeef;
}

.bikefairings{

color:#f88613;
}

.mylensonearth{

color:#818181;
}

.whitebox{

background-color: white;

line-height: 98px;
padding:23px;
}

.clientsite{
	display:block !important;
margin: auto !important;
}

.bio{
background-color: white;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
width:1031px;
margin:auto;

}

.whitebanner{
	background-color: rgba(255,255,255,.9);
	width:100%;
	height:1200px;
	position:absolute;
top:887px;
z-index: 1;
}

.bg{
	z-index:20;
}



/*


@media screen and (max-device-width: 776px) {

	.container{
  min-width:1060px !important;
}

}
*/
.smart{
	color:#1a1719;
}
.seer{
	color:#ca5f2a;
}
.warrant{
	color:#22297a;
}
.exr{
	color:#085670;
}