.center {text-align:center;margin:0 auto;}

.layout-wrapper img {height:auto;}

/*
.sub .sub-main .content li a, .sub .sub-main td a{color:#003d6e;-webkit-transition:color 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out}.sub .sub-main .content li a:hover, .sub .sub-main td a:hover{text-decoration: underline;}
*/
.bold {font-weight:700;}
.italic, em {font-style:italic;}
.underline {text-decoration: underline;}

.iframe {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.iframe iframe, .iframe object, .iframe embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hr-divider {clear:both;padding-bottom:30px;height:1px;border:none;border-top:1px solid #ccc;}

.success, .warning {text-align:center;padding:20px;background:#0083c9;font-size:14px;margin:0 0 40px 0;}
.success p, .warning p {margin:0 !important;font-weight:600;color:#fff !important;}
.warning {background:#ce0000;}

ul.sub-nav li {display:none;}
ul.blog-nav li {display:block;}

.blog-cat {padding:15px 20px;color:#008dcf;}
@media only screen and (max-width: 978px) {
	.blog-cat, .blog-nav {display:none;}
	}
/* Mobile */
@media only screen and (max-width: 768px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}

/*======= BLOG ======*/
.blog-img-main {max-width:350px;float:right;margin:0 0 20px 20px}

@media (max-width: 767px){.blog-img-main{max-width:100%;float:none;display:block;margin:0 auto 20px auto;text-align:center;}}

.infinates .items {display:block;overflow:Hidden;padding:0 0 30px;border-bottom:1px solid #eee;margin-bottom:30px;}
.infinates .item span {color:#777777;}
.infinates .item .date {font-size:11px;margin:0 0 10px 0;}
.infinates .items img {margin:0 !important;}

@media (max-width: 767px){.infinates .items {margin:0 20px 30px 20px;}.infinates .items img{width:100%;height:200px !important;margin:0 0 20px 0 !important;}}
/*=======EMPLOYMENT====*/

#job a {display:block;overflow:Hidden;margin-bottom:20px;background:#f6f6f6;padding:0px;}
#job a .job-title {background:#008dcf;padding:10px 20px;-webkit-transition:background 0.2s ease-in-out;-moz-transition:background 0.2s ease-in-out;-o-transition:background 0.2s ease-in-out;-ms-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out}
#job a .job-title h4 {margin:0;padding:0;color:#ffffff;}
#job a:hover {background:#f9f9f9;}
#job a p {color:#505050;}
#job a .job-details {padding:20px 20px 0px 20px;}
#job a .job-details span {background:#008dcf;color:#fff;padding:5px 10px;display:inline-block;margin:0 5px 5px 0;font-size:12px;-webkit-transition:background 0.2s ease-in-out;-moz-transition:background 0.2s ease-in-out;-o-transition:background 0.2s ease-in-out;-ms-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out}
#job .job-desc {padding:15px 20px;overflow:Hidden;}


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

#job-full .job-desc {padding:25px 0 20px 0;}
#job-full .detail {color:#404040;font-family:'Open Sans',sans-serif;font-size:13px;width:100%;display:block;}
#job-full .detail:nth-child(even) {background:#fdf9ed;}
#job-full .detail label {font-weight:600;width:20%;padding:7px 10px;display:inline-block;font-family: 'Open Sans', sans-serif;font-size:14px;background:#008dcf;color:#ffffff;border-bottom:1px solid #289bd1;}
#job-full .detail span {font-weight:400;width:80%;padding:7px 10px;display:inline-block;font-size:14px;background:#f2f2f2;color:#333333;border-bottom:1px solid #e9e9e9;}
@media only screen and (max-width: 767px) {
	#job-full .detail label {width:35%;}
	#job-full .detail span {width:65%;}
	}
@media (max-width: 480px) {
	#job-full .detail label, #project .detail span {width:100%;display:block;text-align:center;}
}

#job-full .job-form {border:1px solid #ccc;}

/*=======SITEMAP====*/

.sitemap-menu li {background:none !important;}
.sitemap-menu li a {margin:0 0 10px;color:#363738;font-size:22px;font-weight:300;border:none;margin:0px 0;background:none;}
.sitemap-menu li.has-drop a {margin:20px 0 10px;color:#363738 !important;font-size:22px;font-weight:300;text-transform:uppercase;display:block;border-top:1px solid #ccc;padding-top:20px;background:none;}
.sitemap-menu li ul {margin-top:0px;display:block !important;}
.sitemap-menu li ul li {background:url("../img/supplied/arrow-nav-bullet-blue.svg") left top 8px no-repeat !important;-webkit-background-size:7px 10px !important;-moz-background-size:7px 10px !important;background-size:7px 10px !important;padding:0 0 0 25px;margin:0 0 5px;font-size:14px;line-height:1.857142857;color:#3b3b3b}
.sitemap-menu li.has-drop ul li a {color:#555555 !important;font-family:'Open Sans','Arial',sans-serif;font-weight:400;text-transform:none;font-size:14px;border:none;margin:5px 0;padding:0;}


/*================SERACH=======*/

.gsc-above-wrapper-area form {position:relative !important;}
.gsc-above-wrapper-area input[type=text]{border:1px solid #cccccc;border-radius: 10px;padding:10px;width:90%;background:#f8f8f8;}
.gsc-above-wrapper-area button {position:absolute  !important;top:13px  !important;right:10px  !important;z-index:10  !important;border:none  !important;background:none  !important;}

.gsc-above-wrapper-area *, .gsc-above-wrapper-area *:before, .gsc-above-wrapper-area *:after
{
  -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

.gs-snippet {padding-left:8px !important;}

.gsc-tabsArea {border:none !important;}
.gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive {width:80px;height:25px;overflow:Hidden;}
.gsc-refinementsArea {display:none !important;}

#login-form {max-width:650px;}
#login-form label {display:block;padding:0 0 5px 0;}
#login-form .left, #login-form .right {width:48%;float:left;}
#login-form .right {padding-left:15px;overflow:hidden;float:right;}
@media only screen and (max-width:768px){#login-form .left, #login-form .right{width:100%;float:none;padding:0;}}

@media only screen and (max-width:768px){#login-form .left, #login-form .right{width:100%;float:none;}}
#login-form input[type="text"], #login-form input[type="password"] {-webkit-box-shadow:none;box-shadow:none;padding:9px 10px;position:relative;line-height:normal;outline:none;font-size:13px;-webkit-appearance:none;border:1px solid #cfcfcf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'open-sans',sans-serif;width:250px;margin:0;}

@media only screen and (max-width:768px){
	#login-form input[type="text"], #login-form input[type="password"] {width:300px;margin:0 0 20px 0;}
	}
	
	#login-form .controls {float:left;padding-left:5px;}
#login-form svg {width:22px;height:22px;float:left;margin:8px 0 0 0;}
#login-form svg path, #login-form svg circle {fill:#555;}
#login-form input[type="submit"] {border:none;margin:20px 0 0 20px}