@import url("/fonts/fontkit/demo-async.css");
@font-face {font-family: 'Square Roman'; src: url(/fonts/Square721BT-RomanExtended.otf);}
@font-face {font-family: 'Square Bold'; src: url(/fonts/Square721BT-BoldExtended.ttf);}
@font-face {font-family: 'Square Regular'; src: url(/fonts/Square721BT-RegularExtended.ttf);}

* {box-sizing: border-box;}
body {margin:0px; background-color:#FFF; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:16px; line-height:1.3;}
form{ margin:0px; padding:0px;}
img{border-style:none; max-width:100%;}
h1,h2,h3,h4,p,ul,ol{ margin:0px; padding:0px; margin-bottom:10px;}
h1{ font-size:24px; line-height:30px; color:#000;line-height:normal;font-weight:bold; font-family: 'Square Regular'; text-transform: uppercase;}
h2{ font-size:18px; line-height:24px;color:#000; line-height:normal;font-weight:bold;}
h3{ font-size:14px; line-height:18px; color:#000;line-height:normal;font-weight:bold;}
span.squareBold {font-family: 'Square Bold';}
ul,ol{ padding-left:25px;}
h1, h2, h3, h4 {font-family:'Square Regular'; text-transform:uppercase;}
p {font-family:'Proxima N W01 Cd Reg'}
.wrapper{width:100%; max-width:1300px; min-width:300px;margin:0 auto;padding:0px; }
.homeSearchDiv, .sidebartext { padding-left:5px;}
.homeSearchDiv{ padding-bottom:10px;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}

.cont_area{width:100%; display:table;}
.left_block{width:20%;display:table-cell;  float:left;padding:1%;background-color:#EFEFEF; border-right:1px solid #CCC; }
.cont_block{width:79%;display:table-cell;float:right;padding:1%;}
.crights{ clear:both; width:100%; padding:3%; float:left; font-size:10px; line-height:14px;  font-size:10px; line-height:14px; border-top:1px solid #999;}
.titlediv{background-color:#000; color:#FFF; float:left; font-size:18px; line-height:24px; width:100%; padding:3%;}
.menudiv{width:100%; float:left;}
.searchdiv{float:right; width:200px;}

.mobileMenuDiv .zMenuBarDiv {width:100% !important; border-top:1px solid #999;}
.mobileMenuButton {display:none;}
.mobileMenuDiv {display:block;}
.clearfix:after {content: "."; display: table; clear: both; visibility: hidden; line-height: 0; height: 0;}

html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Header */
.headerTop {background:#212121; color:#fff; padding:0;}
.headerTopRight {float:right; width:100%; text-align:right; height:36px; margin:0; padding: 0;}
.headerTopRight i {color:#fff; line-height:42px; vertical-align: top; margin-right:20px;}
.headerTopRight a {color:#fff100; text-decoration: none; line-height:42px; vertical-align: top; margin-right:20px; font-family:'Square Regular'; text-transform:uppercase; font-size:14px;}
img.menu-seperator {max-height: 42px; overflow:hidden; display:inline-block; margin-right:20px;}
img.social {max-height:42px; vertical-align: top; margin-right:10px; margin-top:10px;}


.pageHeader {background:#fff100; clear:both;}

.pageHeader .wrapper {background:url('/images/page-header-accent.png'); background-position: bottom right; background-repeat: no-repeat;}
.pageHeader h1 {margin:0; padding:0; line-height:100px; font-size:36px;}

h1.logo {margin:0; padding:0; line-height:0;}
span.logo {padding:0;}
.navMenu {float:right; font-family: 'Square Roman'; text-transform: uppercase; letter-spacing: 1px;}
.mobileNav {display:none;}
nav li, nav ul { margin: 0 }
nav { box-shadow: 0 0 10px rgba(0,0,0,.5) }
nav ul {
  height: 100%;
  padding: 0;
  list-style: none;
  overflow: hidden
}
nav li a {
  color: #212121;
  position: relative;
  display: block;
  outline: 0;
  text-decoration: none;
  margin-right:20px;
}
header, nav { background-color: #fff }
nav .logo {line-height:150px; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
.navMenu li {padding:51px 0; line-height:3em;}
.navMenu a:hover {box-shadow: inset 0 -2px 0 0 #212121;}
.customizerHeaderSection:hover {box-shadow: inset 0 -2px 0 0 #212121; font-weight:bold;}
.customizerHeaderSection:hover span {color:#000;}
nav .logo img {vertical-align:middle;}




/* Slideshow */


/* Three Step Process */
.threeStepHeader {
  background: #fff100; color:#101010;
}
.threeStepHeader h1 {
  text-align: center;
  font-size:36px;
  line-height: 115px;
  margin:0;
  padding:0;
}

.threeStepBoxes {display:flex; margin-bottom:-3px;}
.threeStepBoxes .box {
  padding: 0;
  margin:0;
  width:33%;
  background-size: cover;
}
.threeStepBoxes .box2 {
  width:33%;
  margin:0 .5%;
}
.threeStepBoxes img {
  width:100%;
  max-width:100%;
}

.threeStepHeader.panelsHeader {background:#101010;}
.threeStepHeader.panelsHeader h1 {color:#fafafa;}


/* Testimonial Slider */
.testimonial-slider {
	padding: 140px 0 180px;
}
.testimonial-slider-container {
	background-color: #1b1b1b;
  width:100%; float:left;
}
.testimonial-slider-container.about {
	margin: 0px 0 100px;
}
.content-slides-container{ width:100%;}
.testimonial-slider .testimonial-slide {
	padding: 0;
	color: #fafafa;
  font-style: italic;
}
.testimonial-slider.content-slider {
  margin-bottom:0 !important;
}
.testimonial-slider.content-slider .slider-previous-button {
	background-color: #000000;
	width: 60px;
	height: 120px;
	padding: 0;
	margin-right: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.testimonial-slider.content-slider .slider-previous-button:hover {
	background-color: #666666;
}
.testimonial-slider.content-slider .slider-next-button {
	background-color: #000000;
	width: 60px;
	height: 120px;
	padding: 0;
	margin-left: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.testimonial-slider.content-slider .slider-next-button:hover {
	background-color: #666666;
}
.testimonial-slider .text, .testimonial-slider .source {
  font-family: 'Proxima N W01 Cd Reg';
  font-style: normal;
  font-size: 38px;
}
.testimonial-slider .wrapper {display:flex;}
.testimonial-slider .source {color:#fff100;}
.testimonial-slider .quote {font-family: 'Square Bold'; font-size: 180px; font-style: normal; color:#fff100; width:200px; line-height:1;}
.testimonial-slider .content {flex:1;}

/*.contentContainer {background:#fafafa;}*/

.pageNav {margin:0; padding:20px 0; background:#f5f5f5;}
.pageContent {padding:40px 0;}

/* Blog */
.blog-post {display:flex;}
.blog-post .thumb{ width:300px; margin-right:45px;}
.blog-post .text-box{ flex:1;}
.blog-post img {border:3px solid #fff100;}

.blogContainer {padding:100px 0 0;
  width:100%; float:left;}
.blogContainer .wrapper {padding-right:170px;}
.blogContainer h1 {margin-bottom:30px;}
.blogContainer .text-box {font-family: 'Proxima N W01 Cd Reg'; margin-top:30px;}
.blogContainer .text-box .title a {font-size: 30px; font-weight: bold;}
.blogContainer .text-box a {text-decoration: none; color:#000000;}
.blogContainer .text-box .summary {font-size: 22px;}
.more-post a {text-decoration: none; color:#000000; display:block; border:1px solid #000; line-height:60px; font-size:16px; font-family: 'Square Regular'; width:250px; margin: 50px auto 65px;}
.blogImage {width:300px !important;}

.grid {display: grid; grid-template-columns: auto auto; grid-gap: 50px;}
.customizer-main-container .grid {grid-gap:15px;}


/* About Intro */
.intro {padding:100px 0;}
.intro h1 {margin-bottom:40px;}
.intro h1, .history h1, .quality h1 {font-size:36px;}
.intro p, .history p, .quality-text-container {font-size:28px; font-family:'Proxima N W01 Cd Reg'}

/* About History */
.history {background:#5f5f5f; padding:90px 0 110px;}
.history h1 {font-family: 'Square Regular';font-weight:normal; margin-bottom:50px; color:#fff;}
.history p {color:#fafafa;}

p.author {margin-top:50px;}

/* About Quality */
.quality {padding:90px 0 130px; background:url('/images/quality-bg.jpg') no-repeat; background-size: cover;}
.quality h1 {font-family: 'Square Regular'; color:#212121; margin:0; padding:0 70px 0 320px; background:#fff100; line-height:100px; max-width:600px;}
.quality-text-container {background:#fafafa; padding: 115px 120px 115px 320px; max-width:1250px; margin-top:-60px;}

/* Services */
.service {padding:30px 0; font-family:'Open Sans'; font-weight:500; font-size:24px;}
.service .w3-cell-row {padding:0 0 30px;}
.service .w3-cell {background:#fafafa;}
.service h1 {font-family: 'Square Regular'; color:#000; margin:0; padding-top:30px; padding-bottom:20px; line-height:1.5; display:inline-block; font-size:1.2em;}


.service .w3-cell-row:nth-child(even) {text-align: right;}
.service .w3-cell-row:nth-child(even) ul li {text-align: right;} 
.service-text-container ul {list-style-type: none;}
.service-text-container ul li {line-height:1.5em; text-align:left; font-size:28px; font-family:'Proxima N W01 Cd Reg';}
/*
.service .w3-cell-row:nth-child(even) h1 {padding:0 320px 0 70px;}
*/ 

.serviceContent {margin: 60px 0;}
.serviceContent p {font-size:28px;}
.serviceIcon {max-width:100%; margin-bottom:20px;}

/* Customizer 2018 */
.pageGrid {display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-gap: 0 15px;}
.homeTitle {text-align:center;}
.awayTitle {text-align:center;}
.customizerHeader .w3-bar-item {padding:0 !important; margin:0 20px;}
.customizerHeader .w3-bar-item:first-child {margin-left:0;}
.customizerHeader .w3-bar-item:last-child {margin-right:0;}

.customizerHeaderSectionText {line-height:45px;}

.customizerHeader {margin-top:45px;}
.headerSectionTitle, .customizerHeaderSectionText {font-family: 'Square Regular'; font-size:14px; text-transform: uppercase; color:#999999;}

.optionsButton {font-family:'Square Regular'; font-size:1em;}
.optionsButton.active {background:#999; color:#fafafa;}

#sockThumb {max-height:150px; display:block; margin:0 auto;}
.sockItem.active {border:2px solid #eee; margin-top:-2px;}
.dialog [type=radio] {visibility: hidden;}
.flipUniform {text-align: right;}
.radio label {border: 1px solid #838383; font-family: 'Square Regular'; font-size:14px; color:#838383; padding: .4em 1em; cursor: pointer;}
.radio span {padding: .4em 1em; display: block;}
#frontButton, #backButton, #homeButton, #awayButton {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.selectContainer {position:relative; padding-right: 20px;}

.buttonContainer {text-align:left; width:100%;}
.continueButton .chev-right {font-family: Arial, Helvetica, sans-serif; font-weight:bold;}

.tabs a {margin:0; padding:0; line-height: 1.25em; font-family: 'Square Regular'; background:#eee;}

/* Footer */
footer {padding:85px 0 65px; float:left; background:url('/images/footerbg.png') no-repeat; background-position: center bottom;}
footer .wrapper {display: flex;}
footer ul {list-style-type: none; margin:0; padding: 0;}
footer ul li {display:inline-block;}
footer .footerTop ul li {margin:0 35px 30px 0;}
footer .footerTop ul li a {font-family: 'Square Regular'; font-size: 16px; color:#1e1e1e; text-decoration: none;}
footer .footerBottom {font-family: 'Proxima N W01 Cd Reg'; font-weight:bold;}
footer .footerBottom p {margin: 0 ; padding: 0;}
footer .footerBottom ul li a {font-size: 16px; color:#1e1e1e; text-decoration: none;}
footer .footerRight {flex:1;}
img.footerLogo {float:right; vertical-align:middle;}
.z-mobile-header .z-mobile-menu{background-color:#000; }

/* Inverted Section */
.inverted {background:#1b1b1b;}
.inverted, .inverted a, .inverted p {color:#fafafa;}
.inverted h1, .inverted h2, .inverted h3, .inverted h4, .inverted h5 {color:#fff100;}


.aboutintro, .aboutintro p, .aboutintro a{ color:#fff100 !important;}
/* Loader */
.lds-dual-ring, .lds-dual-ring2 {
  display: inline-block;
  width: 42px;
  height: 28px;
}
.lds-dual-ring:after, .lds-dual-ring2:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  margin: 2px 1px 1px;
  border-radius: 50%;
  border: 3px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes lds-dual-ring2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hidden {display:none;}

/* bruce disabled mobile */
.rowWrapper {min-width:1000px;}
/* bruce disabled mobile */

/* Responsive Media Queries */
@media only screen and (max-width: 1362px) { /* 1200 */
  .wrapper {padding-left:15px; padding-right:15px;}
}

@media only screen and (max-width: 992px) { /* 960 */
  .grid {grid-template-columns: auto;}
  .intro.grid .right {text-align:center;}
  .history .grid {grid-gap: 0 0;}

  .z-mobile-menu-icon{ top:16px;}
  .z-mobile-menu-icon span {background:#212121 !important;}
  .z-mobile-menu-icon.open span{background:#FFF !important;}
  .z-mobile-header-logo {margin:10px;}

  .wrapper{width:100%; }
  .desktopNav {display:none;}

  .mobileNav {height:65px; background:#fff; display:block;}
  .z-mobile-header-spacer { background-color:#FFF; padding:0 !important;}
  nav li a {margin-right:15px;}
	.zMenuBarDiv { width:100% !important;}
	.mobileMenuDiv .zMenuBarDiv li { float:left; clear:both; width:100% !important;}
	.mobileMenuButton, .mobileMenuDiv .zMenuBarDiv a.trigger{ display:block; width:100% !important; padding:5% !important; padding-top:7px !important; padding-bottom:7px !important; float:left !important; clear:both !important; margin:0px !important;}
	.mobileMenuButton{ background-color:#4D4D4D; color:#FFF !important; padding-top:10px !important; padding-bottom:10px !important;}
  .mobileMenuDiv .zMenuBarDiv li ul { display:none !important;}

	.mobileMenuButton {display:block;}
  .mobileMenuDiv {display:none;}

  .threeStepHeader h1 {font-size: 26px; line-height:85px;}
  .threeStepBoxes {margin-bottom:3px;}

  .testimonial-slider-container {margin-bottom:50px;}
  .testimonial-slider {padding:80px 0 120px;}
  .testimonial-slider .quote {font-size:140px;}
  .testimonial-slider .text, .testimonial-slider .source {font-size:32px;}

  .blogContainer {padding-top: 60px;}
  .blogContainer .wrapper {padding-right:15px;}
  .blogContainer .text-box {margin-top:20px;}
  .blogContainer .text-box .title a {font-size:24px;}
  .blogContainer .text-box .summary {font-size:18px;}

  .testimonial-slider .quote{ width:145px;}

  .intro h1, .history h1, .quality h1 {font-size:30px;}
  p.author {margin-top:40px;}

  .intro {padding-top:50px;}
  .intro h1, .history h1 {margin-bottom:20px;}
  .quality h1 {padding:0 70px;}
  .quality-text-container {
padding-top:110px;
padding-bottom:50px;
    padding-left: 15px;
    padding-right: 15px;}

  footer {padding:65px 0 45px;}
  footer .footerTop ul li {margin-right:20px;}
  footer .footerBottom p {font-size:.9em;}
  footer .footerBottom ul li a {font-size:0.9em;}
  .testimonial-slider-container.about{margin:0px;}
  .z-mobile-header .z-mobile-menu.open{ font-family: 'Square Regular'; text-transform: uppercase; }
  .z-mobile-header .z-mobile-menu ul li a{font-size:16px;}
  .intro p, .history p, .quality-text-container{ font-size:18px;}

  .testimonial-slider .text, .testimonial-slider .source{ font-size:20px;}
  .serviceContent4::after{
    display:none !important;
  }
}

.radio .active {background:#212121; color:#fafafa;}



/* Slide Menu */
@media only screen and (min-width: 767px) {
  nav, nav ul { width: 100%; }
  header span.logo, label[for=main_menu] { display: none }
  nav {box-shadow: none; position: relative; margin: 0; padding: 0;}
  nav ul { height: auto }
  nav ul li { display: inline-block }
  nav ul li a {left: inherit; border-bottom: none medium;}

  body {background:url('/images/blog-bg.jpg') no-repeat; background-position: center bottom;}
  body > br {display:none;}
}




/* Sponsor Slider */
.sponsors-slider {
  margin: 40px 0;
}
.sponsors-slider-container {
  padding: 0 100px;
}
.content-slides-container{ width:100%; float:left;}
.sponsors-slider .sponsors-slide {
  color: #FFFFFF;
  font-style: italic;
}
.sponsors-slider.content-slider .slider-previous-button {
  background-color: #fff100;
  color:#000;
  width: 43px;
  height: 86px;
  padding: 0;
  margin-right: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sponsors-slider.content-slider .slider-previous-button:hover {
  background-color: #fff100;
}
.sponsors-slider.content-slider .slider-next-button {
  background-color: #fff100;
  color:#000;
  width: 43px;
  height: 86px;
  padding: 0;
  margin-left: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sponsors-slider.content-slider .slider-next-button:hover {
  background-color: #fff100;
}

.sponsors-slider .sponsor {
  display: inline-block;
  float:none;
  /*width: 23%;*/
  margin: 0 1%;
}
.sponsors-slider .sponsor img {
  width: 100% !important;
  max-width: 100%;
  vertical-align: bottom;
  float:left;
}
.sponsors-slider .sponsor a{display:block; float:left; width:100% !important;}


@media screen and (max-width: 1362px) {
  .testimonial-slider .text, .testimonial-slider .source{ font-size:24px;}
  .testimonial-slider {
    padding: 140px 0 180px;
}
}
@media screen and (max-width: 992px) {
  .content-slider .slider-pager{ position:relative; bottom:0px;}
  .testimonial-slider-container{ padding-bottom:30px;} 
  .testimonial-slider{ padding-bottom:40px;}
.serviceContent1{ background:none !important; background-color:#fafafa !important; }
.serviceContent2{width:33%;}
.serviceContent3{display:inline-block !important; padding:10px !important;}


}
@media screen and (max-width: 767px) {
  .headerTopRightPhone{float:left; width:100%; color:#FFF !important; background:none !important;}
  .headerTopRight{height:auto; text-align:center;}
  .sponsors-slider .sponsor {
      float:left;
      display:block;
      width: 98%;
      max-width:200px;
      margin: 5px 1%; 
    }
  .left_block{clear:both; display:block;max-width:100%;width:100%; border-right:none;}
  .cont_block{width:100%;display:block;}
  .cont_area{display:block;}
  .logo img {float:right; height:60px; margin:10px 15px;}

  .threeStepBoxes {flex-direction: column;}

  .threeStepBoxes .box {width:100%; max-width:500px; margin:0 auto;}
  .threeStepHeader h1 {font-size:20px; line-height:65px;}

  .testimonial-slider-container {margin-bottom:25;}
  .testimonial-slider {padding:80px 0 260px; padding-bottom:40px;}
  .testimonial-slider .quote {width:75px; font-size: 45px;}
  .testimonial-slider .text, .testimonial-slider .source {font-size: 24px;}

  body {background:none;}

  .blogContainer .wrapper {padding-right:15px;}
  .blogContainer {text-align:center;}
  .blogContainer h1 {font-size:20px;}
  .blog-post {flex-direction: column; margin-bottom:20px;}
  .blog-post .thumb{ width:100%; max-width:300px; margin:0 auto;}
  .blog-post .text-box{ width:100%;}

  .intro h1, .history h1, .quality h1 {font-size:24px;}
  .intro p, .history p, .quality p {font-size:22px;}
  p.author {margin-top:30px;}
  .intro {padding-top:30px; padding-bottom: 40px;}
  .history {padding:45px 0 55px;}
  .quality h1 {padding:0 40px;}
  .quality-text-container {padding: 115px 60px;}

  footer {background:#eee;}
  footer .wrapper {flex-direction: column; text-align:center;}
  .footerTop ul li {width:100%;}
  img.footerLogo {float:none; margin:20px auto 0;}

  .flipUniform {margin-top:20px;}

  .service img {display:none;}
  .serviceContent {padding:15px;} 
  .service-text-container ul li {width:100%;}
  .service-text-container {margin-top:0;}
  .headerTopRight a{ margin-right:10px;}
  .headerTopRightPhone{line-height:1.3 !important;}


}


@media only screen and (max-width: 479px) {
  .buttonContainer{ text-align:left;}
  .testimonial-slider-container {margin:0;}
  .testimonial-slider {padding:80px 0 36px;}
  
  .testimonial-slider .slider-previous-button {display: none;}
  .testimonial-slider .slider-next-button {display: none;}
  .testimonial-slider .text, .testimonial-slider .source {font-size:18px;}
  

  .intro h1, .history h1, .quality h1 {font-size:18px; }
  .intro p, .history p, .quality p {font-size:18px;}
  p.author {margin-top:20px;}
  .quality-text-container {padding: 115px 30px;}

  .pageHeader h1 {line-height:2em; font-size:1.25em;}
  .sp-palette {max-width: 100% !important;}

  .pageHeader .wrapper {background:none;} 

  .sponsors-slider-container {
      padding: 0;
  }
  .sponsors-slider .slider-previous-button {
      display: none;
  }
  .sponsors-slider .slider-next-button {
      display: none;
  }
}