/*
Theme Name: Proconex 2016
Theme URI: http://www.proconexdirect.com
Author: Stream Companies
Author URI: http://www.streamcompanies.com
Description: The 2016 responsive theme for Proconex Direct, featuring their new branding.
*/
* {padding:0; margin:0;}
body, input, select {font-family: 'Raleway', sans-serif;}
img {border:0; max-width:100%; height:auto;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapper {max-width:1200px; width:100%; margin:auto;}
.alignleft {float:left; margin:0 4% 15px 0;}
.aligncenter {display:block; margin:0 auto 15px;}
.alignright {float:right; margin:0 0 15px 4%;}
input[type=submit] {-webkit-appearance:none!important;}

a.btn.green {background-color:#00c3c1;}
a.btn.orange {background-color:#FF6C00;}
a.btn.gray {background-color:#414042;}
a.btn.white {background-color:#fff; color:#464547!important;}
a.btn {text-transform:uppercase; text-decoration:none; text-align:center; padding:7px 15px; box-sizing:border-box; font-size:12px; color:#fff!important; font-weight:bold; display:inline-block;}
a.btn:hover {background-color:#dcdcdc!important; color:#464547!important;}
a.presults {float:right;}
a.btn.large {font-size: 14px; line-height: 32px;}

#topbar {background-color:#414042; text-align:right;}
#topbar ul {list-style-type:none;}
#topbar ul li {display:inline-block; font-size:10.5px; line-height:26px; letter-spacing:1px;}
#topbar ul li i {font-size:20px; vertical-align:middle;}
#topbar ul li a {color:#bcbec0; text-decoration:none; text-transform:uppercase; font-weight:600;  padding:3px 6px; display:block;}
#topbar ul li a:hover {color:#fff;}
#topbar ul li.hilight a {color:#fff; background-color:#00bbb9; font-weight:bold;}
#topbar ul li.hilight a:hover {background-color:#bcbec0; color:#000;}

#topbar ul li.searchBtn.active a {background-color:#dcdcdc; color:#464547;}

.sitesearch {background-color:#dcdcdc; text-align:center; padding:5px; position:absolute; top:32px; right:0; width:360px; display:none; z-index:900;}
.sitesearch form {background-color:#fff; display:inline-block; margin:0!important;}
.sitesearch input[type=text] {box-sizing:border-box; padding:2px!important; height:30px!important; font-size:16px!important; color:#58595b!important;  background-color:#fff!important; border:1px solid #efefef!important; vertical-align:top; width:325px!important; }
.sitesearch input[type=submit] {background-color:#00c3c1!important; color:#fff!important; font-weight:bold!important; font-size:20px!important; border:0!important; cursor:pointer!important; display:inline-block!important; padding:2px!important; height:30px!important; box-sizing:border-box; line-height:25px!important; margin:0!important;}
.sitesearch input[type=submit]:hover {background-color:#464547; color:#dcdcdc;}

#header {background-color:#fff; clear:both; padding:10px 2%; box-sizing:border-box; }
#header .logo {max-height:70px;}

#nav {float:right; width:70%;}
#nav ul.mobonly, #nav ul li.mobonly {display:none;}
#nav ul li {font-size:14px; text-transform:uppercase;}
#nav ul li a {color:#414042; font-weight:600; text-decoration:none; padding:30px 25px;}
#nav ul li a:hover, #nav ul li.sfHover a {background-color:#414042; color:#fff; }
#nav ul li ul {background-color:rgba(65,64,66,0.8);}
#nav ul li ul li {font-weight:normal; text-transform:none;}
#nav ul li.sfHover ul li a {color:#fff; padding:15px 10px 15px 25px;}
#nav ul li.sfHover ul li a:hover {background-color:#00c3c1;}
#header #pull {display:none; width:30px; height:25px; background-image:url(images/icon-menu.png); background-repeat:no-repeat; background-position:center center; background-size:70% auto; padding:1%; }
#header #pull.on, #header #pull:hover {background-image:url(images/icon-menu-on.png); background-color:rgba(65,64,66,0.95);}

/*** ESSENTIAL MENU STYLES ***/
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none; }
.sf-menu {line-height: 1.0;}
.sf-menu li.sfHover:last-child ul {left:auto; right:0;}
.sf-menu ul {position:	absolute; top: -999em; width: 280px; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:	left; position:	relative;}
.sf-menu a {display: block;	position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0; top:	74px; /* match top ul list item height */ z-index:	800;}
.sf-sub-indicator {display:none;}

#homeslide {width:100%;  position:relative; z-index:300; overflow:hidden;}
#homeslide .ml-slider, .metaslider .flexslider, .article .metaslider ul, .article .metaslider ol, .article .metaslider li, .article .metaslider img, .art-article .metaslider ul, .art-article .metaslider ol, .art-article .metaslider li, .art-article .metaslider img, #widgets .metaslider ul, #widgets .metaslider ol, #widgets .metaslider li, #widgets .metaslider img, .entry .metaslider ul, .entry .metaslider ol, .entry .metaslider li, .entry .metaslider img, #content .metaslider ul, #content .metaslider ol, #content .metaslider li, #content .metaslider img, .entry-content .metaslider ul, .entry-content .metaslider ol, .entry-content .metaslider li, .entry-content .metaslider img, .metaslider .flexslider ul, .metaslider .flexslider .slides li, .metaslider .flexslider .slides ul, .metaslider .flexslider .slides ol, .metaslider .flexslider .flex-direction-nav, .metaslider .flexslider .flex-direction-nav li, [class*="-article"] .metaslider img {max-height:650px!important;}
#home-nav-mob {width:25%; top:0; left:0; position:absolute; z-index:400; height:100%;}
#home-nav-mob p.mob-quote {display:none;}
#home-nav-mob ul {height:100%;}
#home-nav-mob ul li {height:20%;}
#home-nav-mob a {display:block; text-align:right; font-size:18px; color:#fff; text-transform:uppercase; text-decoration:none; border:5px solid #313132; border-left:0; border-bottom:1px solid #313132; background-color:#414042; padding:10% 20px; box-sizing:border-box; height:100%;}
#home-nav-mob a:hover {background-color:#00c3c1; color:#313132;}
#home-nav-mob li:last-child a {border-bottom:5px solid #313132;}
/*#homeslide .caption {text-align:center; position:absolute; right:0px; top:0;  box-sizing:border-box; padding:190px 15px; background-image:url(images/slide-caption-bg.png); background-repeat:no-repeat; background-size:cover; width:550px; height:550px;}*/
#homeslide .caption {text-align:center; position:absolute; right:0px; top:0;  box-sizing:border-box; padding:15px; width:100%;}
#homeslide .caption h3 {color:#fff; font-weight:bold; text-transform:uppercase; font-size:35px; padding:15px 0; line-height:40px; display:block; vertical-align:middle; text-shadow:0 0 6px #000;}
#homeslide .caption p {/*margin:0 0 15px!important;*/ margin:0 10px 0 0!important;  text-shadow:0 0 6px #000; font-weight:600; font-size:20px; display:inline-block; vertical-align:middle;}
#homeslide .caption a.btn {padding:10px 20px; display:inline-block; vertical-align:middle; line-height:normal;}
.metaslider .caption-wrap {opacity:1!important; bottom:auto!important; top:0!important; right:0!important; left:auto!important; width:75%!important; background-color:transparent!important;}

#home-cols .third:last-child {padding:0;}
#home-cols .callout-box .callout-img {position:relative;}
#home-cols .callout-box .callout-img img {width:100%; display:block;}
#home-cols .callout-box .callout-img h5 {position:absolute; background-color:rgba(0,0,0,0.5); font-size:18px; text-transform:uppercase; padding:20px 10px;box-sizing:border-box; width:100%; bottom:0; z-index:100;}
#home-cols .callout-box .callout-img h5 a {text-decoration:none; color:#fff;}
#home-cols .callout-box .btn {width:50%; float:left; display:block;}

#home-cols .news-article, #serviceSidebar .item .news-article {text-align:left; border-bottom:1px solid #efefef; margin:0 0 10px; padding:0 0 10px;}
#home-cols .news-article .date, #serviceSidebar .item .news-article .date {font-size:12px; color:#a3a3a3; display:block; margin:0 0 5px;}
#home-cols .news-article img, #serviceSidebar .item .news-article img {float:left; margin:0 10px 10px 0;}
#home-cols .news-article h6, #serviceSidebar .item .news-article h6 {font-size:14px!important; text-transform:uppercase; font-weight:bold; margin:0 0 5px; padding:0!important;}
#home-cols .news-article h6 a, #serviceSidebar .item .news-article h6 a {text-decoration:none; color:#414042;}
#home-cols .news-article a.btn, #serviceSidebar .item .news-article a.btn {padding:5px 15px!important;}
#home-cols #home-news a.btn.gray { display:block; max-width:58%; margin:auto;}
#serviceSidebar #whatsNewSide a.btn.gray {padding:5px 15px!important; float:right;}

.gray-section {background-color:#efefef;}
.third {float:left; width:31.33%; box-sizing:border-box; margin:0 2% 50px 0;}
.quarter {float:left; width:25%;}
.half {float:left; width:46%; margin:0 2% 50px!important;}
.half.left {margin-left:0!important; width:48%;}
.half.right {margin-right:0!important; width:48%;}
.three-quarters {float:left; width:75%; padding:0 4% 0 0; box-sizing:border-box;}
.three-quarters iframe, .news-article iframe {max-width:100%;}
.three-quarters.video-post {width:100%; padding:0; float:none;}
.quarter.fright, .three-quarters.fright {float:right;}
.three-quarters.fright {padding:0 0 0 4%;}

.lone-prod {padding-top:20px;}

.content {padding:50px 0;}
.content.center, .center {text-align:center;}
.content h1 {}
.content h2 {font-size:40px; color:#464547; text-transform:uppercase; font-weight:normal; padding:0 0 20px;}
.content h3 {font-size:32px; color:#58595b; text-transform:uppercase; font-weight:normal; padding:0 0 20px;}
.content h3 sup {font-size:16px;}
.content h4 {font-size:32px; color:#464547; text-transform:uppercase; font-weight:normal; padding:0 0 20px;}
.content h5 {color:#58595b; font-size:20px; font-weight:600; padding:0 0 10px;}
.content h6 {color:#464547;}
.content p {color:#58595b; font-size:20px; font-style:italic; font-weight:300; line-height:26px; padding:0 0 30px; }
.content p strong {font-weight:600;}
.content ul, .content ol {margin:0 0 30px 50px;}
.content ul li, .content ol li {color:#58595b; font-size:16px; font-weight:300; line-height:26px;  list-style-image:url(images/green-bullet.png);}
.content ul li li, .content ol li li {list-style-image:url(images/gray-bullet.png);}
.content ul ul, .content ol ol, .content ul ol, .content ol ul {margin:0 0 0 50px;}
.content ol.callout li {list-style-image:none; font-size:25px; color:#464547; line-height:28px; font-weight:normal; }
.content ol.callout li span {color:#58595b; font-size:16px; font-weight:300; line-height:26px;}
.content h1.center, .content h2.center, .content h3.center, .content h4.center, .content h5.center, .content p.center {max-width:900px; margin:auto;}
.content a {color:#00c3c1;}
.content a:hover {text-decoration:none;}

.content ul#sitemap, .content ul#sitemap ul {list-style-type:none;}
.content ul#sitemap ul {margin:0 0 0 20px;}
.content ul#sitemap li ul li {font-size:14px;}

#pagecontent.content {padding:50px 0 0;}
#pagecontent.content.prod-content {padding:0;}
#pagecontent.content h4 {text-transform:none; font-style:italic; font-weight:300; font-size:25px; padding-bottom:40px; line-height:28px;}
/*#pagecontent.content h4.center, #pagecontent.content p.center {max-width:800px; margin:auto;}*/
#pagecontent.content p {font-size:16px; font-style:normal;}
#pagecontent.content p.bordbot {border-bottom:1px solid #efefef; margin:0 auto 40px;}

.fullwidth {border-top:1px solid #efefef; clear:both;}
.fullwidth img {width:100%; display:block;}
.fullwidth .full-infog img {width:auto; display:block; margin:auto;}
#textbanner h4 {text-align:center; padding:50px 2%!important; font-size:36px!important; font-weight:bold!important;  color:#414042;}
#textbanner h4 .hilight {color:#00c3c1;}
#textbanner h4 a {color:#414042; text-decoration:none;}
.fullwidth .newsletter-box {padding:40px 0; margin:auto; max-width:600px;}
.fullwidth .newsletter-box h5 {color:#58595b; font-weight:normal; font-style:italic; font-size:20px; text-align:center;}
.fullwidth .newsletter-box form {background-color:#fff; width:230px; margin:auto; padding:25px 0 0;}
.fullwidth input[type=text] {height:30px; font-size:16px; border:1px solid #00c3c1; padding:0 5px; width:180px; }
.fullwidth input[type=submit] {color:#fff; background-color:#00c3c1; font-size:16px; font-weight:600; text-align:center; width:30px; height:32px; cursor:pointer; border:0; margin:0 0 0 -4px;}
.fullwidth input[type=submit]:hover {background-color:#a7a9ac;}
.fullwidth p.nopad{padding:0!important;}

#pagetitle {background-size:cover; padding:20px 2%; background-position:center center; background-image:url(images/topbanner_about.jpg);}
#pagetitle h1 {font-weight:normal; font-size:45px; text-align:center; text-transform:uppercase; color:#fff; padding:20px 0; max-width:1000px; margin:auto;}
#pagetitle h5 {font-weight:bold; font-size:16px; text-align:center; text-transform:uppercase; color:#fff; max-width:1000px; margin:auto;}
#breadcrumbs {border-bottom:1px solid #efefef; padding:15px 0;}
#breadcrumbs nav {display:inline-block; max-width:50%;}
#breadcrumbs nav ul {list-style-type:none; line-height:12px;}
#breadcrumbs nav ul li {color:#58595b; font-size:10px; font-weight:300; text-transform:uppercase; display:inline-block; vertical-align:top; line-height:12px;}
#breadcrumbs nav ul li a {color:#00c3c1; text-decoration:none;}
#breadcrumbs nav ul li a:hover {color:#58595b;}
.trail-items li:after {content:'\276f'!important;color:#00c3c1; padding:0 5px;}
.trail-items li.trail-end:after {display:none;}

#breadcrumbs .printbtn {width:120px; text-align:right; float:right;}
#breadcrumbs .printbtn .btn {border-radius:5px; cursor:pointer; padding:2px 10px;}
#breadcrumbs .printbtn i {margin:0 5px 0 0; display:inline-block;}

#shareLink {float:right; width:40%; text-align:right;}
#shareLink h5 {display:inline-block; font-size:14px; color:#414042; text-transform:uppercase; font-weight:600; padding:0 10px 0 0; border-right:1px solid #d9d9d9; margin:0 10px 0 0;}
#shareLink i {color:#414042; margin:0 0 0 5px; display:inline-block; cursor:pointer;}
#shareLink a i {color:#414042; text-decoration:none;}
#shareLink i:hover, #shareLink a:hover i {color:#00c3c1;}

.industries .industry {display:inline-block; margin:0 30px 35px 0;}
.industries .industry.nomr {margin-right:0;}

#callout-area h3.widget-title {display:none;}

.ctct-custom-form {font-family: 'Raleway', sans-serif!important; margin:0 0 40px!important;}
.ctct-custom-form p {margin:0!important;}
.ctct-custom-form .ctct-button {display:inline-block!important; font-family: 'Raleway', sans-serif!important; background-color:#00c3c1!important; color:#fff!important; font-weight:600; width:auto!important;}
.ctct-custom-form .ctct-button:hover {background-color:#464547!important; color:#dcdcdc!important;}
.ctct-custom-form .ctct-form-footer {font-size:11px!important; font-family: 'Raleway', sans-serif!important; line-height:normal!important;}

#blue-callout {background-image:url(images/blue-structure-bg.jpg); background-size:cover; background-position:center center; padding:70px 0; text-align:center;}
#blue-callout h3 {font-weight:normal; font-size:40px; color:#fff; text-transform:uppercase;}
#blue-callout p {color:#fff; font-size:20px; font-style:italic; font-weight:300; max-width:700px; margin:auto; padding:30px 0 0; line-height:26px;}

#contact-callout {background-image:url(images/contact-callout-bg.jpg); background-size:cover; background-position:center center; padding:100px 0; text-align:center;}
#contact-callout h3 {font-weight:normal; font-size:40px; color:#fff; text-transform:uppercase;}
#contact-callout p {color:#fff; font-size:20px; font-style:italic; font-weight:300; max-width:700px; margin:auto; padding:30px 0 0; line-height:26px;}
#contact-callout p .btn {font-style:normal; font-size:16px; padding:7px 30px;}

.titlebar {border-bottom:1px solid #efefef; margin:0 0 20px;}
.cta-space {border-bottom:1px solid #efefef; border-top:1px solid #efefef; margin:20px 0; padding:20px 0; text-align:center;}
.cta-space .btn {background-color:#FF6C00!important;}
.cta-space .btn:hover {background-color:#dcdcdc!important;}
.subpg .titlebar {margin:50px 0 20px;}
.subpg .titlebar h3 {padding:0 0 5px!important;}
.titlebar h4, .cta-space h4 {font-size:18px!important; color:#58595b; font-weight:600!important; font-style:normal!important; text-transform:uppercase!important; padding:0 0 5px!important; display:inline-block;}
.subpg .pageimg {width:180px; float:left; margin:0 15px 20px 0;}
.subpg .pageimg img {width:100%!important;}
.subpg .pageimg2 {width:50%; float:left; margin:0 0px 15px 0;}
.subpg .pageimg2 img {width:90%!important; max-width:305px!important;}

.serviceAltView ul {margin:0 0 30px 18px;}
.serviceAltView ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.serviceAltView ul ul {margin:0 0 0 30px;}
.serviceAltView ul li {float:left; width:50%; box-sizing:border-box; padding:0 20px 5px 0;}
.serviceAltView ul li ul li {float:none; width:100%; padding:0 0 5px;  }

.prodbtns {margin:0 0 0 195px;}


#pageNav {margin:0 0 30px;}
#pageNav h4 {font-size:18px!important; color:#58595b; font-weight:600!important; font-style:normal!important; text-transform:uppercase!important; padding:0 0 5px!important;}
#pageNav ul {margin:0;}
#pageNav ul li {display:inline-block; vertical-align:top; list-style-type:none;}
#pageNav .btn {margin:5px 0; padding: 0 10px;}
#pageNav #pull2 {display:none;}

.career-testimonial {margin:0 2% 50px; max-width:700px; background-color:#efefef; padding:15px; border-radius:5px; float:left; width:46%; box-sizing:border-box;}
.career-testimonial p:last-child {padding:0!important;}

a.btnwireless {height:26px; padding:0 10px 0 0; margin:0 5px 0 0;}
a.btnwireless img {margin:-5px 0 0; vertical-align:middle; }

#nav-above, #nav-below {float:right; width:50%; text-align:right;}
#nav-below {clear:both; border-top:1px solid #efefef; padding:10px 0; margin:0 0 20px; width:100%; float:none;}
#nav-below.article-nav {border-top:0;}
#nav-below.article-nav a {background-color:#00c3c1; text-transform:uppercase; text-decoration:none; text-align:center; padding:5px 15px; box-sizing:border-box; font-size:12px; color:#fff!important; font-weight:bold; display:inline-block;}
#nav-below.article-nav a:hover {background-color:#dcdcdc!important; color:#464547!important;}
#nav-above a, #nav-below a {font-size:12px; font-weight:600; text-transform:uppercase; text-decoration:none; margin:0 0 0 10px;}
#nav-above a:hover, #nav-below a:hover {color:#58595b;}
#nav-below.article-nav a.btn {padding:5px 15px;}
.nav-previous, .nav-next {display:inline-block;}

#prodlogos {border-bottom:1px solid #efefef; padding:15px 0; text-align:center; margin:0 0 50px;}
#prodlogos p {padding:0!important; line-height:normal!important;}
#prodlogos p a {display:inline-block; vertical-align:middle;}
#prodlogos img {margin:0 8px; max-height:50px;width:auto; display:inline-block; vertical-align:middle;}

#news-section .news-article {float:left; width:33%; box-sizing:border-box; padding:0 3% 0 0; margin:0 0 25px;}
#news-section .news-article.full {float:none; width:100%; padding:0;}
#news-section .news-article h4 {font-size:18px!important; color:#58595b; font-weight:600!important; font-style:normal!important; text-transform:uppercase!important; padding:10px 0!important;}
#news-section .news-article h4 a {color:#58595b; text-decoration:none;}
#news-section .news-article h4 a:hover {text-decoration:underline;}
#news-section .news-article a.btn {padding:5px 20px; line-height:19px;}
#news-section .news-article a.btn i {font-size:18px; display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
#news-section .news-article:nth-of-type(3n+1) {clear:both;}
#news-section .news-article.full {float:none; width:100%; padding:0; clear:both;}
.page-template-template-pullposts-sidebar #news-section .news-article.full p {padding:0 0 10px;}

.ninja-forms-cont  {width:100%;}
.ninja-forms-required-items {font-size:16px; color:#00c3c1; margin:0 0 15px; font-style:italic;}
.ninja-forms-response-msg.ninja-forms-error-msg > div, .ninja-forms-field-error p {color:#F00!important; font-size:12px!important; padding:0!important; font-style:italic;}
.ninja-forms-response-msg.ninja-forms-error-msg > div {font-size:16px!important;}
.ninja-forms-all-fields-wrap .field-wrap {margin:0 0 30px;}
.input-counter {font-style:italic; font-size:11px; text-align:right;}
.ninja-forms-all-fields-wrap label {color:#00c3c1; font-size:20px; font-weight:600; display:inline-block; width:23%; margin:0 2% 0 0; vertical-align:top;}
.ninja-forms-all-fields-wrap ul li label {width:auto; color:#58595b;}
.ninja-forms-all-fields-wrap .list-radio-wrap label {width:auto;}
.ninja-forms-all-fields-wrap ul li input[type=radio] {vertical-align:middle;}
.ninja-forms-all-fields-wrap .upload-wrap label {display:block; width:100%;}
.ninja-forms-all-fields-wrap input[type=email], .ninja-forms-all-fields-wrap input[type=tel] {box-sizing:border-box; padding:2px; height:35px; font-size:16px; color:#58595b; width:74%; background-color:#efefef; border:1px solid #efefef;}
.ninja-forms-all-fields-wrap input[type=text], #searchform input[type=text] {box-sizing:border-box; padding:2px; height:35px; font-size:16px; color:#58595b; width:74%; background-color:#efefef; border:1px solid #efefef; }
.ninja-forms-all-fields-wrap .spam-wrap input[type=text] {box-sizing:border-box; margin-left:0; background-color:#efefef; border:1px solid #efefef; color:#58595b;}
.ninja-forms-all-fields-wrap select {box-sizing:border-box; padding:2px; height:35px!important; font-size:16px;  color:#58595b;  width:74%; background-color:#efefef; border:1px solid #efefef;}
.ninja-forms-all-fields-wrap textarea {box-sizing:border-box; height:120px!important;  color:#58595b; width:74%; background-color:#efefef; border:1px solid #efefef; }
.ninja-forms-all-fields-wrap input[type=submit], #searchform input[type=submit] {float:right; text-align:center; color:#fff!important; background-color:#00c3c1; text-decoration:none; display:block; margin:10px 0; font-size:16px!important; cursor:pointer; border:0;  padding:5px 25px; font-weight:600; text-transform:uppercase;}
.ninja-forms-all-fields-wrap input[type=submit]:hover, #searchform input[type=submit]:hover {background-color:#414042;}
.ninja-forms-all-fields-wrap .list-checkbox-wrap ul {margin:20px 0 !important;}
.ninja-forms-all-fields-wrap .list-checkbox-wrap ul li {float:left; width:50%;}
.ninja-forms-all-fields-wrap .ninja-forms-field-description p {font-size:12px!important;}
.ninja-forms-cont ul li {list-style-image:none!important; padding:0!important;}
.ninja-forms-cont ul {margin:0!important;}

.location {background-color:#414042; padding:15px; margin:0 auto 30px; text-align:center; max-width:400px;}
.location.main {background-color:#00c3c1; padding:0 0 15px;}
.location.main iframe {width:100%; margin:0 0 15px;}
.location h4 {color:#fff!important; text-transform:uppercase!important; font-style:normal!important; font-size:22px!important; padding:0 0 10px!important;}
.location p {color:#fff!important; line-height:normal!important; padding:0 0 15px!important;}
.location p a.btn {font-size:16px!important; padding:5px 30px; font-weight:600;}
.location a {color:#fff; text-decoration:none;}

#subpages .subpg {text-align:center; max-width:630px; margin-bottom: 10px!important;}
#subpages .subpg.full {text-align:left; max-width:none;}
#serviceMaincol #subpages .subpg.full {margin:0 0 40px;}
#serviceMaincol #subpages .subpg.full.serviceAltView {margin:0;}
#subpages .subpg img {width:100%; max-width:630px;}
#subpages .subpg.abspos {position:relative;}
#subpages .subpg.third:nth-of-type(3n+1) {clear:both;}
#subpages .subpg.half:nth-of-type(2n+1) {clear:both;}
#subpages .subpg.quarter:nth-of-type(4n+1) {clear:both;}
#subpages .subpg.quarter {margin:0 1% 50px!important; width:23%;}
#subpages .subpg h4, #pagecontent.content h6 {font-size:18px!important; text-transform:uppercase!important; font-weight:600!important; font-style:normal!important; line-height:normal!important; padding:15px 10px!important; max-width:315px; margin:auto; box-sizing:border-box;}
#subpages .subpg.half h4 {max-width:500px; min-height:inherit!important;}
#subpages .subpg.full h4, #pagecontent.content h6 {max-width:none; padding:15px 0!important;}
#serviceMaincol #subpages .subpg.full h4 {padding:0 0 15px!important; min-height:1px!important;}
#serviceMaincol #subpages .subpg.full h5 {font-size:16px!important; padding:0 0 5px!important;}
#subpages .subpg.full img {width:auto;}
#subpages .subpg h4 {min-height:76px;}
.page-template-template-toplevel-list #subpages .subpg h4 {min-height:inherit;}
#subpages .subpg h4 a {color:#414042; text-decoration:none; }
#subpages .subpg a.btn {padding:8px 25px;}
#subpages .subpg.abspos a.btn {position:absolute; bottom:10px; right:10px;}
#subpages .subpg.abspos.withtitle a.btn {bottom:86px;}
#subpages .subpg.abspos.withtitle a.btn.gray {bottom:120px;}
#subpages .subpg.half.abspos.withtitle a.btn {bottom:66px;}

#subpages.managedServices {background-image:url(images/scalability-bg.jpg); background-size:cover; padding:50px 0 20px;}
#subpages.managedServices .fullwidth {border:0;}
#subpages.managedServices .fullwidth h3 { text-align:center; color:#fff;}
#subpages.managedServices .fullwidth p {color:#fff; text-align:center;}
#subpages.managedServices .subpg {background-color:rgba(255,255,255,0.7); padding:30px; box-sizing:border-box; width:23%; margin:0 2% 40px 0!important; float:left; height:300px;}
#subpages.managedServices .subpg p {padding:0!important;}
#subpages.managedServices #continual-service-improvement {float:none; width:100%; clear:both; height:auto;}
#subpages.managedServices #continual-service-improvement p {padding:0 20px 0 0!important;}
#subpages.managedServices .subpg h4 {color:#00b0aa!important; min-height:inherit!important; padding:0 0 15px!important;}

#searchform {margin:0 0 40px;}
#searchform label {font-weight:600; display:block; color:#58595b; margin:0 0 5px;}
#searchform input[type="text"] {width:100%; max-width:500px;}
#searchform input[type=submit] {float:none;}

.event {margin:0 0 40px;}
.event.training {margin:0 50px 15px 0; border-bottom:0; display:inline-block; vertical-align:top;}
.event h4 {padding-bottom:20px!important;}
.event form {max-width:500px;}
.event .attachment-news-thumb {clear:both; float:right;}
.event .date {text-align:center; background-color:#efefef; padding:5px; border-radius:5px; margin:0 0 20px; color:#58595b; display:inline-block; float:right; min-width:70px;}
.event.training .date {float:none; display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
.event.training  p {display:inline-block; vertical-align:middle; padding:0!important;}
.event .date .month {text-transform:uppercase; font-size:14px; display:block;}
.event .date .day {font-size:22px; font-weight:600; display:block; line-height:18px; margin:0 0 3px;}
.event .date .year { font-size:14px; display:block;}

#thank-results {float:left; margin:0 0 50px; padding:0 2% 0 0; width:40%;}
#thank-email {float:left; margin:0 0 50px; padding:0 0 0 2%; width:56%;}
#thank-results p, #thank-email p {padding:0 0 5px;}
#thank-email form {background-color:#fff; width:230px;}
#thank-email input[type=text] {height:30px; font-size:16px; border:1px solid #00c3c1; padding:0 5px; width:180px; }
#thank-email input[type=submit] {color:#fff; background-color:#00c3c1; font-size:20px; font-weight:600; text-align:center; width:30px; height:32px; cursor:pointer; border:0; margin:0 0 0 -4px; vertical-align:top;}
#thank-email input[type=submit]:hover {background-color:#a7a9ac;}
#thank-logo {clear:both;}
#thank-logo p {text-align:center;}
#thank-logo img {display:inline-block; max-width:150px; padding:0 10px 0 0; vertical-align:middle;}

#rfq-banner {background-image:url(images/rfq-bg.jpg); background-size:cover; /*max-width:760px;*/ margin:0 0 40px;  text-align:center;}
#rfq-banner h2 {font-size:47px; color:#fff; text-transform:uppercase; font-weight:normal; display:inline-block; padding:10px 22px; vertical-align:middle;}
#rfq-banner a.btn {vertical-align:middle; padding:8px 20px!important; font-size:18px;}

#serviceSidebar .item {border-bottom:1px solid #e5e5e5; margin:0 0 40px; padding:0 0 20px;}
#serviceSidebar h4 {font-size:18px!important; font-style:normal!important; font-weight:600!important; line-height:normal!important; padding:10px 0!important; text-transform:uppercase!important;}
#serviceSidebar p {padding:0 0 15px;}
#serviceSidebar .btn, #serviceMaincol .btn {padding:0 20px!important; margin:0 0 5px;}
#serviceSidebar .infographic {position:relative;}
#serviceSidebar .infographic img {position:relative; z-index:2;}
#serviceSidebar .infographic h3 {position:absolute; left:10px; top:10px; z-index:100; max-width:320px;}
#serviceSidebar .infographic .btn {position:absolute; left:10px; bottom:10px; z-index:100;}

#footer {clear:both; overflow:hidden; background-color:#000; padding:40px 0 10px;}
#footer .fleft {float:left; width:50%; margin:0 0 20px;}
#footer .fleft.nom, #footer .fright.nom {margin:0;}
#footer .fleft h4 {color:#fff; font-size:22px; font-weight:normal; padding:50px 0 0;}
#footer .fleft h4 .hilight {color:#00c3c1;}
#footer .fleft h4 a {color:#fff; text-decoration:none; cursor:default;}
#footer .fright {float:right; width:50%; text-align:right; margin:0 0 40px;}
#footer .fright ul {list-style-type:none;}
#footer .fright ul li {display:inline-block; font-size:12px; text-transform:uppercase; line-height:24px; font-weight:600; margin:0 0 0 13px;}
#footer .fright ul li i {font-size:20px; vertical-align:middle;}
#footer .fright ul li a {color:#a7a9ac; text-decoration:none; display:block;}
#footer .fright ul li.hilight a {color:#00c3c1;}
#footer .fright ul li a:hover {color:#fff;}
#footer .fright h4 {font-size:18px; font-weight:normal; font-style:italic; color:#a7a9ac; padding:0 0 5px;}
#footer .fright .newsletter-box {margin:75px 0 0;}
#footer .fright .newsletter-box form {background-color:#fff; width:230px; float:right;}
#footer .fright .newsletter-box input[type=text] {height:30px; font-size:16px; border:0; padding:0 5px; width:180px; }
#footer .fright .newsletter-box input[type=submit] {color:#fff; background-color:#00c3c1; font-size:16px; font-weight:600; text-align:center; width:30px; height:30px; cursor:pointer; border:0;}
#footer .fright .newsletter-box input[type=submit]:hover {background-color:#a7a9ac;}
#footer .flogo {max-height:70px;}
#footer #footer-info {border-top:1px solid #fff; border-bottom:1px solid #fff; padding:50px 0; clear:both;}
#footer #footer-info .address {display:inline-block; vertical-align:top; width:30%; margin:0 1% 0 0;}
#footer #footer-info .address h5 {font-size:14px; font-weight:bold; color:#a7a9ac;}
#footer #footer-info .address p {font-size:14px; color:#a7a9ac;}
#footer .brandlogos {padding:12px 0 0;}
#footer .brandlogos img {max-height:36px; vertical-align:middle; margin:0 0 0 10px;}
#footer p.copyright {font-size:12px; color:#6f6f6f; padding:20px 0 0;}

@media only screen and (max-width: 1199px) {
#nav ul li a {padding:30px 18px;}
#homeslide #home-nav-mob a {font-size:17px; padding:15px 20px;}
.content {padding:50px 2%;}
.industries .industry {margin:0 10px 20px 0; width:22%;}

#breadcrumbs {padding:15px 2%;}
#pagecontent.content .wrapper {padding:0 2%; box-sizing:border-box;}

#subpages.managedServices .subpg {height:350px;}

/*#homeslide .caption {width:460px; height:460px; padding:150px 15px;}*/
#homeslide .caption h3 {font-size:28px; line-height:32px;}
#homeslide .caption p {font-size:18px;}

#footer {padding:40px 2% 10px;}
#footer .brandlogos img {margin:0 0 0 5px; max-height:33px;}
}

@media only screen and (max-width: 999px) and (min-width:768px) {
.serviceAltView ul li {float:none; width:100%;}
.alignright, .alignleft {max-width:400px;}
#subpages .subpg h4 {min-height:96px; font-size:17px!important;}
#subpages .subpg.abspos.withtitle a.btn {bottom:104px;}
#subpages .subpg.abspos.withtitle a.btn.gray {bottom:140px;}

#home-nav-mob {width:30%;}
.metaslider .caption-wrap {width:70%!important; }
/*#homeslide .caption {height:350px; width:350px; padding:110px 15px;}*/
#homeslide .caption h3 {font-size:24px; line-height:normal;}
#homeslide .caption p {display:none;}

#serviceMaincol .subpg .pageimg {float:none; margin:0 0 20px;}

.managedSer #serviceSidebar  {float:none; width:100%;}
.managedSer #serviceSidebar .item {float:left; width:29%; margin:0 2%;}
.managedSer #serviceSidebar #whatsNewSide.item {float:none; clear:both; width:96%;}
}

/*ipad */
@media only screen and (max-width: 999px) {
#header {padding:4px 2%;}
#header #pull {display:block; float:right; cursor:pointer; margin:11px 0 0;}
#nav {float:none; width:100%; background-color:rgba(65,64,66,0.95); display:none; position:absolute; left:0; top:90px; z-index:500;}
#nav ul {padding:0 5%;}
#nav ul li {float:none; width:100%;}
#nav ul li a {font-size:22px; color:#fff; font-weight:600; padding:12px 0px; border-bottom:1px solid #8d8e91;}
#nav ul li a:hover {background-color:transparent; color:#eee;}
#nav ul ul {background-color:#e2e2e3!important; padding:0; width:100%; position:relative; top:0;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {top:53px;}
#nav ul li.sfHover ul li a {padding:12px 15px; color:#414042; font-size:12px; background-color:transparent; border-bottom:0;}
#nav ul li.sfHover ul li a:hover {color:#fff;}

#homeslide #home-nav-mob a {padding:16px 10px; font-size:14px;}

#breadcrumbs {padding:5px 2%;}

#home-cols #home-results {width:50%; margin:0 0 40px;}
#home-cols #home-resources {width:50%; padding:0 0 0 2%; margin:0 0 40px;}
#home-cols #home-news {float:none; width:100%; clear:both;}
#home-cols .news-article {max-width:480px; margin:0 auto 10px;}

.industries .industry {width:auto;}
.industries .industry.nomr {margin-right:10px;}

#contact-callout {padding:50px 0;}

.three-quarters {width:66%;}
.quarter {width:34%;}
#subpages .subpg.quarter {width:48%;}
#subpages .subpg.quarter h4 {min-height:inherit;}

.subpg .pageimg2 {float:none; width:auto;}

#serviceSidebar .infographic h3 {font-size:28px!important;}
.prodbtns {margin:0;}

#pageNav {position:relative;}
#pageNav h4 {display:none;}
#pageNav ul {display:none; position:absolute; top:100%; width:100%;}
#pageNav ul li {display:block;}
#pageNav #pull2 {padding:5px 10px; display:inline-block; vertical-align:middle; margin:0 0 5px;}
#pageNav ul li .btn {display:block; margin:0; padding:5px 10px;}


#subpages.managedServices .subpg {padding:15px;}
#subpages.managedServices .subpg p {line-height:23px;}
#serviceMaincol.managedSer {float:none; width:100%; padding:0;}

.half.training .btn {margin:0 0 5px;}

#footer .fleft {width:45%;}
#footer .fright {width:55%;}
#footer .fright ul li {margin:0 0 0 10px;}
#footer #footer-info {padding:30px 0;}
#footer #footer-info .fleft {width:100%; float:none; text-align:center;}
#footer #footer-info .fright {width:100%; float:none; text-align:center;}
#footer .brandlogos {padding:30px 0 0;}
}

@media only screen and (max-width: 767px) {
.alignright, .alignleft {float:none; margin:0 0 15px; display:block;}

#homeslide .ml-slider {display:none;}
#home-nav-mob {width:100%; position:static;}
#homeslide #home-nav-mob a {text-align:center; font-weight:600; font-size:18px; padding:22px 20px;}
#home-nav-mob p.mob-quote {display:block; padding:10px; font-size:20px; color:#fff; text-align:center; text-transform:uppercase; background-image:url(images/home-quote-bg.jpg); background-size:cover;}
#home-nav-mob p.mob-quote a.btn.green {text-transform:uppercase; text-decoration:none; text-align:center; padding:8px 10px!important; box-sizing:border-box; font-size:12px!important; color:#fff; font-weight:bold; display:inline-block; background-color:#00c3c1; border:0; vertical-align:middle; margin:0 0 0 5px;}
#home-nav-mob p.mob-quote a.btn.green:hover {color:#313132;}

.content {padding:30px 2%;}
#pagecontent.content {padding:30px 0 0;}
.third {float:none; width:100%!important; margin:0 0 30px; padding:0!important;}
#home-cols .callout-box {max-width:316px; margin:auto;}
#home-cols #home-news a.btn.gray {max-width:480px;}

.three-quarters {width:100%; float:none!important; padding:0!important;}
.three-quarters.fright {margin:0 0 30px;}
.quarter {width:100%; float:none; margin:0 0 30px;}
.quarter.fright {margin:0;}
#subpages .subpg.quarter {float:left;}

#news-section .news-article:nth-of-type(2n+1) {clear:both;}
#news-section .news-article:nth-of-type(3n+1) {clear:none;}
.news-article {width:50%!important;}

.subpg {margin:0 auto 35px;}

.subpg .titlebar {margin:0px 0 20px;}

.career-testimonial {float:none; margin:0 auto 30px; width:auto;}

#rfq-banner {padding:0 0 10px;}
#rfq-banner h2 {display:block; padding:10px; font-size:34px;}

#serviceMaincol .subpg .pageimg {float:right; margin:0 0 20px 15px;}

#thank-results {float:none; width:100%; padding:0;}
#thank-email {float:none; padding:0; width:100%;}

#pagetitle h1 {line-height:26px; font-size:26px; padding:5px 0;}

#breadcrumbs .printbtn {display:none;}

.event .date {float:none;}
.event .quarter {margin-bottom:0!important;}

#subpages.managedServices .subpg {height:220px; width:48%;}

.half.training {width:100%; float:none; margin:0 0 15px!important;}

#footer {padding:20px 2%;}
#footer .fleft {width:100%; float:none; text-align:center; margin:0 0 40px;}
#footer .fleft h4 {padding:20px 0 0;}
#footer .fright {width:100%; float:none; text-align:center;}
#footer .fright h4 {padding: 0 0 8px;}
#footer .fright .newsletter-box {margin:40px 0 0;}
#footer .fright .newsletter-box form {display:block; margin:auto; float:none; width:225px;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-width: 600px) {
#topbar {display:none;}
#header .logo {max-width:210px;}
#header #pull {padding:2%;}
#nav {top:56px;}
#nav ul.mobonly, #nav ul li.mobonly {display:block; list-style-type:none;}
#nav ul.mobonly li.link {display:block; }
#nav ul.mobonly li.link a {padding:10px 0 0; display:block; font-size:18px;}
#nav ul.mobonly li.link#menu-item-2217 a { border-bottom:0; padding:10px 0 5px;}
#nav ul.mobonly li {display:inline-block; width:auto;}
#nav ul.mobonly li a {padding:0 10px 15px 0; display:block; border-bottom:0;}
#nav ul li.green.btn {text-align:center; box-sizing:border-box;  font-weight:bold; display:block; background-color:#00c3c1;}
#nav ul li.green.btn a {font-size:12px;padding:5px 10px; border-bottom:0; margin:5px 0;}

#breadcrumbs {padding:5px 4%;}
#breadcrumbs nav {max-width:none;}
#pagecontent.content .wrapper {padding:0 4%;}

.content {padding:20px 4%;}
#pagecontent.content {padding:20px 0 0;}
.content h2 {font-size:30px;}
.content h3 {font-size:26px;}
#pagecontent.content h4 {font-size:20px; padding-bottom:20px;}

.industries .industry {max-width:230px; width:45%; margin:0 2% 15px!important;}

.half {float:none; width:100%!important; margin:0 0 30px!important;}

#blue-callout, #contact-callout {padding:35px 4%;}
#blue-callout h3, #contact-callout h3 {font-size:30px;}

.ninja-forms-all-fields-wrap .field-wrap {margin:0 0 10px;}
.ninja-forms-all-fields-wrap label {display:block; width:100%; margin:0;}
.ninja-forms-all-fields-wrap input[type=text], .ninja-forms-all-fields-wrap input[type=tel], .ninja-forms-all-fields-wrap input[type=email], .ninja-forms-all-fields-wrap textarea, .ninja-forms-all-fields-wrap select {width:100%;}

#textbanner h4 {padding:20px 4%!important; line-height:normal!important;}
#textbanner h4 .hilight {display:block;}

.news-article {width:100%!important; float:none!important; padding:0!important;}
#nav-below {margin:0;}
.fullwidth .newsletter-box {padding:20px 4%;}
.fullwidth .newsletter-box h5 {font-size:16px;}

#shareLink {float:none; width:100%; margin:5px 0 0;}

.subpg .pageimg {float:none; margin:0 0 15px; display:block;}
#serviceMaincol #subpages .subpg.full {margin:0 0 20px;}

.serviceAltView ul li {float:none; width:100%;}

#prodlogos img {max-width:80px!important;}

.event {margin:0 0 10px; border-bottom:2px dotted #ccc;}
.event .attachment-news-thumb {float:none; display:block;}
.event.training {margin:0 0 15px; display:block;}
.training .btn {margin:0 0 10px;}

#subpages .subpg.quarter {float:none; width:100%; margin:0 auto!important;}
#subpages .subpg.quarter h4 {min-height:75px;}

#prodlogos {margin:0 0 15px;}
.prodbtns p {padding:0!important;}
#serviceMaincol .subpg .pageimg {float:none; margin:0 0 20px;}

#subpages.managedServices .subpg {height:auto; float:none; width:100%; margin:0 2% 20px 0 !important;}
#subpages.managedServices #continual-service-improvement p {padding:0 0 20px!important;}
#subpages.managedServices #continual-service-improvement ul {margin:0 0 15px 20px;}

.cta-space  {margin:10px 0; padding:10px 0;}

#footer .fleft h4 {font-size:20px;}
#footer .fright .newsletter-box {margin:30px 0 0;}
#footer #footer-info .address {width:auto; margin:0 5% 30px;}
#footer .brandlogos {padding:10px 0 0;}
#footer .brandlogos img {margin:0 5px 5px; max-width:170px;}
}