/*======================================================
Screen Style Sheet
CDS Responsive Conversion
------------------------------------------------------
Author(s):Melody Tran
Created:12/21/2015
======================================================*/

.desktop-tablet{display:block;}
.tablet-only{display:none;}
.tablet-phone{display:none;}
#mobile-nav{display:none;}
.phone-only{display:none !important;}

/* tablet and mobile shared stylesheet ----------- */
@media only screen 
and (max-width :1024px) {
#page-blog #sidebar-left{
	display:none;
}
#page-search-results #content{
	padding-left:3%;
	padding-right:3%;
}
.simpleSearchForm-qs .appendedInputButton.search_input{
	width:100%;
}
#main-content h2{
	padding-left:3%;
}
#clients article p{
	padding:10px 0 !important;
}
.desktop-only{
	display:none !important;
}
.tablet-phone{display:block;}

#mobile-nav > ul {
    padding: 35px 5%;
}
#mobile-nav{
    background: #3b649c;
}
.mm-panels>.mm-panel>.mm-listview {
    margin: 0px !important;
}
.mm-menu.mm-current {
    display: block !important;
}

#mobile-nav .searchWrap-qh {
    margin: 0 !important;
}
#mobile-nav .input-append{
    width: 100%;
    margin:0;
}
#mobile-nav input.appendedInputButton{width:100%;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
    color:#fff !important;
}
.mm-menu .mm-listview>li a:not(.mm-next) {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
    color:#fff !important;
    padding-left:5px !important;
}
#mobile-nav .rfq-btn-home {
    background: none;
    text-align: center;
}
#mobile-nav .rfq-btn-home .btn {
    float: none !important;
    background: #E20C00 url('/images/img-sprite.png') 335px -100px no-repeat;
    width: 100%;
    margin: 12px 0;
    color: #FFF;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    padding: 8px 55px 8px 22px;
    position: relative;
    text-transform: uppercase;
}
.mm-arrow:after, .mm-next:after, .mm-prev:before{
	right: 8px !important;
    content: url('/images/responsive/mmenu-arrow.png') !important;
    border: none !important;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}
.mm-listview .mm-next:before,
.mm-listview>li {
    border-color: transparent !important;
}
#mobile-nav .mmenu-close {
    float: right;
    margin: 20px 0 0;
    font-size: 25px;
    cursor:pointer;
    color:#fff;
}
.mm-prev:before{
	top:11px !important;
    -webkit-transform: rotate(-180deg) !important;
    -moz-transform: rotate(-180deg) !important;
    -ms-transform: rotate(-180deg) !important;
    -o-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important;
}
.mm-navbar{
	background-color:#555555 !important;
}
.mm-list a.mm-subopen{
	right: -12px !important;
    top: -7px !important;
}
.mm-list a.mm-subclose{
	margin-top: -41px !important;
	padding-left: 40px;
}


#mobile-nav .mm-subtitle{padding-left:0 !important;}
#mobile-nav .rfq-btn-home a.green {
    float: none !important;
    background: #02ca0c url('/images/img-sprite.png') 335px -460px no-repeat;
}
#mobile-nav .rfq-btn-home a:hover,
#mobile-nav .rfq-btn-home a.green:hover{
	margin:12px 0 !important;
}
*/
.rfq-btn-home a {
    background: #E20C00 url('/images/img-sprite.png') 230px -100px no-repeat;
    border: 1px solid #A00800;
    border-bottom: 3px solid #A00800;
    border-radius: 5px;
    color: #FFF;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    padding: 8px 64px 7px 15px;
    position: relative;
    text-transform: uppercase;
    text-shadow: none;
    z-index: 500;
}
.rfq-btn-home a.green {
    background: #02ca0c url('/images/img-sprite.png') 230px -460px no-repeat;
    border: 1px solid #058e0c;
    border-bottom: 3px solid #058e0c;
    border-radius: 5px;
    color: #FFF;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    padding: 8px 85px 7px 36px;
    position: relative;
    text-transform: uppercase;
    text-shadow: none;
    z-index: 500;
}
#breadcrumbs-wrap,
#main-content #rfq-btn{display:none;}
#page-solutions #sidebar-left{display:none;}
#sidebar-left,
#contact-form,
#contact input#name, 
#contact input#email,
#contact input#company, 
#contact input#phone, 
#contact input#work-phone{
	width:100%;
	float:none;
}

