/*!
Theme Name: National Test
Theme URI: http://underscores.me/
Author: Sketch Corp
Author URI: https://sketchcorp.com/
Description: National Test theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nationaltest
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/



/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}


body { font-family: 'Titillium Web', Arial, Helvetica, sans-serif; }
body.admin-bar { position:relative; }
h1 { font-size:50px; line-height:55px; font-weight:700; margin:0 0 10px 0; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; text-transform: uppercase; }
h2 { font-size:50px; line-height:55px; font-weight:600; margin:0 0 20px 0; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; text-transform: uppercase; }
h3 { font-size:26px; line-height:36px; font-weight:400; margin:0 0 20px 0; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; text-transform: uppercase; }
h4 { font-size:26px; line-height:36px; font-weight:400; margin:0 0 20px 0; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; text-transform: uppercase; }
p {  font-size:18px; line-height:25px; font-weight:600; margin:0 0 20px 0; letter-spacing: 0.36px; line-height: 27px; }
img { max-width: 100%; }
.btn, .panel-standard-form .wpcf7 input[type="submit"] { background:none; color: rgb(155, 168, 159); font-size: 22px; font-weight: 600; line-height: 64px; text-transform:uppercase; border-radius:50px; letter-spacing: 1.32px; height:52px; line-height:48px; width:auto; display:inline-block; padding:0 32px; transition:0.6s all; border:2px solid rgb(155, 168, 159); font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; }
.btn:hover, .panel-standard-form .wpcf7 input[type="submit"]:hover { background-color:#f1f1f1; color:#333; border-color:#333; }
.btn-primary { }
.btn-primary:hover { }
.btn-banner, .panel-standard-form.panel-contact-page .wpcf7 input[type="submit"] { background-color:rgb(155, 168, 159); color:#fff; border-color:rgb(155, 168, 159); color:#fff; }
.btn-banner:hover, .panel-standard-form.panel-contact-page .wpcf7 input[type="submit"]:hover { background-color:#333; border-color:#333; color:#fff; opacity:0.84; }
.panel-standard-form .wpcf7 input[type="submit"] { height:42px; line-height:38px; }
.clear { clear:both; }
.pagination { text-align:center; display:block; margin:24px 0 24px 0; }
.pagination span, .pagination a { width:32px; height:32px; display:inline-block; margin:0 7px; border:solid 1px #d7d7d7; background:#fff; color:#0C2E70; font-size:16px; line-height:32px; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer; }
.pagination span { background:#0C2E70; color:#fff; border-color:#0C2E70; }
.pagination a:hover { background:#144387; color:#fff; }
.woocommerce-pagination { text-align:center; display:block; margin:0 0 80px 0; clear:both; }
.woocommerce-pagination ul { margin:0; padding:0; list-style:none; }
.woocommerce-pagination li { margin:0; padding:0; display:inline-block; }
.woocommerce-pagination span, .woocommerce-pagination a { width:32px; height:32px; display:inline-block; margin:0 7px; border:solid 1px #d7d7d7; background:#fff; color:#0C2E70; font-size:16px; line-height:32px; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer; }
.woocommerce-pagination span { background:#0C2E70; color:#fff; border-color:#0C2E70; }
.woocommerce-pagination a:hover { background:#144387; color:#fff; }
.site-content .star-rating { width:100px; letter-spacing:3px; }
.site-content .star-rating span::before { color:rgb(30, 42, 90); }
table { border-collapse:collapse; }
table th { border:solid 1px #919893; background:#929993; color:#222; padding:5px 10px 5px 10px; height:48px; font-size:24px; font-weight: 400; letter-spacing: 0.6px; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; text-transform: uppercase; }
table td { border:solid 1px #919893; padding:10px 10px 10px 10px; font-size:12px; width:25%; }

.site-hamburger { position: relative; z-index: 100; margin-top: 34px; }
.site-hamburger a { display: inline-block; width: 32px; height: 22px; vertical-align: top; }
.site-hamburger span { width: 32px; height: 3px; background-color: rgb(39, 37, 37); display: block; position: absolute; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; margin: 0; }
.site-hamburger span:nth-of-type(1) { top: 0; }
.site-hamburger span:nth-of-type(2) { top: 10px; }
.site-hamburger span:nth-of-type(3) { top: 10px; }
.site-hamburger span:nth-of-type(4) { top: 19px; }
.page-has-banner .site-hamburger span { background-color:#fff; }

.menu-expanded .site-header { }
.menu-expanded .site-logo { }
.menu-expanded .site-hamburger span:nth-of-type(1), 
.menu-expanded .site-hamburger span:nth-of-type(4) { display: none; } 
.menu-expanded .site-hamburger span:nth-of-type(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); height:1px; background-color:rgb(39, 37, 37); }
.menu-expanded .site-hamburger span:nth-of-type(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height:1px; background-color:rgb(39, 37, 37); }
.menu-expanded #content { display:none; }
.menu-expanded .footer { display:none; }

.site-header { height:189px; position:absolute; z-index:100; left:0; right:0; top:0; color: rgb(39, 37, 37); background:rgba(228, 229, 231, 0.95) url(images/header-bg.png) 115% -505px no-repeat; }
.site-header .container { position: relative; }
.site-logo { float:left; margin-top:47px; max-width:264px; }
.site-logo img { width:100%; height:auto; }
.header-height-fix { height:189px; }
.page-has-banner .site-header { color:#fff; }
.home .site-header { background:none; }

.main-navigation { float:right; z-index:500; }
.main-navigation div {}
.main-navigation div > ul { margin:92px 0 0 0; padding:0; min-height:20px; list-style:none; }
.main-navigation div > ul > li { float:left; margin:0; color:inherit; padding:0 42px 0 0; display:block; }
.main-navigation div > ul > li:last-child { padding-right:0 !important; }
.main-navigation div > ul > li > a { display:block; color:inherit; font-size: 16px; font-weight:700; line-height: 16px; text-transform: uppercase; text-decoration:none; letter-spacing: 1.28px; }
.main-navigation div > ul > li:hover {}
.main-navigation div > ul > li:hover > a { color:rgb(143, 153, 146); }
.main-navigation div > ul > li.current-menu-item > a { color:rgb(143, 153, 146); }


@media (max-width: 1199px) {
	.site-logo { max-width: 220px; }
	.main-navigation div > ul { margin-top: 84px; }
	.main-navigation div > ul > li { padding-right:30px; }
	.main-navigation div > ul > li > a { font-size:15px; letter-spacing:0.88px; }
}
@media (max-width: 991px) {
	.site-header { height: auto; }
	.site-logo { margin-top: 18px; margin-bottom: 18px; }
	.site-hamburger { margin-top:46px; }
	.header-right { width:32px; float:right; }
	.main-navigation { position: static; clear: both; width: auto; }
	.main-navigation div > ul { margin-top: 0; }
}
@media (max-width: 767px) {
	
}
@media (max-width: 600px) {
	#wpadminbar { position:fixed; }
}
@media (max-width: 480px) {
	.site-logo { max-width:150px; margin-top: 14px; margin-bottom: 13px; }
}
@media (max-width: 370px) {
	
}

.flex-wrapper { position: relative; margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-wrapper .col { padding-left: 15px; padding-right: 15px; }

.quicknav { position:fixed; top:0; right:0; z-index:500; width: 82px; background-color: rgb(30, 42, 90); color:#fff; }
.quicknav a { display:block; height:72px; text-align:center; color:#fff; font-size: 11px; font-weight: 700; line-height: 13px; border-top:solid 1px rgba(235, 235, 235, 0.17); text-decoration:none; }
.quicknav a:first-child { height:77px; border:none; font-size:50px; }
.quicknav a:hover { background:rgba(255,255,255,0.08); }
.icon-client { background:url(images/icon-client.png); width:25px; height:25px; margin:15px auto 7px auto; display:block; background-size: contain; background-repeat: no-repeat; }
.icon-tech { background:url(images/icon-tech.png); width:23px; height:23px; margin:18px auto 7px auto; display:block; background-size: contain; background-repeat: no-repeat; }
.icon-contact { background:url(images/icon-contact.png); width:22px; height:21px; margin:19px auto 7px auto; display:block; background-size: contain; background-repeat: no-repeat; }
.admin-bar .quicknav { top:32px; }
@media (max-width: 480px) {
	body.admin-bar { position:static; }
	.home .site-header { position:static; }
	.quicknav { width:42px; }
	.quicknav a { height:auto; }
	.quicknav a:first-child { height:auto; font-size:25px; }
	.admin-bar .quicknav { top:40px; }
	.icon-client, .icon-tech, .icon-contact { margin:8px auto; }
	.site-logo { padding:16px 0 15px 15px !important; }
	.site-logo img { max-width:184px !important; }
}

#content { clear:both; }


/* homepage */

