@charset "UTF-8";
/* CSS Document */

/*
Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
*/
@font-face {
  font-family: 'MinionPro';
  src: url('./fonts/MinionPro-Regular.otf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'MundoSans';
  src: url('./fonts/Mundo Sans Std Bold Italic.otf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'NeueHaas';
  src: url('./fonts/NeueHaasUnicaPro-Regular.ttf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'NeueHaasLight';
  src: url('./fonts/NeueHaasUnicaPro-Light.ttf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'NeueHaasBold';
  src: url('./fonts/NeueHaasUnicaPro-Bold.ttf'); /* IE9 Compat Modes */
}
body{
	font-family: 'NeueHaas', 'Source Sans Pro', sans-serif;
	margin-top:62px;
	color:#808080;
	font-size:18px;
	line-height: 30px;
	letter-spacing: 1px;
	overflow-x:hidden;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	text-align: center;
}
html {
  scroll-behavior: smooth;
	overflow-x:hidden;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}
img{
	max-width:100%;
}
a{
	text-decoration: none;
	color:#808080;
}
.container-fluid{
	padding:0px;
}
.underline{
	
}
.btn-custom{
	background-image:url(../images/submit.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 20px 30px;
    color: #fff;
    border: 1px solid;
    font-weight: bold;
    text-transform: uppercase;
}
.mejs__overlay-button {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.9/mejs-controls.svg");
}
.mejs__overlay-loading-bg-img {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.9/mejs-controls.svg");
}
.mejs__button > button {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.9/mejs-controls.svg");
}

.bg-dark{
	background-color:#353535 !important;
	height: 63px;
}
.navbar-toggler-right{
	position: relative;
}
.navbar-dark .navbar-toggler{
	border:0px;
}
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}
.navbar-toggler span {
   display: block;
   background-color: #fff;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}
.collapse:not(.show){
	display: block;
    height: 100vh;
	right:-300px;
	transition-duration: 500ms;
}
.navbar-collapse{
	position: absolute;
    height: 100vh;
    background: rgba(0,0,0,.8);
    width: 300px;
    padding: 2% 3%;
    top: 63px;
    right: 0;
}
    .navbar-collapse.collapsing {
	    height: 100vh;
        -webkit-transition: right 0.5s ease;
        -o-transition: right 0.5s ease;
        -moz-transition: right 0.5s ease;
        transition: right 0.5s ease;
        right: -300px;
    }
    .navbar-collapse.show {
        right: 0px;
        -webkit-transition: right 0.5s ease-in;
        -o-transition: right 0.5s ease-in;
        -moz-transition: right 0.5s ease-in;
        transition: right 0.5s ease-in;
    }

.logov{
	max-width: 35px;
    display: inline-block;
	vertical-align: top;
}
.logovoyage{
	max-width: 120px;
    display: inline-block;
    vertical-align: top;
    margin-left: 70px;
    margin-top: 3px;
	display:none;
}
.logovoyage-m{
	max-width: 120px;
	display: inline-block;
	margin:0 auto;
}
.socialTab{
	position:fixed;
	right:-5px;
	top:30vh;
	background: rgba(0,0,0,.7);
	box-shadow: -2px 2px 2px #000;
	border-radius:5px 0px 0px 5px;
	z-index: 20;
	display:none;
}
.socialTab ul{
	padding: 5px 0px;
	margin:0;
}
.socialTab li{
	list-style: none;
	margin:0px;
	padding: 2px 10px 2px 10px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.socialTab a, .socialTab a:visited{
	color:#fff;
}
.socialFooter, .socialMenu{
	margin-top:50px;	
}
.socialFooter ul, .socialMenu ul{
	margin:0px;
	padding:0px;
}
.socialFooter li, .socialMenu li{
	list-style: none;
	margin:0px;
	padding: 2px 10px 2px 10px;
    font-size: 24px;
    color: #fff;
    text-align: center;
	display:inline-block;
}

.padded-content{
	width:90%;
	margin:100px auto 60px auto;
}
.blue{
	color:#4E9EA5;
}
.orange{
	color:#F6921E;
}
.green{
	color:#7DAE42;
}
.bluelink{
	color:#0191C8;
}
.sectionHeader{
	font-size:28px;
	text-align: center;
    letter-spacing: 2px;
	margin-top:50px;
}
.sectionSubHeader{
	text-align: center;
    letter-spacing: 2px;
    font-size: 23px;
    margin-bottom: 10px;
}
.triboxes{
	margin:0 auto;
	padding:0;
	text-align: center;
}
.triboxes li{
	list-style: none;
	display:inline-block;
	text-align: center;
	width:100%;
}
.triboxes a{
	display:block;
}
.triboxes a img{
	 z-index: 5;
	position:relative;
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}
.triboxes a:hover img{
	box-shadow: 0px 0px 25px #666;
	 z-index: 100;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}
.teamHeader{
	margin-top:100px;
}
.teamSection{
	margin:20px auto 50px auto;
	width:90%;
}
.teamItem{
	position:relative;
	margin-bottom:60px;
	text-align: left;
}
.teamItem a{
	color:#808080;
}
.teamItem a:hover{
	color:#000000;
	text-decoration:none;
}
.teamImage{
	position: absolute;
	width:80px;
	height:80px;
	border-radius: 80px;
	overflow:hidden;
	background-size:cover;
	background-position: center;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.39);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.39);
}
.teamName{
	font-family: MundoSansStdBold,Helvetica;
	font-size:18px;
	margin-left:100px;
}
.teamTitle{
	margin-left:100px;
	height: 60px;
    max-width: 250px;
	font-size: 12px;
    line-height: 18px;
}
.block {
  overflow: hidden;
  width: 100%;
  margin: 20px auto;
  background: #fff;
}
.animation {
  width: auto;
  height: 100px;
  font-size: 0px;
}
.animation div {
  display: inline-block;
  width: auto;
  float: none;
  padding: 0 10px;
}
.subpageLeft{
	font-size: 40px;
    margin-top: 60px;
    color: #353535;
    line-height: 67px;
}
.subpageRight{
	margin-top:60px;
	color:#353535;	
}
.subpageRight a, .subpageRight a:hover, .subpageRight a:visited{
	color:#353535;
	text-decoration:underline;
}
.subpageImage{
	margin-top:60px;
}
.blogRow{
	border-bottom:1px dotted #666;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
}
.blogTitle{
	color:#353535;
	text-transform: uppercase;
	font-size:24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.blogText{
	color:#353535;
	width:100%;
	margin-bottom:20px;
}
.blogImage{
	width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;	
	margin-top:30px;
}
.blogReadMore{
	padding:5px 10px;
	color:#fff;
	background-color:#353535;
}
.blogReadMore:hover, .blogReadMore:visited{
	color:#fff;
}
.grayDivider{
	height:10px;
	background-color: #777;
    margin-top: 50px;
    margin-bottom: 70px;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe,  .video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper-contact{
    padding-bottom: 73.25%;
    width: 100%;
}
.vimeo-wrapper {
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
	height: 0px;
    padding-bottom: 56.6%;
	width:100vw;
	position:relative;
}
.vimeo-wrapper-hide{
  position: relative;
  padding-bottom: 200%;
  transform: translateY(-35.95%);
}
.vimeo-wrapper iframe {
   width: 100vw;
/*   height: 56.25;  Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 40vh;
/*   min-width: 177.77vh;  Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.videoThumbContainer{
	position: relative;
	width:100%;
	overflow: hidden;
}
.videothumb{
	display:table-cell;
	max-width: 230px;
	padding-left: 15px;
    padding-bottom: 35px;
}
.videothumb img{
	max-width: 100%;
	transform: scale(0);
}
.videorow1, .videorow2{
	display:table;
}
.videorow1{
	margin-left:-140px;
}
.videorow2{
	margin-right:-140px;
}
.videoFadeLeft{
	position: absolute;
	left:0;
	top:0;
	width:90px;
	height:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.videoFadeRight{
	position: absolute;
	right:0;
	top:0;
	width:90px;
	height:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.bannerContainer{
	position:relative;
	overflow:hidden;
	width: 110%;
    height: 250px;
    left: -15px;
}
.bannerImage{
	position: absolute;
    width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bannerImageLeft{
	left: 25%;
}
.bx-wrapper .bx-viewport{
	background:none;
}
/*
.bx-wrapper .bx-viewport{
	background:none;
}
.clientBox1{
	max-width:520px;
}
.clientBox1 img{
	max-width:100%;
}
*/
/*keyframe animations*/
.clientsWrapper{
	width:100%;
	height:350px;
	overflow: hidden;
}
.clientsContainer {
 height: 350px;
 width: 6480px;
 margin-bottom: 80px;
}
.clientsContainer img{
	width:405px;
	height:350px;	
}
.clientBoxes{
	width:405px;
	height:350px;
}
.first {
 
	-webkit-animation: bannermove 120s linear infinite;
    -moz-animation: bannermove 120s linear infinite;
     -ms-animation: bannermove 120s linear infinite;
      -o-animation: bannermove 120s linear infinite;
         animation: bannermove 120s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -5265px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
    margin-left: -5265px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
    margin-left: -5265px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
    margin-left: -5265px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
    margin-left: -5265px;
 }
 
}

.footer{
	background-color: #1F1F1F;
    padding-top: 70px;
    font-size: 16px;
    line-height: 22px;
	margin-top:200px;
}
.copyright{
	text-align: center;
	font-size:12px;
	padding-top:150px;
	padding-bottom:50px;
	color:#999;
}
.footer img{
	max-width:140px;
}
.footerLinks{
	margin:0;
	padding:0;
	text-align:center;
	margin-top:200px;
}
.footerLinks li{
	display:inline-block;
	text-align:center;
	list-style:none;
	padding: 0px 20px;
}
.grid{
	margin-top:80px;
}
.grid-item { 
	width: 32%; 
}
.grid-item--width2 { 
	width: 64%; 
}
.grid-item--width3 { 
	width: 96%; 
}
.card{
	background-color:initial;
	border:0px;
	border-radius: 0px;
}
.backText{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:100%;
	font-size:10px;
	color:#fff;
	line-height: 14px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.backText1{

}
.flipIcon{
	margin-top:30px;
}
.flipIcon img{
	width:50px;
}
.viewCaseStudy{
	margin-top:80px;
	text-align: center;
}
.viewCaseStudy a, .viewCaseStudy a:visited{
	color:#353535;
}
.caseStudy{
	margin-top:80px;
}
.caseStudyTitle{
	font-size:60px;
	line-height: 65px;
    color: #353535;
}
.caseStudyText{
	margin-top:100px;
	color:#353535;
}
.caseStudyImage{
	margin-top:30px;
}
.caseStudyRight{
	margin-top:80px;
	color:#353535;	
}
.servicePageLinks{
	text-align: center;
    width: 90%;
    margin: 100px auto 0px auto;
    font-size: 14px;
}
.servicePageLinks ul{
	margin:0;
	padding:0;
	text-align: center;
}
.servicePageLinks li{
	display:inline-block;
}
.servicePageLinks a, .servicePageLinks:visited{
	text-decoration: underline;
}

.footerHeader{
	color:#fff;
	text-transform: uppercase;
	margin-top: 30px;
    padding-bottom: 20px;
}
.footerText{
	color:#A4A4A4;
	font-size: 12px;
}
.footer a:hover, .footer a:visited, .footer a{
	color:#A4A4A4;
}
.bulletnav{
	text-align: center;
	margin-top:60px;
}
.bulletnav ul{
	margin: 0 auto;
	padding:0px;
	text-align: center;
}
.bulletnav li{
	list-style: none;
	margin:3px;
	padding:0px;
	display:inline-block;
}
.bulletnav a{
	display: block;
	width:20px;
	height:20px;
	border:1px solid #005baa;
}
.bulletnav .current{
	background-color:#005baa;
}
.blueSquare a{
	border:1px solid #4f9ea5;
}
.blueSquare .current{
	background-color:#4f9ea5;
}
.orangeSquare a{
	border:1px solid #f4911e;
}
.orangeSquare .current{
	background-color:#f4911e;
}
.greenSquare a{
	border:1px solid #7cad42;
}
.greenSquare .current{
	background-color:#7cad42;
}
.liSpacer{
	width:100%;
}
/* 
Small devices (landscape phones, 576px and up)
*/
@media(orientation : landscape){
	.vimeo-wrapper {
		height: 100vh;
	}
	.vimeo-wrapper iframe {
	   min-height: 100vh;
	}
}

@media (min-width: 576px) { 

}

/* 
Medium devices (tablets, 768px and up)
*/
@media (min-width: 768px) { 
	body{
		text-align: left;
		font-size:20px;
		line-height: 34px;
	}
	.padded-content{
		width:61%;
		margin:100px auto 60px auto;
	}
	.logovoyage{
		margin-left: 30px;
		display:inline-block;
	}
	.logovoyage-m{
		display:none;
	}
	.vimeo-wrapper {
		height: 0px;
    padding-bottom: 56.6%;
	}
	.vimeo-wrapper iframe {
		transform: translate(-50%, 0);
		top: 0;
		vertical-align: top;
		min-height: unset !important;
		height:100%;
	}
	.servicePageLinks{
		width:50%;
	}
	.liSpacer{
		width:40px;
	}
	.subpageLeft{
		font-size:60px;
	}
	.footerHeader{
		padding-bottom: 40px;
		margin-top: 0px;
	}
	.bannerContainer{
		position:relative;
		overflow:hidden;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	    left: auto;
	}
	.bannerImage{
		position: relative;
		width: auto;
		top: auto;
		left: auto;
		transform: translate(0%, 0%);
	}
	.bannerImageLeft{
		left: auto;
	}
	.grid-item { 
		width: 16%; 
	}
	.grid-item--width2 { 
		width: 32%; 
	}
	.grid-item--width3 { 
		width: 48%; 
	}
	.backText{
		font-size:11px;
		line-height: 24px;
	}
	.video-wrapper-contact{
		padding-bottom: 73.25%;
		width: 140%;
	}
	.teamSection{
		width:70%;
	}
	.triboxes li{
		list-style: none;
		display:inline-block;
		text-align: center;
		width:33%;
	}
	.socialMenu{
		display:none;
	}
	.socialFooter{
		display:none;
	}
	.socialTab{
		display:block;
	}
	.socialTab ul{
		padding: 15px 0px;
	}
	.socialTab li{
		padding: 2px 18px 2px 18px;
		font-size: 24px;
	}
	.blogRow{
		text-align:left;
	}
	.blogText{
		width:80%;
		margin-bottom:20px;
	}
	.blogImage{
		margin-top:0px;
	}
	.blogReadMore{
		margin-left: 25%;	
	}
	.clientsWrapper{
		width:100%;
		height:500px;
		overflow: hidden;
	}
	.clientsContainer {
	 height: 500px;
	 width: 9264px;
	 margin-bottom: 80px;
	}
	.clientsContainer img{
		width:579px;
		height:500px;	
	}
	.clientBoxes{
		width:579px;
		height:500px;
	}
	
	.first {
	 -webkit-animation: bannermove 120s linear infinite;
		-moz-animation: bannermove 120s linear infinite;
		 -ms-animation: bannermove 120s linear infinite;
		  -o-animation: bannermove 120s linear infinite;
			 animation: bannermove 120s linear infinite;
	}

	@keyframes "bannermove" {
	 0% {
		margin-left: 0px;
	 }
	 100% {
		margin-left: -6949px;
	 }

	}

	@-moz-keyframes bannermove {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -6949px;
	 }

	}

	@-webkit-keyframes "bannermove" {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -6949px;
	 }

	}

	@-ms-keyframes "bannermove" {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -6949px;
	 }

	}

	@-o-keyframes "bannermove" {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -6949px;
	 }

	}
	
}

/* 
Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) { 

}

/* 
Extra large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px) { 

}