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



/*TEXT AND DEFAULT STYLES */
/*TEXT AND DEFAULT STYLES */
/*TEXT AND DEFAULT STYLES */
/*TEXT AND DEFAULT STYLES */


@font-face {
    font-family: futura;
    src: url('../fonts/futura.ttf') format('truetype');
}

@font-face {
    font-family: futura bold;
    src: url('../fonts/futura-bold.ttf') format('truetype');
}

@font-face {
    font-family: helvetica bold;
     src: url('../fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTStd-Bd.otf')  format('opentype'),
	     url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Bd.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
}

@font-face {
    font-family: helvetica normal;
    src: url('../fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTStd-Roman.otf')  format('opentype'),
	     url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Roman.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg'); 
     
    
}

@font-face {
    font-family: helvetica light;
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTStd-Lt.otf')  format('opentype'),
	     url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
}

@font-face {
    font-family: futura heavy;
        src: url('../fonts/FuturaStd-Heavy.eot?#iefix') format('embedded-opentype'),  url('../fonts/FuturaStd-Heavy.otf')  format('opentype'),
	     url('../fonts/FuturaStd-Heavy.woff') format('woff'), url('../fonts/FuturaStd-Heavy.ttf')  format('truetype'), url('../fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy') format('svg');
}

@font-face {
    font-family: futura light;
    src: url('../fonts/FuturaStd-Light.otf') format('opentype');
}

@font-face {
    font-family: simplifica;
    src: url('../fonts/SIMPLIFICA-Typeface.ttf') format('truetype');
}

/*DEFAULT STYLES*/
/*DEFAULT STYLES*/
/*DEFAULT STYLES*/
/*DEFAULT STYLES*/

body{
	overflow-x: hidden;
	height: 100%;
	width: 100%;	
}

html{height: 100%; width: 100%;}

p{
	font-size: 16px;
	font-family: futura;
	color: black;	
}

li{font-size: 16px;
	font-family: futura;
	color: black;	
}




/*Overwrite bootstrap no-margin to eliminate padding space*/
.no-margin{
	padding: 0 !important;	
}

h1{
	background-color: white;
	border: 1px solid black;
	font-family: simplifica;
	font-size: 50px;
	color: black;
	display: block;
	text-align: center;
	font-weight: 400;
	padding: 8px 40px 3px 40px;
	margin: 0 auto;
	letter-spacing:5px;
		
}

h2{
	font-size: 22px;
	color: black;
	font-family: futura heavy;	
} 

h3{font-family: 'futura heavy'; font-size:  16px; padding-bottom: 5px; text-transform: uppercase;}

h4{font-family: 'futura heavy'; font-size: 20px;}





/*NAVIGATION STYLES*/
/*NAVIGATION STYLES*/
/*NAVIGATION STYLES*/
/*NAVIGATION STYLES*/




.goda-nav{ width: 100%; z-index: 9999;}

/*Eliminate default bootstrap navigation bg image*/
.open>.dropdown-toggle.btn-default {
background-image: none;
}
/*Eliminate default bootstrap navigation bg image*/
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
	background-image: none;	
}

/*Remove weird mobile navigation border*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border: none !important;	
}

.navbar-default .navbar-toggle{border: none !important; background: none !important;}

/*Style for mobile navigation links*/
.navbar-default{
	background-color: rgba(0, 0, 0, .6);
	height: 90px;
	border: none !important;
}

@media (max-width: 768px) {
	
	.navbar-default{background-color: rgba(0, 0, 0, .6);}
	
}


.navbar-default .navbar-toggle .icon-bar{background-color: white;}

/*center mobile nav links after click*/
.collapse .navlinks{
	margin-right: 25px;	
	margin-top: 20px;
}

/*center mobile nav links before click*/
.navlinks{
	margin-right: 25px;
	margin-top:20px;
}

/*center mobile navigation button */
.navbar-toggle{
	margin-right: 50px;
	margin-top: 25px;
	
}

.goda-logo{
	margin-left: 50px; height: 100%; width: auto;	
}

@media (max-width: 768px) {
	.goda-logo{margin-left: 5px;}
}