#contact input#name, #contact input#phone{
	margin:0 0 10px;
}
.tablet-left{
	float:left;
	width:50%;
}
#contact fieldset textarea{
	width:48%;
	float:right;
    height: 200px;
}
#secondary-nav li {
    border-right: 1px solid #DDD;
}    
#sidebar-left{
	float:none;
	position:relative;
}
#sidebar-left h2{cursor:pointer;}
#sidebar-left h2 a {
    display: inline-block;
    pointer-events: none;
    text-align: center;
    padding: 12px;
    background: url(/images/responsive/dropdown-arrow.png) no-repeat right center;
    margin-left: -50px;
    left: 50%;
    position: relative;
    width: 100px;
}
#sidebar-left #secondary-nav{
	display:none;
	position:absolute;
	width:100%;
	background:#fff;
	z-index:10000;
}
.tpl4 #main-content,
.tpl3 #content-wrap{width:100%;padding:0 !important;}
#header #header-content,
#page-index .footer-middle,
.footer-middle,
#content-wrap{
	width:100%;
	padding-right:3% !important;
	padding-left:3% !important;
}
#sidebar-right,
.contact-callout,
.tpl3 #main-content{
	width:100%;
}
.tpl3 #main-content{padding:0;}
#page-solutions #content-wrap{
	padding:0 !important;
}
#page-solutions #content p,
#page-solutions #landing-buckets,
#page-solutions #sidebar-right,
#header nav,
.tpl3 #main-content p,
.tpl3 #landing-buckets,
.tpl3 #sidebar-right{
	padding-left:3%;
	padding-right:3%;
}

#main-content{
	float:none !important;
	padding:0 0 30px;
}
#page-index #main-content .rfq-btn-home{
	padding:0;
    width: 600px;
    margin: 0 auto;
}
#page-index .rfq-btn-home .btn{
	margin-left:0;
	float:left;
}
#page-index .rfq-btn-home .green{
	margin-right:0;
	float:right;
}
#page-index .rfq-btn-home a:hover{
     margin:1px 0 0;
}
#page-index .rfq-btn-home a.green:hover {
  margin: 1px 0 0;
}
.burger-wrap {
    background: transparent url('/images/primary-nav-divider.png') 85% -3px no-repeat;
}
.nav-search{
	float:left;
	width:80%;
}
.searchWrap-qh {
    margin: 10px !important;
    width: 100%;
    background: none;
    position:relative;
}
.nav-search form{
	height:auto;
	border-bottom:none;
}
.burger {
    background: url(/images/responsive/burger.png) no-repeat right center;
    width: 35px;
    height: 30px;
    float: right;
    margin: 9px 0;
}

.nav-search input.appendedInputButton{
    width: 100%;
    padding: 10px 35px 10px 20px;
}
.nav-search .input-append{
	width:100%;
	padding-right: 35px;
    margin-bottom: 0;
}

.flexslider{
	width:100%;
}
#home-buckets div{
	width:50%;
}
#home-buckets div:nth-child(2){
	border-right:none;
}

#footer-newsletter h4{
	float:none;
}
#main-content .header-img  {
    height: 210px;
    padding: 20px 3%;
    background-size: cover !important;
}

#landing-buckets div{
	width:33% !important;
	border:none;
}
#landing-buckets div:nth-child(1),
#landing-buckets div:nth-child(2),
#landing-buckets div:nth-child(4),
#landing-buckets div:nth-child(5),
#landing-buckets div:nth-child(7),
#landing-buckets div:nth-child(8),
#landing-buckets div:nth-child(10),
#landing-buckets div:nth-child(11){
	border-right:1px solid #DDD !important;
}
#landing-buckets .bucket 
#latest-news{
	background: #DDD;
    border: 1px solid #B9B9B9;
    border-bottom: 2px solid #B9B9B9;
    border-radius: 5px;
    display: block;
    height: 66px;
    margin: 12px 0;
    padding: 12px;
}
#latest-news article{display:none;}
#latest-news h4{
	background:none;
	border: 1px solid #a65300;
    border-bottom: 0;
    border-radius: 5px !important;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    padding: 0;
    text-align: left;
}
#latest-news h4 a{
    border-bottom: 3px solid #a65300;
    border-top: 1px solid #e6b380;
    border-radius: 5px;
    color: #FFF;
    display: block;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    margin: 0;
    padding: 14px 0 0;
    text-transform: uppercase;
}
#latest-news h4 a{
	background: #cc6600 url('/images/responsive/play.png') 94% center no-repeat;
}
.sb-case-studies a{
	background: #555 url('/images/responsive/play.png') 94% center no-repeat !important;	
}
#latest-news h4 a span {
    background: #a65300;
    border-bottom: 3px solid #7e3f00;
    border-top: 1px solid #d3a980;
    border-radius: 5px 0 0 5px;
    display: block;
    float: left;
    height: 40px;
    margin: -15px 10px -3px 0;
    padding: 0;
    width: 32px !important;
}
#latest-news{
	margin-top:12px;
}
#latest-news,
.sb-case-studies{
	float:left;
	width:31%;
}
.sb-case-studies-1 {
    margin-left: 24px;
    margin-right: 24px;
}
#latest-news h4 a,
.sb-case-studies h5 a,
#latest-news h4,
.sb-case-studies h5{
	width:100%;
}
#footer-newsletter{
	height:75px;
	width:100%;
	padding:0 3%;
}
#footer-newsletter form{
	width:100%;
}
#footer-newsletter h4{
	text-align: center;
	margin:0;
	text-transform: uppercase;
}
.footer-top div ul li#fl7,
.footer-top div ul li#fl8,
.footer-top div ul li#fl9{
	display:none;
}
}



