@charset "UTF-8";
@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; line-height:28px;  font-family:montserratlight, sans-serif; background:#fff; }


@font-face{font-family:montserratlight;src:url(../fonts/montserrat-light-webfont.eot);src:url(../fonts/montserrat-light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat-light-webfont.woff2) format('woff2'),url(../fonts/montserrat-light-webfont.woff) format('woff'),url(../fonts/montserrat-light-webfont.ttf) format('truetype'),url(../fonts/montserrat-light-webfont.svg#montserratlight) format('svg');font-weight:400;font-style:normal}

@font-face{font-family:montserratregular;src:url(../fonts/montserrat-regular-webfont.eot);src:url(../fonts/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat-regular-webfont.woff2) format('woff2'),url(../fonts/montserrat-regular-webfont.woff) format('woff'),url(../fonts/montserrat-regular-webfont.ttf) format('truetype'),url(../fonts/montserrat-regular-webfont.svg#montserratregular) format('svg');font-weight:400;font-style:normal}

@font-face{font-family:montserratbold;src:url(../fonts/montserrat-bold-webfont.eot);src:url(../fonts/montserrat-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat-bold-webfont.woff2) format('woff2'),url(../fonts/montserrat-bold-webfont.woff) format('woff'),url(../fonts/montserrat-bold-webfont.ttf) format('truetype'),url(../fonts/montserrat-bold-webfont.svg#montserratbold) format('svg');font-weight:400;font-style:normal}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 25, 2024 */
@font-face {font-family: 'montserratsemibold'; src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

/* SELECTION */	
::-moz-selection{background: #ba2d2a; color: #fff; text-shadow: none} ::selection{background: #ba2d2a; color: #fff; text-shadow: none}

/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:#f30601; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700; font-family: 'montserratbold';}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}
.black{color:#000;}
.white{color:#fff;}
.red,
a.red {color:#ba2d2a;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}








.img-center {margin:0 auto;}

.flex-center {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}











.main .content-wrap ul li{list-style:disc;font-size:12px;margin-left:15px}
.main .content-wrap form ul li{list-style:none;margin: 0;}
.ui-tabs ul li{list-style:none!important;font-size:14px!important;margin:0!important}



	
/* HEADERS */

h1,h2,h3,h4,h5,h6{font-family:montserratbold;text-transform:uppercase;line-height:normal}
h2,h3,h4,h5,h6{color:#ba2d2a}
h1{color:#fff;font-size:24px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}

/* PARAGRAGHS */

p{font-family: 'montserratlight'; font-size: 14px; line-height: 28px;}

/* LINKS */

a{color: inherit; text-decoration: none; transition: all .2s ease-in-out;}
a:hover{color: #ba2d2a}
.button{position: relative; display: block}
.button:after{position: absolute; top: 10px; right: 25px;font-family: FontAwesome; content: '\f138'; color: #fff; transition: all .2s ease-in-out;}
.button:hover:after{right: 15px}
.button a{display: block; background: #ba2d2a; color: #fff; font-family: montserratbold; margin: 10px auto; padding: 10px 15px; border-radius: 5px; cursor: pointer}
.button a:hover{background: #A01C19; color: #fff!important}



.buttonDark a{background: #000;}







/* PAGE STRUCTURE */

html{background: #000;}
.main{padding:0; background: url("../siteart/grey-texture.jpg")}
.main.main-padding {padding:50px 0;}
.content-wrap{max-width: 1100px; margin: 0 auto}
.white-bg{position:relative; /*z-index:10;*/ background: #fff; padding:50px 25px; box-sizing: border-box; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .35)}
.white-bg h1 {color:#ba2d2a;}
.content-header {}

.header-img {width:calc(100% + 50px); box-sizing:content-box; margin:0 0 25px -25px;}

.column3-4{width: 75%; float: left; padding-right: 40px; box-sizing: border-box;}
.column2{width: 50%; float: left; padding-right: 25px; box-sizing: border-box;}
.column3{width: 33.33333%; float: left; padding-right: 25px; box-sizing: border-box;}
.column4{width: 20%; float: left; padding-right: 25px; box-sizing: border-box;}
.column4 a {text-align: center;}
.column4 img {width:100%; max-width:300px;}
.column5{width: 20%; float: left; padding-right: 25px; box-sizing: border-box;}
.column6{width: 16.66666%; float: left; padding-right: 25px; box-sizing: border-box;}
.last{padding-right: 0;}

img{max-width: 100%; height: auto;}






/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {float:none; position:relative; z-index:5;  margin:0 auto; padding:0;}
nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end; margin:0 0 0 auto; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; /*padding: 75px 15px;*/ padding: 100px 15px 50px 15px;
    font-size:14px; line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff; font-family: 'montserratsemibold', san-serif;
	-webkit-transition:background .2s ease; -moz-transition:background .2s ease; -o-transition:background .2s ease; transition:background .2s ease;
}
nav.primary ul li a.red {color:#fff; background:#333;}

nav.primary ul li a:hover {background:#BA2D2A;}

nav.primary ul li a.red:hover {color:#BA2D2A; background:#fff;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {border-left: 1px #aaa solid; border-right: 1px #aaa solid; border-bottom: 1px #aaa solid;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 205px; padding:15px 20px; font-size:12px; text-align:left; text-transform:capitalize;  color:#ddd; border:0; background: #000;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#fff; background:#333;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}












.top-header{background: #ba2d2a; font-family: 'montserratsemibold'; font-size: 17px; line-height:24px; color: #fff; position: relative;}
.top-header .content-wrap {max-width:1400px !important;}
.welcome{float: left; font-size: 14px}
.social{font-size: 16px; padding: 0 0 0 5px}
.locations{/*float:left;*/ font-size: 15px; text-align:center; }
.locations a{position: relative}
.spacer:before{content: '/'; padding: 0 5px; color: #fff}
.locations a:first-child:before{content: normal}
.locations a:hover, .social a:hover{color: #ddd}

.header{position:relative; z-index:20; background:#000; width: 100%}
.header .content-wrap {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; /*max-width:1400px !important;*/ max-width:95% !important;}


#logo{/*float: left;*/ position:relative; z-index:10;  padding: 10px;}
#logo img{max-width: 145px}

#opclogo{/*float: right;*/ position:relative; z-index:10; align-self: flex-end; padding:20px 10px 42px 10px;}
#opclogo img{max-width: 145px}

a.shopping-cart{position:relative; /*float:right; right:0;*/ font-size:18px; padding: 0 20px 0 40px;}

a.shopping-cart:hover {color: #ddd;}

a.careers-btn{float:right; margin-left:20px; padding:0 20px; color:#ba2d2a; background:#fff;}

/* STYLES */

#category-message, .title-bar{color: #fff; font-size: 24px; text-transform: uppercase;}
.categories{background: url("../siteart/metal-bg.jpg") top center repeat-y #0f0f0f; padding: 35px 0}
#category-message{font-family: montserratregular; text-align: center; margin-bottom: 25px}
.title-bar{position:relative; z-index:15; background: #ba2d2a; padding: 15px 0; font-family: 'montserratlight'; text-align: center;}
.custom-frame iframe{width: 100%; height: 1200px; margin: 25px 0 0}
.grey-background{padding: 15px; box-sizing: border-box; border: 1px solid #ccc; margin: 0 0 10px}
.parts-login input, select{width: 100%; box-sizing: border-box; padding: 5px; margin-bottom: 8px}

.banner{float: left; width: calc(33.3333% - 10px); margin: 10px 5px;}
.banner img{display: block; width: 100%; height: 100%; border: 2px #ccc solid;}



.accordion {
	cursor: pointer;
	margin:18px 0 8px 0;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	position:relative; 
	z-index: 10;
}

.active, .accordion:hover {background-color:#ba2d2a;}

/* Style the accordion panel. Note: hidden by default */
/*.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}*/
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion:after {
  content:'\2b'; position:absolute; z-index:20; right:1.25em; top:.85em;  margin:0 0 0 0; font-size:1.15em; color:#fff; font-family: FontAwesome;
}

.activeon:after {content: "\f068";}







.hero {background:#111; }
.hero .cycle-slideshow {z-index:5; position:relative; width:100%; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hero .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

.hero .cycle-pager {
	position:absolute; overflow: hidden; z-index:500; bottom:5%; right:0; left:0; width:auto; margin:0 auto;  padding:0 6px 0 15px; text-align:center;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.hero .cycle-pager span {display: inline-block; width:30px; height:58px; font-size:60px; line-height:1; color:rgba(255,255,255,.5); font-family: arial; cursor: pointer;}
.hero .cycle-pager span.cycle-pager-active {color:#FFF;}
.hero .cycle-pager > * {cursor:pointer;}


.hero-slide {width:100%;}
.hero-slide img {width:100%;}

.hs-overlay {position:absolute; left:2.5%; width:21.5%; height:100%; z-index:10; display:flex; flex-flow:column; align-items:flex-start; justify-content:center;}

.hs-title {font-size:calc(16px + 1.25vw); line-height:1.15; text-transform:uppercase; font-weight: 700; color:#fff; font-family: 'montserratbold';}
.hs-subtitle {margin:8% 0 0 0; padding:0 8% 0 0; font-size: 24px; line-height:1.25;  text-transform: capitalize; color:#fff;}
.hs-link {margin:3% 0 0 0; }
.hs-link a {display:inline-block; padding:12px 25px; font-size:20px; font-weight:700; text-transform: uppercase; color:#111; background:#fff; font-family: 'montserratbold';}
.hs-overlay-bg {
	position:absolute; z-index:5; width:30%; height: 100%; background:rgba(0,0,0,0.625);
	-webkit-clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0% 0%);
    		clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0% 0%);
}




.announcementHero {position:relative; display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; padding:35px 3.5% 45px 3.5%; color:#fff; border-top:1px #2e2e2e solid; border-bottom:1px #2e2e2e solid; 
background-color: #101010;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='https://www.w3.org/2000/svg'%3E%3Cg fill='%23242424' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.announceTitle {width:100%; font-family: montserratbold; font-size: 40px; text-align: left; line-height: 48px; margin-bottom:20px;}
.announceText {width:calc(90% - 350px); font-family: montserratlight; font-size: 28px; text-align: left; line-height:46px;}

.announceLogos {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:30px 0 0 0;}
.announceLogos img {width:100%;}
.announceLogos img:first-of-type {margin:0 5% 0 0;}

.announceMap {position:absolute; right:8.5%; bottom:20px; width:601px;}
.announceMap img {width:100%; max-width:601px;}





.hero{position: relative;}
.hero img{display: block;}
.hero-text{width: 100%; position: absolute; top: 25%;}
.hero-text p{font-family: montserratbold; font-size: 40px; text-align: center; line-height: 48px; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.hero-text a{display: inline-block; margin: 15px 0; padding: 15px 35px; box-sizing: border-box; background: #ba2d2a; font-size: 16px; line-height: 24px; text-shadow: none; text-transform: uppercase; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);}
.hero-text a:hover{background: #A01C19; color: #fff;}

.hero-text a.cta {
    margin: 0 auto;
    display: block;
    max-width: 300px;
    text-align: center;
    width: 100%;
    color: #fff;
}




.custom-frame{border-top: 1px #ccc solid;}

.body-copy p{font-size:18px; line-height:1.7;}


/* MODAL */

.modal{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 99999;}
.modal img{max-width: 400px; width: 100%; height: auto;}
.inner-modal{max-width: 90%; width: 800px; margin: 25px auto 0; background: #fff; border-radius: 3px; padding: 10px 20px 20px 20px; overflow-y: scroll;}
.inner-modal strong{display: block; line-height: 20px; margin: 0 0 15px;}
.inner-modal hr{padding: 15px 0;}
.close-modal{width: 100%; text-align: right; font-size: 24px; color: #aaa; cursor: pointer; margin-bottom: 5px;}
.close-modal .fa:hover{color: #555;}

/* FEATURED VIDEO */
/*.featurevideo {
	position: relative;
	padding-bottom: 56.25%; 
	padding-bottom: 30%;
    padding-top: 25px;
	height: 0;
    width:60%;
    margin:0 auto;
}

.featurevideo iframe {
	position: absolute;
	top: 60px;
	left: 0;
	width: 99%;
    border: 5px solid #ba2d2a;    
	height: 78%;
}*/

.videowrap{
    width:60%;
	position: relative;
	/*padding-bottom: 30%;
    padding-top: 25px;
	height: 0;*/
    height:365px;
	display:flex;
    margin:0 auto;
    margin-bottom:2%;
    border:5px solid #000;
}
.featuretitle{
	background:#ba2d2a;
	min-height:100%;
	width:30%;
	box-sizing:border-box;
    padding:2% 0 2% 2%;
    position:relative;
}
.youtube{
	min-height:100%;
	width:70%;
	box-sizing:border-box;
    padding:2%;
    background:#ba2d2a;
	}
	.youtube iframe{
		width:100% !important;
        height:100% !important;
	}
.featuretitle h2{
	font-size:30px;
    line-height:36px;
	font-weight:700;
	color:#fff;
	text-align:center;
	display:block;
	text-transform:uppercase;
    border-bottom:2px solid #fff;
    margin-bottom:2%;
}

.featuretitle h4{
    font-size:20px;
    line-height:24px;
    color:#fff;
    text-align:center;
    margin-bottom:4%;
}

.featuretitle p, .featuretitle ul li{
    color:#fff;
    font-size:16px;
}

.featuretitle ul li{
    list-style: disc;
    margin-left:30px;
}

a.featurelink{
    position:absolute;
    bottom:3%;
    width:93%;
    background:#000;
    text-align:center;
    padding:5px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:block;
    margin:4% auto;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
}

a.featurelink:hover{
    background:#fff; 
    color:#ba2d2a;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* HOME AWARD */
.awardphoto{display:inline-block;zoom: 1;*display: inline;width:30%;vertical-align: top;}
.awardtext{display:inline-block;zoom: 1;*display: inline;width:64%;margin-left:5%;vertical-align: top;}
.awardtext h2{font-size:24px;}
.awardtext h2 span{display:block;}

/* BUTTONS */

a.category-button{display: block; position: relative; background: #000; color: #fff!important; padding: 15px 0; font-family: 'montserratbold'; text-align: center; text-transform: uppercase; border: 1px solid #999; margin: 3px 0;}
a#new-button:before, a#part-store-button:before, a#used-button:before{position: absolute; left: 10px; top: 15px; transition: all .2s ease-in-out}
a.category-button:hover{border: 1px solid #ba2d2a}
a#new-button, a#smart-button{background:#000 url(../siteart/buttons/new-eq.jpg) center center}
a#new-button:before, a#used-button:before{content: url(../siteart/truck.png); transition: all .2s ease-in-out;}
a#body-button:hover:before, a#card-button:hover:before, a#finance-button:hover:before, a#hino-button:hover:before, a#ibs-button:hover:before, a#new-button:hover:before, a#paccar-button:hover:before, a#paclease-button:hover:before, a#part-store-button:hover:before, a#parts-button:hover:before, a#rapid-button:hover:before, a#service-button:hover:before, a#mobile-button:hover:before, a#smart-button:hover:before, a#specials-button:hover:before, a#trp-button:hover:before, a#used-button:hover:before{left: 25px}


a#card-button, a#used-button{background:#000 url(../siteart/buttons/used-eq.jpg) center center}
a#part-store-button{background:#000 url(../siteart/buttons/part-store.jpg) bottom left}
a#part-store-button:before{content: url(../siteart/part-store.png); transition: all .2s ease-in-out;}
a#parts-button:before, a#service-button:before, a#mobile-button:before{position: absolute; left: 10px; top: 15px; transition: all .2s ease-in-out}
a#parts-button{background:#000 url(../siteart/buttons/parts.jpg) center center}
a#parts-button:before{content: url(../siteart/parts.png); transition: all .2s ease-in-out;}
a#service-button{background:#000 url(../siteart/buttons/service.jpg) center center}
a#service-button:before{content: url(../siteart/service.png); transition: all .2s ease-in-out;}

a#mobile-button{background:#000 url(../siteart/buttons/mobile.jpg) center center}
a#mobile-button:before{content: url(../siteart/mobile.png); transition: all .2s ease-in-out;}

a#mobiletruck-button{background:#000 url(../siteart/buttons/mobiletruck.jpg) center center}
a#mobiletruck-button:before{position: absolute; left: 10px; top: 15px; content: url(../siteart/mobile.png); transition: all .2s ease-in-out;}
a#mobiletruck-button:hover:before{left: 25px}

a#careers-button{background:#000 url(../siteart/buttons/careers.jpg) center center}
a#careers-button:before{position: absolute; left: 10px; top: 15px; content: url(../siteart/card.png); transition: all .2s ease-in-out;}
a#careers-button:hover:before{left: 25px}

a#specials-button{background:#000 url(../siteart/buttons/specials.jpg) center center}
a#finance-button:before, a#paclease-button:before{position: absolute; left: 10px; top: 15px; transition: all .2s ease-in-out}
a#paclease-button{background:#000 url(../siteart/buttons/paclease.jpg) center center}
a#paclease-button:before{content: url(../siteart/paclease.png); transition: all .2s ease-in-out;}
a#finance-button, a#ibs-button{background:#000 url(../siteart/buttons/finance.jpg) center center}
a#finance-button:before{content: url(../siteart/finance.png); transition: all .2s ease-in-out;}
a#body-button:before, a#ibs-button:before{position: absolute; left: 10px; top: 15px; transition: all .2s ease-in-out}
a#body-button, a#rapid-button{background:#000 url(../siteart/buttons/body.jpg) center center}
a#body-button:before{content: url(../siteart/body.png); transition: all .2s ease-in-out;}
a#ibs-button:before{content: url(../siteart/ibs.png); transition: all .2s ease-in-out;}
a#paccar-button:before, a#specials-button:before{position: absolute; left: 10px; top: 15px; transition: all .2s ease-in-out}
a#specials-button:before{content: url(../siteart/specials.png); transition: all .2s ease-in-out;}
a#paccar-button{background:#000 url(../siteart/buttons/paccar.jpg) center center}
a#paccar-button:before{content: url(../siteart/paccar.png); transition: all .2s ease-in-out;}
a#hino-button:before, a#trp-button:before, a#trp-button-alt:before{position: absolute; left: 10px; top: 15px; transition: all .2s ease-in-out}
a#hino-button{background:#000 url(../siteart/buttons/hino.jpg) center center}
a#hino-button:before{content: url(../siteart/hino.png); transition: all .2s ease-in-out;}
a#trp-button{background:#000 url(../siteart/buttons/trp.jpg) center center}
a#trp-button:before{content: url(../siteart/trp.png); transition: all .2s ease-in-out;}

a#trp-button-alt{background:#000 url(../siteart/buttons/trp-alt.jpg) center center}
a#trp-button-alt:before{content: url(../siteart/trp-alt.png); transition: all .2s ease-in-out;}

a#card-button:before, a#rapid-button:before{transition: all .2s ease-in-out; position: absolute; left: 10px; top: 15px}
a#card-button:before{content: url(../siteart/card.png); transition: all .2s ease-in-out;}
a#rapid-button:before{content: url(../siteart/rapid.png); transition: all .2s ease-in-out;}
a#smart-button:before{position: absolute; left: 10px; top: 15px; content: url(../siteart/smart.png); transition: all .2s ease-in-out;}

a#shop-button{background:#000 url(../siteart/buttons/part-store.jpg) right center}
a#shop-button:before{content: url(../siteart/shop.png); position: absolute; left: 10px; top: 15px; transition: all .2s ease-in-out;}
a#shop-button:hover:before{left: 25px}

.button-pad{margin: 25px 0}

/* ZOOM */

.grid, .grid figure, .grid figure img{position: relative}
.grid, .grid figure, figure a{text-align: center}
.grid{z-index:10; margin: 0 auto; list-style: none}
.grid figure{float: left; overflow: hidden; width: calc(20% - 10px); margin: 0 5px; box-sizing: border-box; cursor: pointer; border: 1px solid #999; background: #000}
.grid figure img{display: block; height: 100%; width: 100%}
.grid figure figcaption{padding: 25% 0; z-index: 1100; position: relative; background: rgba(0, 0, 0, .6); transition: all .5s ease}
.grid figure:hover figcaption{opacity:.5;}
.grid figure figcaption p{z-index: 1200; margin: 0; opacity: 1 !important; color: #fff; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);font-family: montserratbold;text-transform: uppercase;line-height: normal;}
.grid figure a.figure-top{position: absolute; bottom: 45px; z-index: 100; color:#fff; width: 100%}
.grid figure a.figure-bottom{position: absolute; bottom: 0; z-index: 100; color:#fff; width: 100%}
figure a{display:block; background: #BA2D2A; padding:0; font-family: 'montserratbold'; font-size: 12px; text-transform: uppercase; color: #fff}
/*figure a:hover{background: #A01C19; color: #fff; text-decoration: none}*/
figure.effect img{display: block; width: 100%; position: absolute; bottom: 0; transition: all .5s ease; z-index: 1000}
/*figure.effect:hover img{bottom: 100px}*/

/* EMPLOYEES */

.deptblock{margin-top:2%;}
.employees{width: 100%;}
.employee-box{float: left; width: calc(25% - 10px); padding: 15px; margin: 10px 5px; box-sizing: border-box; border: 1px #ccc solid; line-height: 24px;}
.employee-box em {font-size:.8em; line-height:18px;}
.contact-info .fa{font-size: 14px; color: #777;}



/* SPECIALS */
.specials {display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0 0 35px 0; padding:0 0 35px 0; border-bottom:1px #ccc solid;}
.specials:last-of-type{margin:0; padding:0; border:0;}

.special-box{display:flex; flex-flow:row wrap; /*align-items:flex-start;*/ justify-content:space-between; align-content: flex-start; width: calc(33.33% - 42px); margin:5px; padding: 15px; border: 1px solid #ccc; min-height: 180px}

.special-contact{width: calc(25% - 42px); padding: 15px; border: 1px solid #ccc; margin: 5px; min-height: 180px}

.special-title{width:100%; font-size: 16px; color: #BA2D2A; margin-bottom: 10px; text-transform:uppercase;}
.special-pic{width:68.85%;}
.special-pic img {width:100%; max-width: 502px;}



.special-text{/*float: left;*/ box-sizing: border-box}
.special-text a, .special-title{font-family:'montserratbold';}
.special-text{width: 75%; padding-left: 25px}
.special-text a{display:block; text-decoration: underline}
.special-text a:hover{text-decoration: none}

.alt-box {width: calc(50% - 42px);}
.alt-box .special-pic{width:49%; margin:0 0 2% 0;}


.wide-box {justify-content:center; width: calc(66.66% - 42px);}
.wide-box .special-title {width:100%;}
.wide-box .special-pic{width:32.33%; margin:0 .5% .75% .5%;}

.wide-contact {width: calc(50% - 42px);}

.full-box {justify-content:center; width: calc(100% - 42px);}
.full-box .special-title {width:100%;}
.full-box .special-pic{width:24%; margin:0 .5% .75% .5%;}


.serviceIntro {padding:20px 0 0 0;}
.serviceTitle {padding:0 25px 25px 0; text-align:center;font-size:36px; line-height:1.1; text-transform: uppercase;}
.serviceTitle span {font-size:28px;}

.serviceTruck {float: left; width:350px; padding: 0 25px 25px 25px;}
.serviceTruck img {width:100%;}
.headerBorder {width:100%; height:48px; border-radius: 5px; background: #ba2d2a;}



.twoColumnLayout {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;  width:100%; }
.tcItem {width:47.5%;}


/*
buttonWrap
*/


a.link-button {display: inline-block; box-sizing:border-box; margin:5px; padding:18px; text-align: center; color:#fff; border-radius: 5px; background: #ba2d2a; text-transform:uppercase; font-family:'montserratbold';}
a.link-button:hover {background: #111;}

/* JOBS */
.job a.full-button {display: inline-block; box-sizing:border-box; width:100%; padding:18px; text-align: center; color:#fff; border-radius: 5px; background: #ba2d2a; text-transform:uppercase; font-family:'montserratbold';}
.job a.full-button:hover {background: #111;}


.job p{
	float: left;
	width: calc(100% - 320px);
}
.job h3{
	width: calc(100% - 320px);
}
.job a.cta, .job-page a.cta{
	padding: 5px; 
	box-sizing: border-box; 
	background: #ba2d2a; 
	text-shadow: none; 
	text-transform: uppercase; 
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	
	display: block;
    max-width: 300px;
    text-align: center;
    width: 100%;
    color: #fff;
	
	font-size: 14px;
    line-height: 28px;
	font-weight: bold;

}
.job .btns{
	float: right;	
	display: block;
    max-width: 300px;
    width: 100%;
    margin-top: -24px;
}
.job .btns a.cta:nth-of-type(1){
	background: #000;
	color: #fff;
}
.job .btns a.cta:nth-of-type(2){
	margin-top: 10px;
}
.job a.cta:hover, .job-page a.cta:hover{background: #A01C19; color: #fff;}

.jobs-heading{
	background: #000;
	color: #fff;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}













.values-wrap {display:flex; flex-flow:row wrap; justify-content:center;}
.value-item {box-sizing:border-box; width:19.5%; min-width:145px; margin:0 .25%; padding:5% 10px; text-align:center; color:#fff; background:#c00f2e;}
.value-item hr {width:85%; margin:8px auto; border-top:1px rgba(255,255,255,.5) solid; border-bottom:0;}
.value-item p{font-size:15px; line-height:1.35;}
.val-title {font-size: 18px; line-height:1.15; font-family: 'montserratsemibold', san-serif;}

.val-partnerships {background:#c00f2e url("/siteart/values/partnerships-bg.jpg") no-repeat center; background-size:cover;}
.val-ingenuity {background:#c00f2e url("/siteart/values/ingenuity-bg.jpg") no-repeat center; background-size:cover;}
.val-family {background:#c00f2e url("/siteart/values/family-bg.jpg") no-repeat center; background-size:cover;}
.val-quality {background:#c00f2e url("/siteart/values/quality-bg.jpg") no-repeat center; background-size:cover;}
.val-spirit {background:#c00f2e url("/siteart/values/spirit-bg.jpg") no-repeat center; background-size:cover;}






.news-post {display:flex; flex-flow:row wrap; justify-content: space-between; margin-bottom:30px; padding-bottom:30px; border-bottom: 1px #313131 solid;}
.news-post:last-of-type {margin-bottom:0; padding-bottom:0; border:0;}
.news-details {width:calc(95% - 300px);}
.news-title{font-size:18px; font-weight:700; text-transform: uppercase; line-height: normal;color: #ba2d2a; font-family: montserratbold;}
.news-date {font-weight:700;}
.news-photo {width:100%; max-width:300px;}







.slider {background:#000; }



.imgGallery {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.imgGallery img {width:100%; max-width:395px; margin:10px;}


/* RESPONSIVE STYLES */

.show-depts{display: none;}




  
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:90px;}


/*  FOOTER
------------------------------------------------*/
.site-footer {padding:25px 0;}

/* FOOTER */

.bottom-footer, .site-footer p{font-size: 12px; font-family: 'montserratbold';}
.manus{display:flex; flex-flow:row wrap; align-items:center; justify-content:center; background: #000; padding:25px 0; text-align: center}
.manus img{margin: 5px 12px; }
.manus a:hover{opacity: .7;}

.manus .content-wrap {max-width: 1350px !important;}
	
.site-footer{background: #333; padding: 35px 0; color: #aaa; width: 100%; border-top: 1px #aaa solid}
.site-footer p{line-height: 22px}
.site-footer h3{margin-bottom: 5px; color:#fff;}
.site-footer a:hover{color: #fff}
.bottom-footer{background: #000; text-transform: uppercase; color: #777; padding: 5px 0}
.bottom-footer a:hover{color: #fff}
.host{float: left}
.copyright{float: right}
.clear{clear: both}






/************************************************ Responsive Styles **/

@media screen and (max-width: 1740px){
    .videowrap{width:70%;/*padding-bottom:40%;*/}
}

@media screen and (max-width: 1650px){
	.announceText {width:calc(100% - 601px);}
	.announceMap {position:relative; right:0; bottom:0; width:601px;}
}

@media screen and (max-width: 1500px){
    .videowrap{width:80%;}
    .featuretitle h2{font-size:28px;line-height:32px;}
}

@media screen and (max-width: 1450px){
	/*.shopping-cart{display:none;}*/
	a.careers-btn{float:none; margin-left:0; line-height:24px; padding:0 20px; color:#ba2d2a; background:#fff;}
	
	
	.careers-btn{    
		float: none;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		text-align: center;
	}
	.top-header{padding:0; line-height: 24px;}
	
	.locations {width:100%; float:none; padding:0 0 0 0; text-align:center;}
}

@media screen and (max-width: 1450px){
	.top-header .content-wrap{
		padding-right: 60px;
	}
	.top-header .careers-btn{
		margin-left: 0;
	}
    .content-wrap{padding: 0 25px;}
    .main .content-wrap{padding: 25px;}
    /*#logo{float: left; padding: 16px 0 0;}
     #logo img{max-width: 200px} */
    .locations{width: 100%; text-align: center;}
    
	
	nav.primary ul li a{font-size: 12px;  padding:100px 10px 50px 10px;}
	
	.announcementHero {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; padding:35px 3.5% 45px 3.5%; color:#fff; background:#000;}
	.announceTitle {width:100%; font-family: montserratbold; font-size: 40px; text-align: center; line-height: 48px; margin-bottom:20px;}
	.announceText {width:100%; font-family: montserratlight; font-size: 28px; text-align: center; line-height:46px;}

	.announceLogos {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:30px 0 0 0;}
	.announceLogos img {width:100%;}
	.announceLogos img:first-of-type {margin:0 5% 0 0;}
	
	.announceMap {width:100%; max-width:601px;  margin:0 auto;}
}

@media screen and (max-width: 1280px){
		

	
	

	
	.videowrap{width:90%;padding-bottom:0;}
	.welcome{font-size: 12px;}
}

@media screen and (max-width: 1225px) {
	nav.primary{display:none;}
	#menu-button{display:block; float:right; margin:0 auto; padding:100px 10px 50px 10px; font-size:1em; line-height:1; position: relative; z-index:400;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 0 0 .8em; font-family: 'montserratbold', san-serif;}

	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 50000;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header-bar {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 10px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #C8102E solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#AFAFAF; position:relative; text-align:center; font-size:13px; line-height:16px; padding:15px 0;}
}

@media screen and (max-width: 1150px){	
	.hs-overlay {width:29.5%;}
	.hs-title {font-size:calc(16px + 1.65vw); line-height:1.15;}
	.hs-subtitle {margin:3% 0 0 0; padding:0; font-size: 20px;}
	.hs-link {margin:2% 0 0 0; }
	.hs-link a {padding:10px 20px; font-size:16px;}
	.hs-overlay-bg {
		 width:40%;
		-webkit-clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0% 0%);
				clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0% 0%);
	}
}

@media screen and (max-width: 1040px){
    .videowrap{width:95%;height:350px;}
    .featuretitle h2{font-size:24px;line-height:28px;}
    .featuretitle h4{font-size:18px;line-height:24px;}
    .featuretitle p,.featuretitle ul li{font-size:14px;}
	
}

@media screen and (max-width: 1024px) {
	.serviceTruck {width:250px; padding:25px;}
	.serviceTitle {padding:0 25px 25px 0; text-align:center;font-size:30px; line-height:1.1;}
	.serviceTitle span {font-size:22px;}
}

@media screen and (max-width: 980px) and (min-width: 701px){
    .content-wrap{padding: 0 25px;}
    .main .content-wrap{padding: 25px;}
    .hide{display: none;}
    .show-depts{display: block;}
    .column3-4, .column2, .column4{float: none; width: 100%; padding: 0; margin-bottom: 15px;}
    /*.shopping-cart{float: none; position: absolute; right: 15px; top: 41px;}*/
	.welcome {width:100%;}
	.locations{width:100%; text-align: center; margin:0 auto; float:none;}
	
    /*#logo{float: none; margin: 0 auto; position: relative; text-align: center; padding: 10px 0;}*/
    .grid figure, .banner{width: calc(50% - 10px); margin: 5px;}
    .title-bar{background: #333; color: #ba2d2a;}
    .employee-box{width: calc(50% - 10px);}
	
	
	.specials {justify-content:space-around;}
    .special-box{width:30%; margin:25px 0 5px 0; min-height: 0;}
	.special-contact{display:none;}
	
	.wide-box {width:60%;}
	.alt-box {width: calc(50% - 42px);}
	.full-box {width: calc(100% - 42px);}
	

	.news-details {width:calc(95% - 200px);}
	.news-photo {width:100%; max-width:200px;}
	
    .site-footer .column4{float: left; width: 50%; margin-bottom: 20px;}
    .hero-text p{font-size: 24px; line-height: 30px;}
    .videowrap{width:94%;height:300px;}
    .featuretitle{width:40%;}
    .featurelink{width:95%;}
    .youtube{width:60%;}
    .featuretitle h2{font-size:20px;line-height:24px;}
    .featuretitle h4{font-size:16px;line-height:20px;}
	.column4 img {max-width:150px;}
}
@media screen and (max-width: 700px) and (min-width: 541px){
    .content-wrap{padding: 0 25px;}
    .main .content-wrap{padding: 25px;}
    .hide{display: none;}
    .show-depts{display: block;}
    .column3-4, .column2, .column4{float: none; width: 100%; padding: 0; margin-bottom: 15px;}
    .banner{float: none; width: 100%; margin: 10px 0;}
    .locations, .welcome{width: 100%; text-align: center;}
    /*.shopping-cart{display: none;}*/
    .grid figure{width: calc(50% - 10px); margin: 5px;}
    .employee-box{width: calc(50% - 10px);}
	

	.specials {justify-content:space-around;}
    .special-box{width:calc(32% - 32px); margin:25px 0 5px 0; min-height: 0;}
	.special-contact{display:none;}
	
	.wide-box {width:calc(64% - 32px);}
	.alt-box {width: calc(50% - 42px);}
	.full-box {width: calc(100% - 42px);}
	
    .site-footer .column4{float: left; width: 50%; margin-bottom: 20px;}
    .grid figure figcaption{z-index: auto;}
    .grid figure figcaption h2{font-size: 20px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
    .hero-text{position: relative; top: 0; padding: 15px; box-sizing: border-box;}
    .hero-text p{font-size: 24px; line-height: 30px;}
	
	
	

	
	.serviceTruck {display:none;}
	.headerBorder {height:20px; margin:0 0 35px 0;}
	.serviceTitle {padding:0 25px 25px 0; text-align:center;font-size:30px; line-height:1.1;}
	.serviceTitle span {font-size:22px;}
	.column4 img {max-width:150px;}
}


@media screen and (max-width: 850px){
	.value-item {width:32.83%; margin:.25% .25%;}
	
		.hs-title {font-size:18px; line-height:1.15;}
	.hs-subtitle {display:none;}
	.hs-link {margin:8px 0 0 0;}
	.hs-link a {padding:5px 10px; font-size:14px;}
}

@media screen and (max-width: 700px){
    .videowrap{width:92%;height:300px;display:block;height:auto;/*padding-bottom:50%;*/}
    .featuretitle,.youtube{display:block;width:100%;margin:0 auto;}
    .featuretitle{padding:4% 4% 1% 4%;}
    .featurelink{width:100%;margin:1% auto;margin-top:3%;position:relative;}
    .youtube{padding:2% 4%;min-height:auto;} 
	.awardtext h2 span{display:inline;}    
    /*#logo{float: none; margin: 0 auto; position: relative; text-align: center; padding: 10px 0;}*/
	
	.top-header .content-wrap{padding: 0 10px;}
	

	
	
	
	
	.announceLogos {display:flex; flex-flow:column wrap; align-items:center; justify-content:center; margin:30px 0;}
	.announceLogos img:first-of-type {margin:20px 0;}
	.announceLogos img:first-of-type {margin:20px 0;}
	
	.jobs-heading{
		width: 100%;
	}
	.job p{
		float: none;
		width: 100%;
	}
	.job h3{
		width: 100%;
	}
	.job .btns{
		float: none;
    	margin-top: 0px;
		max-width: 100%;
	}
	
	.job .btns a.cta{
		margin-top: 10px;
		max-width: 100%;
	}
	
	.serviceTruck {display:none;}
	
	
		.news-post {display:flex; flex-flow:row wrap; justify-content: space-between; margin-bottom:30px; padding-bottom:30px; border-bottom: 1px #313131 solid;}
.news-post:last-of-type {margin-bottom:0; padding-bottom:0; border:0;}

.news-details {width:100%;}
.news-title{font-size:18px; font-weight:700; text-transform: uppercase; line-height: normal;color: #ba2d2a; font-family: montserratbold;}
.news-date {font-weight:700;}

.news-photo {width:100%; max-width:400px; margin:0 auto}
	
	
	.twoColumnLayout {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;  width:100%; }
	.tcItem {width:100%;}
	.tcItem:nth-of-type(n+2) {margin:35px 0 0 0;}
}

@media screen and (max-width: 540px){
	.hs-title {font-size:18px; line-height:1.15;}
	.hs-subtitle {display:none;}
	.hs-link {margin:8px 0 0 0;}
	.hs-link a {padding:5px 10px; font-size:14px;}
	
    .content-wrap{padding: 0 25px;}
    .main .content-wrap{padding: 25px;}
    .modal .button{display: none;}
    .hide{display: none;}
    .show-depts{display: block;}
    .column3-4, .column2, .column4{float: none; width: 100%; padding: 0; margin-bottom: 15px;}
    .banner{float: none; width: 100%; margin: 10px 0;}
    .social{display: none;}
    .locations, .welcome{float: none; width: 100%; text-align: center;}
    .shopping-cart{display: none;}
    .categories{background: #000; padding: 35px 0;}
    .grid figure{width: 100%; margin: 5px 0;}
    .employee-box{width: 100%; margin: 5px 0;}
	
	#logo{padding:36px 10px 10px 10px;}
	#logo img{max-width: 85px}
	#opclogo{align-self:center; padding:58px 10px 10px 10px;}
	#opclogo img{max-width: 85px}
    
	
	.value-item {width:49.5%; margin:.25% .25%;}
	
	.specials {justify-content:space-around;}
    .special-box{width:calc(95% - 32px); margin:15px 0 5px 0; min-height: 0;}
	.special-contact{display:none;}
	.special-pic{width:100%;}
	.wide-box {width:calc(95% - 32px);}
	.wide-box .special-pic{width:100%; margin:0 0 15px 0; }
	.wide-box .special-pic:last-of-type {margin:0;}

	.full-box {justify-content:center; width: calc(95% - 42px);}
	.full-box .special-pic{width:100%; margin:0 .5% .75% .5%;}
	.full-box .special-pic:last-of-type {margin:0;}
	
    .manus{border-bottom: 2px #aaa solid;}
    .site-footer {display: none;}
    .bottom-footer{padding: 10px 0;}
    .host, .copyright{float: none; width: 100%; text-align: center; line-height: 20px;}
    .grid figure figcaption{z-index: auto;}
    .grid figure figcaption h2{font-size: 20px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
    .hero-text{position: relative; top: 0; padding: 15px; box-sizing: border-box;}
    .hero-text p{font-size: 24px; line-height: 30px;}
    .videowrap{width:90%;}
	.awardphoto,.awardtext{display:block;margin:0 auto;width:100%;}
	
	.serviceTruck {display:none;}
	.headerBorder {height:20px; margin:0 0 35px 0;}
	.serviceTitle {padding:0 25px 25px 0; text-align:center;font-size:30px; line-height:1.1;}
	.serviceTitle span {font-size:22px;}
}

@media screen and (max-width:430px){
	.hero {display:none;}
}

@media screen and (max-width: 385px){
	#logo{padding:50px 10px 10px 10px;}
	#logo img{max-width:60px}
	#opclogo{align-self:center;  padding:50px 10px;}
	#opclogo img{max-width: 60px}
	
	.hs-title {font-size:16px;}
}

@media screen and (max-width: 365px){
    .videowrap{width:86%;}
    .featuretitle h2{font-size:18px;line-height:20px;}
    .featuretitle h4{font-size:15px;line-height:18px;}
}