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

@import "reset.css";
@import "global.css";
@import "../../../admin/css/linearicons.css";

body{ font: normal 16px/1.8em 'Poppins', Arial, Helvetica, sans-serif; color: #212121; background: #eeeeee;}
.loader { background: #007BFE url(../images/loading.gif) no-repeat center center; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; background-size: auto 400px;}
a{color: #D8783E;
    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{text-decoration:none; color: #ff702a;}

figure{margin: 0; padding: 0; display: block;}

/* ---Standard headers ---*/
h1 { font: bold 36px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
h2 { font: bold 30px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
h3 { font: bold 24px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
h4 { font: bold 20px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
h5 { font: bold 18px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }

/* --- General Layout Settings---*/
#wrapper{overflow: hidden; background: #FFF;}
.container { width : 1480px; padding: 0 20px; position : relative; margin : 0 auto;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header, #navigation, #content, #footer, #marketing {position : relative; display: block; clear: both;}
.ilb{display: inline-block; padding: 10px;}
.alert{background: #D70505; color:#FFF; font: normal 16px arial, sans-serif; padding: 8px 12px;; margin: 10px 0; border-radius: 3px; clear: both;}
.alert-success{background:#3e8f3e; color:#FFF; font: normal 16px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px}

.btn{font:600 14px/14px 'Poppins',Arial, Helvetica, sans-serif; color:#FFF !important; cursor:pointer; text-decoration:none; text-transform: uppercase; display:block; padding:15px 25px; background:#D8783E;}
.btn:hover{color: #FFF; background: #ff702a;}

.btn.ilb{display: inline-block; padding:15px 25px;}
.btn.small{display: inline-block; padding:10px 12px !important;}

.btn.light{background: #EEEEEE; color: #D8783E !important;}
.btn.light:hover{color: #D8783E; background: #DDD;}

.btn.white{background: #FFF; color: #D8783E !important;}
.btn.white:hover{color: #D8783E; background: #DDD;}

.btn.blue{background: #7CA1C2; color: #FFF !important;}
.btn.blue:hover{color: #FFF; background: #00619d;}


.btn.btn-checkout{padding: 20px 35px; background: #00619d; font-size: 18px; line-height: 18px; display: inline-block; float: none; margin-bottom: 10px;}
.btn.btn-checkout span{font-size: 18px !important;}
.btn.btn-checkout:hover { background: #1c87c9; color:#fff; }

.btn.btn-create{font-size: 18px; line-height: 1em;}
.btn.btn-create .icon{font-weight: bold;}

.btn.apply-code{font-size: 11px; font-weight: bold; padding: 10px 15px; background: #DDD; display: inline-block; margin-top: 10px;}

button.btn{border: 0;}



/*-- Responsiveness Base Structure -- */
.row{clear:both;}
.row .col{margin-left:2%; float:left; margin-bottom: 20px;}
.row .col:first-child{margin-left:0;}
.row .col.split_int{margin-left:0; clear: both;}
.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 ---*/
.top-bar{padding: 8px 0; background: #00619d; color: #FFF; font-size: 13px; font-weight: 500; line-height: 1.3em; position: relative; z-index: 11;}
.top-bar p{padding-bottom: 0;}
.top-bar .usa-flag{height: 20px; display: block; float: left; margin: 0 10px 0 0;}
.top-bar .top-message{margin-top: 2px;}
.top-bar .my-account{text-transform: uppercase; display: inline-block; vertical-align: top;color: #FFF; line-height: 1em; font-weight: bold; margin: 8px 15px 0 0;}
.top-bar .my-account:hover{color: #EEEEEE;}
.top-bar .my-account .icon{color: #FFF; font-size: 16px; padding-right: 10px;}
.top-bar .my-account .mlabel{display: none;}
.top-bar .start-here{position: absolute; top:0; right: 0; z-index: 5;}
.top-bar .start-here .btn.start{display: inline-block; vertical-align: top; font-size: 18px; font-weight: bold; line-height: 1em; padding: 20px 30px;}

#header{z-index: 10; background: #FFF; height: 100px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header #logo{max-width: 258px; padding: 15px 0; float: left;}
#header .top-nav { float : right;}
#header .hide-start{display: none; position: absolute; top:0; right: 0; height: 60px; line-height: 30px; padding: 15px 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header .mobile-menu{display: none; position: absolute; top:0; right: 0; width: 80px; height: 80px; padding: 28px 22px; background: #EEEEEE; cursor: pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header .mobile-menu .mline{width: 100%; height: 3px; margin-bottom: 8px; background: #444; display: block;}
#header .mobile-menu:hover{background: #e1e1e1;}

#header.sticky{position: fixed; top:0; left: 0; height: 60px; background: #FFF; z-index: 998; width:100%; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.25); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header.sticky .container{width: 100%;}
#header.sticky #logo{max-width: 184px; padding: 5px 0;}
#header.sticky .hide-start{display: block;}
#header.sticky #navigation{right: 170px; bottom: 6px;}

#navigation{z-index: 999; position: absolute; right:20px; bottom: 0;}
#navigation .nav-hold .close-btn{display: none;}
#navigation .nav-hold .mobile-start{display: none;}
#navigation ul{padding: 0; margin: 0; list-style: none;}
#navigation ul li.level_1{display: block; float: left; position: relative;}
#navigation ul li.level_1 a{padding: 15px 15px; font: 600 16px/16px 'Poppins', Arial, sans-serif; color: #212121; display: block; text-transform: uppercase;}
#navigation ul li.level_1 a:hover{color:#212121; background: #EEEEEE;}
#navigation ul li.level_1 .plus-icon{display: none; font-size: 26px; line-height: 26px; position: absolute; top:14px; right: 10px;}
#navigation ul li.level_1:hover .subnav{display:block;}
#navigation ul li.level_1 .subnav{display:none; position: absolute; background: #FFF; color: #212121; border: 1px solid #EEEEEE; min-width: 220px;}
#navigation ul li.level_1 .subnav li a{display: block; float: none; white-space: nowrap; color: #333; font-size: 14px; line-height: 15px; padding: 8px 25px;}
#navigation ul li.level_1 .subnav li a:hover{background: #eee;}
#navigation ul li.level_1 .subnav li.level_2{position: relative;}
#navigation ul li.level_1 .subnav li.level_2 .popout{position: absolute; top: 0; left: 100%; background: #FFF; border: 1px solid #EEEEEE; display: none;}
#navigation ul li.level_1 .subnav li.level_2:hover .popout{display: block;}
#navigation ul li.level_1 .subnav li.level_3 a{text-transform: none;}

#marketing{margin: 0;}
#marketing .marketing{height: 500px;}
#marketing .flexslider{border: 0; margin: 0;}
#marketing .panel-image{position: relative; height: 500px;
    background: rgb(9,74,132); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(9,74,132,1) 0%, rgba(124,161,194,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(9,74,132,1) 0%,rgba(124,161,194,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(9,74,132,1) 0%,rgba(124,161,194,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00619d', endColorstr='#7CA1C2',GradientType=0 ); /* IE6-9 */}
#marketing .panel-left{height: 100%; width: 50%; float: left;}
#marketing .panel-left{height: 100%; width: 50%; float: left; overflow: hidden; position: relative;}
#marketing .panel-left .video-hold{position: absolute; width: 100%; height: 100%; background: transparent;}
#marketing .panel-left video{height: 100%; width: auto; position: absolute; left: 50%; top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
#marketing .panel-left iframe{height: 100%; width: 100%; position: absolute; left: 50%; top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
#marketing .panel-left .video-hold .icon{font-size: 32px; color: #FFF; position:absolute; left: 15px; bottom: 15px; z-index: 10; cursor: pointer;}
#marketing .panel-right{height: 100%; width: 50%; position: relative; float: right;}
/* #marketing .panel-right .pattern{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.25; background: url('../images/structure/pattern-right.png') center right no-repeat; background-size: cover;} */
#marketing .panel-right .caption{color: #FFF;position: absolute; top:55%; left: 0; width : 50%; padding: 0 0 0 50px; z-index: 2;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);}
#marketing .internal .panel-right .caption{width: 90%;}
#marketing .panel-right .caption h2{font-size: 44px; line-height: 1.3em; font-weight: 700; padding-bottom: 20px; font-style: italic; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35); }
#marketing .panel-right .caption p{font-size: 20px; line-height: 1.6em; font-weight: 500; padding-bottom: 20px;}
#marketing .panel-right .product-image{position: absolute; right: 0; bottom: 0; max-width: 55%;}

.tagline-bar{background: #00619d; padding: 20px 0; text-align: center; color: #FFF;}
.tagline-bar p{padding-bottom: 0; font-size: 20px; font-weight: 500;}

#content .content-hold{padding: 30px 0;}
#content .content-wide{width: 100%;}
#content .content-left{width: 22%; float: left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#content .content-right{width: 78%; padding-left: 30px; float: right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#content.grey{background: #EEE;}
#content.bg-filter{ background: url(/skins/base/images/structure/filter-texture.jpg) center no-repeat; background-size: cover; }

#content.home{background: #FFF;}
.home-content-left{width: 55%; padding: 30px 50px 30px 0; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #DDD; }
.home-content-right{width: 45%; padding: 30px 0 30px 50px; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-left:1px solid #DDD; margin-left: -1px;}
.home-content-right ul{padding: 0; margin: 0;}
.home-content-right li{list-style: none; display: block; margin: 12px 0;}
.home-content-right .list-icon{width: 40px; height: 40px; display: inline-block; margin-right: 15px; vertical-align: middle; border-radius: 50%; text-align: center; background: #73A677; color: #FFF;}
.home-content-right .list-icon span{display: block; font-size: 24px; color: #FFF; line-height: 40px;}
.home-content-right .label{display: inline-block; line-height: 1.4em; vertical-align: middle;}

.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 16px 15px;}
.wysiwyg table tfoot th, .wysiwyg table tfoot td {color: rgba(0, 0, 0, 0.5); }
.wysiwyg a{color:#73A677;}
.wysiwyg a:hover { color: #3cc960; }
.wysiwyg figure img{display: inline-block;}
#content.home .wysiwyg{max-width: 1180px; margin: 0 auto;}


.title-banner{background: #00619d; color: #FFF; text-align: center; padding: 40px;}
.title-banner h1{padding: 0; text-transform: uppercase;}
.title-banner .tagline{font-size: 22px; line-height: 1.4em; font-style: italic; font-weight: 600; margin-top: 15px;}
.title-banner .tagline p{padding: 0;}

.title-icon{display: block; position: relative; margin: 0 auto; width: 80px; height: 80px; border-radius: 50%;  background: #FFF;  margin-bottom: 15px;}
.title-icon .ti{width: 42px; display: block; position: absolute; top:50%; left: 50%; font-size: 36px; line-height: 36px; color:#73A677; text-align: center;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}

.sponsor-landing *{ box-sizing: border-box; }
.sponsor-landing #content{ background-repeat: no-repeat; background-position: center top; }
.sponsor-landing #content .content-hold{ max-width: 1080px; width: 100%; margin: 0 auto; }
.sponsor-landing .tagline{font-size: 22px; line-height: 1.4em; font-style: italic; font-weight: 700; margin-top: 15px; text-align: center; }
.sponsor-landing img{ display: inline-block; margin-bottom: 15px; }
.sponsor-landing .extra-conent { display: flex; }
.sponsor-landing .extra-conent.first { background-color: transparent; justify-content: space-between; min-height: 0; margin-top: 40px; }
.sponsor-landing .extra-conent.first .ec-info{ padding: 55px; width: auto; flex-basis: auto; background: #0b4e8b url(/skins/base/images/paws.png) no-repeat; color:#fff; text-align: center; text-transform: uppercase; }
.sponsor-landing .extra-conent .ec-image{position: relative; width: auto; flex-basis: auto; padding: 55px; height: auto; }
.sponsor-landing .extra-conent.first .ec-image,
.sponsor-landing .extra-conent.first .ec-info{ border: 3px solid #fff; width: 49%; }
.sponsor-landing .extra-conent.lower .ec-image,
.sponsor-landing .extra-conent.lower .ec-info{ flex-grow: 1; flex-basis: 0; }
.sponsor-landing .extra-conent h2{ font-size: 35px; }
.sponsor-landing .extra-conent h3{ font-size: 20px; font-weight: normal; }
.sponsor-landing .extra-conent h4{ display: inline-block; background: #fff; padding: 10px 30px; font-size: 20px; color:#D8783E; font-weight: bold; }
.sponsor-landing .extra-conent ul {  }
.sponsor-landing .extra-conent ul li{ list-style: none; }
.sponsor-landing .extra-conent ul li:before{ margin-left:-30px; display: block; float: left; padding-right: 10px; content: "\2022"; color: #D8783E; font-size: 55px; }
.sponsor-landing .extra-conent .btn{ position: absolute; top: 67%; left: 97px; }

.how-it-works{padding: 30px 0; text-align: center;}
.how-it-works .hiw-hold{padding: 10px; max-width: 1200px; margin: 0 auto;}
.how-it-works .hiw-pad{padding: 10px; width: 33.33%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.how-it-works .hiw{background: #EEE; padding: 40px 40px 20px; position: relative; min-height: 380px; line-height: 1.5em;}
.how-it-works .hiw .corner{width: 0; height: 0; position: absolute; top:0; left: 0; border-style: solid;border-width: 110px 110px 0 0; border-color: #7CA1C2 transparent transparent transparent;}
.how-it-works .hiw .step{position:absolute; top:20px; left:20px; color: #FFF; font-size: 36px; font-weight: bold;}
.how-it-works .hiw .hiw-image{width: 190px; height: 190px; border-radius: 50%; overflow: hidden; border: 4px solid #FFF; background: #FFF; margin: 0 auto 20px;}
.how-it-works .hiw .hiw-image img{width: 100%; box-shadow: inset 0 0 20px 10px rgba(0,0,0,0.15); border-radius: 50%;}

.trustpilot-widget{padding-bottom: 50px; max-width: 1180px; margin: 0 auto;}

.join-team-ft{padding: 0;}
.join-team-ft .jt-header{display: block; margin: 0 auto; width: 100%;}
.join-team-ft .jt-social{background: #EEEEEE; padding: 20px 0; text-align: center;}
.join-team-ft .jt-social .social{display: inline-block; vertical-align: middle; height: 50px;}
.join-team-ft .jt-social .btn{display: inline-block; vertical-align: middle; margin: 10px;}

.join-team-ft-dale{padding: 40px 0 60px; min-height: 920px; background: url('../images/structure/filtertime_blake_koch_dale_earnhardt_jr.webp') top center no-repeat; background-size: cover; font-size: 20px; line-height: 1.6em; font-weight: 500; position: relative;}
.join-team-ft-dale h2{text-transform: uppercase; padding-bottom: 10px; }
.join-team-ft-dale p{padding-bottom: 10px; }
.join-team-ft-dale .wysiwyg{max-width: 680px; margin: 0 auto; text-align: center;}
.join-team-ft-dale .wysiwyg .btn{margin-top: 5px;}
.join-team-ft-dale .signatures{position: absolute; bottom: 280px; left: 0; width: 100%;}
.join-team-ft-dale .sig-blake{float: left; text-align: center;}
.join-team-ft-dale .sig-dale{float: right; text-align: center;}
.join-team-ft-dale .sig .btn{text-transform: none; font-weight: bold; margin-top: 15px;}
.join-team-ft-dale .sig img{display: block; margin: 0 auto; height: 80px;}

.feature-filters{position: relative; z-index: 10; min-height: 400px; background: #eee; text-align: center; padding: 20px 0;}
.feature-filters .top-bleed{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #00619d;}
.feature-filters h2{color: #FFF; text-transform: uppercase; padding: 10px 0 30px;}
.feature-filters .filters-hold{max-width: 1180px; margin: 0 auto; padding-top: 20px;}
.feature-filters .ftd-flt{background: #FFF; padding: 30px; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);    max-width: 580px;margin: 0 auto;}
.feature-filters .ftd-flt .ff-image{min-height: 312px; position: relative;}
.feature-filters .ftd-flt .ff-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.75); opacity: 0;
    transition:opacity 280ms linear;
    -webkit-transition:opacity 280ms linear;
    -moz-transition:opacity 280ms linear;}
.feature-filters .ftd-flt .ff-hover .btn{position: absolute; top:50%; left: 50%; white-space: nowrap;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.feature-filters .ftd-flt .ff-image:hover .ff-hover{opacity: 1;}
.feature-filters .ftd-flt img{display: block; margin: 15px auto;}
.feature-filters .ftd-flt h3{text-align: left;}
.feature-filters .ff-link{font-size: 16px; line-height: 1.3em; font-weight: 600; font-style: italic; padding-top: 10px;}
.feature-filters .ff-link a{color: #73A677; cursor: pointer;}
.feature-filters .ff-link a:hover{color: #7CA1C2;}
.feature-filters .ff-link .lm{float: left;}
.feature-filters .ff-link .sn{float: right;}

.featured-sizes{padding: 30px 0 40px; background: #EEE;}
.featured-sizes h2 {text-align: center; text-transform: uppercase; padding-bottom: 20px;}
.featured-sizes .sizes-hold{max-width: 1190px; margin: 0 auto;}
.featured-sizes .size-item{width: 16.66%; display: block; padding: 5px; float: left; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.featured-sizes .size-item a{display: block; white-space: nowrap; padding: 10px; background: #FFF; color: #212121; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);}
.featured-sizes .size-item a:hover{background: #00619d; color: #FFF;}

.filter-highlights{position: relative; padding: 60px 0; text-align: center;}
.filter-highlights.hl-blue{padding: 20px 0 15px; background: #00619d !important;}
.filter-highlights .darken{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); z-index: 1;}
.filter-highlights .container{z-index: 2;}
.filter-highlights h2{color: #FFF; font-size: 24px; font-weight: 700; padding-bottom: 10px; font-style: italic; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);}
.filter-highlights ul{padding: 0; margin: 0; list-style: none;}
.filter-highlights li{display: inline-block; padding: 10px 20px; color: #FFF; font-size: 16px; line-height: 1.3em; font-weight: 700; font-style: italic;}
.filter-highlights .hl-icon{display: block; position: relative; margin: 0 auto 10px; width: 60px; height: 60px; border-radius: 50%;  background: #7CA1C2;  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);}
.filter-highlights .hl-icon .hli{width: 38px; display: block; position: absolute; top:50%; left: 50%; font-size: 30px; line-height: 30px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}

    /*-- Page Tabs --*/
.page-tabs{margin: 20px 0;}
.page-tabs .tab-labels{border-bottom: 1px solid #ddd;}
.page-tabs .ptab{color: #424242; background:#EEEEEE; font-weight: bold; margin-right: 2px; font-size: 14px; line-height: 1em; display: block; float: left; white-space: nowrap; padding: 15px 20px; cursor: pointer; text-transform: uppercase;}
.page-tabs .ptab.active{color:#FFF; background: #424242 !important;}
.page-tabs .ptab:hover{background: #ccc;}
.page-tabs .pdetail{padding: 20px 20px 10px; background: #FFF; border: 1px solid #ddd; border-top: none;}

.extra-conent{background: #EEEEEE; position: relative; min-height: 340px;}
.extra-conent .ec-info{width: 50%; padding: 30px; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.extra-conent .ec-image{position: absolute; top:0; right: 0; width: 50%; height: 100%;}
.extra-conent.ec-right .ec-info{float: right;}
.extra-conent.ec-right .ec-image{right: auto; left:0;}

.faqs .faq{margin-bottom: 15px;}
.faqs .faq .question{padding: 15px 35px 15px 20px; background: #EEEEEE; position: relative; font-weight: 600; line-height: 1.3em; text-transform: uppercase; cursor: pointer;}
.faqs .faq .question:hover{background: #E1E1E1;}
.faqs .faq .question.open{background: #00619d; color: #FFF;}
.faqs .faq .question .icon{position: absolute; top:17px; right: 10px; font-weight: bold;}
.faqs .faq .answer{padding: 20px; border: 1px solid #E1E1E1; border-top: 0; display: none;}

.testimonials-list .testimonial-item{margin-bottom: 20px; position: relative; background: #EEEEEE; text-align: center; padding: 20px 100px; border: 1px solid #e1e1e1;}
.testimonials-list .testimonial-item .tst-name{font-weight: bold; font-style: italic;}
.testimonials-list .testimonial-item .tst-company{font-weight: bold; font-style: italic;}
.testimonials-list .testimonial-item .qtop{width: 60px; position: absolute; top: 20px; left: 15px;}
.testimonials-list .testimonial-item .qbtm{width: 60px; position: absolute; bottom: 20px; right: 15px;}

.galleries-hold{position: relative; max-width: 1200px; margin: 0 auto;}
.galleries-hold .usa-icon{position: absolute; top:30px; left: 50%; width: 150px; margin-left: -75px;}
.galleries-hold .gal{background: #FFF; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); max-width: 620px; margin: 0 auto;}
.galleries-hold .gal-info{padding: 30px; min-height: 660px;}
.galleries-hold .gal-image{margin-bottom: 20px;}
.galleries-hold .gal-image img{display: block; margin: 0 auto;}
.galleries-hold .view-album{padding: 15px 0; background: #00619d; text-align: center;}

.quality-blocks{padding: 30px 0 15px; background: #FFF; max-width: 1200px; margin: 0 auto;}
.quality-blocks h2{text-align: center;}
.quality-blocks h3{color: #00619d; text-align: center;}
.quality-blocks .qlty{position: relative; background: #EEEEEE; padding: 40px 30px 15px; min-height: 300px;}
.quality-blocks .qlty-label{position: absolute; top: 0; left: 0; width: 100%; padding: 8px 0; background: #D8783E; color: #FFF; font-size: 14px; line-height: 1em; font-weight: bold; text-transform: uppercase; text-align:center;}
.quality-blocks .qlty-image{display: block; height: 100px; width: auto; margin: 10px auto 20px;}
.quality-blocks .qlty-summary{font-size: 12px; line-height: 1.6em; min-height: 450px;}
.quality-blocks .qlty-summary .gsof{text-align:center;}
.quality-blocks h5{text-align:center;}
.quality-blocks p{text-align:left;}


.get-started{text-align: center; display: block; clear:both; padding: 20px 0; background: #00619d; color:#fff;}
.get-started .btn{font-size: 20px; line-height: 1em;}
.get-started .gs-summary{max-width: 920px; margin: 0 auto; color:#fff;}

.gt-bar{text-align: center; display: block; clear:both; padding: 20px 0; background: #D8783E; color:#fff;}
.gt-bar .gt-summary{max-width: 920px; margin: 0 auto; color:#fff; font-size: 20px;}

/*--- Left Side Bar CTA ----*/
.left-side-cta{display: block; margin: 0 0 15px; width: 100%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*-- Social Icons --*/
.social{text-align: center;}
.social ul{margin: 0; padding: 0;}
.social li{list-style: none; display:inline-block; margin: 5px;}
.social li a{width: 20px; height: 20px; display: block; padding: 10px; border-radius: 50%;}
.social li a img{width: 20px;}
.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: #c229a5;}
.social li a.pinterest{background: #c92619;}
.social li a.yelp{background: #d32323;}
.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: #ac188e;}
.social li a.pinterest:hover{background: #b51205;}
.social li a.yelp:hover{background: #a92323;}
#footer .footer-social .social li a{background: #212121;}
#footer .footer-social .social li a:hover{background: #000;}

.section-instagram{padding: 0; background: #FFF; text-align: center;}
.section-instagram .photo-hold{width: 12.5%; float: left; position: relative;}
.section-instagram .media-item img{width: 100%;}
.section-instagram .hover{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(255,85,0,0.85); opacity: 0;
    transition: opacity 180ms linear;
    -webkit-transition: opacity 180ms linear;
    -moz-transition: opacity 180ms linear;}
.section-instagram .hover .inner{color: #FFF; font-size: 24px; line-height: 1em; font-weight: bold;  position: absolute; top:50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.section-instagram .hover .inner .icon{font-weight: bold; padding-right: 5px;}
.section-instagram .photo-hold:hover .hover{opacity: 1;}


/*-- Masonry Layout --*/
#masonry{max-width: 1220px; margin: 0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.brick-sizer{width: 33.33%;}
.brick{width: 33.33%; padding: 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.brick .brick-hold{background: #FFF; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);}
.brick .brick-img{position: relative; background: #00619d; min-height: 35px;}
.brick .brick-img img{width: 100%; display: block;}
.brick .brick-img a{display: block; min-height: 180px;}
.brick .brick-img .darken{background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.brick .brick-img .brick-title{font-size: 22px; line-height: 1.4em; font-weight: 600; color: #FFF; text-align: center; width: 100%; padding: 0 20px 30px; position: absolute; left: 0; top: 50%; z-index: 2; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.brick .brick-img .date{position: absolute; left:0; bottom: 0; display: block; padding: 10px 15px; background: #7CA1C2; color:#FFF; font-size: 14px; line-height: 1em; font-weight: 600; text-transform: uppercase; height: 35px; z-index: 3;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.brick .brick-img .date .triangle{position: absolute; top: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 35px 0 0 20px; border-color: transparent transparent transparent #7CA1C2;}
.brick .brick-icon{padding: 20px 10px; background: #EEEEEE; display: block;}
.brick .brick-icon .circle{width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; background: #000; position: relative;}
.brick .brick-icon span{color:#FFF; font-size: 30px; line-height: 1em; display: block; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.brick .brick-info{padding: 15px; font-size: 15px; line-height: 1.6em;}
.brick .brick-info .brick-title{color: #00619d; font-weight: 700; line-height: 1.4em; text-transform: uppercase;}
.brick .brick-info .brick-title:hover{color: #7CA1C2;}
.brick .brick-info .more{color: #73A677; font-weight: 600;}
.brick .brick-info .more:hover{color: #7CA1C2;}
.brick .brick-info .more span{display: inline-block; vertical-align: middle;}

.categories-bar{background: #FFF; display: block; text-align: center}
.categories-bar .tab{display: inline-block; padding: 15px 20px 12px; border-bottom: 3px solid #FFF; font-size: 16px; line-height: 1em; color: #212121; text-transform: uppercase; font-weight: bold;}
.categories-bar .tab:hover{background: #EEEEEE;border-bottom: 3px solid #EEEEEE;}
.categories-bar .tab.active{border-bottom: 3px solid #D8783E;}

.featured-article{max-width: 1200px; margin: 0 auto 20px; background: #FFF; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); position: relative;}
.featured-article .ftd-left{width: 50%; height: 100%; position: absolute; top:0; left: 0;}
.featured-article .ftd-right{width: 50%; float: right;}
.featured-article .ftd-img{position: absolute; top:0; left: 0; width: 100%; height: 100%; display: block;}
.featured-article .ftd-img .darken{background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.featured-article .ftd-img .ftd-title{font-size: 30px; line-height: 1.4em; font-weight: 600; color: #FFF; text-align: center; width: 100%; padding: 0 20px 30px; position: absolute; left: 0; top: 50%; z-index: 2; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.featured-article .ftd-img .ftd-title span{max-width: 480px; margin: 0 auto; display: block;}
.featured-article .ftd-img .date{position: absolute; left:0; bottom: 0; display: block; padding: 10px 15px; background: #7CA1C2; color:#FFF; font-size: 14px; line-height: 1em; font-weight: 600; text-transform: uppercase; height: 35px; z-index: 3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.featured-article .ftd-img .date .triangle{position: absolute; top: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 35px 0 0 20px; border-color: transparent transparent transparent #7CA1C2;}
.featured-article .ftd-img .ftd-flag{position: absolute; left: 0; top: 0; background: #00619d; color: #FFF; padding: 10px 15px;}
.featured-article .ftd-img .ftd-flag img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.featured-article .ftd-img .ftd-flag .ftd-label{display: inline-block; vertical-align: middle; font-weight: bold; line-height: 1em; text-transform: uppercase;}
.featured-article .ftd-info{padding: 30px; font-size: 15px; line-height: 1.6em; min-height: 330px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.featured-article .ftd-info .brick-title{color: #00619d; font-weight: 700; line-height: 1.4em; text-transform: uppercase;}
.featured-article .ftd-info .brick-title:hover{color: #7CA1C2;}
.featured-article .ftd-info .more{color: #73A677; font-weight: 600;}
.featured-article .ftd-info .more:hover{color: #7CA1C2;}
.featured-article .ftd-info .more span{display: inline-block; vertical-align: middle;}

.featured-news{padding: 30px 0;}
.featured-news h2{text-align: center; text-transform: uppercase; padding-bottom: 20px;}
.featured-news .fn-hold{max-width: 1200px; margin: 0 auto;}
.featured-news .fn-pad{padding: 10px; width: 33.33%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.featured-news .brick{width: 100%; padding: 0;}
.featured-news .brick .brick-hold{background: #fcfcfc;}
.featured-news .brick .brick-title{min-height: 45px; display: block;}
.featured-news .brick .brick-summary{min-height: 140px;}
.featured-news .btn-hold{padding: 25px 0 10px; text-align: center;}

.news-detail .news-img-right{display: block; max-width: 50%; margin: 0 0 10px 15px; float: right;}

.testimonials{padding: 50px 20px; position: relative; text-align: center; font-weight: 500; width: 55%; float: left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.testimonials .qtop{position: absolute; top:30px; left: 0;}
.testimonials .qbtm{position: absolute; bottom:75px; right: 0;}
.testimonials .stars{display: block; margin: 0 auto 15px;}
.testimonials .tst-name{font-weight: bold; font-style: italic;}

.featured-video{width: 45%; float: left; padding: 50px 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.featured-video .fv-hold{background: #FFF; text-align: center; padding-top: 15px; text-transform: uppercase;}
.featured-video .fv-hold h4{padding-bottom: 15px;}

.detail-img{max-width: 48%; padding: 5px 0 10px 15px; float: right;}

/* ----Footer Section ----*/

#signup.signup{ padding: 20px 10px; background: #7CA1C2; border-bottom: 3px solid #FFF; text-align: center;}
#signup.signup h3{color: #FFF; text-transform: uppercase; display: inline-block; margin-right: 30px; vertical-align: middle; padding-bottom: 0;}
#signup.signup .field-hold .email{border: solid 1px #e8e8e8; color: #aaa; padding: 10px 80px 10px 10px; font-weight: normal; width:100%; height: 38px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#signup.signup .field-hold{position: relative; width: 360px; display: inline-block; vertical-align: middle;}
#signup.signup .field-hold button{background: #00619d; color: #FFF; border:1px solid #FFF; padding:0 15px; position: absolute; right:0; top: 0; font-size: 12px; font-weight: 600; text-transform: uppercase; height: 38px; cursor: pointer;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#signup.signup .field-hold button:hover{color: #FFF; background: #7CA1C2;}
#signup.signup .captcha{padding-top: 10px; font-size: 11px; color: #EEE; line-height: 1.8em; display: none;}
#signup.signup .captcha .g-recaptcha{margin: 0 auto; display: block; float: none; width: 304px;}
#signup.signup .nl-logo{display: inline-block; vertical-align: middle; margin-right: 10px;}

#footer{ background: #EEEEEE; padding: 60px 0 8px;}
#footer .footer-hold{max-width: 1180px; margin: 0 auto;}
#footer .footer-links ul{padding: 0; margin: 0; list-style: none;}
#footer .footer-links li{padding: 5px 0;}
#footer .footer-links a{font-size: 16px; line-height: 1.4em; font-weight: normal; color: #212121; display: block;}
#footer .footer-links a:hover{color: #D8783E;}
#footer .footer-links h4{text-transform: uppercase;}
#footer .footer-social h4{text-transform: uppercase;}
#footer .footer-social .social{text-align: left;}
#footer #copyright{text-align: center; font-size: 11px; line-height: 1.4em;}
#footer #copyright a{color: #212121;}
#footer #copyright a:hover{color:#D8783E;}

/*--- Filter Selection ----*/
.step-progress{background-color: #00619d; color: #FFF; text-align: center; z-index: 10;}
.step-progress .prog-step{display: inline-block; height: 120px; padding: 0 40px; border-right: 1px solid #FFF; opacity: 0.35; text-align: center; position: relative;}
.step-progress .prog-step:first-child{border-left: 1px solid #FFF;}
.step-progress .prog-step .num{display: block; font-size: 42px; font-weight: bold; padding: 30px 0 15px;}
.step-progress .prog-step .title{font-weight: 600; text-transform: uppercase; font-size: 18px; line-height: 1.3em;}
.step-progress .prog-step.active{opacity: 1; background: #7CA1C2;}
.step-progress .prog-step.complete{opacity: 1; background: #00619d;}
.step-progress .prog-step .arrow{width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #7CA1C2 transparent transparent transparent; position: absolute; top: 100%; left: 50%; margin-left: -15px; z-index: 1;}

.step-selections{display: inline-block; position: fixed; top:0; right: 0; z-index: 999; vertical-align: top; font-size: 12px; line-height: 1.8em; background: #D8783E; color:#FFF; width:244px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.step-selections .ys-btn{padding: 20px;}
.step-selections .ys-btn .ys-icon{float: right; font-weight: bold;}
.step-selections .ys-close-btn{padding: 20px; display: none;}
.step-selections .ys-close-btn .ys-icon{float: right; font-weight: bold;}
.step-selections .ys-hold{padding: 0 20px 20px; clear:both;}
.step-selections .promo-hold{padding: 20px 0 0; clear:both; }
.step-selections .promo-hold p{text-align: center; line-height: 1.3em; padding-bottom: 10px;}
.step-selections .promo-hold .field-hold{position: relative;}
.step-selections .promo-hold .field-hold input{padding: 8px 60px 8px 5px;}
.step-selections .promo-hold .btn{position: absolute; top:0; right:0; padding: 10px; font-size: 12px; line-height: 12px;}

.selection-step{max-width: 1200px; margin: 0 auto;}
.selection-step h1{text-transform: uppercase; text-align: center; margin:10px 0 2px; padding: 0;}
.selection-step h1 .orange{color: #D8783E;}
.selection-step h2{color: #00619d; font-style: italic; text-align: center;}
.selection-step .filters-hold{padding-top: 10px;}
.selection-step .ft-pad{padding: 0 10px 20px; width: 50%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.selection-step .ft-hold{background: #FFF;  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);}
.selection-step .filterType{padding: 30px; border: 4px solid #FFF; cursor: pointer; position: relative;}
.selection-step .filterType:hover{border: 4px solid #7CA1C2;}
.selection-step .filterType.active{border: 4px solid #D8783E;}
.selection-step .filterType .ft-image img{display: block; margin: 10px auto;}
.selection-step .filterType .info{font-size: 20px; position: absolute; left: 5px; bottom: 5px; display: block; color: #FFF; background: #7CA1C2; width: 26px; height: 26px; font-family: "Times New Roman", Serif; font-weight: bold; line-height: 24px ; text-align: center; border-radius: 50%; cursor: pointer;}
.selection-step .filterType .info:hover{background: #00619d;}
.selection-step .filterType .chose{position: absolute; bottom: 0; right: 0; background: #D8783E; color: #FFF; font-weight: 600; padding: 5px 10px; display: none;}
.selection-step .filterInfo{padding: 30px 30px 15px; border-top: 3px solid #EEEEEE; display: none;}

.selection-step .filterQty{background: #FFF; text-align: center; border: 6px solid #FFF; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); cursor: pointer;}
.selection-step .filterQty:hover{border: 6px solid #00619d;}
.selection-step .filterQty.selected{background: #D8783E; color: #FFF; border: 6px solid #D8783E;}
.selection-step .fq-hold{padding: 10px; border: 2px solid #FFF; position: relative;}
.selection-step .fq-hold .num{display: block; color:#00619d; font-size: 42px; font-weight: bold; padding: 15px 0;}
.selection-step .fq-hold .title{font-weight: 600; text-transform: uppercase; font-size: 18px; line-height: 1.3em;}
.selection-step .fq-hold img{display: block; margin: 5px auto;}
.selection-step .fq-hold .chose{font-size: 20px; line-height: 1em; color: #FFF; position: absolute; right: 8px; bottom: 5px; display: none;}
.selection-step .fq-hold .chose span{font-weight: bold !important; }
.selection-step .filterQty.selected .fq-hold .chose{display: block;}
.selection-step .filterQty.selected .num{color: #FFF;}

.selection-step .custom-hold{text-align: center;}
.selection-step .custom-hold h2{display: inline-block; vertical-align: middle;}
.selection-step .custom-hold .custom-qty{display: inline-block; vertical-align: middle; margin:0 15px;}
.selection-step .custom-hold #customQty{width: 60px; text-align: center;}
.selection-step .custom-hold .customUpdate{display: inline-block; vertical-align: middle; padding: 12px 15px; background: #FFF; color: #D8783E !important; font: 600 14px/14px 'Poppins',Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: none; text-transform: uppercase;}
.selection-step .custom-hold .customUpdate.selected{background: #D8783E; color: #FFF !important;}
.selection-step .custom-msg{line-height: 1.2em;}

.selection-step .filter-size-hold{text-align: center;}
.selection-step .fs-pad{padding:0 10px 20px; width: 33.33%; vertical-align: top; display: inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.selection-step .filter-size{background: #FFF;  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); padding: 20px;}
.selection-step .filter-size img{display: block; margin: 10px auto;}
.selection-step .filter-size h4{text-align: center; color: #00619d; text-transform: uppercase;}
.selection-step .custom-size{padding-top: 15px; display: none;}
.selection-step .custom-size .light{background: #EEEEEE;}
.selection-step .custom-size .light:hover{background: #DDD;}
.selection-step .custom-size .customUpdate{display: inline-block; margin-top: 10px;}
.selection-step .brand-select{padding-top: 15px; line-height: 1.4em; display: none;}
.selection-step .brand-select h4{padding: 10px 0 8px;}
.selection-step .brand-select .select-msg{background: #7CA1C2; display: block; color: #FFF; padding: 8px 5px; line-height: 1.3em; font-weight: 600;}

.selection-step .filters-quality{display: flex; justify-content: center; text-align: center;}
.selection-step .filters-quality.opened{align-items: flex-start;}
.selection-step .fq-pad{padding:0 10px 20px; width: 33.333%; vertical-align: top; display: inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.selection-step .filterQual{background: #FFF; height: calc(100% - 17px);  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); cursor: pointer; border: 6px solid #FFF; position: relative; margin-top: 17px; box-sizing: border-box; }
.selection-step .filterQual:hover{border: 6px solid #00619d;}
.selection-step .filterQual .quality-hold{/*min-height: 380px;*/ height: 100%; display: flex; flex-direction: column;}
.selection-step .filterQual .qlabel{padding: 5px 15px 0; text-align: center; color: #FFF; text-transform: uppercase; background: #D8783E; font-size: 12px; font-weight: 600; line-height: 1em; display: none;}
.selection-step .filterQual .title{padding: 15px; border-bottom: 1px solid #EEEEEE; text-align: center; display: block; font-size: 18px; line-height: 1em; font-weight: 600;}
.selection-step .filterQual .quality-info{padding: 20px 15px; font-size: 14px; line-height: 1.6em; text-align: center;flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;}
.selection-step .filterQual .quality-info .upper{flex-grow: 1;}
.selection-step .filterQual .quality-info img{margin: 0 auto 15px;}
.selection-step .filterQual .quality-price{text-align: center;}
.selection-step .filterQual .quality-price h2{padding-bottom: 0;}
.selection-step .filterQual .quality-price h2 .fn{font-size: 12px; line-height: 1em; font-weight: 600; color:#777; text-transform: none; vertical-align: middle;}
.selection-step .filterQual .quality-price h4{padding-bottom: 5px; color:#00619d; font-style: italic; line-height: 1.2em;}
.selection-step .filterQual .quality-price .helper{padding: 0; line-height: 1.6em;}
.selection-step .filterQual .chose{position: absolute; top: 100%; right: -6px; background: #D8783E; color: #FFF; font-weight: 500; padding: 5px 10px 0; display: none; width: calc(100% + 12px); z-index: 1; box-sizing: border-box; }
.selection-step .filterQual.selected{border: 6px solid #D8783E; margin-top: 0; height: 100%;}
.selection-step .filterQual.selected .quality-hold{}
.selection-step .filterQual.selected .chose{display: block;}
.selection-step .filterQual.selected .title{color: #FFF; background: #D8783E;}
.selection-step .filterQual.selected .qlabel{display: block;}
.selection-step .filterQual .more{font-size: 12px; padding: 15px; color:#73A677; font-weight: bold;}
.selection-step .filterQual .more:hover { color: #3cc960; }
.selection-step .filterQual .more .icon{font-weight: bold;}
.selection-step .filterQual .popup{ padding: 20px 0 0; }
.selection-step .filterQual .popup .ilb{ padding: 5px 10px; }
.selection-step .filterQual .quality-info .popup .ilb img{ margin-bottom: 0; }
.selection-step .filterQual .hideStep4{ display: none; }


.selection-step .filterSch{background: #FFF;  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); cursor: pointer; border: 6px solid #FFF; position: relative;}
.selection-step .filterSch:hover{border: 6px solid #00619d;}
.selection-step .fsc-hold{padding: 30px 10px; border: 2px solid #FFF; position: relative;}
.selection-step .filterSch .title{text-align: center; display: block; font-size: 20px; line-height: 1em; font-weight: 600;}
.selection-step .filterSch .subtitle{text-align: center; display: block; font-size: 10px; line-height: 1em; font-weight: 600; margin: 0 auto 10px;}
.selection-step .filterSch .circle-icon{display: block; position: relative; margin: 0 auto 10px; width: 80px; height: 80px; border-radius: 50%;  background: #EEEEEE;  margin-bottom: 15px;}
.selection-step .filterSch .circle-icon .ci, .selection-step .filterSch .circle-icon .opi{width: 42px; display: block; position: absolute; top:50%; left: 50%; font-size: 36px; line-height: 36px; color:#00619d; text-align: center;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.selection-step .filterSch.selected{background: #D8783E; color: #FFF; border: 6px solid #D8783E;}
.selection-step .filterSch.selected .circle-icon{background: #00619d;}
.selection-step .filterSch.selected .circle-icon .ci, .selection-step .filterSch.selected .circle-icon .opi{color: #FFF;}
.selection-step .filterSch.selected .circle-icon .ci:before{content: "\e786";}

.selection-step .when-hold{text-align: center;}
.selection-step .when-hold h2{display: inline-block; vertical-align: middle; padding-bottom: 0;}
.selection-step .when-hold .when-select{display: inline-block; vertical-align: middle; margin:0 15px;}
.selection-step .select-date{text-align: center;}
.selection-step .select-date .field-hold{width: 150px; margin: 0 auto; position: relative;}
.selection-step .select-date .field-hold .cal{display: block; position: absolute; top: 12px; right:8px; font-size: 16px; line-height: 1em; color: #BBB;}
.selection-step .select-date #datepick{padding-left: 12px;}

.selection-step .restart{text-align: center; width: 100%; margin:0px 0 10px;}
.selection-step .restart a{font-size: 16px; line-height: 1.4em; font-weight: bold; color: #D8783E; display: block;}

.btn-pad{padding: 0 10px;}
.selection-btns{margin-bottom: 20px; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);}

.selection-btns .title{padding: 10px 30px; color: #FFF; font-size: 18px; line-height: 1.4em; font-weight: 600; background: #00619d; text-transform: uppercase;}
.selection-btns .selection{padding: 20px; background: #FFF;}
.selection-btns .selection .sel-half{padding: 10px; width: 50%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.selection-btns .selection h4{padding-bottom: 0; margin: 10px 15px 0 0; text-transform: uppercase; color: #00619d;}
.selection-btns .active-selected{color: #212121; font-weight: normal; padding-left: 5px; text-transform: none;}
.selection-btns .continue{display: block; float: right; padding: 18px 25px;}
.selection-btns .previous{display: block; float: right; background: #EEEEEE; margin-right: 10px; padding: 18px 25px;}
.selection-btns #paypal{display: block; float: right; margin-top: 20px; width: 200px; cursor: pointer;}

#price-details{padding: 15px; background: #FFF; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); text-align: center; max-width: 420px; margin: 0 auto 15px;}
#price-details .pd-title {
    padding: 15px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 5px;
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
}
#price-details .discount{color: #73A677; font-weight: bold;}
#price-details td:first-child{text-align: left;}
#price-details td{text-align: center; padding: 5px;}
#price-details td:last-child{text-align: right;}
#price-details tr{border-bottom: 1px solid #EEEEEE;}
#price-details tr:last-child{border-bottom: none;}

/*--- Side Nav ----*/
.icon-menu{display: none;}
.content-left h1{font-size: 24px;}
.menu-side ul{margin: 0; padding: 0; list-style: none;}
.menu-side ul li a{display: block; color: #444; font-size: 14px; line-height: 15px; padding: 4px 25px; text-transform: uppercase;}
.menu-side ul li a:hover{background: #eee;}
.menu-side ul li ul li a{font-size: 11px; text-transform: none;}

.side-trigger{display: none; width:30px; cursor: pointer; margin-bottom: 15px;}
.side-trigger .sline{display: block; width:100%; height:3px; margin: 6px 0; background: #444;}

.side-nav{background: #EEEEEE; border: 1px solid #e1e1e1; margin-bottom: 15px;}
.side-nav.customer{background: #FFF;}
.side-nav .title{padding: 10px 15px; background: #00619d; color:#FFF; font-weight: bold; display: block; text-transform: uppercase;}
.side-nav ul{margin: 0; padding: 10px 0; list-style: none;}
.side-nav a{padding: 5px 15px; color:#212121; font-weight: 600; display: block; cursor: pointer;}
.side-nav a:hover{background: #E1E1E1; color: #00619d;}
.side-nav a.selected{color: #00619d;}
.side-nav.customer a:hover{background: #EEEEEE; color: #00619d;}
.side-nav li{position: relative;}
.side-nav li a.more-parent{padding-right: 44px;}
.side-nav li a.open-more{position: absolute; top:0; right:0; padding: 10px 10px; height: 15px; font-size: 16px; line-height: 16px; text-align: center; background: #e1e1e1; cursor: pointer;}
.side-nav li a.open-more:hover{background:#DDD;}
.side-nav li a.open-more .icon.open:before{content: "\e93a";}
.side-nav li .goto-more{position: absolute; top:0; right:0; padding: 10px 10px; display: block; height: 15px; font-size: 16px; line-height: 16px; color: #D8783E; text-align: center; cursor: pointer;}
.side-nav li .more{display: none; background: #FFF; padding: 0;}
.side-nav li .more ul{padding: 5px 0;}
.side-nav li .more li a{ font-size: 12px; line-height: 1.2em;}
.side-nav li .more li a:hover{background: #FFF;}

.share-posts{width: 22%; float: left; background: #EEEEEE; padding: 15px; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.share-posts h5{color: #00619d; text-transform: uppercase;}

#catFilters{padding: 0 0 20px;}
#catFilters h4{padding: 10px 0 0;}
#catFilters label{display: block; float: none; font-weight: normal; padding: 3px 10px;}
#catFilters label input{float: right; margin: 4px 0 0 10px; width: auto;}

/*--- Left Side Bar CTA ----*/
.left-side-cta{display: block; margin: 0 0 15px; width: 100%;}
.left-cta{display: block; margin: 0 0 15px; width: 100%; color: #FFF; position: relative; height: 160px;}
.left-cta:hover{color: #FFF;}
.left-cta .darken{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);
    transition:background 180ms linear;
    -webkit-transition:background 180ms linear;
    -moz-transition:background 180ms linear;}
.left-cta:hover .darken{background: rgba(0,0,0,0.1);}

.left-cta .cta-icon{position: absolute; top: 0; left: 0; height: 80px; width: 160px; z-index: 2;}
.left-cta .cta-icon .licon-img{position: absolute; left:9px; top: 8px; height: 36px; z-index: 1;}
.left-cta .cta-icon .licon{position: absolute; left:9px; top: 8px; font-size: 36px; line-height: 36px; z-index: 1;}
.left-cta .cta-icon .triangle{width: 0; height: 0; position: absolute; top:0; left: 0; border-style: solid;border-width: 70px 140px 0 0; border-color: #7CA1C2 transparent transparent transparent;}
.left-cta .cta-title{ position: absolute; bottom: 10px; right: 0; z-index: 3; width: 100%; text-align: right; padding: 0 15px 0 50px; font-weight: 600; font-size: 20px; text-transform: uppercase; line-height: 1.3em;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.mobile-ctas{display: none; max-width: 520px; margin: 20px auto 0;}

/*---- Featured Products---*/
.featured_products{margin: 20px 0 10px 0;}
.featured-item{width: 25%; float: left; text-align: center;}
.featured-item .featured-image{width: 320px;    height:320px;    display: table-cell;    vertical-align: middle;    text-align: center;}
.featured-item img{margin: 0 auto;}
.featured-item h4{font-family: 'Poppins', sans-serif; color: #383330; font-size: 16px; font-weight: 400; margin: 20px 0;}

/*---- Related Products---*/
.related-dash{ margin-bottom: 20px;text-align: center; width: 100%; display: block;background-position:center; background-image:url("../images/structure/dashed-divider-repeat.png");background-repeat: repeat-x;}
.related-dash span{font-family: 'Poppins', serif; font-weight: bold; font-size: 30px;}
.related-dash .red{color: #940900; font-style: italic; margin-right: 10px;}
.related-title{display: block; margin: 0 auto; width: 430px; background: #fff;}
.related-item{width: 25%; float: left; text-align: center;}
.related-item img{margin: 0 auto;}
.related-item h4{font-family: 'Poppins', sans-serif; color: #383330; font-size: 16px; font-weight: 400;}


/*--- 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;}

.cat-description{ font-size: 18px; padding: 20px; margin-bottom: 20px; background: #FFF;}

/*---- Product Sort Bar ---- */
.sort-bar{background: #f6f6f6;font-family: "Poppins", 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: 6px;}
.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;}
.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; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center; margin-bottom: 20px; background: #FFF; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); color:#212121; transition: box-shadow 250ms linear;}
.product-list-item:hover{ color:#212121; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35); }
/*.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 .product-image{padding: 15px;}
.product-list-item .product-image img{display: inline-block;}
.product-list-item .title{font: bold 24px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
.product-list-item .price{font-family: "Poppins", sans-serif; font-size: 18px;margin: 0;}
.product-list-item .product-hover{ padding: 15px 0; background: #00619d; }
.product-list-item form,
.product-list-item .desc{display: inline-block; }
.product-list-item .desc:hover{ background:#0f72ca; }
.product-list-item .btn{ transition: all 150ms linear; outline:none; }
.product-list-item .product-image{}
.product-list-item .product-info{position: relative; bottom: 0;}

.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: 'Poppins', serif; font-weight: 600;}
.product-list-cta .sub-title{font-family: "Poppins", sans-serif; font-weight: 600; font-size: 14px;  color: #fff; margin-top: 10px; }
.product-list-cta .white{color: #fff;}


.breadcrumb-wrap { background: #00619d url('../images/structure/blue-pattern.jpg') center no-repeat; padding: 20px 10px; color:#fff; }
.breadcrumb-wrap a{ color:#fff; }
.breadcrumb-wrap .icon{ font-size: 11px; }

/*--- Product Image Gallery ---*/
.product-detail .product-image .img-responsive{margin-bottom: 20px;  margin-top: 10px;}
.product-detail .product-image .img-responsive img{height: auto !important;}
.product-detail .product-image .imgThumb{border: solid 1px #ececec;}

.zoom {
    display:inline-block;
    position: relative;
    width: 100%;
    text-align: center;
}

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

.zoom img {
    display: inline-block;
}

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

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

/*--- Product Detail Section ---*/
.product-detail h1{ color:#212121; font-size: 32px; }
.product-detail .product-image{ padding-top: 20px; }
.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: 14px; line-height: 1.6em; }
.product-detail .detail-section h2{color: #383838;}
.product-detail .detail-section .product-price{ color: #00619d; font-family: "Poppins", sans-serif; font-weight: bold; font-size: 24px; margin: 0 0 25px 0; }
.product-detail .detail-section .option{ margin-bottom: 10px; }
.product-detail .detail-section .product-option .add-to-cart{ display: block; margin-top: 10px; width: 100%; outline:none; }
.product-detail .detail-section .product-option .add-to-cart:hover{ }
.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{ margin: 5px 10px 0 0;text-transform: uppercase; font-size: 18px; }
.product-detail .detail-section .product-option .col{margin-top: 5px; margin-right: 10px; margin-bottom: 12px;}
.product-detail .detail-section .option-row{max-width: 320px; margin-bottom: 20px;}

.product-detail .accordion{ margin-top: 20px; }
.product-detail .accordion .title{ padding: 7px 20px; border-bottom: 1px solid #fff; color:#fff; background: #00619d; cursor: pointer; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 1.4em; }
.product-detail .accordion .item:not(.noclick) .title:after{ float: right; content:"\e936"; font-family: "Linearicons"; font-size: 18px; }
.product-detail .accordion .item.active:not(.noclick) .title:after{ content:"\e937"; }
.product-detail .accordion .desc { background: #fff; padding: 20px 20px 5px; }
.product-detail .accordion .desc .a-center{ text-align:center; }
.product-detail .accordion .desc figure{ width: 140px; height: 140px; margin: 0px auto 10px; border-radius: 50%; background: #FFF; border: 2px solid #eee; position: relative; }
.product-detail .accordion .desc figure img{ display: block; width: 80px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.product-detail .accordion .desc .lower{ padding: 10px 10px 0; background: #eee; margin-bottom: 10px; }
.product-detail .accordion .desc .lower p{ padding-bottom: 5px; }
.product-detail .accordion .desc .lower figure { width: auto; height: auto; margin: 0; border-radius: 0; background-color: transparent; border: 0; }
.product-detail .accordion .desc .lower figure img{ display: inline-block; width: auto; position: static; transform: none; }
.product-detail .accordion .item:not(.active) .desc{ display: none; }

.product-detail .product-top{background: #FFF; margin-bottom: 50px;}
.product-detail .product-additional{margin: 20px 0;}
.product-detail .product-additional .ptab{color: #424242; background: #f5f5f5; font-weight: bold; display: block; float: left; white-space: nowrap; padding: 20px 30px; cursor: pointer; margin-right: 10px; text-transform: uppercase;}
.product-detail .product-additional .ptab:last-child{margin-right: 0;}
.product-detail .product-additional .ptab.active, .product-detail .product-additional .ptab.active:hover{color:#FF6600; background: #eee;}
.product-detail .product-additional .ptab:hover{background: #eee;}
.product-detail .product-additional .pdetail{padding: 30px 30px 20px; background: #FFF; border: 1px solid #eee;}

.merv-icons{text-align: center; padding-top: 10px;}
.merv-icons .merv{display: inline-block; vertical-align: top; width: 33.33%; padding: 2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.merv-icons .merv img{padding: 10px 15px; border: 3px solid #FFF; margin: 0 auto; display: block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.merv-icons .merv img:hover{border: 3px solid #DDD; background: #f5f5f5;}
.merv-icons .merv img.selected{border: 3px solid #00619d !important; background: #FFF !important;}

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

.product-social{padding: 10px 0; font-family: "Poppins", sans-serif;}
.product-social .icon{font-size: 16px;}
.product-social .left{margin-left: 2%;}
.product-social .twitter-share{margin: 0 2%; float: left;}
/*--- Shopping Cart ----*/
.shopping-cart .cart-table{width: 100%;}
.shopping-cart .cart-table .title{background: #f6f6f6; }
.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 td{padding: 20px}
.shopping-cart .cart-table .item-row small{white-space: nowrap; color: #999;}
.shopping-cart .cart-table .item-row .strike{text-line-through: single; text-decoration: line-through;}
.shopping-cart .cart-table .item-row .discount{font-size: 12px; color: #ac160d; line-height: 1em;}
.shopping-cart .cart-table .item-row .newprice{font-weight: bold;}
.shopping-cart .cart-table .item-image{float: left; margin-right: 20px; border: solid 1px #e6e6e6; padding: 2px;}
.shopping-cart .cart-table .item-image img{max-width: 120px; display: block;}
.shopping-cart .cart-table .item-row .item-info{padding-left: 150px; line-height: 1.3em;}
.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; font-size: 24px; line-height: 1em;}
.shopping-cart .cart-table .title .thead-col{border-left:solid 1px #fff; width: 5%; text-align: center;}

.shopping-cart .sub-total{padding: 20px; background: #f6f6f6; display: block; margin-bottom: 10px; width: 100%; text-align: right; border: 1px solid #e1e1e1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.shopping-cart .sub-total h3{padding: 0 0 15px; text-transform: none; font-weight: bold; text-align: center;}
.shopping-cart .sub-total table{text-align: right; margin-bottom: 20px; width: 100%;}
.shopping-cart .sub-total table td{padding: 5px 8px; line-height: 1em; white-space: nowrap; width: 50%;}
.shopping-cart .sub-total table td:last-child{text-align: left;}
.shopping-cart .checkout-option h4{color: #fff; padding: 0;}
.shopping-cart .sub-total .final{font-size: 1.5em; letter-spacing: 0; padding-left: 5px;}

.shopping-cart .checkout-option{width: 100%; margin: 0;}
.shopping-cart .checkout-option a{display: block; margin: 10px 0 0; text-align: center;}
.shopping-cart .checkout-option #paypal{display: block; margin: 10px auto 0; width: 200px; cursor: pointer;}
.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: 10px 14px; border: 0; border-radius: 0;}
.shopping-cart .discount-box .btn:after{border-radius: 0; background: #333;}
.shopping-cart .discount-box .remove{color: #ac160d;}

.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: #636363; color: #FFF; padding: 10px; font-weight: 700; margin-bottom: 10px;}
.cart-hold .cart-right p{padding-bottom: 15px;}

.cart-flag{display: inline-block; margin-top: 5px; padding: 3px 5px; background: #d80000; color: #FFF;}

#echo-cart{padding: 10px; }
.ec-item{position: relative; min-height: 120px; padding:0 50px 20px 0; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
.ec-item .item-image{border: solid 1px #e6e6e6; padding: 2px; float: left; margin-right: 20px;}
.ec-item .item-image img{max-width: 114px; display: block;}
.ec-item .item-remove{color: #ac160d; font-weight: bold !important; font-size: 24px; line-height: 1em; display: block; position: absolute; top:0; right: 0;}
.ec-item .item-title{font-weight: bold; line-height: 1.3em;}
.ec-item .item-info{padding-left: 140px;}
.ec-item .item-options{font-size: 13px; line-height: 1.4em;}
.ec-item .item-qty{width: 80px; float: right;}
.ec-item .item-qty .qty{width: 50px; height: 48px; padding: 14px 2px; text-align: center; float: left; margin-top: 2px;}
.ec-item .item-qty a{display: block; float: left; width: 30px; height: 26px; background: #999; color: #FFF; text-align: center; line-height: 24px; border: 2px solid #FFF; cursor: pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ec-item .item-qty a.up-one{border-bottom: 1px solid #FFF;}
.ec-item .item-qty a.down-one{border-top: 1px solid #FFF;}
.ec-item .item-qty a:hover{background: #636363; color: #FFF;}
.ec-item .item-qty .update-row{border: none; display: none; width: 100%; clear: both; padding: 6px 0; margin-top: 5px; text-align: center; cursor: pointer; color: #FFF; font-size: 11px; line-height: 11px; text-transform: uppercase; background: #000;}
.ec-item .item-qty .update-row:hover{background: #444; color: #FFF;}
.ec-item .item-pricing{width: 140px; padding:0 40px 0 10px; float: right; text-align: right; line-height: 1.8em;}
.ec-item .item-pricing small{white-space: nowrap; color: #999;}
.ec-item .item-pricing .strike{text-line-through: single; text-decoration: line-through;}
.ec-item .item-pricing .discount{font-size: 12px; color: #ac160d; line-height: 1em;}

.mobile-cart-listing #echo-cart{padding: 10px 0;}
.mobile-cart-listing .ec-item{padding-right: 0; padding-left: 0;}
.mobile-cart-listing .ec-item .item-image{position: static; float: left; margin: 0 15px 10px 0;}
.mobile-cart-listing .ec-item .item-image img{max-width: 74px;}
.mobile-cart-listing .ec-item .item-title{padding-right: 30px;}
.mobile-cart-listing .ec-item .item-info{padding-right: 30px; padding-top: 5px;}
.mobile-cart-listing .ec-item .item-qty{float: left;}
.mobile-cart-listing .ec-item .item-qty .update-row{padding: 10px 0;}
.mobile-cart-listing .ec-item .item-pricing{padding: 0 10px 0 15px;}

#echo-cart.checkout-list{ background: #D8783E; position: fixed; bottom: 0; right: 0; padding:10px 15px 7px; box-shadow: 1px -2px 3px rgba(0,0,0,.15); color:#fff; }
#echo-cart.checkout-list .tab{ position: absolute; right: 10px; bottom: 100%; background: #D8783E; padding: 5px 10px; font-size: 40px; color:#fff; box-shadow: 0px -2px 3px rgba(0,0,0,.15); cursor: pointer; }
#echo-cart.checkout-list .ec-item{ padding: 7px 0 3px; margin-bottom: 0; border-bottom: 0; float: left; min-height: 0;}
#echo-cart.checkout-list .ec-item .item-image{ background: #fff; padding: 10px; border-color: #ccc; position: relative; }
#echo-cart.checkout-list .ec-item .item-image img{max-width: 80px; }
#echo-cart.checkout-list .ec-item .item-image .qty{ display: block; position: absolute; bottom: 5px; left: 5px;background: #00619d; color:#fff; border-radius: 50%; width: 25px; text-align: center; font-size: 14px; line-height: 25px; vertical-align: middle; }
#echo-cart.checkout-list .ec-item .item-image .remove{ position: absolute; top: -10px; right: -10px; color:#ccc; border: 1px solid #ccc; border-radius: 50%; background: #fff; width: 20px; text-align: center; line-height: 18px; font-size: 14px; }
#echo-cart.checkout-list .ec-item .item-image .remove:hover{ background: #00619d; color:#fff; }
#echo-cart.checkout-list .btn{ padding: 13px 20px; margin-bottom: 3px; text-align: center; }
#echo-cart.checkout-list .btn.white{ background: #fff; color:#212121; }
#echo-cart.checkout-list .btn.white:hover{ opacity: .9; }
#echo-cart.checkout-list.minimized,
#echo-cart.checkout-list.minimized .ec-item{ padding: 0; }
#echo-cart.checkout-list.minimized .tab{ padding-bottom: 15px; }
#echo-cart.checkout-list.minimized .ec-item,
#echo-cart.checkout-list.minimized .row{height: 0; overflow: hidden;}

.cart-related {padding: 10px;}
.cart-related .item-row{position: relative; min-height: 120px; padding:0 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
.cart-related .item-row .item-image{border: solid 1px #e6e6e6; padding: 2px; float: left; margin-right: 20px;}
.cart-related .item-row .item-image img{max-width: 114px; display: block;}
.cart-related .item-row .item-info{padding-bottom: 20px;}


/*- Checkout Section ----*/
.checkout label { float: none; display: block; margin-bottom: 2px;}
.checkout fieldset .teal-btn { margin: 0; }
.checkout form{ display: block;  background: #FFF; border: 1px solid #e1e1e1;}
.checkout form fieldset { padding: 20px; }
.checkout .methods form { padding: 0; }
.checkout .new{padding-top: 15px; font-size: 12px; line-height: 1.4em; font-weight: bold; display: inline-block;}
.checkout.shipping-method { margin: 0; }
.checkout.shipping-method label { font-weight: normal; font-size: 16px; margin-bottom: 10px;}
.checkout.shipping-method input{width: auto;}
.checkout .section-title { background: #DDD; margin: 10px 0; padding: 12px 20px; }
.checkout .section-title.complete { background: #636363  url("../images/structure/check-w.png") center right 20px no-repeat; padding: 12px 50px 12px 20px;}
.checkout .section-title.complete:hover{background-color: #555; cursor: pointer;}
.checkout .section-title.active { background: #00619d; }
.checkout .section-title h4 { padding: 0; font-size: 18px; line-height: 1em; color: #636363;}
.checkout .section-title.complete h4{ color: #FFF; }
.checkout .section-title.active h4{ color: #FFF; }
.checkout .completed-section{display: none; padding: 20px 30px; line-height: 1.8em; background: #FFF; border: 1px solid #e1e1e1;}
.checkout .login { padding: 20px; background: #FFF; border: 1px solid #e1e1e1;}
.checkout .login form { border:none; }
.checkout .login .form-group{margin-bottom: 10px;}
.checkout .login .btn.light{background: #EEEEEE;}
.checkout .login .btn.light:hover{background: #DDD;}
.checkout .final-hold{ padding: 20px; background: #FFF; border: 1px solid #e1e1e1;}

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

/*---Checkout Cart ---*/
.checkout .cart-table{width: 100%;}
.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-row small{white-space: nowrap; color: #999;}
.checkout .cart-table .item-row .strike{text-line-through: single; text-decoration: line-through;}
.checkout .cart-table .item-image{float: left; margin-right: 20px; border: solid 1px #e6e6e6; padding: 2px;}
.checkout .cart-table .item-image img{max-width: 120px; display: block;}
.checkout .cart-table .item-row .item-info{padding-left: 150px; line-height: 1.3em;}
.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 .icon{color: #ac160d; font-weight: bold; font-size: 24px; line-height: 1em;}
.checkout .cart-table .title .thead-col{border-left:solid 1px #fff; width: 5%; text-align: center;}

.checkout .checkout-option h4 { padding: 0; }
.checkout .cart-totals { background: #f5f5f5; padding: 20px 0; }
.checkout .cart-totals .right { margin-right: 10px; text-align: right; }
.checkout .cart-totals table td { padding-right: 10px; }
.checkout .cart-totals .schedule{padding-right: 15px; clear: both; text-align: right;}
.checkout .methods form{border:0;}
.checkout .method-type { margin-bottom: 10px; }
.checkout .method-type input { width: 15px; }
.checkout #card-element{padding: 10px; border: 1px solid #e1e1e1; margin-bottom: 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.checkout #card-errors{color: #d10000}

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

.check-left { width: 80%; float: left; }
.check-right { margin-top: 10px; width: 18%; float: right; }
.check-right .stitle{background: #00619d; color: #FFF; padding: 10px; line-height: 1.4em; font-weight: 700; margin-bottom: 10px;}
.check-right .apply-code{display: none;}

.discount-box { background: #FFF; border: 1px solid #e1e1e1; padding: 15px; margin: 10px 0; font-size: 14px; line-height: 1.6em;}
.discount-box p{padding-bottom: 10px;}
.discount-box table{text-align: left; margin-bottom: 10px;  width: 100%;}
.discount-box table td{padding: 5px 8px; line-height: 1em; white-space: nowrap; width: 50%;}
.discount-box table td:first-child{padding-left: 0;}
.discount-box h4{padding: 0 ; text-transform: none; font-weight: bold; text-align: center;}
.split-line{margin: 10px 0; height: 1px; display: block; background: #e1e1e1;}

.summary-box { background: #f6f6f6; border: 1px solid #e1e1e1; padding: 15px; margin: 10px 0;  font-size: 14px; line-height: 1.6em;}
.summary-box p{padding-bottom: 10px;}
.summary-box .panel-default { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; }
.summary-box .panel-default:last-child{margin-bottom: 0; border: 0; padding-bottom: 0;}
.summary-box .panel .panel-body { line-height: 1.3em;}
.summary-box .panel .panel-heading span { font-weight: bold; }
.summary-box .panel .panel-heading a { color: #F54407; }

.discount-box .promo-hold{padding: 0 0 5px; clear:both; }
.discount-box .promo-hold p{text-align: center; line-height: 1.3em; padding-bottom: 10px;}
.discount-box .promo-hold .field-hold{position: relative; max-width: 300px; margin: 0 auto;}
.discount-box .promo-hold .field-hold input{padding: 6px 60px 6px 5px;}
.discount-box .promo-hold .btn{position: absolute; top:1px; right:1px; padding: 10px; font-size: 12px; line-height: 12px;}

.discount-box .so-filters{padding: 5px; border-bottom: 1px solid #EEE;}
.discount-box .so-filters .remove{float: right;}
.discount-box .so-filters .remove .icon{font-weight: bold; color: #d10000}
.discount-box .add-filter{float: right; font-weight: bold; display: block; margin: 10px 0;}
.discount-box .split-line{margin: 20px 0;}
.discount-box .update-row{padding: 8px 12px; float: right;}
.discount-box input, .discount-box textarea, .discount-box select{padding: 8px 5px;}

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

/*---Recent Orders ---*/
.recentOrders .cart-table{width: 100%;    margin: 15px 0;}
.recentOrders .cart-table .title{background: #ccc; }
.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;}
.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 .ec-item{ padding-right: 0; border-bottom: 0; padding-bottom: 0; }

.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;}

.customer-orders{width: 100%; margin: 10px 0;}
.customer-orders .title{background: #EEEEEE; font-weight: bold;}
.customer-orders .title tr{border-bottom: 0;}
.customer-orders td{padding: 5px;}
.customer-orders tr{border-bottom: 1px solid #EEEEEE;}

.cart-listing{margin-bottom: 30px;}
.cart-listing .cart-totals { background: #f5f5f5; padding: 20px 0; }
.cart-listing .cart-totals .right { margin-right: 10px; text-align: right; }
.cart-listing .cart-totals table td { padding-right: 10px; }

/*---Login Page Section ---*/
.login-box{border: solid 1px #e5e5e5; width: 42%; float: left; margin: 20px auto; padding: 10px 2%; background: #f6f6f6;margin-right: 2%;}
.login-box .col{margin-top: 20px; margin-right: 3%;}

/*--- 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: 20px 20px 10px; background: #EEEEEE;-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);}

.yourSubscriptions .addone{margin: 0 0 15px 10px;}

.subscription{background: #FFF; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; border-left: 15px solid #212121; line-height: 1.5em; font-weight: 600;}
.subscription h4{border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.subscription .edit{display: block; float: right; margin: 0 0 10px 10px; font-size: 12px; line-height: 1.4em; font-weight: 600;}
.subscription .list-icon{width: 44px; height: 44px; display: inline-block; vertical-align: top; margin-right: 15px; border-radius: 50%; text-align: center; background: #212121; color: #FFF;}
.subscription .list-icon span{display: block; font-size: 24px; color: #FFF; line-height: 44px;}
.subscription .sub-address{margin-bottom: 10px;}
.subscription .sub-address p{display: inline-block; vertical-align: top;}
.subscription .sub-items{margin-bottom: 20px;}
.subscription .sub-items table{width: 100%; border-top: 1px solid #e1e1e1; margin-top: 5px;}
.subscription .sub-items table td{padding: 5px 10px; border-bottom: 1px solid #e1e1e1;}
.subscription .sub-schedule{line-height: 1.8em; margin-bottom: 20px; font-size: 12px;}
.subscription .sub-shipment{line-height: 1.8em; margin-bottom: 20px; font-size: 12px;}
.subscription .sub-shipment .track{float: none; margin: 3px 0 0 0;}
.subscription .sub-payment{padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; font-size: 12px;}
.subscription .sub-payment .edit{float: none; margin: 3px 0 0 0;}
.subscription .cancel{display: block; float: right; margin: 0; font-size: 12px; line-height: 1.4em; font-weight: 600;}
.subscription .pause{margin: 0; font-size: 12px; line-height: 1.4em; font-weight: 600;}

.subscription.sub_1{border-left: 15px solid #73A677;}
.subscription.sub_1 a{color: #73A677;}
.subscription.sub_1 .list-icon{background: #73A677;}
.subscription.sub_2{border-left: 15px solid #D8783E;}
.subscription.sub_2 a{color: #D8783E;}
.subscription.sub_2 .list-icon{background: #D8783E;}
.subscription.sub_3{border-left: 15px solid #00619d;}
.subscription.sub_3 a{color: #00619d;}
.subscription.sub_3 .list-icon{background: #00619d;}
.subscription.sub_4{border-left: 15px solid #AC160D;}
.subscription.sub_4 a{color: #AC160D;}
.subscription.sub_4 .list-icon{background: #AC160D;}
.subscription.sub_5{border-left: 15px solid #73A677;}
.subscription.sub_5 a{color: #73A677;}
.subscription.sub_5 .list-icon{background: #73A677;}
.subscription.sub_6{border-left: 15px solid #D8783E;}
.subscription.sub_6 a{color: #D8783E;}
.subscription.sub_6 .list-icon{background: #D8783E;}
.subscription.sub_7{border-left: 15px solid #00619d;}
.subscription.sub_7 a{color: #00619d;}
.subscription.sub_7 .list-icon{background: #00619d;}
.subscription.sub_8{border-left: 15px solid #AC160D;}
.subscription.sub_8 a{color: #AC160D;}
.subscription.sub_8 .list-icon{background: #AC160D;}

.cancelSubscription .subscription{max-width: 600px;}
.cancel-sub-hold{font-size: 14px; line-height: 1.6em;}

.tooltip_templates{display: none;}

.account-block{background: #FFF; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; border-left: 15px solid #73A677; line-height: 1.8em;}
.account-block .field-hold{margin-bottom: 15px;}

.update-password{background: #FFF; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; border-left: 15px solid #00619d; line-height: 1.8em;}
.update-password .field-hold{margin-bottom: 15px;}
.change-password{background: #FFF; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; border-left: 15px solid #73A677; line-height: 1.8em; max-width: 600px;}
.change-password .field-hold{margin-bottom: 15px;}

.add-filters{background: #FFF; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; border-left: 15px solid #D8783E; line-height: 1.8em;}
.add-filters .field-hold{margin-bottom: 15px;}

.new-address{background: #FFF; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; border-left: 15px solid #73A677; line-height: 1.8em;}

.update-payment{background: #FFF; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; border-left: 15px solid #73A677; line-height: 1.8em; max-width: 600px;}
.update-payment #card-element{padding: 10px; border: 1px solid #e1e1e1; margin-bottom: 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.business-order{text-align: center;}
.business-order .btn{margin: 5px; min-width: 220px;}
.business-order .btn.selected{background:#D8783E; color: #FFF !important;}
.business-order .icon{font-weight: bold; padding-top: 10px; display: inline-block;}
.business-order .size-hold{width: 33.33%; padding: 5px; display: inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.recentOrders .table-btns{margin-top: 20px; text-align: right;}
.recentOrders .table-btns a{margin: 5px; display: inline-block; vertical-align: middle;}

    /*-- Pagination --*/
.pgn-right{padding-top: 20px; text-align: center; clear:both;}
.pagination{ list-style: none; padding: 0; display: inline; font-family: "Saira Condensed", sans-serif; font-size: 16px; line-height: 1em;}
.pagination li{display: inline-block; vertical-align: middle;}
.pagination li .prev, .pagination li .next{background: #D8783E; color: #FFF; padding: 4px 6px 2px; font-size: 16px; line-height: 1em; margin: 0 10px; display: block;}
.pagination li .next{margin-right: 0;}
.pagination li .prev:hover, .pagination li .next:hover{background: #ff702a; color: #FFF;}
.pagination li.disabled a{cursor: default; color: #ccc !important; background: #FFF !important;}

.filter-detail .img-caption{padding:5px 10px 10px; font-size: 12px; line-height: 1.4em; color: #555; font-style: italic;}

.quality-table{padding: 15px 0;}
.quality-table table{width: 100%;}
.quality-table table td{vertical-align: top; padding: 10px; border: none;}
.quality-table table td:first-child{width: 40px;}
.quality-table .merv{display: block; width: 40px; margin-top: 2px;}
.quality-table .price{color:#D8783E; font-weight: bold;}
.quality-table h4{padding-bottom: 0;}

.account-icon{float: left; font-size: 20px; color: #767f88; margin-right: 5px; }

/* ----Form Inputs ----*/
fieldset{padding: 25px;}
input, textarea, select {vertical-align: inherit;border: 1px solid #e5e5e5;  background: #FFF;  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;}
input.date{background:url(images/icon-date.svg) center right 5px no-repeat; padding-right:28px;}
.right{float: right}
.left{float: left;}

.row .col .block{padding:15px; background: #FFF; border:1px solid #e1e1e1; font-size: 14px;}
h2.subheader{ padding: 10px 15px; text-transform: uppercase; background: #ccc; font-size: 16px; }
.helper{padding:5px 0 0 5px; font-size:11px; color:#777;}

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

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

.step-video{position: fixed; bottom: 0; left: 0; z-index: 999; display: block; max-width: 90px; cursor: pointer;}
.step-video .vid-label{position: absolute; bottom: 2px; left: 0; display: block; width: 100%; text-align: center; line-height: 1em; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #00619d;}

.step-video-hold{position: fixed; bottom: 0; left: 0; z-index: 999; display: block; padding: 10px 10px 7px; background: #7CA1C2;}
.step-video-thumbs{display: inline-block; vertical-align: top;}
.step-video-thumbs .vid-thumb{display: inline-block; vertical-align: top; width: 260px;}
.step-video-thumbs .vid-thumb .thumb-hold{position: relative;}
.step-video-thumbs .vid-thumb .thumb-hold img{display: block; position: relative; z-index: 1; border: 2px solid #FFF; }
.step-video-thumbs .vid-thumb .thumb-hold:hover img{border: 2px solid #aaa;}
.step-video-thumbs .vid-thumb .icon-play{font-size: 34px; line-height: 34px; color: #FFF; position: absolute; top: 50%; left: 50%; z-index: 2;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.step-video-thumbs .vid-thumb .thumb-label{font-size: 12px; line-height: 1.3em; font-weight: bold; text-align: center; color: #FFF; margin-top: 5px;}
.step-video-hold .close-vids{display: inline-block; vertical-align: top; margin-left: 8px; color: #FFF; font-size: 20px; line-height: 20px; cursor: pointer;}
.step-video-hold .close-vids:hover{color: #aaa;}

/* -- Property Management Portal -- */
.prop-dash .sub-btns{text-align: center; margin-bottom: 20px;}
.prop-dash .sub-btns .btn{margin: 0 6px 10px;}
.recentOrders .prop-dash .cart-table .title td{color: #FFF; background: #00619d; border-bottom: none !important;}
.recentOrders .prop-dash .cart-table .title td:hover{color: #FFF; background: #7CA1C2;}
.recentOrders .prop-dash .cart-table{border: 1px solid #DDD; border-bottom: 5px solid #00619d;}
.recentOrders .prop-dash .cart-table tr.even td{background: #DDD;}
.recentOrders .prop-dash .cart-table .mod{display: inline-block; margin: 2px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; padding: 5px 8px;}
.recentOrders .prop-dash .cart-table .mod.activate{background: #424242; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.activate:hover{background: #000; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.edit{background: #D8783E; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.edit:hover{background: #ff702a; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.cancel{background: #D70505; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.cancel:hover{background: #c52a19; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.hold{background: #7CA1C2; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.hold:hover{background: #00619d; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.delete{background: #245269; color: #FFF;}
.recentOrders .prop-dash .cart-table .mod.delete:hover{background: #000; color: #FFF;}
.recentOrders .prop-dash .dataTables_wrapper .dataTables_length{width: 50%; margin-bottom: 15px;}
.recentOrders .prop-dash .dataTables_wrapper .dataTables_length label{display: block; float: none;}
.recentOrders .prop-dash .dataTables_wrapper .dataTables_length label select{display: inline-block; width: auto; background: #FFF; margin: 0 3px;}
.recentOrders .prop-dash .dataTables_wrapper .dataTables_filter{width: 50%; margin-bottom: 15px;}
.recentOrders .prop-dash .dataTables_wrapper .dataTables_filter label{display: block; float: none;}
.recentOrders .prop-dash .dataTables_wrapper .dataTables_filter label input{display: inline-block; width: auto; background: #FFF; margin: 0 0 0 6px; width: 220px;}

.filter-table{width: 100%; border-left: 1px solid #DDD; border-right: 1px solid #DDD;}
.filter-table th{background: #DDD; padding: 5px 10px; font-weight: bold;}
.filter-table td{padding: 5px 10px; border-bottom: 1px solid #DDD;}

/*-- Responsiveness Media Queries -- */
@media (max-width: 1480px) {
    .container{width: 100%;}
    #marketing .panel-right .caption{width: 80%;}
    #marketing .panel-right .product-image{width: 50%;}
    #marketing .panel-right .caption p{width: 72%;}
    #marketing .internal .panel-right .caption{width: 90%;}
}

@media (max-width: 1200px) {
    h1 { font: bold 32px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h2 { font: bold 26px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h3 { font: bold 20px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h4 { font: bold 18px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h5 { font: bold 16px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    #header{height: 80px;}
    #header #logo{max-width: 210px; padding: 11px 0;}
    #header .mobile-menu{display: block;}
    #header .hide-start{display: block; height: auto; right: 100px; top: 15px; padding: 10px 20px;}
    #header.sticky .hide-start{top: 5px;}
    #header.sticky .mobile-menu{height: 60px; width: 60px; padding: 19px 15px;}
    #header.sticky .mobile-menu .mline{margin-bottom: 6px;}
    #header.sticky .hide-start{right: 80px;}
    #navigation{z-index: 9999; margin: 0;}
    #navigation .nav-hold { max-width: none; z-index: 9999; }
    #navigation .nav-hold .mobile-add{display: block; padding-bottom: 10px;}
    #navigation .nav-hold .mobile-start{display: inline-block; margin-top: 20px;}
    #navigation .nav-hold .close-btn { display: block; cursor: pointer; position: absolute; right: 9px; top: 6px; z-index: 20; color: #212121; font-size: 40px; line-height: 1em; }
    #navigation .nav-hold { background: #EEEEEE; height: 100%; width: 400px; position: fixed; z-index: 18; right: -402px; top: 0; overflow-y: auto; transition: all 550ms cubic-bezier(0.2, 1, 0.3, 1); -moz-transition: all 550ms cubic-bezier(0.2, 1, 0.3, 1); }
    #navigation .nav-hold, #navigation #nav-menu { display: block; }
    #navigation .nav-hold ul#nav-menu{padding: 54px 0  0;}
    #navigation .nav-hold.active { right: 0; }
    #navigation .nav-hold ul li.level_1 { display: block; height: auto; width: 100%; margin: 0; float: none; border-bottom: 1px solid #bbb;}
    #navigation .nav-hold ul li.level_1:first-child{border-top: 1px solid #bbb}
    #navigation .nav-hold ul li.level_1 a { height: auto; display: block; border-bottom: 0; margin: 0; padding: 20px; text-align: left; font-size: 14px; line-height: 1em; color: #000; border-radius: 0;}
    #navigation .nav-hold ul li.level_1:hover  a{ background: #00619d; color: #FFF; }
    #navigation ul li.level_1 .plus-icon{display: block; cursor: pointer;}
    #navigation ul li.level_1:hover .plus-icon{color:#FFF;}
    #navigation .nav-hold ul li.level_1 .subnav { background: #EEEEEE; border: 0; border-top: 1px solid #bbb; padding: 0; display: none; width: 100%; min-width: 0; position: static;  box-shadow: 0 0 0; overflow: auto; max-height: 1000px; }
    #navigation .nav-hold ul li.level_1 .subnav ul{width: 100%;}
    #navigation .nav-hold ul li.level_1 .subnav li { max-height: none; }
    #navigation .nav-hold ul li.level_1 .subnav li a{font-size: 16px; line-height: 1em; font-weight: bold; padding: 10px 20px;}
    #navigation .nav-hold ul li.level_1 .subnav li a:hover{ background: #555; color: #FFF; }
    #navigation .nav-hold ul li.level_1 .subnav li.level_2 { margin-bottom: 0; }
    #navigation .nav-hold ul li.level_1 .subnav li.level_2 a{ font-size: 12px; background: #EEEEEE; color: #212121;}
    #navigation .nav-hold ul li.level_1 .subnav li.level_2 a:hover{background: #ddd;}
    #navigation ul li.level_1 .subnav li.level_2 .popout{position: static; border: none; display: block;}
    #navigation .nav-hold ul li.level_1 .subnav li.level_3 a{font-size: 12px; text-transform: none; background: #EEEEEE; color: #212121; padding-left: 35px;}
    #navigation .nav-hold ul li.level_1 .subnav li.level_3 a:hover{background: #ddd;}
    .page-tabs .pdetail{padding: 20px 15px 10px;}
    .check-left { width: 70%; float: left; }
    .check-right {  width: 27%;  }
    .top-bar{z-index: 9;}
    .top-bar .start-here .btn.start{display: none;}
    .top-bar .my-account .mlabel{display: inline;}
    .top-bar .my-account .label{display: none;}
    .section-instagram .photo-hold{width: 25%;}
    .step-selections .ys-btn{ display: none;}
    .step-selections .ys-close-btn{ display: block;}
    #content .content-left{width: 30%;}
    #content .content-right{width: 70%; padding-left: 20px;}
    .share-posts{width: 30%;}
    .fa-pad{padding: 0 10px;}
    .step-video-thumbs .vid-thumb{width: 180px;}
}

@media (max-width: 1120px) {
    .how-it-works .hiw{min-height: 420px;}
}

@media (max-width: 1080px) {
    .page-tabs .ptab{padding: 10px 12px;}
    .page-tabs .pdetail{padding: 15px 12px 5px;}
    .cart-hold{position: relative; min-height: 0;}
    .cart-hold .cart-left{padding-right: 0;}
    .cart-hold .cart-right{position: static; float: right; 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; float: left;}
    .shopping-cart .sub-total{width: 300px; float: right;}
    .checkout .option-box {padding: 15px;}
    .checkout .col.half:first-child .option-box { border-right: 0; }
    .summary-box h2 { font-size: 24px; }
    .customer-orders{display: block; width: 100%}
    .customer-orders .title{display: none;}
    .customer-orders tbody{display: block; width: 100%}
    .customer-orders tr{display: block; margin-bottom: 10px; border: 1px solid #EEEEEE; border-top: 0;}
    .customer-orders td{padding: 5px 10px; width: 100%; display: block; line-height: 1.6em;}
    .customer-orders td.co-num{font-weight: bold; background: #EEEEEE;}
    .customer-orders td.co-num:before{content: '#'}
    .customer-orders td.co-ship:before{content: 'Ship to: '; font-weight: bold;}
    .customer-orders td.co-ttl:before{content: 'Total: '; font-weight: bold;}
    .customer-orders td.co-status:before{content: 'Order Status: '; font-weight: bold;}
    .customer-orders td.co-ro:before{content: 'Buy Again: '; font-weight: bold;}
    .customer-orders td.co-view:before{content: 'View Order Details: '; font-weight: bold;}
    #marketing .marketing{height: 350px;}
    #marketing .panel-image{height: 350px;}
    #marketing .panel-left{width: 40%;}
    #marketing .panel-right{width: 60%;}
    #marketing .panel-right .caption h2{font-size: 32px; line-height: 1.3em;}
    #marketing .panel-right .caption p{font-size: 16px; line-height: 1.6em;}
    .testimonials{width: 100%; float: none;}
    .featured-video{width: 100%; max-width: 640px; margin: 0 auto; padding: 0 0 40px; float: none;}
    #footer{padding-top: 20px;}
    .step-progress .prog-step{padding: 0 20px; height: 100px;}
    .step-progress .prog-step .num{padding: 15px 0 5px; font-size: 36px; line-height: 36px;}
    .extra-conent .ec-info{width: 100%; float: none !important; position: relative; z-index: 3; min-height: 0;}
    .extra-conent .ec-image{width: 100% !important; position: static !important; height: 280px !important;}
    .sponsor-landing .extra-conent.first .ec-image, .sponsor-landing .extra-conent.first .ec-info{ width: 49% !important; height: auto !important; position: relative !important; }
    .sponsor-landing .extra-conent .ec-image{ position: relative !important; }
    .featured-sizes .size-item{width: 20%;}
}

@media (max-width: 980px) {
    h1 { font: bold 30px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h2 { font: bold 24px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h3 { font: bold 18px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h4 { font: bold 16px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    #content .content-left{width: 35%;}
    #content .content-right{width: 65%; padding-left: 20px;}
    .share-posts{width: 35%;}
    .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.split_int{margin-left: 2%;  clear: none;}
    .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%;}
    .filters-sizes .row .third{width: 32%;}
    .col .product-list-item{width:49%;}
    .checkout .row.final-payment .third{width:100%; margin-left:0;}
    .methods #stripe{padding: 0;}
    .sort-bar .dropdown{width: 120px !important;}
    .sort-bar .filter-section{width:350px; }
    .sort-bar .sort-section{width:190px; }
    .product-detail .product-image{float: none; text-align: center; margin-bottom: 30px;}
    .product-detail .detail-section{clear: both; margin-top: 30px; margin-left: 0; width: 100%;}
    .page-tabs .ptab{padding: 10px 10px; font-size: 11px; line-height: 1em;}
    .page-tabs .pdetail{padding: 15px 10px 5px;}
    .check-left{width: 60%;}
    .check-right{width: 38%;}
    .shopping-cart .col.fourth { width: 100%; margin-left: 0; }
    .how-it-works .hiw-pad{padding: 5px;}
    .how-it-works .hiw{padding: 20px 20px 10px; min-height: 340px;}
    .how-it-works .hiw .hiw-image{width: 150px; height: 150px;}
    .how-it-works .hiw .hiw-summary{font-size: 14px; line-height: 1.6em;}
    .how-it-works .hiw .step{font-size: 28px; line-height: 1em; top:8px; left: 10px;}
    .how-it-works .hiw .corner{border-width: 70px 70px 0 0;}
    .how-it-works .hiw-hold{padding: 10px 0;}
    .feature-filters .ftd-flt .ff-image{min-height: 0;}
    .brick-sizer{width: 50%;}
    .brick{width: 50%;}
    .galleries-hold .gal-info{min-height: 0;}
    .galleries-hold .usa-icon{top: -20px;}
    .galleries-hold .row{padding-top: 55px;}
    .selection-step .fq-pad{padding:0 10px 20px; width: 50%;}
    .selection-step .fs-pad{padding:0 10px 20px; width: 50%;}
    .selection-step .filters-quality{ display: block; }
    .quality-blocks .qlty-summary{min-height: 370px;}
}

@media (max-width: 870px) {
    #content .content-hold{padding: 20px 0;}
    #content .content-left{width: 100%; float: none;}
    #content .content-right{width: 100%; padding-left: 0; float: none;}
    .share-posts{width: 100%; float: none; clear: both; margin-top: 20px;}
    .side-trigger{display: block;}
    .side-nav{display: none;}
    .left-ctas{display: none;}
    .mobile-ctas{display: block;}
    .mobile-ctas .left-ctas{display: block;}
    .check-left { width: 100%; }
    .checkout{ margin-top: 0; }
    .check-right { width: 100%; margin-top: 20px; }
    /*.check-right .apply-code{display: inline-block;}*/
    .check-right .apply-code{display: none;}
    .summary-box { padding: 15px; }
    .check-right .stitle{background: #333; margin-bottom: 0; position: relative;}
    .check-right .stitle:after{font-family: "Linearicons"; content: "\e936"; color: #FFF; font-size: 16px; position: absolute; right: 10px; top:10px;}
    .check-right .stitle:hover{background: #000; cursor: pointer;}
    .check-right .stitle.open:after{ content: "\e937";}
    .check-right .stitle span:after{content:' & Discounts';}
    /*.check-right .discount-box{display: none;}*/
    .feature-filters{padding-bottom: 20px;}
    #content.home{background: #FFF;}
    #content.home .container{width: 100%; padding: 0;}
    #content.home .content-hold{padding-bottom: 0;}
    .home-content-left{width: 100%; float: none; padding: 0 20px 20px; border-right: 0; text-align: center;}
    .home-content-right{width: 100%; padding: 20px 10px 10px; border-left: 0; text-align: center; background: #EEEEEE;}
    .home-content-right .cms-block{display: inline-block; text-align: left;}
    .home-content-right li{width: 50%; float: left; padding: 0 5px; margin: 6px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .featured-news .fn-pad{width: 100%; float: none; max-width: 520px; margin: 0 auto;}
    .featured-news .brick .brick-summary{min-height: 0;}
    .step-progress .prog-step{padding: 0 15px;}
    .selection-step .filterInfo{padding: 10px 10px 0; font-size: 12px; line-height: 1.6em;}
    .selection-step .ft-pad{padding:0 5px 20px;}
    .btn-pad{padding: 0 5px;}
    .selection-btns .title{padding: 10px 20px;}
    .selection-btns .selection{padding: 10px;}
    .selection-btns .selection .sel-half{width: 100%; float: none;}
    .selection-btns .selection .sel-half:first-child{margin-bottom:10px;}
    .selection-btns .previous{float: left;}
}

@media (max-width: 790px){
    #echo-cart{min-width: 550px; padding: 10px 0;}
    .mobile-cart-listing #echo-cart{min-width: 100%;}
    .cart-listing{overflow-x: auto;}
    .recentOrders .cart-listing{overflow: visible;}
    .ec-item{padding-right: 30px;}
    .ec-item .item-image img{max-width: 74px;}
    .ec-item .item-info{padding: 10px 220px 0 0; clear: left;}
    .ec-item .item-pricing{padding: 0 20px 0 10px;}
    #echo-cart.checkout-list{min-width: 100%;}
    #echo-cart.checkout-list .ec-item .item-image img{max-width: 74px;}
    #echo-cart.checkout-list .ec-item .item-pricing{width: auto;}
    #echo-cart.checkout-list .ec-item .item-info{padding: 10px 0 0 0; clear: left;}
    .checkout .final-hold{ padding: 15px; }
    .cart-related {padding: 10px 0;}
    .cart-related .item-row{ min-width: 0;}
    .cart-related .item-row .item-image img{max-width: 74px;}
    .cart-related .item-row .item-info{padding-bottom: 10px;}
    #marketing .marketing{height: 720px;}
    #marketing .panel-image{height: auto;}
    #marketing .panel-left{width: 100%; float: none; height: 420px;}
    #marketing .panel-right{width: 100%; float: none; height: 300px;}
    #marketing .panel-right .caption{width: 60%; padding-left: 30px;}
    #marketing .panel-right .caption p{width: 78%;}
    #marketing .internal .panel-right .caption{width: 90%;}
    /*#marketing .panel-left.video{height:auto}
    #marketing .panel-left .video-hold{position: static; width: auto; height: auto;}
    #marketing .panel-left video{height: auto; width: 100%; position: static; left: auto; top: auto; display: block;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);}*/
    .how-it-works .hiw-pad{width: 100%;}
    .how-it-works .hiw{min-height: 0; max-width: 420px; margin: 0 auto; padding: 20px;}
    .how-it-works .hiw .hiw-image{width: 190px; height: 190px;}
    .step-progress .prog-step .title{font-size: 13px; line-height: 1.3em;}
    .sponsor-landing .extra-conent{ display: block; }
    .sponsor-landing .extra-conent.first .ec-image, .sponsor-landing .extra-conent.first .ec-info{ width: 100% !important; }
    .sponsor-landing .extra-conent.first .ec-image{ height: 250px !important; }
    .featured-sizes .size-item{width: 25%;}
    .join-team-ft .jt-header{ margin: 0 0 0 -15%; max-width: none; width: 120% !important;}
}

@media (max-width: 710px) {
    .container{padding: 0 15px;}
    h1 { font: bold 28px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h2 { font: bold 22px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    h5 { font: bold 16px/1.3em 'Poppins', Arial, Helvetica, sans-serif; }
    body{ font: normal 16px/1.8em 'Poppins', Arial, Helvetica, sans-serif;}
    .shopping-cart .discount-box{width: 300px; float: none; margin: 0 auto 20px;}
    .shopping-cart .sub-total{width: 300px; float: none; margin: 0 auto;}
    #header{height: 60px;}
    #header .container{width: 100%;}
    #header #logo{max-width: 184px; padding: 5px 0;}
    #header #navigation{right: 170px; bottom: 6px;}
    #header .hide-start{top: 5px;}
    #header .mobile-menu{height: 60px; width: 60px; padding: 19px 15px;}
    #header .mobile-menu .mline{margin-bottom: 6px;}
    #header .hide-start{right: 80px;}
    .top-bar .top-message .cms-block:after{content: 'Made in the USA'; display: block;}
    .top-bar .top-message .cms-block p{display: none;}
    .testimonials .qtop{width: 52px;}
    .testimonials .qbtm{width: 52px;}
    .featured-video{padding-bottom: 30px;}
    .section-instagram .photo-hold{width: 50%;}
    #signup.signup .field-hold{margin: 10px 0;}
    .brick-sizer{width: 100%;}
    .brick{width: 100%;}
    .featured-article .ftd-left{width: 100%; height: 320px; position: static;}
    .featured-article .ftd-img{position: relative;}
    .featured-article .ftd-right{width: 100%; float: none;}
    .featured-article .ftd-info{min-height: 0;}
    .get-started .ilb h3{padding-bottom: 0;}
    .get-started .gs-summary{padding-bottom: 10px;}
    .join-team-ft-dale{padding: 20px 0 60px; background: url('../images/structure/filtertime_blake_koch_dale_earnhardt_jr-medium.webp') top center no-repeat; min-height: 500px; font-size: 18px; line-height: 1.6em; font-weight: 500;}
    .join-team-ft-dale h2{padding-bottom: 5px;}
    .join-team-ft-dale p{padding-bottom: 5px;}
    .join-team-ft-dale .signatures{position: absolute; bottom: 180px; left: 0; width: 100%;}
    .join-team-ft-dale .sig-blake{float: left; text-align: center;}
    .join-team-ft-dale .sig-dale{float: right; text-align: center;}
    .join-team-ft-dale .sig .btn{margin-top: 10px; padding: 10px 15px;}
    .join-team-ft-dale .sig img{height: 50px;}
    .join-team-ft-dale .wysiwyg .btn{margin-top: 165px;}
    .step-video-thumbs .vid-thumb{width: 120px;}
    .step-video-thumbs .vid-thumb .thumb-label{font-size: 10px; line-height: 1.3em;}
    .filters-sizes .lbl{display: none;}
}

@media (max-width: 620px) {
    .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{float: none !important; text-align: center; max-width: 320px; margin: 20px auto; display: block; border-right: none; }
    .checkout-option a img{margin: 0 auto;}
    .row .col{margin-left:0 !important; clear:both !important; width: 100% !important;}
    .row .third, .row .fourth{margin:10px 0;}
    .filters-sizes{text-align: center;}
    .filters-sizes .row .third{margin:0 0 15px 2% !important; float: none !important; clear:none !important; width: auto !important; max-width: 31%; display: inline-block;}
    .filters-sizes .row .third:first-child{margin-left: 0 !important;}
    .check-left{width: 100%; float: none;}
    .check-right{width: 100%; float: none;}
    .page-tabs .ptab{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;}
    .shopping-cart .checkout-option{margin-bottom: 0;}
    .shopping-cart .cart-table .item-row .item-info{padding-left: 0; clear: both; padding-top: 10px;}
    .checkout .checkout-option{margin-bottom: 0;}
    .checkout .cart-table .item-row .item-info{padding-left: 0; clear: both; padding-top: 10px;}
    .detail-img{max-width: none; padding: 0 0 10px 0; float: none; width: 100%;}
    .detail-img img{width: 100%;}
    .home-content-right li{width: auto; float: none;}
    .home-content-right{padding: 20px 10px;}
    .step-progress .prog-step{height: 70px; padding: 0 7px;}
    .step-progress .prog-step .num{padding-top: 5px; font-size: 28px; line-height: 28px; padding-bottom: 0;}
    .step-progress .prog-step .title{font-size: 11px;}
    .selection-step .filterType{padding: 10px;}
    .selection-step .filterQual .quality-hold{min-height: 0;}
    .yourSubscriptions .addone{position: absolute; top:20px; right: 10px; margin: 0; padding: 8px 10px; font-size: 14px; line-height: 1em;}
    .quality-blocks .qlty{min-height: 0;}
    .testimonials-list .testimonial-item{padding: 20px 50px;}
    .testimonials-list .testimonial-item .qtop{width: 32px; position: absolute; top: 15px; left: 10px;}
    .testimonials-list .testimonial-item .qbtm{width: 32px; position: absolute; bottom: 15px; right: 10px;}
    .selection-step .fq-pad{padding:0 10px 20px; width: 100%;}
    .selection-step .fs-pad{padding:0 10px 20px; width: 100%;}
    .step-video{ max-width: 70px;}
    .step-video .vid-label{font-size: 16px; line-height: 1em;}
    .recentOrders .prop-dash .dataTables_wrapper .dataTables_length{width: 100%; margin-bottom: 15px; text-align: center;}
    .recentOrders .prop-dash .dataTables_wrapper .dataTables_filter{width: 100%; margin-bottom: 15px; text-align: center;}
    #footer .footer-links{text-align: center;}
    #footer .footer-social{text-align: center;}
    #footer .footer-social .social{text-align: center;}
    .quality-blocks .qlty-summary{min-height: none;}
    .btn{font-size: 16px; line-height: 16px;}
    .btn.apply-code{font-size: 16px; line-height: 16px;}
    .top-bar{font-size: 16px; line-height: 1.4em;}
    #navigation ul li.level_1 .subnav li a{font-size: 16px; line-height: 1.4em;}
    #navigation ul li.level_1 .subnav li.level_3 a{font-size: 16px; line-height: 1.4em;}
    .wysiwyg table caption{font-size: 16px; line-height: 1.4em;}
    .page-tabs .ptab{font-size: 16px; line-height: 1.4em;}
    .quality-blocks .qlty-label{font-size: 16px; line-height: 1.4em;}
    .quality-blocks .qlty-summary{font-size: 16px; line-height: 1.4em;}
    .brick .brick-img .date{font-size: 16px; line-height: 1.4em;}
    .brick .brick-info{font-size: 16px; line-height: 1.4em;}
    .featured-article .ftd-img .date{font-size: 16px; line-height: 1.4em;}
    .featured-article .ftd-info{font-size: 16px; line-height: 1.4em;}
    #signup.signup .field-hold button{font-size: 16px; line-height: 1.4em;}
    #signup.signup .captcha{font-size: 16px; line-height: 1.4em;}
    #footer #copyright{font-size: 16px; line-height: 1.4em;}
    .step-selections{font-size: 16px; line-height: 1.4em;}
    .step-selections .promo-hold .btn{font-size: 16px; line-height: 1.4em;}
    .selection-step .filterQual .qlabel{font-size: 16px; line-height: 1.4em;}
    .selection-step .filterQual .quality-info{font-size: 16px; line-height: 1.4em;}
    .selection-step .filterQual .quality-price h2 .fn{font-size: 16px; line-height: 1.4em;}
    .selection-step .filterQual .more{font-size: 16px; line-height: 1.4em;}
    .menu-side ul li a{font-size: 16px; line-height: 1.4em;}
    .menu-side ul li ul li a{font-size: 16px; line-height: 1.4em;}
    .side-nav li .more li a{font-size: 16px; line-height: 1.4em;}
    .sort-bar{font-size: 16px; line-height: 1.4em;}
    .product-list-cta .sub-title{font-size: 16px; line-height: 1.4em;}
    .breadcrumb-wrap .icon{font-size: 16px; line-height: 1.4em;}
    .shopping-cart .cart-table .item-row .discount{font-size: 16px; line-height: 1.4em;}
    .shopping-cart .cart-table .item-row .item-info span{font-size: 16px; line-height: 1.4em;}
    .shopping-cart .cart-table .item-row .update-link{font-size: 16px; line-height: 1.4em;}
    .shopping-cart .discount-box .default-value{font-size: 16px; line-height: 1.4em;}
    .ec-item .item-options{font-size: 16px; line-height: 1.4em;}
    .ec-item .item-qty .update-row{font-size: 16px; line-height: 1.4em;}
    .ec-item .item-pricing .discount{font-size: 16px; line-height: 1.4em;}
    #echo-cart.checkout-list .ec-item .item-image .qty{font-size: 16px; line-height: 1.4em;}
    #echo-cart.checkout-list .ec-item .item-image .remove{font-size: 16px; line-height: 1.4em;}
    .checkout .new{font-size: 16px; line-height: 1.4em;}
    .checkout .cart-table .item-row .item-info span{font-size: 16px; line-height: 1.4em;}
    .discount-box{font-size: 16px; line-height: 1.4em;}
    .summary-box{font-size: 16px; line-height: 1.4em;}
    .discount-box .promo-hold .btn{font-size: 16px; line-height: 1.4em;}
    .recentOrders .cart-table .item-row .item-info span{font-size: 16px; line-height: 1.4em;}
    .recentOrders .cart-table .item-row .update-link{font-size: 16px; line-height: 1.4em;}
    .dashboard-box .panel .panel-body span{font-size: 16px; line-height: 1.4em;}
    .subscription .edit{font-size: 16px; line-height: 1.4em;}
    .subscription .cancel{font-size: 16px; line-height: 1.4em;}
    .subscription .pause{font-size: 16px; line-height: 1.4em;}
    .cancel-sub-hold{font-size: 16px; line-height: 1.4em;}
    .filter-detail .img-caption{font-size: 16px; line-height: 1.4em;}
    .row .col .block{font-size: 16px; line-height: 1.4em;}
    .helper{font-size: 16px; line-height: 1.4em;}
    .step-video .vid-label{font-size: 16px; line-height: 1.4em;}
    .step-video-thumbs .vid-thumb .thumb-label{font-size: 16px; line-height: 1.4em;}
    .recentOrders .prop-dash .cart-table .mod{font-size: 16px; line-height: 1.4em;}
    .nav-hold ul li.level_1 a{font-size: 16px; line-height: 1.4em;}
    #navigation .nav-hold ul li.level_1 .subnav li.level_2 a{font-size: 16px; line-height: 1.4em;}
    #navigation .nav-hold ul li.level_1 .subnav li.level_3 a{font-size: 16px; line-height: 1.4em;}
    .how-it-works .hiw .hiw-summary{font-size: 16px; line-height: 1.4em;}
    .selection-step .filterInfo{font-size: 16px; line-height: 1.4em;}
    .step-progress .prog-step .title{font-size: 16px; line-height: 1.4em;}
    .yourSubscriptions .addone{font-size: 16px; line-height: 1.4em;}
    .news-detail .news-img-right{display: block; max-width: 100%; margin: 0 0 15px 0; float: none;}
    .business-order .size-hold{width: 100%;}
}

@media (max-width: 570px) {
    .join-team-ft-dale{padding: 20px 0 60px; min-height: 460px; font-size: 16px; line-height: 1.4em; font-weight: 500;}
    .join-team-ft-dale .social li{margin: 2px;}
    .join-team-ft-dale .social li a{padding: 8px; width: 14px; height: 14px;}
    .join-team-ft-dale .social li a img{width: 14px;}
    .join-team-ft-dale .signatures{bottom: 120px;}
    .join-team-ft-dale .wysiwyg .btn{margin-top: 190px;}
    .featured-sizes .size-item{width: 33.33%;}
    .join-team-ft .jt-header{display: none;}
    .featured-article .ftd-img .ftd-title{font-size: 26px; line-height: 1.4em;}
}

@media (max-width: 530px) {
    .container{padding: 0 10px;}
    .ec-item .item-options{font-size: 16px; line-height: 1.4em;}
    #marketing .marketing{height: auto; min-height: 0;}
    #marketing .panel-left{height: 280px;}
    #marketing .panel-right{height: auto;}
    #marketing .panel-right .caption{position: static; width: 100%; padding: 20px 15px 0; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);}
    #marketing .panel-right .caption h2{padding-bottom: 10px;}
    #marketing .panel-right .caption p{width: 100%;}
    #marketing .panel-right .caption .btn{float: none; display: inline-block;}
    #marketing .panel-right .product-image{display: none;}
    .tagline-bar p{font-size: 18px; line-height: 1.6em;}
    .selection-step .ft-pad{width: 100%;}
    .selection-step .filterQual .quality-info{padding: 15px 10px; font-size: 16px; line-height: 1.6em;}
    .join-team-ft-dale{min-height: 400px; padding-bottom: 20px; background: url('../images/structure/filtertime_blake_koch_dale_earnhardt_jr-small.webp') top center no-repeat; padding-top: 10px;}
    .join-team-ft-dale .summary p{display: none;}
    .join-team-ft-dale .summary:after{content: 'Be sure to post your best #FilterTime pic and tag us with #TEAMFILTERTIME'; display:block;  padding-bottom: 5px; font-size: 16px; line-height: 1.4em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);}
    .join-team-ft-dale .sig img{height: 30px;}
    .join-team-ft-dale .sig .btn{font-size: 16px; line-height: 1em; padding: 6px 8px;}
    .join-team-ft-dale .wysiwyg .btn{margin-top: 130px; font-size: 16px; line-height: 12px;}
    #launcher{display: none !important;}
}

@media (max-width: 460px) {
    #navigation .nav-hold {height: 100%; width: 100%; right: -100%;}
    .checkout .methods{padding: 15px 0;}
    #header .hide-start{right: 70px; padding: 5px 10px; top: 10px;}
    #header.sticky .hide-start{right: 70px; padding: 5px 10px; top: 10px;}
    .featured-article .ftd-left{height: 260px;}
    .tagline-bar p{font-size: 16px; line-height: 1.6em;}
}

@media (max-width: 440px) {
    .step-progress .prog-step .title{font-size: 16px;}
    .selection-btns .btn{padding: 10px 12px;}
    .selection-btns .btn .nm{display: none;}
}

@media (max-width: 410px) {
    #header #logo{max-width: 140px; padding: 10px 0;}
    #header.sticky #logo{max-width: 140px; padding: 10px 0;}
    #signup.signup .field-hold{width: 100%;}
    #header .hide-start{padding-right: 2px;}
    #header.sticky .hide-start{padding-right: 2px;}
    #header .hide-start .icon-li-chevron-right{display: none;}
    .step-progress .prog-step .title{display: none;}
    .step-progress .prog-step{padding: 0 15px; height: 42px;}
}

@media (min-width: 1790px) {
    #marketing .panel-left video {
        height: auto;
        width: 100%;
    }
}

/* Hide Friendbuy ribbon on mobile */
@media (max-width: 960px) {
    [id*="fbt-ribbon"] {
        display: none !important;
    }
}


@media (min-width: 530px) {
    .selection-step .custom-hold .customUpdate:hover{background: #e1e1e1;}
}