/* =================================================================================

	Project Information

	Theme Name: CMDS Online Theme Child
	Theme URI: http://www.cmdsonline.com
	Description: Custom WordPress theme framework for CMDS clients.
	Version: 5.0
	Author: CMDS Online
	Author URI: http://www.cmdsonline.com
	Template: cmds_theme

================================================================================= */


@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed');
/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

/*********** CMDS Helper Classes *************/

.navbar-nav>li { float:none; }
.nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after { content:normal !important; }
.absolute { position:absolute; }
.relative { position:relative; }
.pull-none { float:none !important; }
.vertical-align { display: table-cell; vertical-align: middle; }
.no-side-padding { padding-left:0px !important; padding-right:0px !important; }
.no-right-padding { padding-right:0px !important; }
.no-left-padding { padding-left:0px !important; }
.no-top-padding { padding-top:0px !important; }
.no-bottom-padding { padding-bottom:0px !important; }

.no-side-margin { margin-left:0px !important; margin-right:0px !important; }
.no-right-margin { margin-right:0px !important; }
.no-left-margin { margin-left:0px !important; }
.no-top-margin { margin-top:0px !important; }
.no-bottom-margin { margin-bottom:0px !important; }
.email-confirm { display:none; }
.no-bullets { padding-left:0px; margin-left:0px; }
.no-bullets li { list-style:none; padding-left:0px; }

/*********** CMDS General Tag Styles *************/

* { box-sizing:border-box; }

