/****************************************************************************************
@
@	Global Style and Reset
@
****************************************************************************************/

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, main, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var{background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
img {vertical-align:top;}
embed {vertical-align:top;}
* {border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
input, textarea{ outline:none !important}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, main, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global Styles */

::selection{ background: #e32526; color:#fff; }
::-moz-selection{ background: #e32526; color:#fff; }

.fleft{float:left;}
.fright{float:right;}

.clear{display:block; clear:both;}

html, body{width:100%; height:100%;}
body{font-family: "industry", sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #8d8d8f; height:auto; min-height:100%; overflow-x:hidden;}

h1, h2, h3, h4, h5, h6{font-weight: 500;}
h1{font-weight: 800; font-size: 60px; line-height: 70px; text-transform: uppercase; margin-bottom: 25px;}
h2{font-weight: 800; font-size: 28px; line-height: 32px; text-transform: uppercase; margin-bottom: 15px;}
h3{font-weight: 700; font-size: 24px; line-height: 28px; text-transform: uppercase; margin-bottom: 15px;}
h4{font-weight: 700; font-size: 20px; line-height: 24px; text-transform: uppercase; margin-bottom: 15px;}
h5{font-weight: 600; font-size: 18px; line-height: 24px; text-transform: uppercase; margin-bottom: 15px;}
h6{font-weight: 600; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-bottom: 15px;}

@media all and (max-width: 979px){
    h1{font-size: 45px; line-height: 50px; margin-bottom: 20px;}
}

@media all and (max-width: 767px){
    h1{font-size: 35px;}
}

@media all and (max-width: 649px){
    h1{font-size: 32px;}
    h2{font-size: 26px;}
}

@media all and (max-width: 567px){
    h1{font-size: 30px;}
}

p{margin-bottom: 15px;}

strong{font-weight: 700;}

em{font-style: italic; font-weight: 600;}

small{font-size: smaller;}

blockquote{padding: 10px 15px; background: #efefef; border-left: 4px solid #e32526; margin-bottom: 15px;}
blockquote p{margin: 0;}

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

a{text-decoration: none; color: #1d1d1d; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
a:hover{color: #e32526;}
a img{border: none; outline: none;}

ol{margin-bottom: 15px;}
ol li{counter-increment: step-counter; position: relative; padding: 2px 0 2px 25px;}
ol li:before{content: counter(step-counter) '.'; display: block; position: absolute; top: 2px; left: 0;}

ul{margin-bottom: 15px;}
ul li{position: relative; padding: 2px 0 2px 25px;}
ul li:before{content: '•'; display: block; position: absolute; top: 2px; left: 0;}

/* form controls */
label{display: block; width: 100%; margin-bottom: 6px; position: relative;}
label span{display: block; color: #6d6e71; font-size: 12px; line-height: 14px; font-weight: 700; text-transform: uppercase;}

input, select, textarea{-webkit-appearence: none;}
input[type="text"], 
input[type="number"],
input[type="email"],
input[type="password"], 
textarea{display: block; width: 100%; font-family: "industry", 'Oswald', Arial,  sans-serif; background: #fff; color: #000; font-size: 12px; line-height: 18px; font-weight: 700; padding: 4px 8px; border: 1px solid #98999b;}
input[type="text"]:focus, 
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus, 
textarea:focus{border: 1px solid #6d6e71; box-shadow: 0px 0px 10px rgba(78, 78, 78, 0.43) inset;}

/* select styles */
.select{position: relative;}
.select select{display: none;}
.select .styledSelect{display: block; cursor: pointer; width: 100%; font-family: "industry", 'Oswald', Arial,  sans-serif; background: #fff; color: #000; font-size: 12px; line-height: 14px; font-weight: 700; padding: 3px 8px; border-radius: 3px; border: 1px solid #bcbcbc; box-shadow: 5px 4px 20px #c4c4c4 inset;}
.select .styledSelect:before{content: ''; display: block; position: absolute; top: 5px; right: 6px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 5px solid #000000;}
.select .styledSelect:after{content: ''; display: block; position: absolute; bottom: 5px; right: 6px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #000000;}
.select .options{position: absolute; top: 100%; left: 0; width: 100%; background: #ffffff; box-shadow: 0px 1px 2px #3c3c3c; border: 1px solid #ccc; display: none; border-radius: 3px; max-height: 200px; overflow: auto;}
.select .options li{color: #2a2a2a; font-size: 12px; line-height: 18px; font-weight: 700; padding: 3px 8px; cursor: pointer;}
.select .options li:hover{background: #ccc;}
.select .options li:before{display: none;}

/* General style */
.wrapper{max-width: 980px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 10;}
.ui--head{display: block; color: #e32526; font-weight: 400; font-size: 14px; line-height: 38px; text-transform: uppercase;margin: 20px 0;}
.ui--head span{display: inline-block; padding: 15px 0 0;}
.ui--head code{text-transform: none; display: inline-block; padding: 0 8px;}

.wrapper:after, .wrapper:before,
.clearfix:after, .clearfix:before{content: ''; display:block; clear:both; height: 0; width: 100%;}

.text-align-center{text-align: center;}

.uppercut{display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-style: solid dashed solid dashed; border-color: transparent transparent #fff transparent;}

/* button */
.btn{display: inline-block; border: none; outline: none; cursor: pointer; text-align: center; font-family: "industry", 'Oswald', Arial,  sans-serif; font-weight: 700; font-size: 15px; line-height: 18px; text-transform: uppercase; color: #fff; background: #6d6e71; padding: 8px 15px; border-radius: 4px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.btn:hover{background: #e32526; color: #fff;}

.btn.reverse{background: #e32526;}
.btn.reverse:hover{background: #6d6e71;}




/****************************************************************************************
@
@	Common UI Styles
@
****************************************************************************************/

/* three block grid and carousel */
.three-blk-grid{margin-bottom: 40px; position: relative; margin: 0 -25px;}
.three-blk-grid .grid-item{width: 33.33%; padding: 0 25px 40px; float: left;}
.three-blk-grid .grid-item img{width: 100%;}
.three-blk-grid .grid-item h6{color: #58585a; margin: 0; padding: 12px 0 4px; text-align: center;}
.three-blk-grid .grid-item p{font-weight: 700; font-size: 20px; line-height: 20px; color: #e32526; margin: 0 0 15px; text-align: center;}
.three-blk-grid .grid-item > div{width: 100%; display: table; margin-bottom: 10px; border-bottom: 1px solid #a5a6a8;}
.three-blk-grid .grid-item > div > div{display: table-row;}
.three-blk-grid .grid-item > div > div > div{display: table-cell; font-size: smaller; vertical-align: middle; line-height: 24px; width: 35%; text-align: left; border-top: 1px solid #a5a6a8;}
.three-blk-grid .grid-item > div > div > div:last-of-type{text-align: right; width:65%}
.three-blk-grid .grid-item .btn{display: block; width: 100%;}

.three-blk-grid.three-blk-carousel{margin: 0 0 40px; padding: 0 25px; border-bottom: 1px solid #6d6e71;}
.three-blk-grid.three-blk-carousel .grid-item{width: 100%;}
.three-blk-grid.three-blk-carousel .car-prev{cursor: pointer; position: absolute; z-index: 5; top: 50%; left: 0; margin-top: -36px; width: 0; height: 0; border-style: dashed solid dashed solid; border-color: transparent #6d6e71 transparent transparent; border-width: 11px 12px 11px 0px;}
.three-blk-grid.three-blk-carousel .car-next{cursor: pointer; position: absolute; z-index: 5; top: 50%; right: 0; margin-top: -36px; width: 0; height: 0; border-style: dashed solid dashed solid; border-color: transparent transparent transparent #6d6e71; border-width: 11px 0 11px 12px;}

@media all and (max-width:567px){
    .three-blk-grid.three-blk-carousel{margin: 0 0 20px; padding: 0 15px;}
    .three-blk-grid .grid-item{padding: 0 15px 20px;}
}




/****************************************************************************************
@
@	Header Styles
@
****************************************************************************************/

#pageHeader{position: relative; z-index: 100; padding-bottom: 25px;}

#logo{display: block; float: left; padding-top: 15px;}
#logo img{display: block;}

#pageHeader .right{float: right;}

#pageHeader .right .phone{text-align: center; width: 100%; background: #6d6e71; padding: 15px 15px 10px; position: relative;}
#pageHeader .right .phone p{font-size: 30px; line-height: 32px; color: #cfd0d2; font-weight: 700;}
#pageHeader .right .phone p a{color: #fff;}
#pageHeader .right .phone p a:hover{}
#pageHeader .right .phone p em{display: block; font-style: italic; font-size: 22px; color: #fff; font-weight: 400;}

#pageNav{padding-top: 15px;}
#pageNav ul{margin: 0;}
#pageNav ul li{display: inline-block; padding: 0px 12px; font-weight: 600; font-size: 13px; line-height: 1;}
#pageNav ul li:first-of-type{padding-left: 0;}
#pageNav ul li:last-of-type{padding-right: 0;}
#pageNav ul li:before{content: ''; display: none;}
#pageNav ul li a{display: block; text-transform:uppercase;}
#pageNav ul li.active a, #pageNav ul li a:hover{color: #e32526;}

.mobile-nav{display: none;}

@media all and (max-width: 979px){
    
}

@media all and (max-width: 767px){
    #pageHeader{padding-bottom: 15px;}
    #logo{max-width: 183px;}
    #pageHeader .right .phone{padding: 5px 5px 5px;}
    #pageHeader .right .phone p{font-size: 20px; line-height: 20px;}
    #pageHeader .right .phone p em{font-size: 18px;}
}

@media all and (max-width: 709px){
    #logo{max-width: 135px; margin-bottom: 15px;}
    #pageHeader .right{float: none; clear: both;}
    #pageHeader .right .phone{padding: 15px;}
    #pageNav{position: absolute; top: 21px; right: 15px;}
    #pageHeader .right li{ padding-left:5px; padding-right:5px; }
}

@media all and (max-width: 567px){
    #pageNav{display: none; top: 74px; right: 0; width: 100%; padding: 15px;}
    #pageNav ul{background: #333; width: 100%; padding: 15px;}
    #pageNav ul li{display: block; padding: 7px 0; text-align: right;}
    #pageNav ul li a{color: #fff;}
    
    .mobile-nav{display: block; width: 40px; height: 40px; float: right; margin-top: 24px;}
    .mobile-nav span{display: block; height: 2px; background: #333; margin: 10px 0;}
}




/****************************************************************************************
@
@	Footer Styles
@
****************************************************************************************/

#pageFooter{position: relative; z-index: 99; background: #fff;}

#pageFooter .top{background: #6d6e71; text-align: center;}
#pageFooter .top p{color: #fff; font-size: 35px; line-height: 54px; margin: 0;}
#pageFooter .top p a{display: inline-block; color: #fff; background: #e32526; padding: 0 10px; font-weight: 700;}
#pageFooter .top p a:hover{background: #fff; color: #e32526;}

#pageFooter .mid{background: #fff; text-align: center; color: #6d6e71;}
#pageFooter .mid .email{padding: 15px 0 15px;}
#pageFooter .mid .email{font-size: 28px; line-height: 1; margin: 0;}
#pageFooter .mid .email a{color: #e32526; font-weight: 700;}
#pageFooter .mid .email a:hover{color: #6d6e71;}
#pageFooter .mid .address{padding: 30px 0 30px;}
#pageFooter .mid .address{font-size: 18px; line-height: 1; margin: 0;}
#pageFooter .mid .address strong{color: #e32526; font-weight: 700;}
#pageFooter .mid .address strong:hover{color: #6d6e71;}

#pageFooter .bottom{}
#pageFooter .bottom ul{border-top: 1px solid #bababc; margin: 0; padding: 10px 0; text-align: right;}
#pageFooter .bottom ul li{display: inline-block; padding: 0 0 0 15px; margin-left: 15px; border-left: 1px solid #5b5b5b; font-size: 13px; line-height: 1; font-weight: 500;}
#pageFooter .bottom ul li:before{content: ''; display: none;}
#pageFooter .bottom ul li:first-of-type{border: none; margin: 0; padding: 0;}
#pageFooter .bottom ul li a{color: #5b5b5b;}
#pageFooter .bottom ul li a:hover, .bottom ul li.active a{color: #e32526;}

@media all and (max-width: 979px){
    #pageFooter .top p{font-size: 30px;}
}

@media all and (max-width: 767px){
    #pageFooter .top p{font-size: 25px;}
}

@media all and (max-width: 649px){
    #pageFooter .top p{font-size: 20px;}
    #pageFooter .mid .email{font-size: 26px;}
    #pageFooter .mid .address{font-size: 16px;}
    #pageFooter .bottom ul{text-align: center;}
}

@media all and (max-width: 567px){
    #pageFooter .top p{font-size: 18px; line-height: 40px;}
    
    #pageFooter .mid .email{font-size: 18px;}
    #pageFooter .mid .address{font-size: 14px;}
    
    #pageFooter .bottom ul li{font-size: 11px;}
}





/****************************************************************************************
@
@	Home Styles
@
****************************************************************************************/

.home-hero{position: relative; z-index: 91; background: #6d6e71; padding-bottom: 40px;}

.home-hero h1{color: #fff; line-height: 100px; margin-bottom: 40px;}
.home-hero h1 > span{display: inline-block; position: relative; padding: 0 15px; background: #e32526; white-space: nowrap; width: auto;}
.home-hero h1 .uppercut{border-color: transparent transparent #6d6e71 transparent;}

.home-hero .product-search{display: table; width: 100%;}
.home-hero .product-search > div{display: table-cell; vertical-align: top; background: #fff; padding: 20px;}
.home-hero .product-search > div .btn{display: block; width: 100%;}

.home-hero .product-search > div:first-of-type{padding: 0 20px 20px;}

.featured-carousel{}
.featured-carousel .item{}

.featured-carousel .inner{}
.featured-carousel .inner .img{width: 60%; padding: 20px 20px 0 0; float: left;}
.featured-carousel .inner .img img{width: 100%; display: block;}

.featured-carousel .text{width: 40%; float: right;}
.featured-carousel .text h2{color: #fff; background: #e32526; position: relative; text-align: center; line-height: 24px; margin-bottom: 15px; padding: 10px 0 20px;}
.featured-carousel .text h6{color: #58585a; margin: 0; padding: 0px 0 4px; text-align: center;}
.featured-carousel .text p{font-weight: 700; font-size: 20px; line-height: 20px; color: #e32526; margin: 0 0 15px; text-align: center;}
.featured-carousel .text > div{width: 100%; display: table; margin-bottom: 10px; border-bottom: 1px solid #a5a6a8;}
.featured-carousel .text > div > div{display: table-row;}
.featured-carousel .text > div > div > div{display: table-cell; font-size: smaller; vertical-align: middle; line-height: 24px; width: 35%; text-align: left; border-top: 1px solid #a5a6a8;}
.featured-carousel .text > div > div > div:last-of-type{text-align: right; width:65%;}

.home-hero .product-search > div:last-of-type{width: 284px; border-left: 20px solid #6d6e71;}
.home-hero .product-search > div:last-of-type h2{color: #e32526; text-align: center; margin-bottom: 15px;}

/* product carousel */
.home-product-carousel{position: relative; z-index: 90; background: #eeefef; padding: 40px 0;}
.home-product-carousel .text-align-center{padding: 0 25px;}
.home-product-carousel .col-33{display: inline-block; width: 33.33%; padding: 0 25px;}
.home-product-carousel .btn{width: 100%;}

@media all and (max-width: 979px){
    .home-hero{padding-bottom: 20px; z-index: 91;}
    .home-hero h1{line-height: 80px; margin-bottom: 20px;}
    
    .home-hero .product-search{display: block;}
    .home-hero .product-search > div{display: block; width: 100%;}
    .home-hero .product-search > div:first-of-type{margin-bottom: 20px;}
    .home-hero .product-search > div:last-of-type{width: 100%; border: none;}
    
    .home-hero .product-search > div:last-of-type form{}
    .home-hero .product-search > div:last-of-type label{width: 50%; float: left; padding-right: 10px; margin-bottom: 10px;}
    .home-hero .product-search > div:last-of-type label:nth-child(2n){padding-left: 10px; padding-right: 0;}
    
    .home-product-carousel .col-33{width: 50%;}
}

@media all and (max-width: 767px){
    
}

@media all and (max-width: 649px){
    .home-product-carousel .col-33{width: 100%;}
}

@media all and (max-width: 567px){
    .home-hero h1{line-height: 55px; margin-bottom: 15px;}
    
    .home-hero .product-search > div{padding: 15px;}
    
    .home-hero .product-search > div:first-of-type{padding: 0 15px 15px; margin-bottom: 15px;}
    
    .featured-carousel .inner .img{width: 100%; padding: 15px 0 0 0; margin-bottom: 15px;}
    .featured-carousel .text{width: 100%;}
    
    .home-hero .product-search > div:last-of-type label{width: 100%; float: none; padding: 0;}
    .home-hero .product-search > div:last-of-type label:nth-child(2n){padding: 0;}
    
    .home-product-carousel{padding: 30px 0;}
    .home-product-carousel .text-align-center,
    .home-product-carousel .col-33{padding: 0 15px;}
}




/****************************************************************************************
@
@	Plain Page Styles
@
****************************************************************************************/
.plain-page-main{}

.plain-page-main .wrapper{padding: 30px 15px 40px; border-top: 1px solid #b6b6b8;}

.plain-page-main h1{color: #e32526; font-weight: 700; font-size: 22px; line-height: 24px; margin-bottom: 10px;}

.plain-page-main .right{width: 45%; padding-left: 40px; float: right;}
.plain-page-main .right img{display: block; width: 100%;}

.plain-page-main .left{width: 55%; padding-right: 40px; float: left;}

@media all and (max-width: 979px){
    .plain-page-main .left{padding-right: 20px;}
    .plain-page-main .right{padding-left: 20px;}
}

@media all and (max-width: 649px){
    .plain-page-main .left,
    .plain-page-main .right{padding-left: 0; float: none; clear: both; width: auto;}
}




/****************************************************************************************
@
@	Search Page Styles
@
****************************************************************************************/

.search-main{}

.main-search-section{}

.search-hero{position: relative; z-index: 91; background: #6d6e72;}
.search-hero .hero-container{display: table; width: 100%;}
.search-hero .hero-container > div{display: table-cell; vertical-align: top;}

.search-hero .hero-container .left{width: 300px; padding: 0 30px 30px 0;}
.search-hero .hero-container .left .text{background: #fff;}
.search-hero .hero-container .left .text h1{position: relative; color: #fff; text-align: center; line-height: 100px; margin-bottom: 0px; padding: 0 15px; background: #e32526;}
.search-hero .hero-container .left .text .inner{padding: 25px;}
.search-hero .hero-container .left .text .inner .btn{width: 100%; margin-top: 10px;}

.search-hero .hero-container .right{padding: 30px 0 0px;}
.search-hero .hero-container .right .text{position: relative;}
.search-hero .hero-container .right .text img{display: block;}
.search-hero .hero-container .right .text .inner{position: absolute; top: 0; left: 0; max-width: 250px; color: #fff;}
.search-hero .hero-container .right .text .inner a{color: #fff;}
.search-hero .hero-container .right .text .inner a:hover{color: #333333;}

@media all and (max-width: 767px){
    .search-hero .hero-container{display: block;}
    
    .search-hero .hero-container .left{display: block; width: auto; padding: 20px;}
    
    .search-hero .hero-container .left .text .inner label{width: 50%; padding-right:10px; float: left;}
    .search-hero .hero-container .left .text .inner label:nth-of-type(2n){padding-left: 10px; padding-right: 0;}
    
    .search-hero .hero-container .right{display: block; width: auto; padding: 20px;}
}

@media all and (max-width: 567px){
    .search-hero .hero-container .left{padding: 20px 0 10px;}
    .search-hero .hero-container .right .text .inner{position: static; max-width: 100%; padding: 10px 0 0;}
    
    .search-hero .hero-container .right{padding: 10px 0 20px;}
    
    .search-hero .hero-container .left .text .inner label{padding: 0; width: 100%; float: none;}
    .search-hero .hero-container .left .text .inner label:nth-of-type(2n){padding: 0;}
}

/* main search listing */
.main-search-listing{padding: 25px 0 30px; background: #eef0ef; z-index: 91;}

.main-search-listing .top-controls{display: table; width: 100%; margin-bottom: 25px;}
.main-search-listing .top-controls > div{display: table-cell; text-align: left; vertical-align: middle;}
.main-search-listing .top-controls > div:nth-child(1){width: 160px;}
.main-search-listing .top-controls > div:nth-child(2){width: 120px; padding: 0 0 0 30px;}
.main-search-listing .top-controls > div:nth-child(3){text-align: right;}
.main-search-listing .top-controls > div .btn{width: 100%;}
.main-search-listing .top-controls > div:nth-child(3) .btn{max-width: 215px;}

.main-search-listing .search-info{padding: 0 0 25px; margin:  0 0 30px; border-bottom: 1px solid #a4a6a5; color: #2f2f2f;}
.main-search-listing .search-info h4{margin: 0; text-transform: none;}
.main-search-listing .search-info p,
.main-search-listing .search-info ul{margin: 0; color: #2f2f2f;}

.main-search-listing .search-info .left{float: left; width: 50%;}
.main-search-listing .search-info .left p{}
.main-search-listing .search-info .left p span{display:inline-block; padding: 0 10px 0 0;}

.main-search-listing .search-info .right{float: right; width: 50%; font-weight: bold; text-align: right;}
.main-search-listing .search-info .right p{display: inline-block;}
.main-search-listing .search-info .right ul{display: inline-block;}
.main-search-listing .search-info .right li{display: inline-block; padding: 0 8px;}
.main-search-listing .search-info .right li:before{content: ''; display: none;}
.main-search-listing .search-info .right li a{color: #2f2f2f;}

.main-search-listing .search-list{}
.main-search-listing .search-list .grid-item{width: 100%; padding: 0 0 30px; border-bottom: 1px solid #bcbebd; margin-bottom: 30px;}
.main-search-listing .search-list .grid-item .inner{display: table; width: 100%; position: relative;}
.main-search-listing .search-list .grid-item .inner > div{display: table-cell; vertical-align: top;}
.main-search-listing .search-list .grid-item .inner > div:first-child{width: 270px; padding: 0 20px 0 0;}
.main-search-listing .search-list .grid-item .inner > div:last-child .text{max-width: 255px;}
.main-search-listing .search-list .grid-item img{width: 100%;}
.main-search-listing .search-list .grid-item h6{color: #2c2c2c; margin: 0; padding: 0px 0 4px;}
.main-search-listing .search-list .grid-item  .inner > div .text > div{display: table; width: 100%;}
.main-search-listing .search-list .grid-item  .inner > div .text > div > div{display: table-row;}
.main-search-listing .search-list .grid-item  .inner > div .text > div > div > div{display: table-cell; font-size: smaller; vertical-align: middle; line-height: 24px; width: 50%; text-align: left; font-weight: bold; border-top: 1px solid #a5a6a8;}
.main-search-listing .search-list .grid-item .inner  > div .text > div > div > div:last-of-type{text-align: right; font-weight: normal;}
.main-search-listing .search-list .grid-item  .inner > div .text > div > div:first-of-type > div{border: none;}
.main-search-listing .search-list .grid-item .btn{display: block; width: 100%; margin-top: 23px;}


.main-search-listing .search-list .grid-item p{position: absolute; top: 0; right: 0; width: 100%; max-width: 270px; background: #6d6e72; color: #fff; text-align: center; height: 100%; font-weight: 600; font-size: 26px; line-height: 1;}
.main-search-listing .search-list .grid-item p > span{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.main-search-listing .search-list .grid-item p > span > span{font-weight: 700; font-size: 38px;}

@media all and (max-width: 850px){
    .main-search-listing .search-list .grid-item p{font-size: 16px; max-width: 190px;}
    .main-search-listing .search-list .grid-item p > span > span{font-size: 26px;}
}

@media all and (max-width: 767px){
    .main-search-listing .search-list .grid-item .inner > div:first-child{width: 315px;}
    .main-search-listing .search-list .grid-item .inner > div:last-child .text{max-width: 100%;}
    
    .main-search-listing .search-list .grid-item  .inner > div .text > div{margin-bottom: 15px;}
    .main-search-listing .search-list .grid-item p{position: relative; max-width: 100%; background: none; color: #e32526;}
    .main-search-listing .search-list .grid-item p > span{position: static; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%);}
    .main-search-listing .search-list .grid-item .btn{margin-top: 0;}
}

@media all and (max-width: 700px){
    .main-search-listing .search-info .left,
    .main-search-listing .search-info .right{width: 100%; float: none; text-align: left;}
}

@media all and (max-width: 568px){
    .main-search-listing .top-controls{display: block; margin-bottom: 15px;}
    .main-search-listing .top-controls > div,
    .main-search-listing .top-controls > div:nth-child(1),
    .main-search-listing .top-controls > div:nth-child(2),
    .main-search-listing .top-controls > div:nth-child(3){display: block; width: 100%; padding: 0 0 10px; text-align: left;}
    
    .main-search-listing .top-controls > div:nth-child(3) .btn{max-width: 100%;}
    
    .main-search-listing .search-list .grid-item .inner{display: block;}
    .main-search-listing .search-list .grid-item .inner > div{display: block;}
    .main-search-listing .search-list .grid-item .inner > div:first-child{width: 100%; padding: 0 0 20px;}
}




/****************************************************************************************
@
@	Product Details Styles
@
****************************************************************************************/

.product-details-page{position: relative; z-index: 91;}

.top-btns{padding: 25px 0px; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6;}
.top-btns .btn{margin-right: 15px; width: 100%; max-width: 213px;}

.product-details-page .main-container{padding: 25px 0;}

.product-details-page .product-section{}
.product-details-page .has-right-sidebar .product-section{width: 57%; float: left; padding-right: 17px;}

.product-details-page .product-section h1{font-weight: 700; font-size: 34px; line-height: 38px; color: #2c2c2c; margin-bottom: 20px; width: 100%; display: table;}
.product-details-page .has-right-sidebar .product-section h1{display: block; line-height: 32px; font-size: 30px; margin-bottom: 10px;}
.product-details-page .product-section h1 span.name{display:table-cell; text-align:left; vertical-align: middle;}
.product-details-page .has-right-sidebar .product-section h1 span.name{display:block; text-align: left;}
.product-details-page .product-section h1 span.price{display:table-cell; text-align:right; vertical-align: middle; color: #e32527; width: 275px;}
.product-details-page .has-right-sidebar .product-section h1 span.price{display:block; text-align: left; width: auto;}
.product-details-page .product-section h1 span.price small{font-size: 22px;}

.product-details-page .product-section .image-carousel{width: 57%; float: left; padding-right: 17px; padding-bottom: 25px;}
.product-details-page .has-right-sidebar .product-section .image-carousel{width: 100%; float: none; padding: 0;}
.product-details-page .product-section .image-carousel .procuct-image-slider{}
.product-details-page .product-section .image-carousel .procuct-image-slider .item{width: 100%;}
.product-details-page .product-section .image-carousel .procuct-image-slider .item img{display: block; width: 100%;}
.product-details-page .product-section .image-carousel .procuct-image-slider .slick-dots{text-align: center; padding: 15px; margin: 0;}
.product-details-page .product-section .image-carousel .procuct-image-slider .slick-dots li{padding: 0; width: 14px; height: 14px; border-radius: 50%; cursor: pointer; background: #020202; display: inline-block; margin: 0 4px;}
.product-details-page .product-section .image-carousel .procuct-image-slider .slick-dots li.slick-active{background: #e32526;}
.product-details-page .product-section .image-carousel .procuct-image-slider .slick-dots li:before{content: ''; display: none;}
.product-details-page .product-section .image-carousel .procuct-image-slider .slick-dots li button{display: none;}

.product-details-page .product-section .specs{width: 43%; float: right; padding-left: 17px; padding-bottom: 25px;}
.product-details-page .has-right-sidebar .product-section .specs{width: 100%; float: none; padding: 0 0 35px;}
.product-details-page .product-section .specs h2{font-weight: 700; font-size: 20px; line-height: 26px; color: #2c2c2c; margin-bottom: 12px; text-transform: none;}
.product-details-page .product-section .specs .spec-table{display: table; width: 100%; color: #2c2c2c; font-size: 14px; line-height: 30px; text-align: left; border-top: 1px solid #aeaeae;}
.product-details-page .product-section .specs .spec-table > div{display: table-row;}
.product-details-page .product-section .specs .spec-table > div > div{display: table-cell; vertical-align: middle; border-bottom: 1px solid #aeaeae; width: 50%;}
.product-details-page .product-section .specs .spec-table > div > div:first-of-type{font-weight: bold;}
.product-details-page .product-section .specs .spec-table > div > div:last-of-type{text-align: right;}

.product-details-page .right-sidebar{padding-bottom: 25px;}
.product-details-page .has-right-sidebar .right-sidebar{width: 43%; float: right; padding-left: 17px;}
.product-details-page .right-sidebar .content{padding: 25px; background: #eef0ef;}
.product-details-page .right-sidebar .content h2{color: #e32526; font-size: 20px; line-height: 1.5; font-weight: 700; margin-bottom: 5px;}
.product-details-page .right-sidebar .content p{}
.product-details-page .right-sidebar .content p a{font-weight: 600;}
.product-details-page .right-sidebar .content p a:hover{}
.product-details-page .right-sidebar .content label{margin-bottom: 20px;}
.product-details-page .right-sidebar .content textarea{height: 125px; resize: vertical;}
.product-details-page .right-sidebar .content .btn{width: 100%; max-width: 213px;}

@media all and (max-width: 979px){
    .product-details-page .product-section h1{font-size: 30px;}
    .product-details-page .has-right-sidebar .product-section h1{font-size: 28px;}
    
    .product-details-page .product-section .image-carousel,
    .product-details-page .has-right-sidebar .product-section{padding-right: 10px;}
    
    .product-details-page .product-section .specs,
    .product-details-page .has-right-sidebar .right-sidebar{padding-left: 10px;}
}

@media all and (max-width: 767px){
    .top-btns .btn{max-width: 100%; margin: 0 0 15px;}
    .product-details-page .right-sidebar .content .btn{max-width: 100%;}
    
    .product-details-page .product-section h1,
    .product-details-page .has-right-sidebar .product-section h1{display: block; font-size: 26px; line-height: 32px;}
    
    .product-details-page .product-section h1 span.name,
    .product-details-page .product-section h1 span.price{display: block; text-align: left; width: auto;}
    
    .product-details-page .product-section .image-carousel{padding-bottom: 10px;}
    
    .product-details-page .product-section .image-carousel, 
    .product-details-page .has-right-sidebar .product-section{padding-right: 0; width: 100%; float: none;}
    
    .product-details-page .product-section .specs, 
    .product-details-page .has-right-sidebar .right-sidebar{padding-left: 0; width: 100%; float: none;}
}




/****************************************************************************************
@
@	Contact Page Styles
@
****************************************************************************************/

.contact-page{}
.contact-page .wrapper .content { padding: 25px 0px 50px; border-top: 1px solid #b6b6b8;}

.contact-page h1{color: #e32526; font-weight: 700; font-size: 22px; line-height: 24px; margin-bottom: 10px;}

.contact-page .left{width: 56%; float: left; padding-right: 24px;}
.contact-page .left a{font-weight: 600;}
.contact-page .left .row{position: relative; margin: 0 -7.5px; margin-bottom: 15px;}
.contact-page .left .row .col{padding: 0 7.5px; float: left;}
.contact-page .left .row .col-6{width: 50%;}
.contact-page .left .row .col-12{width: 100%;}
.contact-page .left p{margin-bottom: 25px;}
.contact-page .left label span{margin-bottom: 10px;}
.contact-page .left textarea{height: 130px; resize: vertical;}
.contact-page .left .btn{width: 100%; max-width: 213px;}

.contact-page .right{width: 44%; float: right; padding-left: 24px;}
.contact-page .right .map{position: relative; margin-bottom: 15px; width: 100%; height: 0; padding-bottom: 82.05%;}
.contact-page .right .map iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.contact-page .right p{font-size: 16px; line-height: 20px; color: #323232;}
.contact-page .right p strong{display: block; color: #e32526; font-size: 18px; line-height: 24px;}
.contact-page .right p a{}

@media all and (max-width: 767px){
    .contact-page .left,
    .contact-page .right{padding: 0; float: none; width: 100%;}
}

@media all and (max-width: 567px){
    .contact-page .left .row{margin-bottom: 0;}
    .contact-page .left .row .col-6,
    .contact-page .left .row .col-12{width: 100%; margin-bottom: 15px;}
    .contact-page .left .btn{max-width: 100%; margin-bottom: 20px;}
}



/****************************************************************************************
@
@	Tablet Styles
@
****************************************************************************************/

@media only screen and (max-width : 1024px){ 
	
}

@media only screen and (max-width : 1023px){ 
	
}

@media only screen and (max-width : 980px){ 
	
}

@media only screen and (max-width : 979px){ 
	
}

@media only screen and (max-width : 850px){ 
	
}

@media only screen and (max-width : 849px){ 
	
}

@media only screen and (max-width : 768px){ 
	
}

@media only screen and (max-width : 767px){ 
	
}




/****************************************************************************************
@
@	Mobile Styles
@
****************************************************************************************/

@media only screen and (max-width : 650px){ 
	
}

@media only screen and (max-width : 649px){ 
	
}

@media only screen and (max-width : 568px){ 
	
}

@media only screen and (max-width : 567px){ 
	
}

@media only screen and (max-width : 480px){ 
	
}

@media only screen and (max-width : 479px){ 
	
}

@media only screen and (max-width : 320px){ 
	
}


#pageNav ul li{
	padding-bottom:10px;
}
#pageNav ul ul{
	top:20px;
	position:absolute;
	display:none;
	border-top:1px solid #ccc;
}
#pageNav ul li:hover ul{
	display:block;
}
#pageNav ul li ul li{
	background-color:#f2f2f2;
	width:150px;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #999;
}

#pageNav ul li ul li:first-of-type{
	padding:5px 5px 5px 5px;
}

@media only screen and (max-width : 567px){ 
	#pageNav ul li{
		text-align:left;
	}
	#pageNav ul li:first-of-type{
		padding:5px 5px 5px 5px;
	}
	#pageNav ul li ul{
		display:block;
		position:relative;
		border-top:none;
		padding-top:0;
		top:5px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#pageNav ul li ul li{
		background-color:none;
		background:transparent;
		border-bottom:none;
	}
	#pageNav ul li ul li a{
		color:#ccc;
	}
}

.bottom,
.btn.reverse,
.top-btns,
#pageNav{
	display:none;
}
.phone{
	margin-top:10px;
}

#pageFooter .top p {
	font-size:20px;
	line-height:24px;
	margin-top:10px;
	padding-top:0;
}

#pageFooter .mid .email,
h1 .price,
h1 .name{
	font-size:20px;
	line-height:24px;
}
.product-details-page .main-container {
    padding:15px 0 0;
}
#pageFooter .mid .address {
	padding:0;
}

.product-details-page .product-section .image-carousel {
    padding-bottom: 0px;
}

#logo img {
	width:50%;
	height:auto;
}


#pageHeader {
    padding-bottom:10px;
}

#pageHeader .right .phone p {
    font-size:20px;
    line-height:24px;
}