.navbar-collapse{color:white;}


/*NAV BAR ANIMATION*/
/*NAV BAR ANIMATION*/
/*NAV BAR ANIMATION*/
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}


.navbar-collapse.in{text-align:center !important; background-color: #e2e2e2; margin-top: 20px; padding-bottom: 20px; padding-top: 20px;}
.navbar-collapse.collapsing{text-align:center !important; background-color: #e2e2e2; margin-top: 20px; padding-bottom: 20px; padding-top: 20px;}

.in a{color: black;}

@media (max-width: 992px) {
.navbar-default .navbar-nav > li > a{color: black;}

}

@media (min-width: 992px) {
.navbar-default .navbar-nav > li > a{color: white;}

}


/*BANNER STYLE*/
/*BANNER STYLE*/
/*BANNER STYLE*/
/*BANNER STYLE*/


/*BANNER TYPE*/

.banner-title{
	color: white;
	font-size: 120px;
	text-align: center;
	font-family: simplifica;
	letter-spacing:5px;

}

/*banner text styles*/

.portfolio-banner-title{
	color: white;
	font-size: 70px;
	text-align: center;
	font-family: simplifica;
	letter-spacing:5px;
	background-color: transparent;
	border: none;

}


/*banner arrow styles*/

.banner-arrow{
	position: absolute; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 100;
	width: 70px;
	height: 36px;}

 /*banner content box*/
	.banner-title-box{ position: relative; top: 30%; display: block; width: 100%; height: 100%;}
	
/*Slideshow Styles*/
	
	.home-slide{width: 100%; height: 100%; background-size: cover; background-attachment: fixed; min-height: 400px !important;}
	
	.cycle-slideshow{min-height: 400px !important;}

/*Disable parallax on iOS devices*/

@media 
  /* ----------- iPhone 4 and 4S ----------- */
  only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2),
  /* ----------- iPhone 5 and 5S ----------- */
  only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2),
  /* ----------- iPhone 6 ----------- */
  only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2),
  /* ----------- iPhone 6+ ----------- */
  only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3),
  /* ----------- iPad mini ----------- */
  only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1),
  /* ----------- iPad 1 and 2 ----------- */
  only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1),
  /* ----------- iPad 3 and 4 ----------- */
  only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .home-slide {
        background-attachment: scroll !important;
		background-position: bottom center !important;
		
    }
}

/*Styles dictating the sizes of type and icon on banners at various devices sizes*/

@media (max-width: 991px) {
	
.banner-title{font-size: 80px;}
.banner-brain{margin-top:50px;}
.banner-brain#bell{width: 120px;}
.banner-brain#pencil{width: 100px;}
.banner-brain#bell{width: 120px;}
.banner-brain#book{width: 120px;}

	
}

@media (max-width: 768px) {
.banner-title{font-size: 70px;}	
.banner-brain{width: 120px; height: auto; margin-top:30px;}
.banner-brain#pencil{width: 80px;}
.banner-brain#bell{width: 80px;}

}

@media (max-width: 480px) {
.banner-title{font-size: 60px;}	
.banner-brain{width: 80px; height: auto; margin-top:30px;}	
.banner-brain#pencil{width: 80px;}
.banner-brain#bell{width: 80px;}

}



/*PORTFOLIO STYLES*/
/*PORTFOLIO STYLES*/
/*PORTFOLIO STYLES*/
/*PORTFOLIO STYLES*/

.icon-box{
	width: 300px;
	height: auto;
	margin: 0 auto;	
}

.dot{
	width: auto;
	margin: 0 auto;	
	display: block;
		
}

.portfolio-dot-box{
	margin-top: 40px;
	margin-bottom: 40px;	
}

.portfolio-icon{
	width: 70px;
	float: left;
	margin-right: 40px;
	
}

.portfolio-img{
	border: 0px solid #1568b4;
	position: relative;
	z-index: 30;
	
	
}
.portfolio-img-web{
	border: 4px solid #d0d61c;
	
}

.portfolio-img-tradeshow{
	border: 4px solid #6351a3;
	
}

.portfolio-image-box{
	padding: 10px 10px 10px 10px !important;
	position: relative;
}