body { /*font-family: 'Open Sans', sans-serif;*/ font-family: 'Roboto Condensed', sans-serif; }
p { }
a { color: #013da6; text-decoration: none; }
a:hover { color: #7294a7; text-decoration: none; }
ul, ol { padding-bottom: 0px; margin-bottom: 5px; padding-left: 0px; margin-top: 5px; }
ul li, ol li { padding-bottom: 9px; padding-left: 16px; }

h1, h2, h3, h4, #navigation { /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; }
h1 { font-size: 32px; color: #007c85; margin: 0px 0px 10px 0px; padding: 0px; line-height: 36px; }
h2 { font-size: 32px; color: #7294a7; margin: 0px 0px 0px 0px; padding: 0px; line-height: 1.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h3 { font-size: 14px; color: #000000; margin: 0px 0px 0px 0px; padding: 0px; line-height: 20px; }
h4 { font-size: 23px; text-transform: uppercase; margin-bottom: 7px; }
h5 { font-size: 18px; text-transform: uppercase; margin-top: 0; margin-bottom: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h6 { font-size: 16px; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
sup { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.7em; }
h2 sup { font-size: 0.6em; top: -0.6em; }
.wp-pagenavi { padding-top: 15px; padding-bottom: 25px; }

/******* Header ******/
#header-top { position: relative; }
#logo img { width: 200px; height: auto; padding: 10px 0; }

/******* Main Navigation *****/
#menu-toggle { padding-top: 27px; cursor: pointer; text-align: right; }
.nav { margin-top: 0; }
#navigation { padding: 0 0 5px 0; text-align: center; clear: both; /* overflow: hidden; */ float: none; border-bottom: 1px solid #DDD; display: none; }
.nav-wrapper { width: 100%; }
#navigation li { display: block; padding-left: 0; padding-bottom: 0; text-align: center; border-top: 1px solid #DDD; }
#navigation li a { display: block; font-size: 14px; text-transform: uppercase; color: #7294a7; }
.sub-menu { position: absolute; display: none; border: 0px solid #000; padding-top:5px; padding-bottom:5px; }
.sub-menu li { display:block !important; }
#navigation li.mega-menu .sub-menu li { display:inline-block !important; }
.nav li:hover .sub-menu { display: block; z-index:200; width: 225px; margin: 0; padding:15px; background: #013ca6; color:#ffffff; margin-left: 0px; }
.nav .sub-menu li a { font-size:12px !important; padding-bottom:5px; padding-top:5px; color:#ffffff !important; }
.nav > li:hover > a { background: #013ca6; color:#ffffff !important; }
.nav>li.current_page_item, .nav>li.current-menu-item, .nav>li.current-page-ancestor, .nav>li.current-menu-ancestor { background: #013ca6; color:#ffffff !important; }
.nav>li.current_page_item a, .nav>li.current-menu-item a, .nav>li.current-page-ancestor a, .nav>li.current-menu-ancestor a { color:#ffffff !important; }

.nav li.mega-menu .sub-menu { width:1170px; margin-left:-526px; height:340px !important; padding-top:20px;}
.nav li.mega-menu .sub-menu li { width:19%; position:relative; }
.nav li.mega-menu .sub-menu li a { color:#ffffff !important; }
.nav li.mega-menu .sub-menu li .sub-menu { width:100%; margin-left:0px; padding-left:0px; height:auto !important; padding-top:10px; }
.nav li.mega-menu .sub-menu li .sub-menu li { width:100%; margin-left:0px; padding-left:0px; }
.nav li.mega-menu .sub-menu li .sub-menu li a { border-bottom:0px; color: #d9e6f6 !important; text-transform:none !important; }
.nav li.mega-menu .sub-menu li a { border-bottom:1px solid #6c93d9; display:block; }


/********* Search Bar ********/
#search-icon { padding: 18px 0; }
#search-icon img { padding: 10px 10px 8px 15px; cursor: pointer; }
#search-form { display: none; margin-top: -23px; margin-bottom: 7px; padding: 1px; background:#fff; padding:10px; }
#search-form input[type="text"]{ padding: 6px; width: 650px; }
#search-form input[type="submit"]{ font-size: 14px; padding: 8px; vertical-align: bottom; }

/********* Form Elements ********/
input[type="text"], input[type="email"], input[type="tel"]{ padding: 13px 15px; border-radius: 0; border: 2px solid #DDD; }
input[type="submit"]{ border: 0; padding: 13px 22px; border-radius: 0; }

/**** Front Page ****/
.view-all { color: #898f9b; }
.view-all .blue-arrow { margin-left: 2px; margin-bottom: -1px; }

#home-main-slider { position:relative; height:600px; overflow: hidden; }
#home-main-slider video { position:relative; top:0px; width:100%; }

#home-main-slider .slides { position: absolute; top: 0px; width:100%; }
#home-main-slider .slide-content-wrapper { max-height:600px; width: 562px; } 

#home-main-slider .slide-content { position:absolute; height:600px; overflow: visible; right:125px; }
#home-main-slider .slide-content h2 { color: #FFF; font-size:26px; }
#home-main-slider .slide-content p { color: #FFF; font-size: 14px; line-height: 1.7; margin: 13px 25px 20px 0; }
#home-main-slider .slide-content-wrapper { /*background: url('images/hero-hex-bg.png') no-repeat center center;*/ /*background-size: cover;*/ /*padding: 180px 55px 155px;*/ padding: 200px 50px 155px; max-width: 455px; }

#video-title { position:absolute; bottom:25px; left:50%; transform:translateX(-50%); color:#fff; font-weight:bold; font-size:18px; }

.home-wrapper { background: url('images/section-bkg.png') repeat-x center 650px; }

.home-bar { text-align: center; background-image: url('images/home-bar-bkg.jpg'); background-position: right center; background-size: cover; }
.home-bar .bar-content { padding: 45px 25px; background-color: rgba(136,164,179,0.85); }
.home-bar.blue-bkg { background-position: bottom left; }
.home-bar.blue-bkg .bar-content { background-color: rgba(1,60,166,0.85); }
.home-bar h2 { color: #FFF; margin-bottom: 25px; }
.home-bar .green-button a { padding: 15px 20px; }

.home-bar .signup-form { margin-bottom: 10px; }
.home-bar input[type="text"]{ font-size: 18px; width: 40%; margin-right: 15px; border: 0; }
.home-bar input[type="submit"]{ padding: 13px 22px; }

.section-title { overflow: hidden; padding-bottom: 35px; }
.divider { padding: 35px 0; }

.section-tiles { margin-left: -2px; }
.section-tiles, .left-tile-wrapper .left-wrapper { display: table; width: 100%; }
.tile-row, .left-row-wrapper { display: table-row; }
.tile-cell-wrapper, .left-row-wrapper .project-tile { display: table-cell; vertical-align: middle; text-align: center; float: none; }

.project-tile { border: 3px solid #FFF; background-size: cover; background-position: center center; background-color: transparent; padding: 0; position: relative; overflow: hidden; }
.project-tile-content { padding: 11.5% 25px; color: #FFF; opacity: 0; 
	-webkit-transition: opacity 300ms;
			transition: opacity 300ms; }
.project-tile:before { content: ''; position: absolute; top: 0; right: 0; bottom: -150%; left: 0; background-color: rgba(114,148,167,0); 
	-webkit-transition: background-color 300ms;
			transition: background-color 300ms;
	}
.project-tile.more-padding .project-tile-content { padding: 12.5% 25px; }
.project-tile.less-padding .project-tile-content { padding: 9% 25px; }
.project-tile-text { position: relative; z-index: 1; }

.project-tile:hover:before { background-color: rgba(114,148,167,0.75); }
.project-tile:hover .project-tile-content { opacity: 1; }

.section-updates { margin: 75px 0; }
.recent-post { margin-top: 65px; margin-bottom: 40px; }
.post-thumbnail { text-align: center; }
.post-content { padding-right: 0; }
.post-title { /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; line-height: 1.35; color: #013da6; margin-bottom: 10px; }
.post-excerpt { line-height: 1.75; color: #666666; }
.post-link { margin-top: 10px; }
.section-updates .green-button a { padding: 15px 20px; }


/**** SERVICE HEXAGONS ****/
.section-icons { margin-top: 50px; margin-bottom: 100px; /*overflow: hidden;*/ }

.hex {
    position: relative; float: left; overflow: hidden; visibility: hidden;
    outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
        -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
            transform: rotate(-60deg) skewY(30deg) translatez(-1px);
}
.hex * {
    position: absolute; visibility: visible;
    outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hex br { position: relative; }
.hexIn {
    display: block; width: 100%; height: 100%; text-align: center; color: #fff; background-color: #dde1e4; overflow: hidden;
    -webkit-transition: background-color 500ms;
    		transition: background-color 500ms;
    -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
            transform: skewY(-30deg) rotate(60deg);
}

.hex img { /*left: -100%;*/ left: -50%; right: -100%; width: auto; height: 100%; margin: 0 auto; opacity: 0; transition: opacity 300ms; }
.service-icon { position: relative; background-image: url('images/services-icons-v2.png'); height: 120px; width: 165px; margin: 15px auto -25px; 
	-webkit-transform: translateZ(0) perspective(1px) scale(0.55); 
		-ms-transform: translateZ(0) perspective(1px) scale(0.55); 
			transform: translateZ(0) perspective(1px) scale(0.55); 
	-webkit-transition: all 300ms;
			transition: all 300ms; }
.hex p { position: relative; font-size: 14px; line-height: 1.2; font-weight: bold; color: #fff; text-align: center; margin-top: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.hex-learn-more { position: relative; /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; font-size: 12px; color: #FFF; opacity: 0;transition: opacity 300ms; }

.hex:hover .hexIn { background-color: #013ca6; }
.hex:hover img { opacity: 0.35; }
.hex:hover .service-icon { margin: 5px auto -35px;
	-webkit-transform: translateZ(0) perspective(1px) scale(0.45); 
		-ms-transform: translateZ(0) perspective(1px) scale(0.45); 
			transform: translateZ(0) perspective(1px) scale(0.45); }
.hex:hover p { color: #FFF; }
.hex:hover .hex-learn-more { opacity: 1; }

/*.icon-earth { background-position: 0 0; }
.icon-bridge { background-position: 0 -120px; }
.icon-surveyor { background-position: 0 -240px; }
.icon-map { background-position: 0 -360px; }
.icon-machine { background-position: 0 -480px; }
.icon-clipboard { background-position: 0 -600px; }
.icon-building { background-position: 0 -720px; }
.icon-park { background-position: 0 -840px; }
.icon-cars { background-position: 0 -960px; }
.icon-handshake { background-position: 0 -1080px; }*/

.icon-earth { background-position: -165px 0; }
.icon-bridge { background-position: -165px -120px; }
.icon-surveyor { background-position: -165px -240px; }
.icon-map { background-position: -165px -360px; }
.icon-machine { background-position: -165px -480px; }
.icon-clipboard { background-position: -165px -600px; }
.icon-building { background-position: -165px -720px; }
.icon-park { background-position: -165px -840px; }
.icon-cars { background-position: -165px -960px; }
.icon-handshake { background-position: -165px -1080px; }

.hex:hover .icon-earth { background-position: -165px 0; }
.hex:hover .icon-bridge { background-position: -165px -120px; }
.hex:hover .icon-surveyor { background-position: -165px -240px; }
.hex:hover .icon-map { background-position: -165px -360px; }
.hex:hover .icon-machine { background-position: -165px -480px; }
.hex:hover .icon-clipboard { background-position: -165px -600px; }
.hex:hover .icon-building { background-position: -165px -720px; }
.hex:hover .icon-park { background-position: -165px -840px; }
.hex:hover .icon-cars { background-position: -165px -960px; }
.hex:hover .icon-handshake { background-position: -165px -1080px; }

/**** Page Content ****/

.page-content h2 { margin-top:0px !important; }
.page-content h3 { margin-top:20px !important; }

.page-content ol li { padding-left:5px; padding-bottom:10px; }

.green-button a, input[type="submit"] { display: inline-block; /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; color: #0000; font-size: 18px; text-transform: uppercase; background-color: #0000; padding: 10px 20px; 
	-webkit-transition: opacity 300ms;
			transition: opacity 300ms; }
.green-button a:hover, input[type="submit"]:hover { background:#0000; }

.white-arrow, .blue-arrow { display: inline-block; height: 12px; width: 8px; background-size: contain; margin-left: 5px; }
.white-arrow { background-image: url('images/white-arrow.png'); }
.blue-arrow { background-image: url('images/blue-arrow.png'); }

#page-header { position:relative; /*height:200px;*/ padding:45px 0; background-size:cover !important; }
#page-header::before { content:''; position:absolute; display:block; width:100%; height:100%; /*background:rgba(1,60,166,0.75);*/ }
#page-header img { position:absolute; top:0px; width:100%; }
#page-header h1 { color:#fff; font-size:32px; text-transform: uppercase; margin:0;  }
#page-header .breadcrumbs { font-size:11px; margin:60px 0 20px; color:#fff; opacity:0.75; }
#page-header .breadcrumbs a { color:#fff; opacity:0.75; }
#page-header p { color:#fff; opacity:0.75; }
#page-header .breadcrumbs a:hover { opacity:0.9; }
.header-content { z-index:5; }
/*.header-filter { margin-top:50px; }*/

.page-contact-cta { text-align: center; background-image: url('images/home-bar-bkg.jpg'); background-position: right center; background-size:cover; }
.page-contact-cta .bar-content { padding: 45px 25px; background-color: rgba(136,164,179,0.85); }
.page-contact-cta.blue-bkg { background-position: bottom left; }
.page-contact-cta.blue-bkg .bar-content { background-color: rgba(1,60,166,0.85); }
.page-contact-cta h2 { color: #FFF; margin-bottom: 25px; text-transform:uppercase; }
.page-contact-cta .green-button a { padding: 15px 20px; }

.page-content ul, .page-content ol { padding-left:1.5em; margin:15px 0; }
.page-content ul li, .page-content ol li { color:#666666; }
.page-content ul li ul, .page-content ol li ul {  padding-bottom:0px; margin-bottom:0px; }

.feat-project { margin-bottom:15px; }
.feat-project .project-img { height:200px; background:#ccc; background-position: center !important; }
.feat-project a p  { display:block; font-size:18px !important; font-weight:600; color:#666; padding:15px 12px; }
.feat-project a p:after { content:' »'; }

#interior-content { padding:45px 0;  }
#interior-content p { color:#666666; font-size:14px; line-height:24px; }
#interior-content h2 { text-transform:uppercase; margin:10px 0px; }
#interior-content h3 { /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:600; color:#013ca6; line-height:30px; margin-bottom:20px; }
.featured-projects { padding-top:20px; padding-bottom:10px; margin-bottom:20px !important; color:#013ca6; font-size:18px; border-bottom:1px solid #f0f1f2;}

ul.expertise-list { /*padding-left:20px;*/ margin-bottom:25px; }
ul.expertise-list li { padding-left:0px; padding-bottom:15px; list-style:none; }
ul.expertise-list li a { font-size:14px; color:#666; }
ul.expertise-list > li.current_page_item > a, ul.expertise-list > li.current_page_parent > a { font-weight:600; }
ul.expertise-list > li.current_page_parent > ul > li.current_page_item > a { color:#7294a7; }
ul.expertise-list li ul { margin:20px 0 0 0; }
ul.expertise-list li ul li { padding-left:25px; padding-bottom:10px; list-style:none !important; }
ul.expertise-list li ul li a { font-size:12px; font-weight:400; }
ul.expertise-list li ul li:last-child { padding-bottom:10px; }

ul.expertise-list > li:nth-child(1):before { content:''; display:inline-block; width:12px; height:14px; background:url('images/hex-orange.png'); margin-right:8px;  }
ul.expertise-list > li:nth-child(2):before { content:''; display:inline-block; width:12px; height:14px; background:url('images/hex-brown.png'); margin-right:8px; }
ul.expertise-list > li:nth-child(3):before { content:''; display:inline-block; width:11px; height:14px; background:url('images/hex-yellow.png'); margin-right:8px; }
ul.expertise-list > li:nth-child(4):before { content:''; display:inline-block; width:11px; height:14px; background:url('images/hex-green.png'); margin-right:8px; }
ul.expertise-list > li:nth-child(5):before { content:''; display:inline-block; width:11px; height:14px; background:url('images/hex-blue.png'); margin-right:8px; }

#learn-more-form { font-size:14px; }
#learn-more-form label { display:block; font-size:12px; color:#85878b; font-weight:400; margin-bottom:0px; }
#learn-more-form input[type="text"] { height:30px; border:none; background:#f0f1f2; width:254px; }
#learn-more-form textarea { height:100px; border:none; background:#f0f1f2; width:254px; }
#learn-more-form input[type="submit"] { display: inline-block; /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; color: #FFF; font-size: 14px; text-transform: uppercase; background-color: #3ac145; padding: 5px 15px; float:right; margin-right:20px; }

#contact-form { font-size:14px; }
#contact-form label { display:block; font-size:12px; color:#85878b; font-weight:400; margin-bottom:0px; }
#contact-form input[type="text"], input[type="email"], input[type="tel"] { height:30px; border:none; background:#f0f1f2; width:100%; }
#contact-form textarea { height:100px; border:none; background:#f0f1f2; width:100%; }
#contact-form input[type="submit"] { display: inline-block; /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; color: #FFF; font-size: 14px; text-transform: uppercase; background-color: #3ac145; padding: 5px 15px; float:right; margin-right:0px; }

.sub-services-list { padding-left: 1.5em; }
.sub-services-list li { padding-left:0px; padding-right: 30px; }

.project-excerpt .green-button a, .project-content .green-button a { margin-top:25px; }
.project-content { display:none; }
#show-content {  }
#show-content:hover, #hide-content:hover { cursor:pointer; }

#project-main-slider { position:relative; margin-bottom:0px; }
#project-main-slider .slides { padding-left:0px; }
#project-main-slider .slide { position:relative; height:700px; overflow:hidden; }
#project-main-slider .slide img { /*position:relative;*/ position:absolute; top:50%; transform: translateY(-50%); left:0px; height:auto; width:100%; }
#project-main-slider .slide .slide-content { position:absolute; bottom:0px; background:rgba(114,148,167,0.75); padding:14px 20px; color:#fff; font-size:11px; width:100%; }
#project-main-slider .flex-direction-nav { position:absolute; width:100%; top:40%; }
#project-main-slider .flex-direction-nav a, #carousel .flex-direction-nav a, #project-carousel .flex-direction-nav a { height:45px; }
#project-main-slider .flex-control-thumbs li { height:150px; position:relative; overflow:hidden; }
#project-main-slider .flex-control-thumbs li img { position:absolute; top:0px; height:100%; width:auto; }
#project-carousel .flex-direction-nav a { top:40%; }

#project-carousel .slides li { height:150px; position:relative; overflow:hidden; }
#project-carousel .slides li img { position:absolute; top:0px; height:100%; width:auto; }
#project-carousel .slides li .project-overlay { position:absolute; top:200px; height:100%; width:100%; background-color: rgba(1,60,166,0.75); padding:25px 15px; text-align:center; -webkit-transition: 300ms; transition: 300ms; }
#project-carousel .slides li:hover .project-overlay { top:0px; -webkit-transition: 300ms; transition: 300ms; }
#project-carousel .slides li .project-overlay h4 { /*font-family: 'Open Sans', sans-serif !important;*/ font-family: 'Roboto Condensed', sans-serif !important; font-size:16px !important; line-height:19px; font-weight:bold; color:#fff !important;  text-transform: none; margin-bottom:15px; }
#project-carousel .slides li .project-overlay h6 { /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; font-size: 12px; color: #FFF; }

#carousel { margin-bottom:20px; }
#carousel .slides { padding-left:0px; }
#carousel .slide { height:155px; overflow:hidden; position:relative; }
#carousel .slide img { position: absolute; top: 0px; left: 0px; height: 100%; }
#carousel .flex-direction-nav .flex-next, #carousel .flex-direction-nav .flex-prev { top:41%; }


#tech-services ul { padding-left: 1.5em; }
#tech-services ul li { font-size:14px; line-height:24px; padding-bottom:0px; padding-left:0px; color:#666; }

.related-projects { margin-bottom:50px; }
.related-projects h2 { margin-bottom:25px; }

#project-filters {  }
#project-filters { display:block; }
#project-filters select { display:block; width:254px; }
#project-filters input[type="submit"] { float:right; margin-top:10px; }
#project-filters label { display:block; font-size:12px; color:#85878b; font-weight:400; margin-bottom:0px; }
#project-filters p { font-size:12px; line-height:18px; }

.entry-summary h2 { margin-bottom:10px !important; }
.entry-summary h3 { font-size:18px !important; color:#7294a7 !important; margin-bottom:10px !important; }

.expertise { width:18.6%; float:left; margin-right:1.4%; margin-bottom:30px; padding:15px 15px 45px; text-align:center; background:#ccc; height:500px; margin-top:15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items:center;  -ms-flex-align: center; }
.expertise:last-child { margin-right:0px; }
.expertise h3 { /*font-family: 'Open Sans', sans-serif !important;*/ font-family: 'Roboto Condensed', sans-serif !important; font-size:18px !important; line-height:24px !important; font-weight:bold; color:#fff !important; margin:0 !important; }
.expertise p { color:#fff !important; line-height:18px !important; margin-top:15px; }
.expertise .service-icon { margin:0 auto; }
.expertise-learn-more { position: relative; /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; font-size: 12px; color: #FFF; }
/*.expertise a { display:block; margin-top:20px; }*/
.expertise h6 { font-size:16px; position: relative; bottom: -85px; opacity:0; transition: 200ms; }
.expertise:hover h6 { bottom: -20px; opacity:1; transition: 200ms; }
.expertise-container { max-width:100%; }

.management { margin-bottom:20px; }
.management h3 { margin-bottom:0px !important; }
.management h4 { font-size:18px !important; text-transform: none !important;  }

/* selectbox styles */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { /* width:254px; */ }
.bootstrap-select .btn { border-radius:0px; background:#f0f1f2; border:none; height:30px; }
.bootstrap-select .bs-caret { color:#013ca6; }
.bootstrap-select .bs-caret .caret { border-top: 6px dashed; border-top: 6px solid\9; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.bootstrap-select.btn-group .dropdown-menu li { padding-left:0px; }
.bootstrap-select .dropdown-menu.open .dropdown-menu.inner { padding-top:9px; }

.search-result { padding:20px 0; border-bottom:1px solid #ccc; }
.search-result h2 { text-transform: capitalize !important; margin:0px 0 10px !important; }

.blog-post h2.entry-title { font-size:24px; margin:10px 0px !important;  }
.page-header.blog { padding-bottom:30px; }
.page-header.blog h1 { color:#013da6; text-transform:uppercase; }
.page-header.blog h2 { padding-bottom:15px; }
.blog-post { margin-bottom:15px; border-bottom:1px solid #e8e8e8; }

.sidebar-widget h3 { margin-bottom:10px !important; } 
.sidebar-widget h4 { /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; font-size:18px; color:#013ca6; line-height:24px; margin:15px 0 10px 0; }
.sidebar-widget p { margin-bottom:20px; } 

/**** Footer Content ****/
footer { background-color: #f1f6f9; padding: 75px 10px 100px; }
#logo-footer { margin-top: 10px; }
#logo-footer img { width: 190px !important; height: auto; float:left; }
footer h6 { /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; font-weight: normal; color: #7294a7; margin: 5px 0 23px 0; }
footer p { font-size: 14px; line-height: 1.9; color: #7294a7; }
footer .signup-form { margin-bottom: 35px; }
footer .green-button { display: inline-block; /*font-family: 'Roboto Slab', serif;*/ font-family: 'Roboto', sans-serif; color: #FFF; font-size: 14px; text-transform: uppercase; background-color: #3ac145; padding: 5px 15px; }
footer .green-button:hover { background:#2ba836; }
footer input[type="text"]{ font-size: 12px; width: 215px; margin-right: 5px; padding: 6px 8px; border: 0; }
footer input[type="submit"]{ font-size: 12px; padding: 6px 20px; }
footer .social-icons { margin-top:25px; }
footer .copyright-container { margin-top:40px; }
footer .copyright-container p { color: #85878b; margin-top: 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.social-icons h6 { display: inline-block; vertical-align: top; margin-right: 15px; }
.social-link { padding: 3px; }
.social-link:hover { opacity: 0.8; -webkit-transition: opacity 300ms; transition: opacity 300ms; }

/* Breadcrumbs */
.breadcrumbs { margin: 25px 0 0 0; color: #000; }

/*********** FLEXSLIDER *********************/
.home-page-carousel { position: relative; border: none; }
.home-page-carousel .slide-content { background-size: cover; background-repeat: no-repeat; background-position: center center; }

.home-page-carousel.flexslider { margin-bottom: 45px; }
.home-page-carousel.flexslider .controls { position: absolute; top: 175px; right:355px; z-index: 10; padding-left: 0px; }

.home-page-carousel.flexslider .flex-direction-nav { display: none; margin-top: -120px; }
.home-page-carousel.flexslider .flex-control-nav { text-align: left; bottom: auto; position:relative; }
.home-page-carousel.flexslider .flex-control-paging li { margin:0px 4px 0px 5px; padding-left:0px; }
.home-page-carousel.flexslider .flex-control-paging li a { height: 5px; width: 50px; pad-left: 0px; margin-right: 0px; background: rgba(255,255,255,0.5); border-radius: 0; }
.home-page-carousel.flexslider .flex-control-paging li a.flex-active { background: #FFF; }

/*********** RESPONSIVE IFRAMES *************/
.flex-video { position: relative; padding-top: 0px; padding-bottom: 100%; height: 0; margin-bottom: 0px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}


/*********** Image posts *************/

img.alignleft, .wp-caption.alignleft { float: left; margin: 12px 24px 12px 0; }
img.alignright, .wp-caption.alignright { float: right; margin: 12px 0 12px 24px; }
img.aligncenter, .wp-caption.aligncenter { display: block; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: auto !important; margin-right: auto !important; }

/*********** EXTRA MEDIA QUERIES *************/

@media (min-width: 1200px){
	.container { width: 1150px; }

	/*#logo img { width: 255px; }*/

	#navigation li a { font-size: 18px; }

	#search-icon img { padding: 13px 0 13px 15px; }

	#home-main-slider .slide-content-wrapper { min-height: 600px; }

	.hex { width: 17.364%; padding-bottom: 20.05%; }
	.hex:nth-child(10n+6), .hex:nth-child(10n+7), .hex:nth-child(10n+8), .hex:nth-child(10n+9), .hex:nth-child(10n+10){ margin-top: -4.2%; margin-bottom: -4.2%;
		-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    		-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
				transform: translateX(50%) rotate(-60deg) skewY(30deg); }
	.hex:nth-child(10n+6):last-child, .hex:nth-child(10n+7):last-child, .hex:nth-child(10n+8):last-child, .hex:nth-child(10n+9):last-child, .hex:nth-child(10n+10):last-child { margin-bottom:0; }
	.hex:nth-child(10n+6){ margin-left: 0.5%; }
	.hex:nth-child(5n+2){ margin-left: 1%; margin-right: 1%; }
	.hex:nth-child(5n+3),.hex:nth-child(5n+4){ margin-right: 1%; }
}
@media (min-width:992px){
	#logo img { /*padding: 35px 0; width: 240px;*/ width:255px; }
	#menu-toggle { display: none; }
	#search-icon { position: absolute; top: 55px; right: 0; padding: 0; }
	#search-form { display: none; position: absolute; top: 50px; right: 40px; margin-top: 0; margin-bottom: 0; z-index:5; }
	#navigation { display: block !important; padding: 55px 0 30px; margin-right: 30px; margin-left: -30px; border-bottom: 0; clear: none; text-align: right; }
	#navigation li { display: inline-block; text-align: left; border-top: 0; }

	.hex p { font-size: 16px; }
	.hex-learn-more { font-size: 14px; }
}
@media (max-width: 991.9px){
	.container { width: 90%; }
	.subscription-container { float: left !important; }
	.subscription-container h6 { margin: 5px 0 8px 0; }
}
@media (max-width: 991px){
	header { padding:10px 0; }
	#logo img { width:175px; }
	#home-main-slider { height:auto; overflow:visible; }
	#home-main-slider .slides { position:relative; }
	#home-main-slider .slide-content { position:relative; height:auto; overflow: visible; background:#013ca6; right:0px; }
	#home-main-slider .slide-content-wrapper { background:#013ca6; width:100%; max-width:100%; padding:25px; }
	#home-main-slider .controls { display:none; } 
	.expertise { width: 31%; margin-right: 2.33%; }
	#video-title { bottom:auto; top:20px;  }
}
@media (max-width: 900px){
	.section-icons { max-width: 680px; margin: 20px auto 60px; }
	.view-all { float: left !important; clear: both; margin-top: 10px; }
	.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
}
@media (max-width: 1200px) and (min-width:901px){
	.nav li.mega-menu .sub-menu { width:970px; margin-left:-446px; }
	.nav li.mega-menu .sub-menu li { font-size:11px !important; }
	.nav li.mega-menu .sub-menu li a { font-size:11px !important; }
	.hex { width: 21.444%; padding-bottom: 24.763%; }
	.hex:nth-child(8n+5), .hex:nth-child(8n+6), .hex:nth-child(8n+7), .hex:nth-child(8n+8){ margin-top: -5.298%; margin-bottom: -5.298%;
		-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    		-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
				transform: translateX(50%) rotate(-60deg) skewY(30deg); }
	.hex:nth-child(8n+5):last-child, .hex:nth-child(8n+6):last-child, .hex:nth-child(8n+7):last-child, .hex:nth-child(8n+8):last-child { margin-bottom: 0; }
	.hex:nth-child(8n+5){ margin-left: 0.5%; }
	.hex:nth-child(4n+2){ margin-left: 1%; margin-right: 1%; }
	.hex:nth-child(4n+3){ margin-right: 1%; }

	#learn-more-form input[type="text"] { width:100%; }
	#learn-more-form textarea { width:100%; }
	#learn-more-form input[type="submit"] { margin-right:0px; }

	#search-form input[type="text"] { width: 525px; }
	.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }

}
@media (max-width: 900px) and (min-width:666px){
	.hex { width:27.857%; padding-bottom: 32.168%; }
	.hex:nth-child(6n+4), .hex:nth-child(6n+5), .hex:nth-child(6n+6){ margin-top: -7.322%; margin-bottom: -7.322%; 
		-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    		-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
				transform: translateX(50%) rotate(-60deg) skewY(30deg); }
	.hex:nth-child(6n+4):last-child, .hex:nth-child(6n+5):last-child, .hex:nth-child(6n+6):last-child { margin-bottom: 0; }
	.hex:nth-child(6n+4){ margin-left: 0.5%; }
	.hex:nth-child(3n+2){ margin-left: 1%; margin-right: 1%; }
	.nav .sub-menu, .nav li.mega-menu .sub-menu { position:relative !important; width:100% !important; }
	.nav li:hover .sub-menu, .nav li.mega-menu:hover .sub-menu { width:100% !important; }
	.nav li.mega-menu .sub-menu { height: auto !important; margin-left:0px !important; }
	.nav li.mega-menu .sub-menu li, .nav li.mega-menu .sub-menu li .sub-menu li { width:100% !important; padding:0px; margin:0px; }
}

@media (max-width: 768px){
	.services-menu { display:none; }
	.expertise { height:auto !important; }
	.nav li.mega-menu .sub-menu li a { border-bottom:0px !important; }
	.nav .sub-menu, .nav li.mega-menu .sub-menu { position:relative !important; width:100% !important; }
	.nav li:hover .sub-menu, .nav li.mega-menu:hover .sub-menu { width:100% !important; }
	.nav li.mega-menu .sub-menu { height: auto !important; margin-left:0px !important; }
	.nav li.mega-menu .sub-menu li, .nav li.mega-menu .sub-menu li .sub-menu li { width:100% !important; padding:0px; margin:0px; }
	#logo-footer img { float:none; margin:0 auto; }
	.address-container { text-align:center; }
	.address-container p { line-height:1.5 !important; } 
	.social-icons { width:220px; margin:0 auto; }
	.footer-copy { text-align:center; }
	/*.expertise { width: 48%; margin-right: 1%; margin-bottom:10px; }*/
	.expertise { width: 100%; margin-right:0; margin-bottom:20px; }
	#search-form input[type="text"] { width: 200px; }
	#page-header.portfolio-page-head { height:auto !important; background-size:cover !important; }
	.header-filter { padding-bottom:30px; margin-top:10px; }
	#sidebar-left { padding-left:15px !important; }
}
@media (max-width: 767.9px){
	.home-bar input[type="text"]{ width: 60%; }

	.section-tiles, .left-tile-wrapper .left-wrapper, .tile-row, .left-row-wrapper, .tile-cell-wrapper, .left-row-wrapper .project-tile { display: block; clear: both; }
	.project-tile-content, .project-tile.more-padding .project-tile-content, .project-tile.less-padding .project-tile-content { padding: 45px 25px; }
	.project-tile .project-tile-content { opacity: 1; }
	.project-tile:before { background-color: rgba(114,148,167,0.75); }

	footer { padding: 45px 10px 50px; }
	#logo-footer { margin-bottom: 15px; }
	.address-container { padding: 15px 0; }
	.address-container p { line-height: 1.35; }
	footer .signup-form { margin-bottom: 25px; }
}
@media (max-width: 720px){
	.service-icon { margin: 10px auto -35px;
    -webkit-transform: translateZ(0) perspective(1px) scale(0.45);
    	-ms-transform: translateZ(0) perspective(1px) scale(0.45);
    		transform: translateZ(0) perspective(1px) scale(0.45); }
    .hex:hover .service-icon { margin: -10px auto -44px;
    	-webkit-transform: translateZ(0) perspective(1px) scale(0.4);
    		-ms-transform: translateZ(0) perspective(1px) scale(0.4);
    			transform: translateZ(0) perspective(1px) scale(0.4); }
}
@media (max-width: 665px){
	h4 { font-size: 22px; }
	h5 { font-size: 17px; }
	h6 { font-size: 15px; }

	#search-form { margin-top: 0; }

	.section-icons { max-width: 475px; }
	.hex { width: 39.4%; padding-bottom: 45.496%; }
	.hex:nth-child(4n+3), .hex:nth-child(4n+4){ margin-top: -10.392%; margin-bottom: -10.392%; 
		-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    		-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
				transform: translateX(50%) rotate(-60deg) skewY(30deg); }
	.hex:nth-child(4n+3):last-child, .hex:nth-child(4n+4):last-child { margin-bottom: 0; }
	.hex:nth-child(4n+3){ margin-left: 0.5%; }
	.hex:nth-child(2n+2){ margin-left: 1%; }
}
@media (max-width: 470px){

	#logo { margin-left:10px; }
	
	h2 { font-size: 26px; }
	h4 { font-size: 20px; }
	h5 { font-size: 15px; }
	h6 { font-size: 14px; }
	
	.container { width: 97%; }

	.home-page-carousel.flexslider .controls { top: 90px; padding-left: 25px; }
	/*.slide-content-wrapper { padding: 110px 30px 90px; }*/

	.project-tile-content, .project-tile.more-padding .project-tile-content, .project-tile.less-padding .project-tile-content { padding: 35px 15px; }

	.hex p { font-size: 12px; }
	.service-icon { margin: 0 auto -35px -7px; }
	.hex:hover .service-icon { margin: -10px auto -44px -7px; }

	.home-bar input[type="text"]{ width: 100%; }
	.home-bar input[type="submit"]{ width: 80%; margin-top: 15px; }

	/*.expertise { width: 100%; margin-right:0; margin-bottom:20px; }*/

}
@media (max-width: 400px){
	.service-icon { display: none; }
	.hex p { margin-top: 60px; }
	.expertise .service-icon { display: block; }
}
@media (max-width: 350px){
	.hex p { margin-top: 30px; padding: 0 4px; }
}

/*********** IE 10 ***********/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .img-responsive { max-width: 100% !important; height: auto !important; width: auto !important; } }
/********* END IE 10 ********