/* Tablet Stylesheet ----------- */
@media only screen 
and (min-width :768px) 
and (max-width :1024px) {
.tablet-only{display:block;}
.phone-only{
	display:none;
}
#header #telephone{
	right:3%;
	bottom:53px;
}	
.flexslider .caption-wrapper{
	top: 10%;
    height: 78%;
    width: 70%;
    padding: 10px 10px 10px 3%;
}
.flex-control-nav.flex-control-paging{
	bottom:0;
	left:3%;
}
#footer-newsletter fieldset{
	margin:10px 0;
}
#footer-newsletter .submit{
	margin:8px 0;
}
#footer-newsletter input[type="text"], 
#footer-newsletter input[type="email"]{
	margin: 0 55px 0 5px;
	width: 165px;
}
.footer-middle{position:relative;}
.footer-middle .footer-left{
	padding: 12px 0 0 165px;
    width: 550px;
    border: none;
}
.footer-middle #ftel{
	margin-right:0;
}
.footer-middle address {
    position: absolute;
    top: 15px;
    left: 175px;
    width: 385px;
}
.footer-middle p#address,
.footer-middle p#copyright{padding-right:130px;}

#sidebar-right #rfq-btn{
	width: 315px;
    margin-left: -157px;
    left: 50%;
}
#quickContact .submit,
#quickContact .submit:hover{
	width: 182px;
    margin-left: -91px;
    left: 50%;
    font-size:12px;
}

#sidebar-right #rfq-btn a{
    background-position: 74px -350px;
    font-size: 24px;	
    padding: 9px 0 8px 40px;
}
#quickContact input, 
#quickContact textarea, 
#contact input, #contact textarea,
.contact-map iframe{
	width:100%;
}
.contact-map{
	width:48%;
	margin:0;
	padding:0;
}
.contact-map-1{
	float:left;
}
.contact-map-2{
	float:right;
}
.contact-map address {
    width: 100%;
}
#landing-buckets div a{
	height:250px;
}
.home-banner{
	padding-bottom:30px;
}
}


/* Mobile Stylesheet ----------- */

@media only screen 
and (max-width:767px) {
.desktop-tablet{display:none !important;}
.phone-only{display:block !important;}
#header-content #logo a {
    float: none;
    margin-left: -103px;
    left: 50%;
    position: relative;
}
#header #telephone{
	position: relative;
    margin-left: -140px;
    left: 50%;
    bottom: auto;
    margin: 10px 0 10px -140px;
}	
#header nav{
	margin-top:35px;
}
.flexslider .caption-wrapper {
    width: 100%;
    top: 6%;
    padding: 10px;
    height:140px;
}
.flex-control-nav.flex-control-paging{
	bottom:15px;
    left: 3%;
}
#main-content p {
    font-size: 16px;
    line-height: 20px;
}
#mobile-nav .rfq-btn-home .btn,
#mobile-nav .rfq-btn-home a.green{
	font-size:18px;
	padding-left:10px;
	padding-right:0;
	text-align: left;
}
#page-index .rfq-btn-home .btn,
#page-index .rfq-btn-home a.green{
	float: none;
    width: 100%;
    background-position:310px -460px;
}
#page-index .rfq-btn-home .btn,
#page-index .rfq-btn-home .btn:hover{
    margin:12px 0 !important;
}
#page-index .rfq-btn-home a.green,
#page-index .rfq-btn-home a.green:hover{
    margin-top: 0 !important;
}
#home-buckets{margin:0;}
#home-buckets div,
#landing-buckets .bucket{
    width: 100% !important;
    margin: 0 0 15px;
    padding: 0 !important;
    float: none;
    color: #fff;
    border: 1px solid #000 !important;
    border-radius: 4px;
    background: #34699d url('/images/responsive/bkt-bg.png') 98% center no-repeat;
    background-size: 40px 40px;
}
#quickContact .submit{
    background: #34699d url('/images/responsive/bkt-bg.png') 98% center no-repeat;
    background-size: 30px 30px;	
    text-align: center;
}
.rfq-btn-home .btn,
#sidebar-right #rfq-btn a{
    background: #E20C00 url('/images/responsive/btn-bg.png') 98% center no-repeat !important;	
    background-size: 40px 40px !important;
    padding:8px;
    text-align: center;
}
.rfq-btn-home a.green,
.rfq-btn-home a.green:hover{
    background: #02ca0c url('/images/responsive/video-bg.png') 98% center no-repeat !important;
    background-size: 40px 40px !important;
    padding:8px;
    margin-bottom:10px !important;	
}