.panel-homepage-banner { background:#bbb url(images/banner-home-bg.jpg) 50% 50% no-repeat; background-size:cover; color:#fff; padding:470px 0 120px 0; position:relative; }
.panel-homepage-banner .container { }
.panel-homepage-banner h2 { color: #fff; font-size: 68px; font-weight: 400; line-height: 79px; text-transform: uppercase; letter-spacing: 2.04px; margin-bottom:46px; max-width:630px; }
.panel-homepage-banner p { color: #fff; font-size: 20px; font-weight: 400; line-height: 38px; margin:0; max-width:630px; }
.panel-homepage-banner:after { content:' '; display:block; position:absolute; right:0; bottom:-339px; width:486px; height:668px; background:url(images/home-splash-1.png) 0 0 no-repeat; }

.panel-welcome { background:#fff; color:#000; padding:84px 0 50px 0; }
.panel-welcome .container { }
.panel-welcome h2 { margin-bottom:28px; }
.panel-welcome h3 { margin-bottom:18px; }
.panel-welcome p { margin-bottom:22px; color: rgb(58, 57, 57); font-size: 22px; font-weight: 400; letter-spacing: 0.44px; line-height: 39px; max-width:1150px; }

.panel-ndt { background:#fff; color:#000; padding:0 0 83px 0; }
.panel-ndt .container { }
.panel-ndt .row { margin:0 -5px; }
.panel-ndt .col-xs-12 { padding:0 5px; }
.panel-ndt h2 { margin-bottom:28px; border-top:solid 1px rgb(155, 168, 159); padding-top:88px; }
.panel-ndt h3 { margin-bottom:18px; }
.panel-ndt p { margin-bottom:70px; }
.panel-ndt .panel-ndt-service { display:block; color: rgb(70, 70, 70); font-size: 26px; font-weight: 400; line-height: 32px; text-transform: uppercase; letter-spacing: 0.78px; height:90px; text-decoration:none; background:url(images/icon-raquo-grey.png) 0 8px no-repeat; padding:0 0 0 45px; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; transition:color 0.8s; }
.panel-ndt .panel-ndt-service:hover { color:#000; }
.panel-ndt .panel-ndt-service span:after { content:' '; display:block; width: 29px; height: 2px; background-color: rgb(155, 168, 159); margin:3px 0 0 2px; transition:background-color 0.8s, width 0.8s; }
.panel-ndt .panel-ndt-service:hover span:after { background-color:#000; width:60px; }

.panel-cta { background:#555 url(images/cta-bg.jpg) 50% 50% no-repeat; background-size:cover; color:#fff; padding:84px 0 83px 0; text-align:center; }
.panel-cta .container { }
.panel-cta h2 { color: rgb(248, 248, 248); font-size: 42px; font-weight: 400; letter-spacing: 1.08px; line-height: 51.54px; max-width:860px; margin: 0 auto 28px auto; }
.panel-cta p { color:#fff; font-size: 40px; font-weight: 600; letter-spacing: 1.7px; line-height: 62px; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; margin:0; }
.panel-cta p span { color: rgb(155, 168, 159); }
.panel-cta p span.divider { width: 1px; height: 62px; background-color: rgb(155, 168, 159); margin:0 40px; display:inline-block; vertical-align:top; }

.panel-hms { background:#fff; color:#000; padding:84px 0 95px 0; }
.panel-hms .container { }
.panel-hms h2 { margin-bottom:28px; }
.panel-hms h3 { margin-bottom:18px; }
.panel-hms p { margin-bottom:69px; color: rgb(58, 58, 58); }
.panel-hms .hms-box { display:block; background-color:#000; color:#fff; background-size:cover; background-position:50% 100%; text-decoration:none; }
.panel-hms .hms-box span { display:block; padding:365px 36px 32px 36px; transition:background-color 0.8s; font-size: 26px; font-weight: 400; line-height: 26px; text-transform: uppercase; letter-spacing: 1.04px; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; }
.panel-hms .hms-box span:before { content:' '; display:block; width: 27px; height: 2px; background-color: rgb(233, 0, 0); transition:background-color 0.8s, width 0.8s; margin-bottom:8px; }
.panel-hms .hms-box:hover span { background-color:rgba(0,0,0,0.5); }
.panel-hms .hms-box:hover span:before { width:68px; }

.panel-experience { background:#555; color:#fff; padding:84px 0 83px 0; position:relative; }
.panel-experience:before { content:' '; display:block; position:absolute; left:0; top:0; right:50%; bottom:0; background-color: rgba(32, 33, 32, 0.84); }
.panel-experience .container { }
.panel-experience h2 { margin-bottom:28px; }
.panel-experience h3 { margin-bottom:18px; }
.panel-experience p { font-size: 18px; font-weight: 400; letter-spacing: 0.36px; line-height: 27px; margin-bottom:32px; }
.panel-experience ul { margin:0; padding:0 0 32px 16px; }
.panel-experience li { margin:0; padding:0; font-size: 14px; font-weight: 400; letter-spacing: 0.28px; line-height: 27px; }

.panel-clients { background:#fff; color:#333; padding:84px 0 100px 0; text-align:center; }
.panel-clients .container { }
.panel-clients h2 { margin-bottom:50px; }


/* content pages */

.panel-banner { background:#111 50% 50% no-repeat; background-size:cover; color:#1e2a5a; padding:295px 0 100px 0; position: relative; }
.panel-banner .container { }
.panel-banner h1 { margin:0; color:#fff; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: 0.8px; }
.panel-banner p { margin:0; color: #fff; font-size:22px; font-weight: 400; line-height:38px; max-width:420px; }
.panel-banner .middle-image { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.panel-text { background:#fff; color:rgb(68, 78, 92); padding:80px 0 80px 0; }
.panel-text .container { }

.panel-basic-page { }
.panel-basic-page h3 { font-weight:700; }
.panel-basic-page p { font-weight:400; }

.panel-services { padding:80px 0 0 0; }
.panel-services .servicetype { border-top:solid 1px rgb(155, 168, 159); padding-top:70px; padding-bottom:80px; }
.panel-services .servicetype-1 { border-top:none; padding-top:0; }
.panel-services .servicetype h2 { color:#000; font-size: 40px; line-height:40px; margin-bottom:40px; }
.panel-services .servicetype > p { margin-bottom:69px; }
.panel-services .row { margin:0; }
.panel-services .col-xs-12 { padding:0; }
.panel-services .servicetype-left img { margin-bottom:15px; width:100%; }
.panel-services .servicetype-right { padding-left:72px; }
.panel-services h3 { letter-spacing: 0.78px; display:block; position:relative; border-top:solid 1px rgb(224, 224, 224); margin:0; }
.panel-services h3 a { display:block; padding:15px 30px 15px 47px; line-height:36px; text-decoration:none; color: rgb(70, 70, 70); }
.panel-services h3 a:after { content:'+'; display:block; position:absolute; right:0; top:-6px; line-height:66px; font-size: 50px; font-weight: 400; }
.panel-services h3.expanded a:after { content:'_'; line-height:28px; right:5px; }
.panel-services h3.expanded { border-bottom:solid 1px rgb(224, 224, 224); }
.panel-services .servicetype-service { padding:16px 10px 60px 47px; }
.panel-services .servicetype-service p { color: rgb(58, 58, 58); font-size: 16px; font-weight: 400; letter-spacing: 0.32px; line-height: 26px; }
.panel-services .servicetype-service ul { color: rgb(58, 58, 58); font-size: 16px; font-weight: 400; letter-spacing: 0.32px; line-height: 26px; margin:0 0 30px 0; padding:0 0 0 16px; }
.panel-services .servicetype-service p + ul { margin-top:-10px; }
.panel-services .servicetype-1 h3 a { background:url(images/icon-raquo-grey.png) 0 50% no-repeat; }
.panel-services .servicetype-2 h3 a { background:url(images/icon-raquo-red.png) 0 50% no-repeat; }
.panel-services .servicetype-1 h3.expanded a { color: rgb(155, 168, 159); }
.panel-services .servicetype-2 h3.expanded a { color: rgb(233, 0, 0); }

.panel-projects { padding:0 0 15px 0; background:url(images/projects-bg.png) 108% 148% no-repeat; }
.panel-projects h2 { color: #8f9992; font-size: 40px; font-weight: 400; line-height: 40px; letter-spacing: 1.2px; border-bottom:solid 1px #9ba89f; padding:0 0 12px 0; margin:80px 0 0 0; }
.panel-projects p { color: #000; margin-bottom:35px; font-size:17px; }
.panel-projects img { display:block; margin:0 auto; }
.panel-projects .project-box { min-height:184px; padding:37px 0 26px 42px; background:url(images/icon-raquo-grey.png) 0 39px no-repeat; border-bottom:solid 1px #e0e0e0; }
.panel-projects .project-box h3 { color: rgb(70, 70, 70); font-size: 24px; font-weight: 600; line-height: 24px; text-transform: uppercase; letter-spacing: 1.2px; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; margin:0; }
.panel-projects .project-box h3:after { content:' '; display:block; width: 29px; height: 2px; background-color: #9ba89f; margin:8px 0 22px 0; }
.panel-projects .project-box p { color: #3a3a3a; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0.28px; margin:0; }
.panel-projects .project-box-international { border:none; }
.panel-projects .row { margin:0 -37px; }
.panel-projects .col-xs-12 { padding:0 37px; }

.panel-healthsafety { padding:80px 0 60px 0; }
.panel-healthsafety .row { margin:0; }
.panel-healthsafety .col-xs-12 { padding:0; }
.panel-healthsafety .healthsafety-left { padding-right:118px }
.panel-healthsafety .healthsafety-right img { width:100%; }
.panel-healthsafety h2 { color: rgb(58, 57, 57); font-size: 20px; font-weight: 400; letter-spacing: 0.4px; line-height: 30px; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; margin-bottom:40px; text-transform:none; margin-bottom:28px; }
.panel-healthsafety h3 { color: rgb(155, 168, 159); margin-bottom:30px; }
.panel-healthsafety p { color: rgb(58, 58, 58); font-size: 16px; font-weight: 400; line-height: 26px; margin:0 0 25px 0; }
.panel-healthsafety ul { color: rgb(58, 58, 58); font-size: 16px; font-weight: 400; line-height: 26px; margin:0 0 50px 0; padding:0 0 0 16px; }
.panel-healthsafety p + ul { margin-top:-10px; }

.panel-nata { }
.panel-nata h2 { color: #8f9992; font-size: 40px; font-weight: 400; line-height: 40px; letter-spacing: 1.2px; border-bottom:solid 1px #9ba89f; padding:0 0 12px 0; margin:50px 0 20px 0; }
.panel-nata p { color: #000; margin-bottom:35px; font-size:17px; }
.panel-nata img { display:block; margin:0 auto; }
.panel-nata table { margin-bottom:65px; }

.panel-about { padding:80px 0 60px 0; }
.panel-about .row { margin:0; }
.panel-about .col-xs-12 { padding:0; }
.panel-about .about-left { padding-right:75px; }
.panel-about .about-right { text-align:center; padding-top:12px; }
.panel-about .about-right img { max-width:100%; }
.panel-about h2 { color: rgb(58, 57, 57); font-size: 20px; font-weight: 400; letter-spacing: 0.4px; line-height: 30px; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; margin-bottom:40px; text-transform:none; margin-bottom:28px; }
.panel-about h3 { color: rgb(155, 168, 159); margin-bottom:30px; }
.panel-about p { color: rgb(58, 58, 58); font-size: 16px; font-weight: 400; line-height: 26px; margin:0 0 25px 0; }
.panel-about ul { color: rgb(58, 58, 58); font-size: 16px; font-weight: 400; line-height: 26px; margin:0 0 50px 0; padding:0 0 0 16px; }
.panel-about p + ul { margin-top:-10px; }

.panel-bottom-form { background:url(images/panel-contact-bg.png) 100% 0 no-repeat; text-align:center; padding:67px 0 50px 0; }
.panel-bottom-form form { max-width:800px; }
.panel-bottom-form h2 { margin:0 0 12px 0; color: #021f53; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; font-size: 36px; font-weight: 400; text-transform: uppercase; letter-spacing: 2.88px; line-height: 50px; }
.panel-bottom-form p { margin:0 0 12px 0; color: #ce3229; font-family:'Saira Extra Condensed', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 1.92px; line-height: 42px; }
.panel-bottom-form textarea { resize: none; height: 115px; }
.panel-bottom-form .row { margin:0 -5px; }
.panel-bottom-form .col-xs-12 { padding:0 5px; }
.panel-bottom-form .form-control { background:#14224A; border:solid 1px #169ED9; border-radius:0; color:#fff; font-size:13px; margin-bottom:8px; min-height:38px; }
.panel-bottom-form .btn { width:222px; background-position:157px 50%; margin-top:18px; }
.panel-bottom-form .form-control::-webkit-input-placeholder { color:#CDD1DD; }
.panel-bottom-form .form-control::-moz-placeholder { color:#CDD1DD; }
.panel-bottom-form .form-control:-ms-input-placeholder { color:#CDD1DD; }
.panel-bottom-form .form-control:-moz-placeholder { color:#CDD1DD; }
.panel-bottom-form .sublabel { display:none; }
.panel-bottom-form label.uploadbutton { display:block; background:#0A2862 url(images/icon-upload-resume.png) 37% 50% no-repeat; border:solid 1px #20499A; border-radius:0; color:#BBC6DC; font-size:14px; font-family:Arial; font-weight:500; margin-bottom:8px; margin-top:0; height:72px; line-height:64px; padding:0; }
.panel-bottom-form label.uploadbutton span { background:#0A2862; padding-left:15px; padding-right:15px; }
.row-6 { margin-left: -6px; margin-right: -6px; }
.row-6 .col { padding-left: 6px; padding-right: 6px; }
.wpcf7-form::after { content: ""; display: table; clear: both; }
.wpcf7-form .col { margin-bottom: 12px; }
.wpcf7-form .col span { display: inline-block; width: 100%; }
.wpcf7-form .col input { width: 100%; border: 1px solid #ccc; padding: 11px 13px 9px 13px; }
.wpcf7-form .col textarea { width: 100%; resize: none; border: 1px solid #ccc; padding: 11px 13px 9px 13px; height: 150px; }
.wpcf7-form .col .wpcf7-submit { background-image: url('images/arrow-right-dark.png'); background-repeat: no-repeat; background-position: top 16px right 12px; background-color: #b3e30d; border: 0; text-align: left; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #0c2e70; width: 190px; padding: 12px 15px 10px 15px; }

/* contact page */
.panel-contact-page { padding:48px 0 84px 0; }
.panel-contact-page .container { }
.panel-contact-page h1 { color: rgb(30, 42, 90); font-size: 22px; font-weight: 500; line-height: 22px; letter-spacing: 0.44px; margin:0 0 70px 0 !important; text-align:center; }
.panel-contact-page h2 { color: rgb(2, 31, 83); font-size: 26px; font-weight: 300; line-height: 26px; }
.panel-contact-page h2:after { content:' '; display:block; width: 108px; height: 1px; background-color: rgb(30, 42, 90); margin-top:12px; margin-bottom:20px; }
.panel-contact-page .contact-page-left .wpcf7 .item { margin-bottom:9px; }
.panel-contact-page .contact-page-left p { color: rgb(58, 58, 58); font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 0.4px; margin-bottom:38px; }
.panel-contact-page .contact-page-right h2 { color:rgb(155,168,159); font-size: 26px; font-weight: 400; letter-spacing: 0.78px; line-height: 26px; margin:0 0 2px 0; }
.panel-contact-page .contact-page-right p  { color: rgb(68, 78, 92); font-size: 14px; font-weight: 400; letter-spacing: 0.28px; line-height: 25px; margin:0 0 18px 0; }
.panel-contact-page .contact-page-right { padding-top:25px; padding-left:68px; }
.panel-contact-page .contact-page-right h2:after { display:none; }
.panel-contact-page .location-box { min-height:168px; background:url(images/icon-googlemap-point.png) 0 0 no-repeat; }
.panel-contact-page .wpcf7 textarea { height: 226px !important; margin-bottom:15px; }
.panel-contact-page .wpcf7 .col-disclaimer p { max-width:410px; }
#map_canvas { background:#eee; }

/* forms: including book a service form, contact page form, login form */
.wpcf7 p:empty { margin: 0; }
.panel-standard-form .entry-content { margin:0; }
.panel-standard-form h1 { margin:0; }
.panel-standard-form p { margin:22px 0 42px 0; }
.panel-standard-form .wpcf7 label { position: absolute; z-index: 10; font-size: 12px; font-weight: bold; color: #444e5c; margin-top: 16px; margin-left: 20px; }
.panel-standard-form .wpcf7 label span { color: #ff0000; }
.panel-standard-form .wpcf7 .wpcf7-acceptance label { position:static; font-size:16px; color:#333; margin-left:0; }
.panel-standard-form .wpcf7 .wpcf7-acceptance label span { color:inherit; }
.panel-standard-form .wpcf7 .wpcf7-acceptance input { margin-right:8px; }
.panel-standard-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin:0; }
.panel-standard-form .wpcf7 .item { position: relative; margin-bottom: 18px; }
.panel-standard-form .wpcf7 input[type="text"],
.panel-standard-form .wpcf7 input[type="email"],
.panel-standard-form .wpcf7 input[type="password"],
.panel-standard-form .wpcf7 input[type="tel"],
.panel-standard-form .wpcf7 input[type="email"],
.panel-standard-form .wpcf7 textarea { width: 100%; border: 1px solid #cbcbcb; height: 47px; padding-left: 133px; }
.panel-standard-form .wpcf7 textarea { resize: none; height: 100px; padding: 40px 20px 15px 20px; margin-bottom:15px; }
.panel-standard-form .wpcf7 br { display: none; }
.panel-standard-form .wpcf7 input[type="submit"] { }
.panel-standard-form .wpcf7 .col-disclaimer p { color: #919191; font-size: 12px; margin:0; line-height: 18px; }
.panel-standard-form .wpcf7 .col-disclaimer p:first-of-type { margin-bottom: 0; }
.panel-standard-form .wpcf7 iframe { width:100%; border:solid 1px #ccc; margin-top:30px; }
.panel-standard-form.panel-contact-page input[type="submit"] { margin-bottom:10px; float:right; }
.panel-standard-form.footer-contactform .wpcf7 input[type="text"],
.panel-standard-form.footer-contactform .wpcf7 input[type="email"],
.panel-standard-form.footer-contactform .wpcf7 input[type="tel"],
.panel-standard-form.footer-contactform .wpcf7 input[type="email"] { padding-left:88px; }
.panel-standard-form.footer-contactform .wpcf7 .item { margin-bottom: 6px; }
.panel-standard-form.footer-contactform .wpcf7 .row { margin:0; }
.panel-standard-form.footer-contactform .wpcf7 .col-xs-12 { padding:0; }
.panel-standard-form.footer-contactform .wpcf7 .col-disclaimer p { font-size:10px; font-weight:400; padding-right:3px; }
.panel-standard-form.footer-contactform .wpcf7 input[type="submit"] { padding:0 27px; }
.grecaptcha-badge { display: none; }
@media (max-width: 768px) {
	.panel-standard-form .wpcf7 textarea { height: 250px; }
}

.footer { background:rgb(247, 247, 247); color:rgb(39, 37, 37); padding:68px 0 22px 0; }
.footer h2 { color: rgb(39, 37, 37); font-size: 26px; font-weight: 400; line-height: 26px; text-transform: uppercase; letter-spacing: 1.04px; margin:0 0 32px 0; }
.footer h3 { color: rgb(11, 11, 11); font-size: 20px; font-weight: 400; line-height: 22px; text-transform: uppercase; letter-spacing: 1px; margin:0; }
.footer a  { color: rgb(62, 62, 62); text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer ul { margin:0; padding:0 0 30px 0; }
.footer li { margin:0; padding:0; list-style-type:none; font-size:14px; font-weight: 300; line-height:26px; letter-spacing: 0.42px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.footer-left p  { color: rgb(62, 62, 62); font-size: 12px; font-weight: 500; line-height: 25px; letter-spacing: 0.36px; margin:50px 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.footer-quicklinks { padding-left:46px; border-left:solid 1px rgba(143, 153, 146, 0.18); }
.footer-quicklinks p { margin:0; }
.footer-contactform { padding-left:56px; padding-right:0; }
.footer-locations { padding-left:70px; }
.footer-locations p { color: rgb(62, 62, 62); font-size: 14px; font-weight: 500; line-height: 25px; letter-spacing: 0.36px; margin:3px 0 42px 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; position:relative; padding-left:25px; max-width:180px; }
.footer-locations p strong { position:absolute; left:0; }
.footer-bottom { margin-top:65px; }
.footer-bottom p { color: rgb(62, 62, 62); font-size: 12px; font-weight: 400; line-height: 12px; letter-spacing: 0.36px; margin:0; display:block; text-align:center; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.footer-bottom a { color: rgb(62, 62, 62); padding:0 2px; }
.page-template-page-contact .footer-bottom { margin-top:20px; }

@media (max-width: 991px) {
	.footer-bottom .col-1 { float: none; width: 100%; text-align: center; }
	.footer .col-locations { border-left: 0; }
	.footer .locations { padding-left: 0; text-align: left; max-width: 300px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 767px) {
	.footer .locations { margin-bottom: 20px; }
	.footer-logo { float: none; margin-bottom: 10px; }
	.footer .link-group { width: 100%; }
	.footer .link-group a { float: left; width: 50%; display: block; margin-bottom: 15px; margin-right: 0; }
	.footer-nav-col { width: 33.33333333%; }
	.footer-bottom .col-2 { width: 100%; }
	.footer-bottom .inner div { float: none; display: inline-block; }
}
@media (max-width: 480px) {
	.footer-nav-col { width: 50%; }
}

.modal-header { text-align:center; border:none; }
.modal-header img { width:100%; max-width:410px; margin-top:45px; }
.modal-body { padding-left:15px; padding-right:15px; }
.modal-content { width:675px; }
.modal-content h3 { font-size:27px; font-weight:400; margin-top:35px; margin-bottom:15px; text-transform:uppercase; letter-spacing:2px; }
.modal-content p { font-size:18px; line-height:33px; color:#525252; }
.modal-content input[type="text"], .modal-content input[type="email"] { margin:0 0 20px 0; width:100%; }
.modal-content textarea { border:solid 1px #D7D7D7; background:#fff; }
/*.modal-content .btn { display:block; margin:25px auto 10px auto; width:170px; }*/
.modal-content .col-xs-12 { font-size:16px; color:#696969; }
.modal-footer { text-align:left; }

@media only screen and (min-width: 1700px) {
	.modal-dialog { margin-top:120px; }
}

@media only screen and (min-width: 1360px) {
	.container { width:1230px; }
}

@media only screen and (min-width: 1200px) {
	.col-md-24 { width:20%; }
}

@media only screen and (max-width: 1199px) {
	
	.footer-contactinfo { padding:0 15px; }
	.footer-quicklinks { padding:0 15px; }
	.footer-customerservice { padding:0 15px; }
	
	.col-md-24:nth-of-type(4) { display:none; }
	
}

@media only screen and (max-width: 991px) {
	
	.main-navigation { display:none; float:none; margin:0 -15px; padding:10px 15px; background:#333; }
	.main-navigation div > ul { padding:0; }
	.main-navigation div > ul > li > a { background:#333; color:#fff; display:block; line-height:32px; padding:5px 5px; border-bottom:solid 1px #666; }
	.main-navigation div > ul > li { float:none; }
	.main-navigation div > ul > li > ul { position:static; display:block; width:auto; margin-left: 0; }
	.main-navigation div > ul > li > ul > li > a { padding: 0 0 0 0; border: 0; line-height: 2; }
	#menu-top-bar-1 > li:last-child > a { border-bottom:none; }
	
	.panel-homepage-banner { padding-top:250px; }
	.panel-banner { padding:165px 0 50px 0; }
	.panel-hms .hms-box span { padding-top:220px; }
	.panel-experience:before { right:45%; }
	
}

@media only screen and (max-width: 767px) {
	
	h2 { font-size:32px; line-height:32px; }
	p { font-size:16px; font-weight:400; }
	.btn, .panel-standard-form .wpcf7 input[type="submit"] { font-size:20px; padding:0 26px; height:48px; line-height:44px; }
	
	.panel-homepage-banner { padding:80px 0; overflow:hidden; }
	.panel-homepage-banner h2 { font-size:38px; line-height:50px; }
	.panel-homepage-banner:after { right:inherit; }
	
	.panel-banner { padding:150px 0 50px 0; }
	.panel-banner h1 { font-size:42px; }
	.panel-banner h2 { font-size:32px; line-height:42px; }
	.panel-banner p { font-size:18px; line-height:32px; padding:0 10px; }
	
	.panel-welcome { padding:36px 0; }
	.panel-welcome p { font-size:18px; line-height:28px; margin:0; }
	.panel-experience:before { right:0; background:rgba(32, 33, 32, 0.80); }
	.panel-ndt { padding:0 0 36px 0; }
	.panel-ndt h2 { padding-top:36px; }
	.panel-ndt p { margin-bottom:36px; }
	.panel-ndt .panel-ndt-service { height:auto; margin-bottom:18px; font-size:22px; }
	.panel-ndt .btn { margin-top:18px; }
	.panel-cta { padding:36px 0; text-align:left; }
	.panel-cta h2 { font-size:32px; line-height:42px; margin-bottom:20px; }
	.panel-cta p { font-size:28px; line-height:42px; }
	.panel-cta p span.divider { height:0; display:block; }
	.panel-hms { padding:36px 0; }
	.panel-hms p { margin-bottom:20px; }
	.panel-hms .hms-box { margin-top:15px; }
	.panel-experience { padding:36px 0; }
	.panel-clients { padding:36px 0; }
	.panel-clients h2 { margin:0; }
	.panel-services { padding:36px 0; }
	.panel-services .servicetype h2 { font-size:32px; line-height:42px; margin-bottom:20px; }
	.panel-services .servicetype-left { padding-bottom:30px; }
	.panel-services .servicetype-right { padding:0; }
	.panel-services .servicetype > p { margin-bottom:36px; }
	.panel-projects h2 { font-size:32px; line-height:42px; margin-bottom:20px; margin-top:36px; }
	.panel-projects .project-box { min-height:100px; padding-bottom:36px; }
	.panel-healthsafety { padding:36px 0; }
	.panel-healthsafety h2 { font-size: 20px; line-height: 30px; }
	.panel-healthsafety .healthsafety-left { padding:0; }
	.panel-nata { padding:36px 0; }
	.panel-nata h2 { font-size:32px; line-height:42px; margin-bottom:20px; }
	.panel-about { padding:36px 0; }
	.panel-about h2 { font-size: 20px; line-height: 30px; }
	.panel-about .about-left { padding:0; }
	.panel-about .about-right img { max-width:200px; display:block; margin:0 auto; }
	.panel-contact-page { padding:16px 0 36px 0; }
	.panel-contact-page h2 { font-size: 26px; line-height: 26px; margin-bottom:20px; }
	.panel-contact-page .contact-page-right { padding-left:15px; }
	
	table th { padding:5px; font-size:18px; }
	table td { padding:10px 5px; letter-spacing:-0.3px; }
	
	.footer { border-top:solid 1px #ccc; padding-top:32px; text-align:center; }
	.footer h2 { margin:0 0 8px 0; }
	.footer-left p { margin:30px 0; }
	.footer-quicklinks p img { margin:30px 0; }
	.footer-locations { padding:0 15px; }
	.footer-locations h2 { margin-bottom:15px; }
	.footer-locations p { margin-bottom:15px; max-width:100%; padding:0; }
	.footer-locations p strong { position:static; }
	.footer .col-xs-12 { }
	.footer-contact-info { padding-bottom:20px; }
	.footer-contact-info strong { float:none; text-align:center; width:auto; }
	.footer-contact-info span { float:none; text-align:center; width:auto; padding-bottom:8px; }
	.footer-bottom { padding:0; margin-top:0; }
	.footer-bottom p { line-height:24px; padding:8px 0; font-size:10px; }
	
}