.portfolio-img-overlay{
	opacity: 0;
	color:#ffffff;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	background-color: rgba(26, 105, 176, 0.9);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	position: absolute;
	z-index: 31;
	transition: all .25s ease-in;
	display: block;
	cursor: pointer;		

}

.portfolio-overlay-text{position: absolute; top: 38%; left: 0; right: 0; bottom: 0; color:#ffffff;}


.portfolio-img-overlay:hover{
	opacity: 1;	
	
}

.portfolio-img-web-overlay{
	opacity: 0;
	padding: 4px;
	background-color: rgba(208, 214, 28, 0.8);
	background-image: url('../images/web-dot.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 91%;
	width: 95%;
	text-align: center;
	position: absolute;
	z-index: 31;
	transition: all .5s ease-in;
	display: inline-block;
	cursor: pointer;		
	
}

.portfolio-img-web-overlay:hover{
	opacity: 1;	
}

.portfolio-img-tradeshows-overlay{
	opacity: 0;
	padding: 4px;
	background-color: rgba(99, 81, 163, 0.8);
	background-image: url('../images/tradeshow-dot.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 91%;
	width: 95%;
	text-align: center;
	position: absolute;
	z-index: 31;
	transition: all .5s ease-in;
	display: inline-block;
	cursor: pointer;		
	
}

.portfolio-img-tradeshows-overlay:hover{
	opacity: 1;	
}

.label{
	text-align: right;
    padding-right: 20px;
    display: block;
    margin-top: 5px;
    border-top: 1px solid #eff0f0;
    padding-top: 5px;
	margin-bottom:10px;
	
}

.label p{
	font-family:simplifica;
	letter-spacing:4px;
	font-size:14px;
	
}

/*ABOUT STYLES*/
/*ABOUT STYLES*/
/*ABOUT STYLES*/
/*ABOUT STYLES*/

.dot-text{
	color: #636363;
	font-size: 14px;
	font-family: helvetica, sans-serif;
	text-align: center;
	display: block;
	margin: 0 auto;
}



/* PORTFOLIO SINGLE PROJECT STYLES */
/* PORTFOLIO SINGLE PROJECT STYLES */
/* PORTFOLIO SINGLE PROJECT STYLES */
/* PORTFOLIO SINGLE PROJECT STYLES */
/* PORTFOLIO SINGLE PROJECT STYLES */
/* PORTFOLIO SINGLE PROJECT STYLES */



.portfolio-banner{background-size: cover; height:240px; width:100%; position: relative; z-index:100;}

.project-container{margin-top:60px;}

p .project-container{font-size: 13px;}

.portfolio-banner-div{position: relative; top: 45%;}

.banner-title-span{text-decoration:none; border-bottom: 1px solid white;}

.description{margin-bottom: 40px;}



/*SERVICES*/
/*SERVICES*/
/*SERVICES*/
/*SERVICES*/
/*SERVICES*/

.services-icon{width: 87px; height: 87px; float: left; margin-right: 20px; margin-bottom: auto; display: block;}

.service{margin-bottom: 50px;}

.clearfix{clear: both;}

.service a{color: #fece54; margin-left: 107px;}


/*PEOPLE*/
/*PEOPLE*/
/*PEOPLE*/
/*PEOPLE*/


.people-tab-overlay{display: block; position: absolute; top: 0; right: 15px; left: 15px; bottom: 0; z-index: 300; background-color: rgba(99, 81, 163, 0.7); transition: all .5s ease-in; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; opacity: 0;}

.people-tab-overlay:hover{opacity: 1;}

.people-pic-box{margin-top: 30px; position: relative;}

.people-pic{position: relative; z-index: 100;}

.people-name{font-family: simplifica;  text-align: left; font-size: 30px; color: white; position: absolute; bottom: 5px; left: 10px; line-height: 30px;}

.people-title{ font-family: simplifica; text-align: left; font-size: 22px; color: white;}

.people-pic-outer{width: auto; height: auto; opacity: 0; position: relative; z-index: 200;  transition: all .5s ease-in; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in;}

.people-pic-outer:hover{opacity: 1;}

.people-pic-inner{width: auto; height: auto; position: absolute; z-index: 210; background-color: rgba(99, 84, 160, 0.7);}

.people-hidden-pic{visibility: hidden; position: relative; z-index: 200;}

.people-full-description{padding: 20px 20px 20px 20px !important; background-color: white;}

.linkedin-icon{width: 15px; height: 19px; margin-top: 10px;}

.close{margin-right: 10px; margin-top: 7px;}

.modal-content h3{border-bottom: 1px solid #dadada; padding-bottom: 10px;}

.modal-content p{border-bottom: 1px solid #dadada; padding-bottom: 15px;}

.modal-content {margin-top:140px;}

/*POSITIONING THE 'X' BUTTON THAT CLOSES MODALS*/
@media (max-width: 768px) {
.close{position: absolute; z-index: 999; right: 10px;}
}



/*HOMEPAGE SQUARES*/
/*HOMEPAGE SQUARES*/
/*HOMEPAGE SQUARES*/
/*HOMEPAGE SQUARES*/
/*HOMEPAGE SQUARES*/


.home-tab-overlay{display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 300; background-color: rgba(26, 105, 176, 0.7); transition: all .5s ease-in; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; opacity: 0;}

.home-tab-overlay:hover{opacity: 1;}

.home-story-tab-overlay{display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 300; background-color: rgba(208, 214, 28, 0.7); transition: all .5s ease-in; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; opacity: 0;}

.home-story-tab-overlay:hover{opacity: 1;}

.home-people-tab-overlay{display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 300; background-color: rgba(99, 81, 163, 0.7); transition: all .5s ease-in; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; opacity: 0;}

.home-people-tab-overlay:hover{opacity: 1;}

.home-story-tab-overlay:hover{opacity: 1;}

.home-services-tab-overlay{display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 300; background-color: rgba(255, 208, 81, 0.7); transition: all .5s ease-in; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; opacity: 0;}

.home-services-tab-overlay:hover{opacity: 1;}

.home-pic-container{margin-top: 100px; margin-bottom: 100px;}

.home-overlay-text{
	color: white;
	font-size: 30px;
	text-align: center;
	font-family: simplifica;
	letter-spacing:5px;
	position: absolute;	
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 30px;
		
}


.home-pic{position: relative; z-index: 100;}

.container-fluid.no-gutters {
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.home-people-box{padding-left: 9px !important; padding-bottom: 15px; position: relative;}
.story-people-col{padding-left: 8px !important;}
.work-col{padding-right: 8px !important;}
.home-story-box{padding-right:6px !important; padding-bottom: 15px; position: relative;}


/*dictates the function of homepage boxes on various devices */

@media (max-width: 991px) {
.work-col{padding-right: 0px !important; padding-bottom: 15px;}	
.story-people-col{padding-left: 0px !important;}	
.home-people-box{padding-left: 9px !important;}
.home-story-box{padding-right:6px !important;}	
}

@media (max-width: 768px) {

.portfolio-banner{height:180px;}
.portfolio-banner-title{font-size: 35px;}
.portfolio-banner-div{position: relative; top: 55%;}
.home-overlay-text{font-size: 22px;}
#home-portfolio{}
#home-services{top:30% !important;}
#home-story{top: 20% !important;}
#home-people{top: 20% !important;}

}

@media (max-width: 768px) {
.home-tab-overlay{opacity: 1;}	
.home-story-tab-overlay{opacity: 1;}
.home-people-tab-overlay{opacity: 1;}
.home-services-tab-overlay{opacity: 1;}
}


/*PREV NEXT BUTTONS ON INTERIOR PORTFOLIO PAGES*/
/*PREV NEXT BUTTONS ON INTERIOR PORTFOLIO PAGES*/
/*PREV NEXT BUTTONS ON INTERIOR PORTFOLIO PAGES*/
/*PREV NEXT BUTTONS ON INTERIOR PORTFOLIO PAGES*/
/*PREV NEXT BUTTONS ON INTERIOR PORTFOLIO PAGES*/

.prev{float: left; width: auto;}

.next{float: right; width: auto;}


/* FORM ELEMENTS */
/* FORM ELEMENTS */
/* FORM ELEMENTS */
/* FORM ELEMENTS */
/* FORM ELEMENTS */

#home-form{margin-top: 50px; margin-bottom: 50px; font-family: futura;}
input{width: 100%; border: 1px solid black; margin-bottom: 10px; background-color: #fcfcfc;}
textarea{width: 100%; min-height: 200px; border: 1px solid black; background-color: #fcfcfc;}
.submit-button{margin-top: 20px; background-color: white; border: 1px solid black; padding-top: 8px; padding-bottom: 8px; font-family: futura; color: black; font-size: 16px; }



/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/

/*.footer img{width: 120px;}*/

.footer{padding-top: 40px; padding-bottom: 40px;}

.footer p{font-family: futura; font-size: 13px; color: black; text-align: left; padding-top:0px; padding-bottom: 0px;}

.footer-text{}

.footer-logo{}


@media (max-width: 991px) {

.footer p{text-align: left; padding-top: 0px; padding-bottom: 0px;}

}

/* GODA NEWS PAGE SPECIFIC STYLES */
/* GODA NEWS PAGE SPECIFIC STYLES */
/* GODA NEWS PAGE SPECIFIC STYLES */
/* GODA NEWS PAGE SPECIFIC STYLES */
/* GODA NEWS PAGE SPECIFIC STYLES */

/* FOR GRAPHIC HEADER */
/*
.press-slide{width: 100%; height: 100%; background-size: cover; background-attachment: fixed; min-height: 400px !important; background-image: url('../images/services_banner1a.jpg'); background-position: 50% 50%; background-repeat: no-repeat; }
*/

/* FOR COLOR HEADER */

.press-slide{width: 100%; background-color: black; height:300px; }



#godanews .banner-title{text-decoration:none; text-shadow: 1px 1px 3px rgba(0,0,0,.4 ); font-family:helvetica light; letter-spacing: 0; font-weight: 100;}

#godanews .banner-title strong{font-family: helvetica bold;}

#godanews h1{width: 400px;}

.press-release-story{border-bottom: 1px solid #efefef; padding-bottom: 30px; padding-top: 30px;}

.press-release-img{margin: 0 auto;}

.press-release-text{}


/*STORY DETAIL PAGE STYLES */
/*STORY DETAIL PAGE STYLES */
/*STORY DETAIL PAGE STYLES */
/*STORY DETAIL PAGE STYLES */
/*STORY DETAIL PAGE STYLES */

.story-detail-banner{background-color: black; min-height:240px; padding-top: 90px; padding-bottom: 20px; width:100%; position: relative; z-index:100;}

.story-detail-banner-div{position: relative; top: 45%;}

.story-detail-title-span{text-decoration:none; border-bottom: 1px solid white;}

.story-detail .banner-title-span{text-decoration:none; border-bottom: 1px solid white;}

.story-detail h1{background-color: transparent; color: white; border: none;}

.story-detail .content-container{margin-top: 100px; margin-bottom: 60px;}

.back-to-news{ width: auto; font-family: futura; font-size: 15px; color: white; background-color: black; padding: 9px 15px 10px 15px; margin: 0 auto; text-decoration: none; text-align: center; border: 1px solid black;}

.back-to-news:hover{text-decoration: none; color: white; background-color: #686868; border: 1px solid black;  }

/* PORTFOLIO FILTER STYLES */

#filter-by.option-set {
	position: relative;
	font-size: 0;
	text-align: center;
	padding: 0;
	margin-bottom: 40px;
}
#filter-by > li {
	display: inline-block;
	font-size: 20px;
}
#filter-by > li a {
	color: #000000;
	background: #fff;
	border-bottom: 1px solid #dfe3e6;
	border-right: 1px solid #dfe3e6;
	border-top: 1px solid #dfe3e6;
	display: block;
	padding: 10px 40px;
	position: relative;
}
#filter-by > li a span.num {
	display: none;
}
#filter-by > li a.selected {
	background: #1568B4;
	border-color: #1568B4;
	color: #fff;
}
#filter-by > li:first-child a {
	border-left: 1px solid #dfe3e6;
}
@media (max-width: 750px){
	#filter-by > li a {
		border: 1px solid #dfe3e6;
		margin: 0 10px 10px 0;
	}
	
	#filter-by > li a.selected {
		border-color: #1568B4;
	}
}

a:hover{
	text-decoration: none;
}

/* DROPDOWN STYLES */

.navbar-default .navbar-nav > .open > a {
	background-color: transparent !important;
	color: #ffffff !important;
}

.dropdown-menu{
	background-color: rgba(0, 0, 0, .6);
	min-width: 115px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #1568B4;
  background-color: transparent;
}

.navbar-nav > li > a {
    padding-bottom: 34.25px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 600px;
}

@media (max-width: 991px){
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #000000 !important;
		text-align: center;
	}
	
	.navbar-nav > li > a {
    padding-bottom: 10px;
	}
	
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	  text-decoration: none;
	  color: #1568B4;
	  background-color: transparent;
	}
	
	.navbar-default .navbar-nav > .open > a {
    background-color: transparent !important;
    color: #000000!important;
	}
}

/* PORTFOLIO PAGES NAVIGATION */
.port-nav-left h2{
	letter-spacing: 1px;
	font-size:30px; 
	text-align: left;
}

.port-nav-right{
	margin-left:0px; 
	text-align: right; 
	padding-top:33px;
}

@media (max-width: 991px){
	
	.port-nav-left h2{
	font-size:25px; 
	text-align: center;
	}

	.port-nav-right{
	margin-left:0px; 
	text-align: center; 
	padding-top:10px;
	padding-bottom:20px;
	}
}

.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

/* VIDEO IFRAME STYLES */
.iframe-container iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* TESTIMONIAL STYLES */
.testimonial-picture {
	margin-top:5px;
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	width:80%
}

@media (max-width: 991px){
	.testimonial-picture {
	width:30%;
	margin-bottom:10px;
	}
}

.testimonial-quote {
	color:#fff !important; 
	font-weight:lighter; 
	font-family:futura; 
	line-height:1.5;
	font-size: 24px;
	margin-top:8px;
}

.testimonial-author {
	color:#fff !important; 
	font-weight:900;
    font-size: 24px;
	margin-top:20px;
}

.testimonial-container{
	display: block; 
	padding-top:110px; 
	padding-bottom:110px;
}

@media (max-width: 991px){
	.testimonial-container{
	display: block; 
	padding-top:40px; 
	padding-bottom:40px;
	}
	
	.testimonial-quote {
	font-size: 20px;
	}

	.testimonial-author {
	font-size: 20px;
	}
}

/* BLUE BUTTON */

.btn-blue{ width: auto; font-family: futura; font-size: 18px; font-weight:bold; letter-spacing:1px; color: white; background-color: rgb(21, 104, 180); padding: 9px 15px 10px 15px; margin: 0 auto; text-decoration: none; text-align: center;}

.btn-blue:hover{text-decoration: none; color: white; background-color: #1D1D1D;}

@media (max-width: 991px){
	.btn-blue{
	text-align: center;
	margin-bottom:20px;
	}
}

/* IMTS SLIDE & PAGE */

.imts-slide {
    height: 50%;
}

.imts-slide .video-wrap {
	position: absolute;
	width: 100%;
	height: 50%;
	z-index: -1;
	top: 0;
	left: 0;
}

.video-wrap {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.video-wrap video {
	position: relative;
	z-index: 1;
	width: 100%;
  	left: 50%;
 	 top: 50%;
 	 transform: translate(-50%, -50%);
}

.video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}

@media (max-width: 1050px){
	.video-wrap video {
		position: relative;
		z-index: 1;
		width: 225%;
	}
}

@media (max-width: 991px){
	.imts-logo {
		width: 100%;
	}
}

/* SOCIAL MEDIA */

.social-media{
	text-align: right;
	}

@media (max-width: 991px){
	.social-media{
	text-align: left;
	}
}

/* SERVICES */

.virtual-samples{
	margin-left:0px !important;
}

@media (min-width: 1200px) {
	.virtual-samples{
		margin-left:100px !important;
	}
}