@charset "utf-8";
/* Base CSS for Frontend */

@import "reset.css";
@import "global.css";
/* @import "entypo.css"; */

body{ font: normal 14px/22px 'PT Sans', Arial, Helvetica, sans-serif; color: #000; background: #000;}
a, button{color:#0873ba; cursor: pointer;
    transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -webkit-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -moz-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
}
a:hover, a.more:hover{text-decoration:none; color:#233145;}

a.more {
    font: bold 14px/14px 'Montserrat', Arial, Helvetica, sans-serif;
    color: #0873ba;
    text-transform: uppercase;
}

/* ---Standard headers ---*/
h1 { font: bold 48px/58px 'PT Sans Narrow', Arial, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 20px;}
h2 { font: bold 42px/48px 'PT Sans Narrow', Arial, Helvetica, sans-serif; text-transform: uppercase;}
h3 { font: bold 32px/38px 'PT Sans', Arial, Helvetica, sans-serif;}
h4 { font: bold 18px/26px 'PT Sans', Arial, Helvetica, sans-serif; text-transform: uppercase;}
h5 { font: bold 16px/24px 'PT Sans', Arial, Helvetica, sans-serif; text-transform: uppercase;}

em{font-style: italic;}

/* --- General Layout Settings---*/
#wrapper{overflow: hidden;}
.container { width : 1330px; position : relative; margin : 0 auto;}
#header, #content, #footer, #marketing {position : relative; display: block; clear: both;}

.alert{background: #D70505; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px;; margin: 10px 0; border-radius: 3px; clear: both;}
.alert-success{background:#b4eda8; color:#3e8f3e; font: normal 14px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px}
.alert-success ul{list-style: none; padding: 0;}

.btn{font:bold 15px/15px 'Montserrat', Arial, Helvetica, sans-serif; color:#0873ba; cursor:pointer; text-decoration:none; display:block; padding:18px 45px; background:#a4c5f4; text-transform: uppercase; border: 2px solid #c8daf3; border-radius: 4px;}
.btn:hover{ background: #b5d4ff; color:#0873ba;}
.btn.float-left{margin: 25px 10px 0 0;}
.btn.ilb{display: inline-block;}
.btn.add-to-cart{background:#0873ba; color: #FFF; font-size: 21px; line-height: 21px; padding:24px 70px; margin-bottom: 10px;}
.btn.add-to-cart:hover{background:#007ccf;}

.small-txt{font-size: 12px;}

.mshow{display: none;}
.mhide{display: block;}

/*-- Responsiveness Base Structure -- */
.row{clear:both;}
.row .col{margin-left:2%; float:left;}
.row .col:first-child{margin-left:0;}
.row .full{width:100%;}
.row .half{width:49%;}
.row .third{width:32%;}
.row .third_2{width:66%;}
.row .fourth{width:23.5%;}
.row .fourth_2{width:49%;}
.row .fourth_3{width:74.5%;}
.row .fifth{width:18.4%;}
.row .fifth_2{width:38.8%;}
.row .fifth_3{width:59.2%;}
.row .fifth_4{width:79.6%;}

/* --- Layout ---*/
#header{padding:0; z-index: 11; position: absolute; top: 0; left: 0; width: 100%;}
#header #logo{float: left; width: 135px; height: 148px; padding: 25px 30px; background: #000; position: absolute; top: 0; left: 0;}
#header .top-nav { position: relative; float : right; background: #e9f0fa; padding-top:25px; height: 115px;   box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header .top-nav a{display: block; padding: 4px 30px; font-size: 11px; line-height: 13px; font-weight: bold; color: #000; text-transform: uppercase; white-space: nowrap;}
#header .top-nav a.qb{background: #e41d30 url("../png/arrow-w-right.png") top 6px right 10px no-repeat; color: #FFF; margin-top: 6px; background-size: 10px;}
#header .top-nav .top-phone{position: absolute; top: 8px; left: 30px; color: #0873ba;  font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase;}
#header .top-nav .top-phone a{display:inline; color: #0873ba;  font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; padding: 0;}
#header .top-nav .top-logout{position: absolute; top: 29px; right: 20px; color: #E41D30; display: inline; padding: 0;}
#header .top-nav .top-logout:hover{color: #0873ba;}
#header #head-tbl{width: 100%;}
#header #head-tbl .head-center{width: 1135px; padding-left: 195px; vertical-align: top; background: url("../png/blue-transparent.png") 0 0 repeat; position: relative; height: 198px;}
#header #head-tbl .head-left{background: #000;}
#header #head-tbl .head-right{background: url("../png/blue-transparent.png") 0 0 repeat; vertical-align: top;}
#header .head-hold{background: #FFF; border-bottom: 4px solid #e41d30; height: 115px; float: left; width: 100%; position: relative; z-index: 80;}
#header .action-bar{position: relative; height: 79px;}
#header .action-bar .head-search{background: #101010 url("../png/icon-search-trans.png") center center no-repeat; border:none; position: absolute; right:0; top:0; height: 100%; width: 79px; cursor: pointer; display: block;}
#header .action-bar .head-search:hover{background-color: #000;}
#header .action-bar .head-search-form{position: absolute; left:0; top:100%; width:100%; display: none;}
#header .action-bar .head-search-form .search-entire{padding: 20px 15px; font-size: 18px; color: #FFF; background: rgba(36,38,40,0.9); border: none;}
#header .action-bar .head-search-form .search-entire:focus{outline: none;}

#header .action-bar .mphone{ display: none; position: absolute; top: 17px; left: 125px; color: #c8daf3;  font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase;}
#header .mobile-trigger{display: none; padding: 20px 18px 16px; position: absolute; top:0; right:0; width: 28px; cursor: pointer; background: #e41d30; z-index: 99;}
#header .mobile-trigger .mline{display: block; height: 4px; background: #FFF; margin-bottom:4px;}
#header .mobile-top-icons .mcart{ display: none; background: #FFF url("../png/icon-cart.png") center center no-repeat; background-size: 30px; border:none; position: absolute; right:75px; top:0; height: 100%; width: 60px; cursor: pointer;}
#header .mobile-top-icons .maccount{ display: none; background: #FFF url("../png/icon-account.png") center center no-repeat; background-size: 30px; border:none; position: absolute; right:135px; top:0; height: 100%; width: 60px; cursor: pointer;}

#header .action-bar #vfilters{float: right; margin: 15px 150px 0 0;}
#header .action-bar #vfilters .vf{float: left; padding: 0;margin: 7px 12px 0 0; overflow: hidden;  background-color: #212121; background: #212121 url("../jpg/select-arrow.jpg") center right no-repeat;}
#header .action-bar #vfilters .vtitle{float: left; font-size: 24px; font-weight: bold; font-style: italic; color: #c8daf3; padding: 14px 20px 0 0;}
#header .action-bar #vfilters .vclear{float: left; font-size: 18px; font-weight: bold; font-style: italic; color: #aaa; padding: 13px 10px 0 0;}
#header .action-bar #vfilters .vgo{float: left;}
#header .action-bar #vfilters .vgo .btn{padding: 15px 10px;}
#header .action-bar select{width: 120px; padding: 8px 45px 8px 10px; color: #FFF; text-transform: uppercase; border: none;  box-shadow: none;  background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#header .action-bar select option{background: rgba(0,0,0,0.8); text-transform: uppercase;}
#header .action-bar .mobile-select{display:none; background: #233145 url("../png/icon-wheel.png") center center no-repeat; border:none; position: absolute; right:50px; top:0; height: 100%; width: 50px; cursor: pointer;}
#header .action-bar #vfilters select::-ms-expand { display: none; }

#navigation{z-index: 999; float: left;}
#navigation .mobile-menu{display: none; width: 20px; height: 20px; padding: 8px; border: 1px solid #ededed;}
#navigation .mobile-menu:hover{background: #ededed;}
#navigation ul{padding: 0; margin: 0; list-style: none;}
#navigation ul li.level_1{display: block; float: left;}
#navigation ul li.level_1 a{height:115px; padding: 55px 25px 10px; font: bold 15px/18px 'PT Sans', Arial, sans-serif; color: #000; display: block; text-transform: uppercase;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#navigation ul li.level_1 a:hover{background:#e9f0fa;}
#navigation ul li.level_1:hover .subnav{display:block;}
#navigation ul li.level_1 .subnav{display:none; position: absolute; background: #FFF; color: #000; border: 1px solid #ededed; border-top: 0; min-width: 200px; -webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.2); box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.2);}
#navigation ul li.level_1 .subnav li a{display: block; float: none; color: #333; font-size: 15px; text-transform: none; font-weight: normal;  line-height: 15px; padding: 8px 25px; height: auto;}
#navigation ul li.level_1 .subnav li a:hover{background: #e9f0fa;}
#navigation ul li.level_1 .subnav li.level_3 a{font-size: 11px; text-transform: none;}

.side-nav{background: #212121; margin-bottom: 30px;}
.side-nav ul{margin: 0; padding: 0; list-style: none;}
.side-nav li{padding: 0; border-bottom: 1px solid #FFF;}
.side-nav a{color: #FFF; text-transform: uppercase; display: block; padding:12px 15px;}
.side-nav a:hover, .side-nav a.selected{background: #000;}
.side-nav li.l3{padding: 10px 15px; background: #000;}
.side-nav li.l3 a{padding: 5px 0; text-transform: none; font-size: 13px;}
.side-nav li.l3 a:hover{color:#a4c5f4;}

.side-trigger{display: none; padding: 10px 8px 6px; margin: 10px 0; float: left; width: 28px; cursor: pointer; background: #FFF; border: 1px solid #DDD; z-index: 99;}
.side-trigger .sline{display: block; height: 4px; background: #aaa; margin-bottom:4px;}

#mobile-nav{display:none; position: absolute; top:64px; right: -322px; z-index: 9999;}
#mobile-nav{max-width: 320px; background: #FFF;  border: 1px solid #ddd;}
#mobile-nav ul{list-style: none; padding: 0; margin: 0;}
#mobile-nav ul li.level_1{float: none; display: block;}
#mobile-nav ul li.level_1 a{padding: 10px 15px; font: bold 16px 'PT Sans Narrow', sans-serif; color: #000; display: block;}
#mobile-nav ul li.level_1 a br{display: none;}
#mobile-nav ul li.level_1 .subnav{display: block; position: relative; border: none;}
#mobile-nav ul li.level_1 .subnav li a{padding: 6px 20px; color: #4c4c51; font:normal 14px/14px 'PT Sans', sans-serif;}
#mobile-nav ul li.level_1 .subnav li a:hover{background: #eaeaea;}
#mobile-nav ul li.level_1 a.l1-link:hover{background: #0873BA; color: #FFF;}

.detail-nav{padding: 5px 0 0; border-bottom: 1px solid #ededed;}
.detail-nav ul{margin: 0; padding: 0; list-style: none;}
.detail-nav .main-ctg{display: inline-block; margin: 0; position: relative;}
.detail-nav .main-ctg a{padding: 5px 8px; background: #a4c5f4; margin: 0 3px 3px 0; display: block; font-size: 14px; line-height: 1em; color:#000; font-weight: bold;}
.detail-nav .main-ctg:hover a{color: #FFF; background: #0873ba;}
.detail-nav .main-ctg:hover .drop-sub{display: block;}
.detail-nav .main-ctg:hover .drop-sub a{border-bottom: 0; color: #000; background: #FFF;}
.detail-nav .drop-sub{display: none; border: 1px solid #DDD; background: #FFF; position: absolute; top: 100%; left: 0; z-index: 10;}
.detail-nav .drop-sub a{border-bottom: 0; padding: 6px 12px; min-width: 240px; font-weight: normal;}
.detail-nav .drop-sub a:hover{background: #e9f0fa !important;}

#marketing{margin-top:198px; position: relative; background: #FFF; min-height: 770px;}
#marketing .marketing{border: 15px solid #FFF; position: relative; margin-left: 320px;}
#marketing .overlay{ position: absolute; bottom: 20px; left: 0; width: 100%; }
#marketing .panel-caption h3{font: bold 42px/56px 'PT Sans Narrow', Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 3px #222;}
#marketing .panel-caption h2{font: bold 83px/96px 'PT Sans Narrow', Arial, Helvetica, sans-serif; color: #c8daf3; text-transform: uppercase; text-shadow: 2px 2px 4px #222;}
#marketing .panel-caption .cap-vid{margin-bottom: -60px !important;}
#marketing .controls{margin-top: 20px;}
#marketing .controls img{width: auto;}
#marketing .controls a{display:block; padding: 12px; margin-right: 5px; float: left; background-color: rgba(0, 0, 0, 0.6); cursor: pointer;}
#marketing .controls a:hover{background-color: rgb(0, 0, 0);}
#marketing .controls .flex-direction-nav{display: block;}
#marketing .controls .flex-direction-nav li{display: block; float: left;}
#marketing .controls .flex-direction-nav li a img{display: block; padding: 0; margin: 0;}
#marketing .controls .flex-direction-nav li a{ position:static; display:block; padding:12px; margin: 0 0 0 5px; width: auto; height: auto; float: left; background-color: rgba(0, 0, 0, 0.6); background-image:none;  cursor: pointer;}
#marketing .controls .flex-direction-nav li a:hover{background-color: rgb(0, 0, 0);}

#marketing .home-nav{position: absolute; top:0; left: 0; width: 320px; height: 100%; padding: 15px; background: #e9f0fa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#marketing .home-nav a{display: block; padding: 10px 15px; font-size: 16px; line-height: 1.4em; font-weight: bold; color: #000; text-transform: uppercase;}
#marketing .home-nav a b{font-size: 20px; line-height: 1.3em;}
#marketing .home-nav a:hover{background: #FFF;}

.search{padding: 0; width:100%; bottom: 0; left: 0; z-index: 10;}
.search .search-pad{padding: 5px 0 0; background: #FFF;}
.search .search-hold{padding: 20px; background: #b81827; position: relative;}
.search .search-hold label{font-size: 24px; font-weight: bold; text-transform: uppercase; color: #FFF; position: absolute; top: 28px; left: 20px;}
.search .search-field{border:none; background: #b81827; color: #FFF; padding: 10px 65px 10px 180px; font-family: "verdana", "sans-serif"; font-weight: normal; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.search .search-field:focus{outline: none;}
.search button{background: #e41d30 url("../png/icon-search-trans.png") center center no-repeat; border:none; position: absolute; right:0; top:0; height: 100%; width: 77px; cursor: pointer;}
.search button:hover{background: #ee1428 url("../png/icon-search-trans.png") center center no-repeat;}
.head-search p { padding-top: 73%; padding-left: 20%; color: #fff; }

.home-ctas{margin-top: 15px;}
.home-ctas .home-cta{width: 32%; float: left; margin-left: 2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.home-ctas .home-cta:first-child{margin-left: 0;}
.home-ctas .cta-img{border: 2px solid #DDD; padding: 25px 5px; border-bottom: none;}
.home-ctas .cta-img img{display: block; margin: 0 auto;}
.home-ctas .cta-title{padding: 12px 5px; color: #FFF; background: #0873BA; text-align: center; font-size: 24px; font-weight: bold; line-height: 1.3em; text-transform: uppercase;}
.home-ctas .home-cta:hover .cta-img{border: 2px solid #999; border-bottom: none;}
.home-ctas .home-cta:hover .cta-title{background: #007ccf;}

#lead{margin:119px 0 0; background: #e9f0fa; padding-top: 79px;}
#lead-img{margin:119px 0 0; background: #e9f0fa; position: relative; overflow: hidden;}
#lead-img img{display: block; margin: 0 auto; max-width: none;}
#lead-img h1{position: absolute; bottom: 10px; color: #FFF; text-align: center; width: 100%;}

#content{background: #FFF;}
#content .content-hold{padding:40px 0 0;}
#content .content-wide{width: 100%;}
#content .content-left{width: 22%; float: left;}
#content .content-right{width: 78%; padding-left: 45px; float: right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#content .bg-lt-blue{background: #e9f0fa; position: relative;}
#content .page-title{text-align: center; padding: 30px 10px 10px;}

#content.home .wysiwyg{text-align: center; font-size: 16px; line-height: 26px; padding:20px 80px 40px;}

.wysiwyg table {border-collapse: collapse; max-width: 100%; width: 100%; }
.wysiwyg table caption { text-transform: uppercase; padding: 0; color: rgba(0, 0, 0, 0.5);font-size: 11px; }
.wysiwyg table th, .wysiwyg table td {border: 1px solid #eee; padding: 16px; padding-bottom: 15px; }
.wysiwyg table tfoot th, .wysiwyg table tfoot td {color: rgba(0, 0, 0, 0.5); }

#breadcrumbs{padding: 20px 0; background:#e9f0fa; font-size: 12px; font-style: italic; font-weight: bold;}

.white-down-arrow{width: 0; height: 0; position: absolute; top:0; left: 50%; margin-left: -10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF;}


/*--- CTAs Layout ----*/
.cta-full{position: relative; overflow: hidden; color: #fff; min-height: 478px;}
.cta-full h2{color: #FFF; padding-bottom: 30px;}
.cta-full .arrow-right{position: absolute; top:60px; left: 50%; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent;}
.cta-full .arrow-left{position: absolute; top:60px; right: 50%; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent;}
.cta-full .bg-img-right{position: absolute; top:0; left: 50%; height: 100%;}
.cta-full .bg-img-right img{display: block; min-height: 100%; max-width: none;}
.cta-full .bg-img-left{position: absolute; top:0; right: 50%; height: 100%;}
.cta-full .bg-img-left img{display: block; min-height: 100%; max-width: none; float: right;}
.cta-full .info-left{padding: 60px 60px 60px 0; width: 50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size: 16px; line-height: 30px;}
.cta-full .info-right{padding: 60px 0 60px 60px; position: relative; top:0; left: 50%; width: 50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size: 16px; line-height: 30px;}
.cta-full.dark-bg{background: #233145;}
.cta-full.dark-bg .arrow{border-left: 25px solid #233145;}
.cta-full.red-bg{background: #e41d30;}
.cta-full.red-bg .arrow{border-left: 25px solid #e41d30;}
.cta-full.blue-bg{background: #0873ba;}
.cta-full.blue-bg .arrow{border-right: 25px solid #0873ba;}

.left-side-cta{margin-bottom: 20px;}

.left-side-ctas{margin: 20px 0;}
.left-side-ctas .left-cta{display: block; background: #e41d30 url("../png/arrow-w-right.png") center right 10px no-repeat; background-size: 12px; margin-bottom: 4px; color: #FFF; padding: 20px 25px 20px 15px; font: bold 21px/28px 'PT Sans Narrow', sans-serif; text-transform: uppercase;}
.left-side-ctas .left-cta span{display: block; font: normal 13px/16px 'PT Sans', Arial, sans-serif; text-transform: none; font-style: italic;}
.left-side-ctas .left-cta:hover{ background: #ee1428 url("../png/arrow-w-right.png") center right 10px no-repeat; background-size: 12px;}

.featured-ferodo{background: #df002c; font-size: 18px; line-height: 1.4em;}
.featured-ferodo .ff-hold{background: #000; color: #FFF; border-left: 8px solid #FFF; border-right: 8px solid #FFF; text-align: center; padding: 10px 30px 0;}
.featured-ferodo .ff-hold .ferodo-logo{margin: 0 auto; padding: 30px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.featured-ferodo .ff-hold .btn {width: 260px;margin: 30px auto 60px;text-align: center;}
.featured-ferodo .ff-hold .featured-info{background: #222;}

/*--- Featured News Blog Layout ----*/
#ftd-news-blog{background: #233145;}
#ftd-news-blog h2{text-align: center; color: #FFF; padding-top: 30px;}
#ftd-news-blog .sec-lead{margin-bottom: 30px; padding:40px 15px 30px; text-align: center; background: #FFF; position: relative;}
#ftd-news-blog .sec-lead .arrow-down{width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; position: absolute; top: 100%; left: 50%; margin-left: -20px;}

.feature-news .news-block{ padding: 30px 0 30px;}
.feature-news .news-block .col{background:#192537; color:#FFF; text-align: center;}
.feature-news .news-block .block-hold{padding: 20px; min-height: 300px;}
.feature-news .news-block .news-date{text-transform: uppercase; padding-bottom: 20px;}
.feature-news .news-block .news-title{font-size: 21px; line-height: 30px; color: #a4c5f4; padding-bottom: 20px;}
.feature-news .news-block .news-summary{line-height: 29px; padding-bottom: 5px;}
.feature-news .news-block .news-image{ border-bottom: 4px solid #e41d30;}
.feature-news .news-block .news-image img{display: block; width: 100%;}
.feature-news .news-block .more{text-transform: uppercase; font:bold 14px/14px 'Montserrat', Arial, Helvetica, sans-serif; color: #e41d30;}
.feature-news .news-block .more:hover{color:#ee1428;}
.feature-news .btn{width: 220px; margin: 30px auto 60px; text-align: center;}

.featured-videos{background: #e9f0fa; padding: 30px 0; text-align: center;}
.featured-videos h2{text-align: center; color: #000; padding: 0;}
.featured-videos .fv-items{padding: 30px 0;}
.featured-videos .fv-hold{padding: 0 12px; float: left; width: 33.33%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.featured-videos .fv-image{position: relative; margin-bottom: 15px;}
.featured-videos .fv-image img{display: block; width: 100%;}
.featured-videos .fv-image .fv-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none; }
.featured-videos .fv-image .fv-hover .red-btn{ font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; padding: 10px; width: 120px; background: #e41d30; color: #FFF; font-weight: bold; cursor: pointer; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -70px;}
.featured-videos .fv-image:hover .fv-hover{display: block;}
.featured-videos .fv-name{font-weight: bold; font-size: 16px; line-height: l.6em;}
.featured-videos .btn{background:#0873ba; color: #FFF; display: inline-block;}
.featured-videos .btn:hover{background:#007ccf;}

/*-- Social Icons --*/
.social ul{float: left; margin: 0; padding: 0;}
.social li{list-style: none; display:block; float: left; margin: 0 5px 5px 0;}
.social li a{width: 16px; height: 16px; display: block; padding: 6px; }
.social li a.facebook{background: #3E5B98;}
.social li a.twitter{background: #4DA7DE;}
.social li a.linkedin{background: #3371B7;}
.social li a.youtube{background: #e02a20;}
.social li a.google{background: #d93e2d;}
.social li a.instagram{background: #9c7c6e;}
.social li a.pinterest{background: #c92619;}
.social li a.flickr{background: #0063db;}
.social li a.facebook:hover{background: #2A4784;}
.social li a.twitter:hover{background: #3993CA;}
.social li a.linkedin:hover{background: #1F5DA3;}
.social li a.youtube:hover{background: #cc160c;}
.social li a.google:hover{background: #c52a19;}
.social li a.instagram:hover{background: #88685a;}
.social li a.pinterest:hover{background: #b51205;}
.social li a.flickr:hover{background: #004faf;}

/*-- Masonry Layout --*/
#masonry{padding-bottom: 40px;}
.gutter-sizer { width: 2%; }
.grid-sizer { width: 31%; }
.brick{width:31%; margin-bottom: 20px;}
.brick.w2{width:64%;}

/* ----Footer Section ----*/
#footer{ background: #FFF; padding: 20px 0 60px;  border-top: 4px solid #e41d30;}
#footer .contact{float: left; margin-right: 60px; line-height: 28px;}
#footer .links{float: left; margin:3px 0 0 0; line-height: 25px;}
#footer .links ul{margin: 0 60px 0 0; float: left; padding: 0; list-style: none;}
#footer .links ul li{padding: 0; margin-bottom: 5px;}
#footer .links ul li a{text-transform: uppercase; font-weight: bold; color:#000;}
#footer .links ul li a:hover{color:#B81827;}

.signup{min-width: 320px; float: right; background: #e41d30; padding: 20px 20px 10px; margin-top: -20px; color: #FFF;}
.signup h3{color: #FFF; text-transform: uppercase; font-size: 18px; font-weight: bold; padding-bottom: 0; display: block;}
.signup input.email{background: #e83f4f; border: 0; float: none; padding: 15px 55px 15px 10px; color: #FFF; font-style: italic;}
.signup input.email:focus{outline: none;}
.signup .field-hold{position: relative;}
.signup .radio{display: none;}
.signup .rlabel{width:auto; margin-left: 15px; font-weight: normal; margin-top: 5px;}
.signup .field-radio{margin-bottom: 15px;}
.signup .rlabel span {
    display:inline-block;
    width:8px;
    height:8px;
    margin:-3px 6px 0 0;
    border: 2px solid #FFF;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

.signup input[type="radio"] + label span {
    background-color:#E83F4F;
}

.signup input[type="radio"]:checked + label span{
    background-color:#FFF;
}

.signup input[type="radio"] + label span,
.signup input[type="radio"]:checked + label span {
    -webkit-transition:background-color 0.4s linear;
    -o-transition:background-color 0.4s linear;
    -moz-transition:background-color 0.4s linear;
    transition:background-color 0.4s linear;
}

.signup .btn-check{background: #ec616f url("../png/check-w.png") center center no-repeat; border:none; position: absolute; right:0; top:0; height: 100%; width: 50px; cursor: pointer;}
.signup .btn-check:hover{background-color: #B81827;}

.newsletter-full{padding: 100px 0; position: relative;}
.newsletter-full .darken{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.45);}
.newsletter-full .nl-signup{position: relative; z-index: 5;max-width: 500px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 1.4em; font-weight: bold; background: #e41d30;  background: rgba(228,29,48,0.85); padding: 30px 30px 20px; color: #FFF;}
.nl-signup input.email{background: #e83f4f; border: 0; float: none; padding: 15px 55px 15px 10px; color: #FFF; font-style: italic;}
.nl-signup input.email:focus{outline: none;}
.nl-signup .field-hold{position: relative;}
.nl-signup .radio{display: none;}
.nl-signup .rlabel{width:auto; margin: 0 10px; font-weight: normal; margin-top: 5px; float: none; display: inline-block;}
.nl-signup .field-radio{margin-bottom: 15px;}
.nl-signup .rlabel span {
    display:inline-block;
    width:8px;
    height:8px;
    margin:-3px 6px 0 0;
    border: 2px solid #FFF;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

.nl-signup input[type="radio"] + label span {
    background-color:#E83F4F;
}

.nl-signup input[type="radio"]:checked + label span{
    background-color:#FFF;
}

.nl-signup input[type="radio"] + label span,
.nl-signup input[type="radio"]:checked + label span {
    -webkit-transition:background-color 0.4s linear;
    -o-transition:background-color 0.4s linear;
    -moz-transition:background-color 0.4s linear;
    transition:background-color 0.4s linear;
}

.nl-signup .btn-check{background: #ec616f url("../png/check-w.png") center center no-repeat; border:none; position: absolute; right:0; top:0; height: 100%; width: 50px; cursor: pointer;}
.nl-signup .btn-check:hover{background-color: #B81827;}

#sub-footer{padding: 10px 0; font-size: 12px; color: #646464;}
#sub-footer a{padding-right: 20px; color: #fff;}
#sub-footer #copyright a{color: #999;}
#sub-footer #copyright a:hover{color: #FFF;}

/* ----To Top Button----*/
#to-top { position: fixed; z-index: 200; bottom: 20px; right: 20px; background: #000; background: rgba(0,0,0,0.6); width: 40px; height: 40px; display: block; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: none; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
#to-top img { position: relative; top: 10px; left: 10px;}

/*--- Side Nav ----*/
.menu-side ul{margin: 0; padding: 0; list-style: none;}
.menu-side li{padding: 0; border-bottom: 1px solid #FFF;background: #212121;}
.menu-side a{color: #FFF; text-transform: uppercase; display: block; padding:12px 15px 12px 35px; cursor: pointer;}
.menu-side a:hover, .side-nav a.selected{background: #000;}
.menu-side li.drop a{background: #212121 url("../png/plus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.drop a.open{background: #212121 url("../png/minus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.drop a:hover{background: #000 url("../png/plus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.drop a.open:hover{background: #000 url("../png/minus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.l3{padding: 0 0 0 15px; display: none; background: #FFF; width: 100%;}
.menu-side li.l3 .grey-drop{border-top: 1px solid #212121; border-bottom: 1px solid #212121;}
.menu-side li.l3 .grey-drop .blue-drop:last-child{border-bottom: none !important;}
.menu-side li.l3 a{padding: 5px 10px 5px 35px; text-transform: none; font-size: 14px; color: #FFF; background: #999; border-left: 1px solid #212121; border-right: 1px solid #212121;}
.menu-side li.l3 a:hover, .menu-side .l3 a.selected{background:#888;}
.menu-side li.l3 a.drop{background: #999 url("../png/plus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.l3 a.drop.open{background: #999 url("../png/minus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.l3 a.drop:hover{background: #888 url("../png/plus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.l3 a.drop.open:hover{background: #888 url("../png/minus.png") center left 10px no-repeat; background-size: 12px;}
.menu-side li.l3 .blue-drop{padding: 0 0 0 15px; display: none; background: #FFF; width: 100%; border-top: 1px solid #212121; border-bottom: 1px solid #212121;}
.menu-side li.l3 .blue-drop a{background: #114aba; border-left: 1px solid #212121; border-right: 1px solid #212121;}
.menu-side li.l3 .blue-drop a:hover, .menu-side li.l3 .blue-drop a.selected{background: #003aac;}

/*--- Side Location Search ----*/
.location-search{background: #e41d30; padding: 15px; margin-bottom: 20px;}
.location-search h4{color: #FFF;}

/*---- Featured Products---*/
.featured_products{margin:0; background: #FFF url("../jpg/bg-our-products.jpg") center no-repeat; padding: 0; background-size: cover;}
.featured_products .sec-lead{margin-bottom: 60px; padding:40px 15px 30px; text-align: center; background: #212121; position: relative;}
.featured_products .sec-lead h2{color: #FFF;}
.featured_products .sec-lead .arrow-down{width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #212121; position: absolute; top: 100%; left: 50%; margin-left: -20px;}
.featured_products .featured-image img{display: block; width: 100%;}
.featured-info{background: #000; padding: 20px 15px; text-align: center; color: #FFF; position: relative;}
.featured-info h4{font-size: 24px; color:#c8daf3;}
.featured-info .ftd-name{display: block; font-size: 16px; font-style: italic; margin-bottom: 10px;}
.featured-info a{font:bold 14px/14px 'Montserrat', Arial, Helvetica, sans-serif; color:#e41d30; text-transform: uppercase;}
.featured_products .btn{width: 220px; margin: 30px auto 60px; text-align: center;}

.featured-info .product-icons{position: absolute; left: 5px; top: -47px;}
.featured-info .product-icons img{display: inline;}
/*---- Related Products---*/
.related-slider {margin-bottom: 30px;}
.related-dash{ margin-bottom: 20px;text-align: center; }
.related-item{margin: 0; display: block;}
.related-info{background: #000; padding: 10px; text-align: center; color: #FFF; min-height: 160px; font-size: 11px; line-height: 1.6em;}
.related-info h4{font-size: 20px; line-height: 1em; color:#c8daf3;}
.related-info .related-name{display: block; font-size: 14px; line-height: 1.4em; font-style: italic; margin-bottom: 10px;}
.related-info a{font:bold 14px/14px 'Montserrat', Arial, Helvetica, sans-serif; color:#e41d30; text-transform: uppercase;}

/*---- List Items ---*/
.item-list{list-style: none; padding: 0; margin: 0;}
.item-list .item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCC;}
.item-list .item .title{font:bold 16px/24px 'Montserrat', Arial, Helvetica, sans-serif;  text-transform: uppercase;}
.item-list .item .more{font:bold 14px/14px 'Montserrat', Arial, Helvetica, sans-serif; color:#e41d30; text-transform: uppercase; float: right;}
.item-list .item .item-image{float: left; display: block;}

/*--- Testimonals Page ----*/
.tstm-item{margin-bottom: 20px; padding-bottom: 20px; border-bottom:  1px dashed #CCC;}
.tstm-item h4{text-transform: uppercase; color: #0072BC}

/*--- Search Result Page ----*/
.search-list{border-bottom: 1px dashed #ccc; margin-top: 15px; color:#656565;}
.search-list a{font-size: 16px; font-weight: bold; color: #0072BC;}
.search-list a:hover{color:#00b3ee;}


/*---- Product Sort Bar ---- */
.sort-bar{background: #f6f6f6;font-family: "PT Sans", sans-serif; font-size: 14px; margin: 0 0 20px;  }
.sort-bar .dropdown:hover{background: #ececec; cursor: pointer;}
.sort-bar .dropdown .icon{ font-size: 22px; }
.sort-bar .sort-select{float: right;}

.sort-bar .dropdown .dropdown-list{display: none; position: absolute;  padding: 10px ;  z-index: 5; background: #fff;left: 0; top: 44px;width: 100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:1px 1px 3px #aaa;-webkit-box-shadow:1px 1px 3px #aaa;-moz-box-shadow:1px 1px 3px #aaa;}
.sort-bar .dropdown .dropdown-list input{width: auto; padding-bottom: 10px;}
.sort-bar .sort-section{ float:right; width: 270px;}
.sort-bar .sort-section .dropdown{width:200px; border: 0;background: #f6f6f6; margin-right: 10px;}
.sort-bar .sort-section label{margin-top: 12px;}
.sort-bar .filter-section{float: left; width: 510px;}
.sort-bar .filter-section label{margin: 12px 10px 0 10px;}
.sort-bar .filter-section .dropdown{width: 200px; float: left; padding: 11px 6px; position: relative; border: 0; background: #f6f6f6;}
.sort-bar .sort-list-item{margin: 10px 0;}

.scroll-btn{width: 30px;    height: 30px;    background: #383330;    float: left;    border-radius: 5px;    text-align: center;    display: none;    vertical-align: middle;
    position: fixed;    right: 5%;    bottom: 30%;}
.scroll-btn .icon{color: #fff; font-size: 20px; margin: 5px auto; display: block; cursor: pointer; float: none;}
/*----Product List ---- */
.product-list-item{position: relative; border: solid 1px #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center; margin-bottom: 20px; min-height: 315px; -webkit-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    -moz-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);-webkit-transition: all 1s ease-in-out;    -moz-transition: all 1s ease-in-out;    -o-transition: all 1s ease-in-out;    transition: all 1s ease-in-out;}
.product-list-item:hover{border:solid 1px #333;-webkit-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    -moz-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);}
.product-list-item .prod-sale{background: #f6f6f6; text-align: left;}
.product-list-item .sale-txt{display: inline-block; padding: 5px 12px; font-size: 14px; font-weight: bold; line-height: 14px; text-transform: uppercase; color: #FFF; background:#e41d30; white-space: nowrap;}
.product-list-item img{margin: 0 auto;}
.product-list-item .was{color: #818181; font-style: italic;}
.product-list-item .price{color: #e41d30; font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 22px; margin: 0;}
.product-list-item .product-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none; }
.product-list-item .product-hover .red-btn{ font-size: 18px; color:#FFF; line-height: 18px; text-align: center; text-transform: uppercase; padding: 10px; width: 140px; background: #e41d30; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -80px;}
.product-list-item .product-image{}
.product-list-item .product-info{position: relative; bottom: 0; padding: 10px;}
.product-list-item .product-icons{position: absolute; left: 5px; top: -47px;}
.product-list-item .product-icons img{display: inline;}

.product-list-cta{margin: 0 20px;width: 47.2%; min-height: 316px;position: relative;}
.product-list-cta .box{position: absolute; bottom: 5px;  padding: 20px;}
.product-list-cta h2{color: #fff; z-index: 100; font-size: 31px; font-family: 'Playfair Display', serif; font-weight: 600;}
.product-list-cta .sub-title{font-family: "PT Sans", sans-serif; font-weight: 600; font-size: 14px;  color: #fff; margin-top: 10px; }
.product-list-cta .white{color: #fff;}

.product-col .product-image{width: 30%; overflow: hidden; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.product-col .detail-section{width: 50%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 0 30px 0 20px;}
.product-col .product-related{width: 20%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.product-col .product-image .left-cta{width: 150px; display: inline-block; margin: 0 0 10px 0; vertical-align: top;}
.product-col .product-image .left-cta:first-child{margin-right: 10px;}

    /*--- Product Image Gallery ---*/
.product-detail .product-image .img-responsive{margin-bottom: 20px;  margin-top: 10px; border: 1px solid #EDEDED;}
.product-detail .product-image .img-responsive img{height: auto !important;}
.product-detail .product-image .imgThumb{border: solid 1px #ececec;}
.product-detail .product-image .product-thumbs{margin: 10px 0; list-style: none; padding: 0;}
.product-detail .product-image .product-thumbs a{float: left; margin: 0 6px 6px 0; display: block; padding: 2px; border: 1px solid #FFF; cursor: pointer;}
.product-detail .product-image .product-thumbs a:hover{border: 1px solid #bbb;}
.product-detail .product-image .product-thumbs a.active{border: 1px solid #999;}
.product-detail .product-image .product-thumbs a img{height: 52px;}

.zoom {
    display:inline-block;
    position: relative;
}

/* magnifying glass icon */
.zoom:after {
    content:'';
    display:block;
    width:33px;
    height:33px;
    position:absolute;
    top:0;
    right:0;
    background:url(../icon.html);
}

.zoom img {
    display: block;
}

.zoom img::selection { background-color: transparent; }

.product-slider{float: left;    width: 90%;    position: relative;}

/*--- Product Detail Section ---*/
.product-detail .detail-section{-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; font-size: 16px;}
.product-detail .detail-section h2{color: #383838;}
.product-detail .detail-section .prod-sale{display: inline-block; vertical-align: center; padding: 6px 12px; font-size: 14px; font-weight: bold; line-height: 14px; text-transform: uppercase; color: #FFF; background:#e41d30; z-index: 10;white-space: nowrap;}
.product-detail .detail-section .was{display: inline-block; vertical-align: center; color: #818181; font-style: italic;}
.product-detail .detail-section .product-price{color: #e41d30; font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 30px; margin: 25px 0 5px; }
.product-detail .detail-section .product-price .msrp{font-family: "PT Sans", sans-serif; font-size: 16px; color: #818181; font-style: italic; text-transform: none; padding-left: 20px; font-weight: normal;}
.product-detail .detail-section .affirm-as-low-as{font-weight: bold;}
.product-detail .detail-section .affirm-modal-trigger{font-weight: normal; font-size: 12px; padding-left: 5px;}
.product-detail .detail-section .qty{float: left; margin: 15px 15px 0 0;}
.product-detail .detail-section .qty label{margin: 10px 10px 0 0;}
.product-detail .detail-section .product-option{background: #f7f4f1; padding: 15px 20px;}
.product-detail .detail-section .product-option .add-to-cart{padding: 5px 10px; margin-left:10px; cursor: pointer; border:none; border-radius: 2px; color: #fff; font-family: "PT Sans", sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase;}
.product-detail .detail-section .product-option .add-to-cart:hover{ }
.product-detail .detail-section .product-option .add-to-cart img{float: left; margin:2px 10px 2px 0;}
.product-detail .detail-section .product-option .add-to-cart span{margin-top: 7px; margin-right: 2px;display: block; float: left;}
.product-detail .detail-section  #add-to-wishlist{color:#0072BC; clear: both;}
.product-detail .detail-section  #add-to-wishlist:hover{color:#00b3ee;}
.product-detail .detail-section .product-option input{border: solid 1px #ddd; padding: 10px; text-align: center;}
.product-detail .detail-section .product-option select{border: solid 1px #ddd; padding: 10px; text-align: center;}
.product-detail .detail-section .product-option label{font-weight: normal; float: none;}
.product-detail .detail-section .product-option .col{margin-top: 5px; margin-right: 10px; margin-bottom: 12px;}
.product-options .option{ margin-bottom: 10px;}

.product-detail .detail-section .addqb{ font-weight: bold; font-style: italic; color: #e41d30; cursor: pointer;}

.product-detail #allvs, .product-detail #allvs_list a{font-size: 11px; white-space: nowrap;}
.product-detail #allvs:hover, .product-detail #allvs_list a:hover{ color:#00b3ee;}
.product-detail #allvs_list{padding-bottom: 20px;}
.product-detail #allvs_list div{padding: 5px; border-bottom: 1px dashed #ccc;}

.detail-stars strong{display: inline-block; vertical-align: middle;}
.detail-stars span{display: inline-block; vertical-align: middle;}
.detail-stars .star-hold img{display: block;}

.ftd-review{text-align: center; padding: 15px 10px; background: #ededed;}
.ftd-review .star{display: inline-block;}

.product-additional{background: #e9f0fa; clear: both; padding: 40px 0;}
.product-additional .product-tabs{}
.product-additional .product-tabs .ptab{background: #212121; color: #FFF; font-size: 14px; text-transform: uppercase; padding: 10px 10px; display: block; float: left; margin-right: 1px; cursor: pointer; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.product-additional .product-tabs .ptab:hover{background: #000;}
.product-additional .product-tabs .ptab.active{background: #e41d30;}
.product-additional .product-details{clear: both; border-top:4px solid #e41d30; background: #FFF; padding: 40px;}
.product-additional .product-details .pdetail{display: none;}

.product-additional .reviews{margin: 0; padding: 0;}
.product-additional .reviews .review-media{margin: 20px 0 0;}
.product-additional .reviews .rthumb{display: block; float: left; margin: 0 5px 5px 0;}
.product-additional .reviews li{border-top: dashed 1px #e5e5e5; padding: 6px; list-style: none;}
.product-additional .reviews li:first-child{border-top: none;}
.product-additional .dropdown-info{display:none;padding: 10px 0; font-size: 12px; color: #656565;}
.product-additional .rating-box input{margin: 3px 3px 0 10px;}
.product-additional .downloads{margin: 0; padding: 0;}
.product-additional .downloads li{border-top: dashed 1px #e5e5e5; padding: 10px 6px; list-style: none;}
.product-additional .downloads li:first-child{border-top: none;}

.product-related{background: #FFF; position: relative; padding:0 0 20px;}
.product-related .ltblue-down-arrow{width: 0; height: 0; position: absolute; top:0; left: 50%; margin-left: -10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #e9f0fa;}

/*--- Rating Section --*/
.rating-box input{width: auto;}
.additional-item .dropdown-info .col{margin-top: 10px;}
.additional-item .dropdown-info .teal-btn{margin-top: 10px; }

/*--- Shopping Cart ----*/
.shopping-cart .cart-table{width: 100%;}
.shopping-cart .cart-table .title{background: #E9F0FA; }
.shopping-cart .cart-table .title td{padding: 10px; font-weight: 700;}
.shopping-cart .cart-table .item-row{border-bottom: solid #e6e6e6 1px;}
.shopping-cart .cart-table .item-row .minus{display: block; padding: 12px 8px; border: solid #eee 1px; width: 15px; margin: 0 auto;}
.shopping-cart .cart-table .item-row .minus span{height: 4px; background: #E41D30; display: block;}
.shopping-cart .cart-table .item-row td{padding: 20px}
.shopping-cart .cart-table .item-image{float: left; margin-right: 20px; border: solid 1px #e6e6e6; padding: 5px; }
.shopping-cart .cart-table .item-row .item-info h4{ font-weight: normal;  }
.shopping-cart .cart-table .item-row .item-info span{font-size: 12px;}
.shopping-cart .cart-table .item-row input{text-align: center;width: 100%;}
.shopping-cart .cart-table .item-row .update-link{background: none; border: none; text-decoration: underline; cursor: pointer; font-size: 11px; min-width: 50px; width: 100%;}
.shopping-cart .cart-table .item-row .icon{color: #ac160d; font-weight: bold;}
.shopping-cart .cart-table .title .thead-col{border-left:solid 1px #fff; width: 5%; text-align: center;}
.cart-table .strike{color: #818181; font-style: italic; text-decoration: line-through;}
.cart-table .sp{color: #ac160d; font-weight: bold;}

.shopping-cart .sub-total{padding: 20px 0; background: #E9F0FA; margin-top: 20px;display: inline-block;    width: 100%; text-align: right;}
.shopping-cart .sub-total h4{padding: 0;}
.shopping-cart .checkout-option h4{color: #fff; padding: 0;}
.shopping-cart .sub-total span{font-size: 11px;}
.shopping-cart .sub-total .right{margin-right: 130px;}

.shopping-cart .checkout-option{width: 100%; margin: 20px 0 60px;}
.shopping-cart .checkout-option .checkout{color:#FFF; font-size: 20px; text-align: center; line-height: 20px; background: #233145 url("../svg/cart.svg") center left 45px no-repeat; padding:25px 45px 25px 85px;}
.shopping-cart .checkout-option .checkout:hover{background-color:#0873ba;}

.shopping-cart .discount-box{padding: 20px; background: #f6f6f6; margin-bottom: 10px; border: 1px solid #e1e1e1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.shopping-cart .discount-box .default-value{width: 184px; float: left; font-size: 14px; line-height: 1em; color: #555; padding: 10px;}
.shopping-cart .discount-box .btn{float: right; padding: 12px 11px; border: 0; border-radius: 0;}
.shopping-cart .discount-box .btn:after{border-radius: 0; background: #333;}
.shopping-cart .discount-box .remove{color: #ac160d;}

.affirm-logo{text-align: center; margin-top: 20px;}
.affirm-logo img{display: inline-block; max-width: 120px;}
.affirm-logo small{line-height: 1.4em; display: block;}

.cart-hold{position: relative; min-height: 680px;}
.cart-hold .cart-left{padding-right: 320px;}
.cart-hold .cart-right{position: absolute; top:0; right:0; width: 300px;}
.cart-hold .cart-right .stitle{background: #E9F0FA; color: #000; padding: 10px; font-weight: 700; margin-bottom: 10px;}
.cart-hold .cart-right p{padding-bottom: 15px;}

/*--- Checkout Section ----*/
.checkout{}
.checkout .section-title{ margin: 10px 0; }
.checkout .section-title h4{ font-size: 14px;  padding: 20px 20px; background: #e9f0fa; }
.checkout .section-title h4.waterfallDark{background: #0873ba url("../png/check-w.png") center right 20px no-repeat; color:#FFF;}
.checkout .login{padding: 0; margin: 20px 0;}
.checkout .option-box{padding: 20px 0;}
.checkout .option-box:first-child{border-right: solid 1px #e5e5e5; }
.checkout .option-box{width: 42%; padding-left: 2%; }

.checkout .login h2{font-size: 24px; font-family: "PT Sans", sans-serif; font-weight: bold;}
.checkout .login .form-group{margin: 20px 0;}
.checkout .login .icon{margin-right: 10px; }
.checkout .login input{border: 1px solid #e5e5e5; padding: 10px; width: 70%;}
.checkout .login .signin{font-size: 16px;}
.checkout .login button{margin-top: 20px; font-size: 12px; padding: 15px;}
.checkout .control-label{width: 70%;}
.checkout .shipping-method input{width:5%;}
.checkout .teal-btn{font-size: 12px;}
.checkout .dark-btn{font-size: 12px;}

label.inline {float: none; cursor: pointer;}

/*---Checkout Cart ---*/
.checkout .cart-table{width: 96%;    margin: 15px 2%;}
.checkout .cart-table .title{background: #f6f6f6; }
.checkout .cart-table .title td{padding: 10px; font-weight: 700;}
.checkout .cart-table .item-row{border-bottom: solid #e6e6e6 1px;}
.checkout .cart-table .item-row td{padding: 20px}
.checkout .cart-table .item-image{float: left; margin-right: 20px; border: solid 1px #e6e6e6; padding: 5px; }
.checkout .cart-table .item-row .item-info h4{ font-weight: normal;  }
.checkout .cart-table .item-row .item-info span{font-size: 12px;}
.checkout .cart-table .item-row input{text-align: center;width: 100%;}
.checkout .cart-table .item-row .update-link{background: none; border: none; text-decoration: underline; cursor: pointer; font-size: 11px; width: 100%;}
.checkout .cart-table .item-row .icon{color: #ac160d; font-weight: bold;}
.checkout .cart-table .title .thead-col{border-left:solid 1px #fff; width: 5%; text-align: center;}

.checkout .sub-total{padding: 20px 0; background: #f6f6f6; margin-top: 20px;display: inline-block;    width: 100%; text-align: right;}
.checkout .sub-total h4{padding: 0;}
.checkout .checkout-option h4{color: #fff; padding: 0;}
.checkout .sub-total span{font-size: 11px;}
.checkout .sub-total .right{margin-right: 130px;}

.checkout .cart-totals{background: #f6f6f6; padding: 20px 0; }
.checkout .cart-totals .right{margin-right:10px;text-align: right;}
.checkout .cart-totals table td{padding-right: 10px;}
.checkout .methods {margin-top: 30px;}
.checkout .methods .backorder-msg{margin:0 0 30px; padding: 20px 20px 5px; background: #E9F0FA; border: 2px solid #0873BA; font-size: 18px; font-weight: bold; text-align: center; color: #0873BA; line-height:30px;}
.checkout .method-type{ margin-bottom: 10px;}
.checkout .method-type input { width: 15px;}
.check-left{width: 76%; float: left;}
.check-right{width: 22%; float: right;}

.summary-box{background: #f7f4f1; padding: 20px; margin: 10px 0;}
.summary-box h2{color: #383330; font-size: 18px; line-height: 1.6em;}
.summary-box .panel .panel-heading{margin: 10px 0;}
.summary-box .panel .panel-heading span{font-weight: bold; }
.summary-box .panel .panel-heading a{color: #AC160D;}

.summary-box .promo-hold{padding: 0 0 15px; clear:both; }
.summary-box .promo-hold p{line-height: 1.3em; padding-bottom: 10px;}
.summary-box .promo-hold .field-hold{position: relative; max-width: 300px; margin: 0 auto;}
.summary-box .promo-hold .field-hold input{padding: 8px 60px 8px 5px;}
.summary-box .promo-hold .btn{position: absolute; top:2px; right:2px; border: none; padding: 10px; font-size: 12px; line-height: 12px;}
.summary-box .promo-hold .remove{color: #ac160d;}

/*---Related Products ---*/
.related_products{margin: 20px 0;}

/*---Recent Orders ---*/
.recentOrders .cart-table{width: 100%;    margin: 15px 0;}
.recentOrders .cart-table .title{background: #f6f6f6; }
.recentOrders .cart-table td{padding: 10px;}
.recentOrders .cart-table .title td{padding: 10px; font-weight: 700;}

.recentOrders .cart-table .item-row{border-bottom: solid #e6e6e6 1px;}
.recentOrders .cart-table .item-row td{padding: 20px}
.recentOrders .cart-table .item-image{float: left; margin-right: 20px; border: solid 1px #e6e6e6; padding: 5px; }
.recentOrders .cart-table .item-row .item-info h4{ font-weight: normal;  }
.recentOrders .cart-table .item-row .item-info span{font-size: 12px; white-space: nowrap;}
.recentOrders .cart-table .item-row input{text-align: center;width: 100%;}
.recentOrders .cart-table .item-row .update-link{background: none; border: none; text-decoration: underline; cursor: pointer; font-size: 11px; width: 100%;}
.recentOrders .cart-table .item-row .icon{color: #ac160d; font-weight: bold;}
.recentOrders .cart-table .title .thead-col{border-left:solid 1px #fff; width: 5%; text-align: center;}
.recentOrders .cart-table .item-row .minus{display: block; padding: 12px 8px; border: solid #eee 1px; width: 15px; margin: 0 auto;}
.recentOrders .cart-table .item-row .minus span{height: 4px; background: #E41D30; display: block;}
.cart-table .item-row .item-info .option{margin-bottom: 10px;}


.dashboard-box{background: #f6f6f6; padding: 10%; border: 1px solid #e5e5e5; margin-bottom: 30px;}
.dashboard-box h2{color: #383330; font-size: 18px;}
.dashboard-box .panel .panel-heading{margin: 10px 0;}
.dashboard-box .panel .panel-heading span{font-weight: bold; }
.dashboard-box .panel .panel-heading a{color: #AC160D;}
.dashboard-box .panel .panel-body span{font-size: 12px; padding: 0 5px;}

.dashboard-box .account-nav{list-style: none; margin: 0 0 20px; padding: 0;}
.dashboard-box .account-nav li{padding:10px 5px; border-bottom: 1px dashed #CCC;}
.dashboard-box .account-nav li:first-child{padding-top:0;}
.dashboard-box .account-nav li a{display: block;}

/*--- Quick Buy ---*/
#qb_table h6{display: none;}

/*---Login Page Section ---*/
.login-box{border: solid 1px #e5e5e5; padding: 20px; background: #f6f6f6; margin-bottom: 20px;}
.login-box .col{}

/*--- Checkout Responsiveness ----*/

.login-box .signin{margin:20px 0 15px;float: right; width: 100%;}
.login-box .signin button, .login-box .signin a{  min-width: 180px; display: block;}
.login-box .action-btns{width: 78%;}

.login-box .dark-btn{margin: 20px 0; float: right;}

/*---Forgot Page Section ---*/
.forgot-box{border: solid 1px #e5e5e5; width: 75%; float: none; margin: 0 auto; padding: 10px 2%; background: #f6f6f6;}

/*---Create Page Section ---*/
.create-box{border: solid 1px #e5e5e5; width: 75%; float: none; margin:30px auto; padding: 10px 2%; background: #f6f6f6;-webkit-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    -moz-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);}

/*---Create Page Section ---*/
.standard-box{border: solid 1px #e5e5e5; float: none; margin: 0 auto; padding: 10px 2%; background: #f6f6f6;-webkit-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    -moz-box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);    box-shadow: 0px 2px 1px 0px rgba(246,246,246,1);}

/*-- Pagination --*/
.pgn-right{clear: both; float: right;margin: 25px 0; font-size: 13px;}
.pagination{ list-style: none; padding: 0; display: inline; }
.pagination li{display: inline; }
.pagination li a, .pagination li span{padding: 0 6px; border-left: 1px solid #CCC;}
.pagination li:first-child a{border-left:none;}
.pagination li a:hover{color: #0072BC;}
.pagination li.disabled{display: none;}
.pagination li.active{font-weight: bold;}


.account-icon{float: left; font-size: 20px;display:none;}

/*--- News List Section ---*/
.ctg-block .ctg-head{font-size: 24px; line-height: normal; text-transform: uppercase; color: #a4c5f4; font-weight: bold; background: #192537; padding: 10px 15px;}
.ctg-block .ctg-links{padding: 15px 15px 30px; background: #FFF;}
.ctg-block .ctg-links a{display: block; color: #000;}
.ctg-block .ctg-links a:hover{color:#B81827;}

.news-item{background:#192537; color:#FFF; text-align: center;}
.news-item .news-menu{text-align: left;}
.news-item .block-hold{padding: 20px;}
.news-item .news-date{text-transform: uppercase; padding-bottom: 20px;}
.news-item .news-title{font-size: 21px; line-height: 30px; color: #a4c5f4; padding-bottom: 20px;}
.news-item .news-summary{line-height: 29px; padding-bottom: 5px;}
.news-item .news-image{ border-bottom: 4px solid #e41d30;}
.news-item .news-image img{display: block; width: 100%;}
.news-item .more{text-transform: uppercase; font:bold 14px/14px 'Montserrat', Arial, Helvetica, sans-serif; color: #e41d30;}
.news-item .more:hover{color:#ee1428;}

.comments{margin: 0; padding: 10px;}
.comments li{padding: 10px 15px; border-left: 5px solid #e41d30; list-style: none; margin:0 0 15px; background: #F6F6F6;}

.search-blog{ display: inline-block; width: 320px; position: relative; margin-bottom: 10px; }
.search-blog .search-field{background: transparent;  padding: 10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;}
.search-blog button{background: #E41D30 url("../png/icon-search-trans.png") center center no-repeat; border:none; background-size: 66% auto; color: #FFF; position: absolute; right:0; top: 0; width:40px; height: 40px; }
.search-blog button:hover{cursor: pointer; background-color: #B81827;}

/*--- Team List Section ---*/
.team-item{  text-align: center;}
.team-item a{display: block;background: #000; color: #FFF;}
.team-item .team-name{ padding: 20px 15px; font-size: 18px; line-height: normal;}
.team-item .team-image{position: relative;}
.team-item .team-image img{display: block;}
.team-item .team-image .team-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none; }
.team-item .team-image .team-hover .red-btn{ font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; padding: 10px; width: 120px; background: #e41d30; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -70px;}
.team-item a:hover .team-image .team-hover{display: block;}

.team-bio .bio-image{float: left; margin: 4px 15px 10px 0;}
.team-bio .bio-image img{display: block;}

/*--- Pro Racing Section ---*/
.content-tabs{margin-top: 20px;}
.content-tabs .ctab{background: #212121; color: #FFF; font-size: 16px; text-transform: uppercase; padding: 20px 40px; display: block; float: left; margin-right: 3px; cursor: pointer;}
.content-tabs .ctab:hover{background: #000;}
.content-tabs .ctab.active{background: #e41d30;}
.tab-details{clear: both; border-top:4px solid #e41d30; background: #FFF; padding: 30px 20px;}
.tab-details .tdetail{display: none;}


/*--- Photo Album List Section ---*/
.pa-item{  text-align: center;}
.pa-item a{display: block;background: #000; color: #FFF; cursor: pointer;}
.pa-item .pa-name{ padding: 20px 15px; font-size: 18px; line-height: normal;}
.pa-item .pa-image{position: relative;}
.pa-item .pa-image img{display: block; width: 100%;}
.pa-item .pa-image .pa-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none; }
.pa-item .pa-image .pa-hover .red-btn{ font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; padding: 10px; width: 120px; background: #e41d30; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -70px;}
.pa-item a:hover .pa-image .pa-hover{display: block;}

.thumbs-gallery{margin: 0 0 40px; padding: 0; list-style: none;}
.thumbs-gallery li { width: 100px; height: 100px; display: block; float: left;  margin-right: 6px;  margin-bottom: 6px; cursor: pointer;}
.thumbs-gallery li a img { max-width: 100px;  vertical-align: middle; }

.page-vid{max-width: 650px; margin: 0 auto 50px;}

#sort-filter{ float:left; }
#sort-filter label{float:left; margin:11px 10px;}
#sort-filter #sort-by{width:auto;}

/* ----Form Inputs ----*/
fieldset{padding: 20px;}
input, textarea, select {vertical-align: inherit;border: 1px solid #e5e5e5;    padding: 11px 6px; width: 100%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
label{font-weight: bold; float: left;}
.right{float: right}
.left{float: left;}

.checkout fieldset .row, .form-horizontal .row, .leave-review .row{padding-bottom:20px;}
.row .col .block{padding:15px; background: #FFF; border: 1px solid #CCC; font-size: 14px;}
.helper{padding:5px 0 0 5px; font-size:11px; line-height: 1.6em; color:#777;}

.mobile-top-nav{display: none;}

/*--- popup layout -- */
#popup-hold{position: fixed; top:0; left:0; width:100%; height: 100%; background: #000; background: rgba(0,0,0,0.8); z-index: 999; color: #FFF; display: none;}
.pop-container{max-width: 720px; display: block; /*-- background: #000 url('../images/structure/bg-popup.jpg') center no-repeat; background-size:cover; border: 2px solid #E41D30;--*/  margin: 100px auto 0;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pop-container .newsletter-signup{padding: 40px 40px 30px; text-align: center; position: relative;}
.pop-container .newsletter-signup .close-tag{color:#B5D4FF; font-style: italic; font-size: 18px; }
.pop-container .newsletter-signup .close-x{position: absolute; top:6px; right: 12px; color: #FFF; font-size: 25px;}
.pop-container .newsletter-signup h2{font-size: 52px; padding-bottom: 30px;}
.pop-container .newsletter-signup h2 span{color:#AEC3DE; font-size: 86px;}
.pop-container .newsletter-signup .sep-line{height:4px; width: 160px; margin: 0 auto 30px; background:#AEC3DE; }
.pop-container .newsletter-signup h3{text-transform: uppercase; font-size: 24px;}
.pop-container .newsletter-signup select, .pop-container .newsletter-signup input{background: rgba(0,0,0,0.6); color: #ddd; border: 1px solid #555;}

/* -- Responsive YouTube Embed -- */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*-- Responsiveness Media Queries -- */
@media (max-width: 1400px) {
    .container{width: 96%;}
    #navigation{margin-left: 10px;}
    #navigation ul li.level_1 a{padding: 55px 15px 10px;}
    #header #head-tbl .head-left{display: none;}
    #header #head-tbl .head-right{display: none;}
    .product-additional .product-tabs .ptab, .content-tabs .ctab{padding: 8px;}
    #marketing .panel-caption .cap-vid{margin-bottom: -90px !important;}
}

@media (max-width: 1224px) {
    #navigation ul li.level_1 a{padding: 55px 8px 10px;}
    .my-account span{display:none;}
    .account-icon{display: block;}
    #footer .links{float: none; padding-top: 40px; clear: both;}
    #footer{padding-bottom: 40px}
    #header .action-bar #vfilters{margin: 20px 120px 0 0;}
    #header .action-bar #vfilters .vtitle{font-size: 14px; padding-top: 8px;}
    #header .action-bar #vfilters .vgo .btn{ padding: 8px 6px;}
    #header .action-bar #vfilters .vf{margin-top: 1px;}
    #marketing .panel-caption .cap-vid{margin-bottom: -80px !important; max-width: 540px !important;}
    .featured-ferodo{background: #000;}
    .featured-ferodo .ff-hold{border-left: 0; border-right: 0;}
}

@media (max-width: 1080px) {
    #marketing{min-height: 0;}
    #marketing .panel-caption h2{font-size: 48px; line-height: normal; padding-bottom: 0;}
    #marketing .panel-caption h3{font-size: 32px; line-height: normal; padding-bottom: 0;}
    #marketing .controls{margin-top: 10px;}
    #marketing .home-nav{display: none;}
    #marketing .marketing{margin-left: 0;}
    #header .top-nav{display: none;}
    #header .action-bar{height: 50px;}
    #header .head-hold{height: 60px;}
    #header .action-bar .head-search{width: 50px; background-size: 30px;}
    #header #head-tbl .head-center{height:114px; padding-left:0;}
    #header .action-bar .head-search-form{left:0;}
    #marketing{margin: 114px 0 0;}
    #header #logo{padding: 10px 15px;width: 85px; height: 94px;   z-index: 99;}
    #header #logo img{display: block;}
    #navigation{display: none;}
    #header .mobile-trigger{display: block;}
    #header .mobile-top-icons .mcart{ display:block;}
    #header .mobile-top-icons .maccount{ display: block;}
    #header .action-bar #vfilters{margin: 9px 80px 0 0;}
    #header .action-bar #vfilters select{padding: 5px 45px 5px 8px;}
    #header .action-bar #vfilters .vtitle{padding-top: 5px;}
    #header .action-bar #vfilters .vclear{padding-top: 4px;}
    #header .action-bar #vfilters .vgo .btn{ padding: 5px 4px;}
    #header .action-bar #vfilters .vf{margin-top: 0px;}
    #lead{margin:64px 0 0; padding-top: 50px;}
    #lead-img{margin:64px 0 0;}
    .grid-sizer { width: 47.5%; }
    .brick{width:47.5%; margin-bottom: 20px;}
    .product-additional .product-tabs .ptab, .content-tabs .ctab{padding: 6px 6px; font-size: 11px;}
    .head-search p { display: none; }
    .product-col .product-image{width: 100% !important; float: none; padding-bottom: 20px;}
    .product-col .detail-section{width: 60%; float: left; padding: 0 30px 0 0;}
    .product-col .product-related{width: 40%; float: left;}
    .cart-hold{position: relative; min-height: 0;}
    .cart-hold .cart-left{padding-right: 0; float: none;}
    .cart-hold .cart-right{position: static; float: none; width: 100%; margin-top: 30px;}
    .cart-hold .cart-right .stitle{display: none;}
    .cart-hold .cart-left.after{clear: both;}
    .shopping-cart .discount-box{width: 300px; margin: 0 auto 30px;}
    .shopping-cart .checkout-option .checkout{max-width: 170px; margin: 0 auto;}
    .shopping-cart .checkout-option{margin-bottom: 10px; float: none; text-align: center;}
    .shopping-cart .checkout-option .left{float: none; display: inline-block; vertical-align: middle;}
}

@media (max-width: 980px) {
    #content .content-left{width: 28%; float: left;}
    #content .content-right{width: 72%; float: right;}
    .checkout fieldset .row{margin-bottom:0; padding: 0;}
    .checkout fieldset .row .col{margin-top:10px; margin-bottom:10px;}
    .row .col.split {margin-left:0; clear:both !important;}
    .row .col{margin-bottom: 20px;}
    .row .half,  .row .third_2, .row .fourth_2, .row .fourth_3, .row .fifth_3, .row .fifth_4{width:100%; margin-left:0;}
    .row .fourth, .row .third, .row .third{width:49%;}
    .row .fifth{width:32%;}
    .row .fifth_2{width:66%;}
    .row .third.split{margin: 0 auto; float: none;}
    .col .product-list-item{width:49%;}
    .sort-bar .dropdown{width: 120px !important;}
    .sort-bar .filter-section{width:350px; }
    .sort-bar .sort-section{width:190px; }
    .featured_products .wysiwyg{padding: 0 20px;}
    #header .action-bar #vfilters .vtitle{display: none;}
    #header .action-bar #vfilters .vclear span{display: none;}
    #header .action-bar #vfilters{margin: 9px 60px 0 0;}
    #marketing .panel-caption .cap-vid{margin-bottom: -60px !important; max-width: 420px !important;}
}

@media (max-width: 890px) {
    .product-additional .product-tabs .ptab, .content-tabs .ctab{border-radius: 0 !important; margin-bottom: 1px;}
}

@media (max-width: 790px) {
    .search{width:100%; position: relative;}
    .search .search-pad{padding: 0;}
    .my-account span{display:none;}
    .check-left{width: 65%;}
    .check-right{width: 33%;}
    .cta-full .bg-img-right{left: 0; opacity: 0.15; filter: alpha(opacity=15);}
    .cta-full .bg-img-left{right: 0; opacity: 0.15; filter: alpha(opacity=15);}
    .cta-full .arrow{display: none !important;}
    .cta-full .info-left{width: 100%; padding: 40px 20px;}
    .cta-full .info-right{width: 100%; padding: 40px 20px; left: 0;}
    #content.home .wysiwyg{padding: 20px 20px 0;}
    #marketing .overlay{bottom: 20px;}
    #header .action-bar #vfilters{z-index: 9; display: block;}
    #header .action-bar #vfilters select{width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #header .action-bar #vfilters .vtitle, #header .action-bar #vfilters .vclear{display: block; float: none; margin-bottom: 5px;}
    #header .action-bar #vfilters .vclear span{display: inline;}
    #header .action-bar #vfilters{position: absolute; right: 0; top: 50px; margin:0; background: #233145; padding: 10px; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #header .action-bar #vfilters .vf{float: left; margin: 5px 1%; width: 48%; background-color: rgba(0,0,0,0.35);}
    #header .action-bar #vfilters .vgo{float: right; margin-right: 1%;}
    #header .action-bar #vfilters .vtitle, #header .action-bar #vfilters .vclear{position: absolute; left: 10px; bottom: 10px; padding: 0; margin: 0 0 0 1%;}
    #header .action-bar .mobile-select{display:none;}
    #content .content-left{width: 100%; float: none;}
    #content .content-left .menu-side{display: none; padding: 0 30px 20px 0;}
    .side-trigger{display: block;}
    .side-nav, .customer-nav{display: none;}
    #content .content-right{width: 100%; float: none; padding: 0;}
    #content .content-hold{padding: 10px 0 40px;}
    .product-col .detail-section{width: 100% !important; float: none; padding-bottom: 20px;}
    .product-col .product-related{width: 100% !important; float: none; padding-bottom: 20px;}
    .related-item{margin: 0 10px;}
    .mshow{display: block;}
    .mhide{display: none;}
    #header .action-bar .mphone{ display: block;}
    .forgot-box, .create-box{width: auto;}
    #qb_table h4{font-size: 14px; line-height: 20px;}
    #marketing {margin: 235px 0 0;}
    #marketing .panel-caption .cap-vid{margin-bottom: -60px !important; max-width: 380px !important;}
    #marketing .marketing{border: 0;}
    .home-ctas{padding: 0 10px 15px;}
    #popup-hold .pop-container{max-width: 96%;}
    .featured-videos .fv-items{padding-bottom: 0;}
    .featured-videos .fv-hold{float: none; display: block; width: auto; max-width: 480px; margin: 0 auto 30px;}
    #lead-img, #lead {margin: 235px 0 0; padding: 0;}
    .head-search {display: none;}
    #header .action-bar .head-search{display: none;}
}

@media (max-width: 610px) {
    .sort-bar .dropdown{width:100% !important; float: none; padding-left: 10px !important; padding-right: 10px !important;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .sort-bar .sort-section{width: 100%;}
    .sort-bar label{margin-left: 5px; float: none;}
    .sort-bar .filter-section{width: 100%}
    .login-box{width:90%;}
    .related-title{width: 90%;}
    .checkout-option a{width: 300px; margin: 5px auto; display: block;}
    .row .col{margin-left:0; clear:both !important; width: 100% !important;}
    .row .third, .row .fourth{margin:10px 0;}
    .row .third.split{margin:10px 0; float: left;}
    .check-left{width: 100%; float: none;}
    .check-right{width: 100%; float: none;}
    #footer .links ul{float: none; text-align: center; padding-bottom: 20px; margin-right: 0;}
    #footer{padding-bottom: 20px}
    .signup{float: none; width: 104%; margin-left: -2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #footer .contact{float: none; margin-right: 0; padding-top: 40px; text-align: center;}
    #footer .social ul{float: none;}
    #footer .social li{float: none; display: inline-block; margin: 5px;}
    h1{font-size: 34px; line-height: normal;}
    h2{font-size: 28px; line-height: normal;}
    .search .search-hold label{display: none;}
    .search .search-field{padding: 10px 10px 10px 0;}
    #marketing .controls{display: none;}
    #marketing .panel-caption h2{font-size: 30px; line-height: normal; padding-bottom: 0;}
    #marketing .panel-caption h3{font-size: 20px; line-height: normal; padding-bottom: 0;}
    .search .search-hold{padding: 5px 10px;}
    .search button, .search button:hover{width: 50px;background-size: 30px;}
    .search button p{display: none;}
    #header .action-bar .head-search-form .search-entire{padding: 10px;}
    .grid-sizer { width: 97%; }
    .brick{width:97%; margin-bottom: 20px;}
    .product-additional .product-details{padding: 20px 15px;}
    .product-additional .product-tabs .ptab, .content-tabs .ctab{padding: 10px 10px; display: block; float: none; width: 100%; margin-right: 0;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size: 14px;}
    #qb_table h4{clear: both;}
    #popup-hold{display: none !important;}
    .featured-ferodo .ff-hold{padding: 10px 15px 0;}
    .home-ctas{padding-bottom: 0;}
    .home-ctas .home-cta, .home-ctas .home-cta:first-child{width: auto; max-width: 450px; float: none; margin: 0 auto 15px;}
    .affirm-logo{float: none; margin: 20px auto 0;}
}
@media (max-width: 500px) {
    #qb_table thead{display: none;}
    #qb_table h6{display: block; float: left;}
    #qb_table tr, #qb_table td{display: block; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: right !important;}
    #qb_table td .item-info{text-align: left;}
    #qb_table .item-row .minus{margin: 0 !important; float: right !important;}
    #marketing .panel-caption .cap-vid{margin-bottom: -60px !important; max-width: 80% !important;}
}

@media (max-width: 400px) {
    #sub-footer{text-align: center;}
    #sub-footer a{display: block; padding: 5px; text-align: center;}
    .cta-full .btn{padding: 18px;}
    #marketing .panel-caption h2{font-size: 24px; line-height: normal; padding-bottom: 0;}
    #marketing .panel-caption h3{font-size: 16px; line-height: normal; padding-bottom: 0;}
    input.default-value{font-size: 11px;}
    #header .action-bar #vfilters{margin-right: 0;}
    .item-list .item .item-image{float: none; width: 100%; margin-bottom: 20px;}
    .item-list .item .item-image img{width: 100%; display: block;}
    .item-list .item .info{padding-left: 0 !important;}
    .btn.add-to-cart{padding: 24px 30px;}
    .product-additional .product-tabs .ptab, .content-tabs .ctab{font-size: 12px;}
    .featured_products .btn, #ftd-news-blog .btn{width: 100%; padding: 18px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #marketing .panel-caption .cap-vid{margin-bottom: -60px !important; max-width: 94% !important;}
    .search-blog{width: 100%;}
}