#home-buckets .bucket p,
#home-buckets .bucket .more,
#landing-buckets .bucket p,
#landing-buckets .bucket .more{display:none;}
#home-buckets div a, #landing-buckets div a{
    text-align: center;
	height:auto;
	padding:8px;
}
#home-buckets div h2{
	color:#fff;
    margin: 0;
    padding: 0;
}
#landing-buckets div h2{
	color:#fff;
	margin:0;
	padding:0 40px;
    font-size: 18px;
}
#main-content{padding-bottom:0;padding-top: 30px;}
#main-content img,
#main-content iframe{
	width:100%;
	margin:10px 0;
}
#quickContact input, 
#quickContact textarea, 
#contact input, 
#contact textarea,
#rfq fieldset,
#rfq fieldset#message,
#rfq fieldset textarea{
	width:100%;
}
#rfq fieldset{
	margin:0;
	float:none;
}
#rfq h2{
	padding-left:0;
}
#latest-news, .sb-case-studies{
	width:100%;
    margin:10px 0;
}
#footer-newsletter .news-input{
	float:none;
}
#footer-newsletter, #footer-newsletter form{
	height:165px;
}
#footer-newsletter{
	border-radius:0;
	border-left:none;
	border-right:none;
	padding:10px;
	margin:0 0 30px;
}
#footer-newsletter fieldset{
	float:none;
	margin:15px 10px;
	}
#footer-newsletter label{
	width:30%;
}
#footer-newsletter input[type="text"], #footer-newsletter input[type="email"]{
	width:60%;
}
.footer-top{padding-bottom:0;background:#fff;}
#footer-newsletter a,
.footer-middle #ftel a,
#footer-newsletter a:hover,
.footer-middle #ftel a:hover{
    float: none;
    background: #34699D;
    padding: 10px;
}{
	float:none;
	background:#34699D;
	padding:10px;
}
.footer-middle{
	background:url(/images/responsive/footer-logo.png) no-repeat center 10px #fff;
	background-size:50%;
	margin:0;
    border: none;
    border-bottom: 0;
    border-radius: 0;
}
.footer-middle address{
	border-top:1px solid #ddd !important;
	border:none;
	padding:20px;
	width:100%;
    margin-top: 85px;
    text-align: center;
}
.footer-middle #linkedin,
.footer-middle #flag{
	position: relative;
    right: auto;
    top: auto;
    margin-bottom:10px;
}
.footer-middle #ftel{
	position: relative;
    right: auto;
    top: auto;
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 18px 0;
    margin: 0 0 10px;
}
.footer-middle #ftel a{
	position:relative;
	margin:20px 0 0;
}
.footer-bottom > ul{
	width:100%;
}
.footer-middle .bk-top {
    text-align: center;
    margin: 15px 0;
    float: left;
    width: 100%;
}
.footer-middle .bk-top a{
	color:#366E9D;
	font-size:18px;
	text-decoration: none;
}

.tablet-left,#contact fieldset textarea,
#video,
.video-list{
	width:100%;
	float:none;
}
.video-list .video{
	width:45%;
	height:235px;
	margin:0 5px 10px !important;
}
.contact-map{
	width:100%;
	float:none;
	padding:0;
}
.contact-map address p {
    display: block;
    float: none;
    width: 100%;
    background: none;
    margin:0 !important;
}
.contact-map iframe{
	width:99%;
}
.contact-map address,
.clients-description,
#page-clients .clients-description,
#case-studies-buckets article h1,
.footer-middle .footer-left{
	width:100%;
}
.caption-wrapper h1 {
    font-size: 18px;
    padding: 0;
    line-height: 24px;
}
.caption-wrapper p{
	line-height:1;
}
#clients article img, #case-studies-buckets article img{
	float: none;
    margin: 0;
    margin-left: -80px;
    left: 50%;
    position: relative;
}
.contact-map p a{
pointer-events: auto;
	
}
#secondary-nav > li > ul > li > a{
	padding:10px 10px 10px 20px
}
#page-index .rfq-btn-home,
#page-index #main-content .rfq-btn-home {
    width: 100%;
}
.footer-top div ul li#fl4,
.footer-top div ul li#fl5,
.footer-top div ul li#fl6{
	display:none;
}
.footer-middle{
	height:480px;
}
.footer-middle .footer-left {
    padding: 85px 0 0;
    text-align: center;
    border:none;
}
.footer-middle #ftel {
    width: 100%;
    border: none;
    padding: 0;
}
.footer-middle #ftel a{
	margin-left:-76px;
	left:50%;
	position:relative;
}
}