@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(gplus-font.css);
@import url(icon-check-font.css);
@import url(bariol-font.css);

/**
 * General
 **/
html, body {  -ms-overflow-x: hidden; overflow-x: hidden;}

body {font-family: 'Open Sans', sans-serif;}
.hide{display: none;}
.page{-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.page.off-screen { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); position: fixed; left: 80%; min-width: 100%; overflow-y: hidden; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.page.off-screen #Header > .inner { margin: 0 12px; }
input[type=submit] { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; color: #fff; }
.btn { font-family: 'Open Sans', sans-serif; font-size: 20px!important; font-weight: 700; color: #fff; height: 49px; line-height: 100%; padding: 14px 15px 15px; background-color: #53a8df; border: 1px solid #53a8df; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.btn:hover {background-color: #4984AB;-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.btn.alt { background-color: #6CC3DC; color: #fff!important; border: 1px solid #6CC3DC; font-weight: 400; }
.btn.alt:hover { background-color: #60B0C7;}
.recaptchatable #recaptcha_response_field { line-height: 30px; }
html > object{display: none;}

.QuickViewBtn{text-transform: uppercase; width: 80px; color: #fff!important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(90, 146, 85)), to(rgb(140, 187, 136)))!important;}

body input::-webkit-input-placeholder {  font-family: 'Open Sans', sans-serif; font-size: 16px; }
body input:-moz-placeholder {  font-family: 'Open Sans', sans-serif; font-size: 16px; }
body input::-moz-placeholder {  font-family: 'Open Sans', sans-serif; font-size: 16px;   }
body input:-ms-input-placeholder {  font-family: 'Open Sans', sans-serif; font-size: 16px; }
body .placeholder {  font-family: 'Open Sans', sans-serif; font-size: 16px; }
input[type=submit] {  font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; color: #fff; }
div.selector {height: 26px; min-height: 10px!important; line-height: 100%; padding: 0px!important; background: none!important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
div.selector:before {position: absolute; right: 8px; top: 4px; font: 18px "FontAwesome"; color: #419fdd; content: '\f107';}
div.selector span {font: 13px 'Open Sans', sans-serif; color: #888888; height: auto; padding: 4px 8px!important; margin-right: 40px; background: none;}

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

#CategoryPagingTop, #CategoryPagingBottom, .CategoryPagination { float: right; }

.ProductList { overflow: visible; margin: 0px;}
.ProductList .ProductImage a, .ProductThumbImage a { height: 290px; }
.ProductList .ProductImage img { min-height: auto; }
.ProductList .pname { padding-bottom: 8px; }

.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner { width: 95%; }
#DrawerMenu { background-color: #F9F9F9; color: #5a9255; }
#DrawerMenu li { border-bottom: 1px solid #DEDEDE; }
#DrawerMenu .subcat-expand { border-left: 1px solid #DEDEDE; cursor: pointer; font-weight: bold; height: 52px;}
#DrawerMenu .SideCategoryListFlyout ul li ul li .subcat-expand {height: 50px;}
#DrawerMenu .subcat-expand:after { color: #5A9255; }
#DrawerMenu a {color: #5a9255; padding: 15px;}
#DrawerMenu h3 { background: #5a9255; text-align: left;}
#DrawerMenu .drawer-subcat { background: #D9EAD8;}
#DrawerMenu .drawer-subcat .drawer-subcat { background: #E9EFE8;}
#DrawerMenu .drawer-subcat.expanded { border-top: 1px solid #AED2AC; }
#DrawerMenu .drawer-subcat.expanded li { border-bottom: 1px solid #AED2AC; }
#DrawerMenu .SideCategoryListFlyout .sf-sub-indicator{display: none!important;}
#DrawerMenu #SideAccountNavigation ul li:nth-child(2),
#DrawerMenu #SideAccountNavigation ul li:nth-child(4),
#DrawerMenu #SideAccountNavigation ul li:nth-child(5){display: none;}
#DrawerMenu #SideAccountNavigation ul li.js-drawermenu-store-phone-container a{position: relative; font: 1.1em 'Open Sans', sans-serif; color: #5a9255; padding-left: 35px;}
#DrawerMenu #SideAccountNavigation ul li.js-drawermenu-store-phone-container a:before{position: absolute; top: 23px; left: 15px; width: 10px; height: 10px; font: 18px "FontAwesome"; content: '\f095'; color: #5a9255;}
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner,
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner{position: relative; letter-spacing: 0.25px; margin: 0px; line-height: 1!important; font: 13px 'Open Sans', sans-serif; color: #fff; text-align: justify; text-transform: uppercase; background-color: #2ba7ff;}
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner b,
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner b,
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner h4,
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner h4{font-weight: 700; padding: 0; margin: 0;  color: #fff; }
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner a,
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner a{ position: relative; display: block; padding: 17px 15px 13px 70px; }
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner a,
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner a,
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner a:hover,
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner a:hover{ color: #fff; }
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner a:before,
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner a:before{position: absolute; left: 17px; top: 12px; width: 42px; height: 38px; background: url(../images/sprite-shippingbanner.png) no-repeat; content: '';}
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner a:before{background-position: 0px 0px;}
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner a:before{background-position: -42px 0px;}
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner h4{ font-size: 11px; letter-spacing: 0px;}
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner .text{ margin-top: 6px; letter-spacing: 1.9px; padding: 0;}
#DrawerMenu #SideAccountNavigation ul li.freeshipping_banner sup{ position: relative; top: 1px; font-size: 7px; }
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner{ font-size: 11.2px; text-transform: none;}
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner h4{ font-size: 14.44px; letter-spacing: 0px;}
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner .text{ margin-top: 6px; text-transform: none; letter-spacing: 0.8px; padding: 0; }
#DrawerMenu #SideAccountNavigation ul li.hasslefree_banner .text b{ text-transform: none; }
#DrawerMenu #SideShopByBrand .BlockContent{ background-color: #ffffff;}
#DrawerMenu #SideShopByBrand .BlockContent ul,
#DrawerMenu #SideShopByBrand .BlockContent ul li{ margin: 0; width: 100%;}
#DrawerMenu #SideShopByBrand .BlockContent ul li a { width: 100%; text-align: left; }
#DrawerMenu #SideShopByBrand .BlockContent ul li a img{ max-width: 85%; max-height: 55%;}

#PopupModal { position: fixed; display: none; width: 70%; top: 20px; left: 50%; background: #fff; border: 3px solid #DCDCDC; z-index: 550; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);  }
#PopupModal .inner{ padding: 20px; }
#PopupModal .inner h2{ font: 35px 'Bariol', sans-serif; color: #419fdd; }
#PopupModal .close-popupmodal{ float: right; position: relative; display: block; width: 55px; background: #1891e7; text-align: center; height: 50px; color: #fff; padding: 9px; box-sizing: border-box; font-size: 16px; }
#PopupModal .close-popupmodal span{ display: none; }
#PopupModal .close-popupmodal:before {position: absolute; top: 50%; left: 50%; font: 16px "FontAwesome"; color: #fff; content: '\f00d'; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#overlay { position: fixed; display: none; width: 100%; height: 100%; z-index: 500; background: #000; opacity: 0.6; }

.main .header-block { text-align: center; padding-bottom: 45px;}
.main .header-block h2 { font: 35px 'Bariol', sans-serif; color: #419fdd; position: relative; display: inline-block; margin: 0; padding: 0; line-height: 100%; }
.main .TestimonialsList .header-block h2 { color: #FFEBCA; }
.main .header-block h2:before,
.main .header-block h2:after { position: absolute; top: 20px; width: 40px; height: 2px; background-color: #d8d8d8; content: ''; }
.main .header-block h2:before {left: -55px;}
.main .header-block h2:after {right: -55px;}
.main .header-block p { font-size: 14px; color: #918e89; margin: 0;}
.banner_home_page_bottom .header-block { padding-top: 35px;}
#PageContent .BlockContent ul li a{color: #1399be;}


.banner_home_page_bottom div,
.description_category_bottom div{ width: 100%!important; margin: 0!important;;}
.banner_home_page_bottom .inner,
.description_category_bottom .inner{ padding-bottom: 60px;}
.banner_home_page_bottom .inner .one-half,
.description_category_bottom .inner .one-half{ width: 50%!important; }
.banner_home_page_bottom .inner .col-1,
.description_category_bottom .inner .col-1{ padding: 0; }
.description_category_bottom .inner ul li,
.description_category_bottom .inner ol li { margin-bottom:10px; }

.banner_home_page_bottom .inner p,
.description_category_bottom .inner ul li,
.description_category_bottom .inner ol li,
.description_category_bottom .inner p{ color: #918e89;}
.banner_home_page_bottom .inner h3{ font-size: 14px; color: #918e89; padding-top: 20px; }

.Content .ProductList .ProductImage { min-height: 290px; }

.addto { display: inline-block; margin-top: 25px; }

.Left {margin-top: 25px; width: 210px; }

@media only screen and (min-width : 840px) {
  #PopupModal { width: 580px; margin: 0 auto;}
}
@media only screen and (max-width : 480px) {
  #PopupModal { top: 15px; width: 90%; }
  form .btn, form textarea, form input, form .selector, form input.Textbox { height: 50px; width: 100%; }
  .PayPalExpressCheckout form input {width: 60%; height: auto;}
  form .selector { width: 99.4%!important; }
  form .selector span{ padding: 15px 10px !important; }
  .SortBox div.selector span { padding-top: 15px !important; padding-bottom: 15px !important; height: auto; line-height: normal; }
  .SortBox div.selector:before { top: 12px!important; }
  form .selector span#uniform-qty_{ font-size: 18px;}

  form .selector::before { right: 14px; top: 12px; font: 23px "FontAwesome"; }
  .page.off-screen #ToggleMenu { left: -1%; }
  .ProductList li, #home .ProductList li, .productPage .ProductList li { width: 100% !important; }
}
@media only screen and (max-width : 380px) {
  .page.off-screen #ToggleMenu { left: -2.3%; }
}


/**
 * Header
 **/

.TopMenu { margin: 0;  color: #444444; background: #f8f8f8; position: relative; z-index: 20;}
.TopMenu .inner { padding: 7px 0 8px; }
.TopMenu li { border-right: none; padding: 0 5px; }
.TopMenu .js-drawermenu-store-phone-container { float: left; }
.TopMenu li a { color: #b4b4b4; font-size: 13px;}

.TopMenu .phoneIcon { position: relative; font: 13px "FontAwesome"; padding-left: 15px;}
.TopMenu .phoneIcon:before{ position: absolute; top:4px; left: 0; width: 10px; height: 10px;content: '\f095'; color: #5a9255;}
.TopMenu .phoneIcon .js-drawermenu-store-phone{font: 13px 'Open Sans', sans-serif; color: #444444;}

.TopMenu .freeshipping_banner, .TopMenu .hasslefree_banner{position: relative; float: right; letter-spacing: 0.25px; border: 1px solid #1891e7;  margin: -7px 0px -25px 5px; font: 12.41px 'Open Sans', sans-serif; color: #fff; line-height: 100%; text-align: justify; text-transform: uppercase; background-color: #2ba7ff; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;}
.TopMenu .freeshipping_banner a, .TopMenu .hasslefree_banner a{ position: relative; display: block; padding: 9px 10px 10px 62px; }
.TopMenu .freeshipping_banner a, .TopMenu .hasslefree_banner a, .TopMenu .freeshipping_banner a:hover, .TopMenu .hasslefree_banner a:hover{ color: #fff; }
.TopMenu .freeshipping_banner b, .TopMenu .hasslefree_banner b, .TopMenu .freeshipping_banner h4, .TopMenu .hasslefree_banner h4{font-weight: 700; padding: 0; margin: 0;  color: #fff; }
.TopMenu .freeshipping_banner a:before, .TopMenu .hasslefree_banner a:before { position: absolute; left: 10px; top: 5px; width: 42px; height: 38px; background: url(../images/sprite-shippingbanner.png) no-repeat; content: '';}
.TopMenu .freeshipping_banner a:before{background-position: 0px 0px;}
.TopMenu .hasslefree_banner a:before{background-position: -42px 0px;}
.TopMenu .freeshipping_banner { margin-left: 7px;}
.TopMenu .freeshipping_banner h4{ font-size: 11px; letter-spacing: 0px;}
.TopMenu .freeshipping_banner .text{ margin-top: 1px; letter-spacing: 1.9px;}
.TopMenu .freeshipping_banner sup{ position: relative; top: 1px; font-size: 7px; }
.TopMenu .hasslefree_banner{ font-size: 11.2px; text-transform: none;}
.TopMenu .hasslefree_banner h4{ font-size: 14.44px; letter-spacing: 0px;}
.TopMenu .hasslefree_banner .text{ margin-top: 6px; text-transform: none; letter-spacing: 0.8px; }
.TopMenu .hasslefree_banner .text b{ text-transform: none; }

.TopMenu .loginOrLogout, .TopMenu .HeaderLiveChat, .TopMenu .wishLink, .TopMenu .js-drawermenu-currency-converter, .TopMenu .js-drawermenu-cart, #cart-amount { display: none;}

.header-secondary .loginOrLogout div,
.header-secondary .loginOrLogout div a { font: 13px 'Open Sans', sans-serif; color: #787878; }
.header-secondary .loginOrLogout div a.signin,
.header-secondary .loginOrLogout div a.signout { color: #5a9255; }

.header-secondary .js-drawermenu-cart a,
.TopMenu .js-drawermenu-cart a{font: 13px 'Open Sans', sans-serif; color: #787878; }
.header-secondary li.js-drawermenu-cart .icon,
.TopMenu li.js-drawermenu-cart .icon{ width: 63px; height: 20px; padding-left: 17px; font: 15px 'Open Sans', sans-serif; color: #787878; background: none; position: relative;}
.header-secondary li.js-drawermenu-cart .icon:before,
.TopMenu li.js-drawermenu-cart .icon:before{ position: absolute; top:1px; left: 0; width: 16px; height: 15px;font: 20px "FontAwesome"; content: '\f07a'; color: #5a9255;}
.header-secondary .js-drawermenu-cart a span{position: relative; top: 2px;}

#Header { padding: 36px 0px 30px 0px; margin-bottom: 0px; }
.header-logo { position: relative; top: -3px; }
.header-logo img { max-height: 59.67px; }
#SearchForm { float: left; position: position: relative; width: 35%; height: 41px; margin-left: 64px; border: 3px solid #dddddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 17px "FontAwesome";}
#SearchForm:before {position: absolute; right: 7px; top: 11px; width: 20px; height: 20px;content: '\f002'; color: #999896;}
#SearchForm input#search_query { border: none; font-size: 14px; color: #757575; height: 41px; width: 90%; }
#SearchForm input#search_query::-webkit-input-placeholder { font-size: 14px; color: #a8a8a8; font-style: italic; }
#SearchForm input#search_query:-moz-placeholder { font-size: 14px; color: #a8a8a8; font-style: italic; }
#SearchForm input#search_query::-moz-placeholder { font-size: 14px; color: #a8a8a8; font-style: italic;   }
#SearchForm input#search_query:-ms-input-placeholder { font-size: 14px; color: #a8a8a8; font-style: italic; }
#SearchForm .placeholder { font-size: 14px; color: #a8a8a8; font-style: italic; }

#SearchForm .Button { position: absolute; right: 0; float: right; width: 41px; height: 41px; padding: 0; background: #fff; opacity: 0;}
#searchForm  #QuickSearch { display: block; }
#Header .header-secondary ul{float: right; list-style: none; text-align: right;}
#QuickSearch .QuickSearchResultName a{ font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; }
#QuickSearch .QuickSearchResult .Price .RetailPriceValue { color: #979797;}
#QuickSearch .QuickSearchResult .Price .SalePrice{ color: #5a9255; }
#QuickSearch .QuickSearchAllResults a{ font-family: 'Open Sans', sans-serif; font-size: 14px; }

.PageMenu { background-color: #5a9255; margin: 0; border-top: 1px solid #d4d2d3; border-bottom: 1px solid #d4d2d3;}
.PageMenu .inner { background: #5a9255; }
.PageMenu .CategoryList { padding-left: 4px; }
.PageMenu .CategoryList > .BlockContent > .SideCategoryListClassic > ul.page{ background: transparent; }
.PageMenu ul { width: 100%; }
.PageMenu li { padding: 12px 0 13px 0; margin: 0 3.7% 0 0;}
.PageMenu li:last-child { margin: 0; }
.PageMenu li:last-child .AllBrands h2 { display: none!important; }
.PageMenu a { position: relative; font-size: 14px; color: #fff; text-transform: uppercase; }
.PageMenu a:hover { color: #CAE4C7; }
.sf-menu .sf-sub-indicator,
.category-list .sf-sub-indicator{ position: absolute; display: block!important; width: 10px; height: 10px; top: 3px!important; right: -1em; overflow: hidden;}
.sf-menu > li > a .sf-sub-indicator,
.category-list > li > a .sf-sub-indicator{ top: 3px!important; right: -1em; font: 14px "FontAwesome"; color: #fff; background: none; text-indent: 0;}
.sf-menu > li > a .sf-sub-indicator:before,
.category-list > li > a .sf-sub-indicator:before{ position: absolute; right: 0; width: 10px; height: 10px;content: '\f107'; background-color: #5a9255;}
.PageMenu li ul{  background: #FFFFFF; border: 2px solid #93B78F; width: 200px; }
.PageMenu li ul:before{ border-color: transparent transparent #FFFFFF transparent; }
.PageMenu li ul li a { color: #5E6B53; text-transform: uppercase; font-size: 13px; padding: 6px 0px; line-height: 16px;}
.PageMenu li ul li a:hover { color: #92B178; }
.PageMenu li ul li a.hasSub { background: none;}
.PageMenu li ul li a.hasSub .sf-sub-indicator{ display: none!important; top: 9px!important; right: -1em; background: none; text-indent: 0; height: 15px;}
.PageMenu li ul li a.hasSub .sf-sub-indicator:before{ position: absolute; right: 0; width: 10px; height: 15px; font: 14px "FontAwesome"; color: #5a9255; content: '\f105';}
.PageMenu li ul ul { display: none!important; border-left: 1px solid #9DB9A1 !important; }


.PrimaryMenu ul li.megamenu-wrap{position:relative;}
.PrimaryMenu ul li.megamenu-wrap ul:before,.PrimaryMenu ul li.megamenu-wrap ul:after{display:none;}
.PrimaryMenu .megamenu{display:none;position:absolute;top:100%;left:0;width:405px;padding:20px 0 0px;margin:0;background: #D3E4D1;}
.PrimaryMenu ul li.megamenu-wrap:hover .megamenu{display:block;}
.PrimaryMenu .megamenu .inner{padding:0 15px;background: transparent;}
.PrimaryMenu .megamenu .grid{margin:0px;}
.PrimaryMenu .megamenu .grid .grid__item{ padding-left:0px; }
.PrimaryMenu .megamenu h3{display: block!important; margin-bottom:5px;padding-bottom:5px; padding-left: 13px; width:100%;}
.PrimaryMenu .megamenu h3 a span{ display: none!important; }
.PrimaryMenu .megamenu ul{display: block; padding:0;margin:0 0 10px;list-style:none;}
.PrimaryMenu .megamenu ul li a{padding:0px;}
.PrimaryMenu .megamenu .row > [class*="grid-"]{margin-left:19px;}
.row > [class*="grid-"]{float:left;}
.row > .grid-3{width:188px;min-height:230px;}
.PrimaryMenu .megamenu ul{position:relative!important;left:0!important;opacity:1!important;width: 100%;height: auto!important;}
.megamenu h3,
.megamenu h3 a{font-size:14px!important;color:#618C5E!important;font-weight:700!important; text-transform: uppercase; text-align:left!important;}
.megamenu h3{padding:0px 0px 0px 12px!important;}
.grid-3{padding-bottom:15px;}
.megamenu ul{border:none!important;box-shadow:none!important;background:none!important;min-width:188px!important;}
.megamenu:before { content: ''; position: absolute; width: 0; height: 0; left: 0; margin-left: 10px; top: -18px; border-width: 10px; border-style: solid outset solid solid; border-color: transparent transparent #D3E4D1 transparent;}
.megamenu a{border-right:none!important;}
.megamenu li a{color: #5E6B53; text-transform: uppercase; font-size: 13px;background:transparent!important;border-bottom:none!important;border-right:none!important;}
.megamenu li a:hover{color: #92B178;}
.PrimaryMenu .megamenu h3 a{font-size:14px!important;}
.imageswap{width:125px;height:125px;margin:0 auto!important;}

.megamenu-wrap:nth-child(4) .megamenu,
.megamenu-wrap:nth-child(7) .megamenu { right: 0; left: auto; }
.megamenu-wrap:nth-child(4) .megamenu:before,
.megamenu-wrap:nth-child(7) .megamenu:before { right: 10px; left: auto; }
.megamenu-wrap:nth-child(4) .megamenu .grid__item,
.megamenu-wrap:nth-child(7) .megamenu .grid__item {width: 100%;}
.megamenu-wrap:nth-child(4) .megamenu ul,
.megamenu-wrap:nth-child(7) .megamenu ul { float: left; width: 100%; }
.megamenu-wrap:nth-child(4) .megamenu ul li,
.megamenu-wrap:nth-child(7) .megamenu ul li { float: left; width: 50%; clear: none; }
.megamenu-wrap:nth-child(7) .megamenu { padding: 0px; }
.megamenu-wrap:nth-child(5) .megamenu{ width: 190px; }
.megamenu-wrap:nth-child(6) .megamenu{ width: 160px; }


@media screen and (max-width : 985px){
    #ToggleMenu:after { -ms-box-shadow: 0 8px 0 2px #5a9255, 0 16px 0 2px #5a9255, 0 24px 0 2px #5a9255; box-shadow: 0 8px 0 2px #5a9255, 0 16px 0 2px #5a9255, 0 24px 0 2px #5a9255; }
}
@media screen and (min-width : 481px) and (max-width : 985px){
  #Header { border-bottom: 1px solid #EFEFEF; }
  #ToggleMenu {  display: inline-block; float: left; top: -10px; margin-right: 20px; }
  .header .PageMenu {display: none;}
  #SearchForm { float: left; }
}
@media screen and (min-width : 998px), screen and (min-width : 481px) and (max-width : 680px){
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(3) > ul,
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(6) > ul,
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:last-child > ul{ left: auto; right: -15px; }
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(3) > ul:before,
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(6) > ul:before,
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:last-child > ul:before{ left: auto; right: 10px; }

  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li > ul.two-columns{ width: 385px; }
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li > ul.two-columns > li { float: left; clear: none;}
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li > ul.two-columns > li{ width: 43%;}
}
@media screen and (max-width : 998px){
  .TopMenu li { padding: 0 3px; }
}
@media screen and (min-width : 691px) and (max-width : 865px){
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(4) > ul{ left: auto; right: -15px; }
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(4) > ul:before{ left: auto; right: 10px; }
}
@media screen and (min-width : 914px) and (max-width : 998px){
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(5) > ul{ left: auto; right: -15px; }
  .PageMenu .SideCategoryListFlyout > ul.sf-menu > li:nth-child(5) > ul:before{ left: auto; right: 10px; }
}
@media only screen and (max-width : 995px) {
  .header-secondary #SearchForm { width: 33%; }
}
@media only screen and (max-width : 985px) {
  .header-secondary #SearchForm { width: 26%; margin-left: 3.5%; }
}
@media screen and (max-width : 952px){
  .TopMenu .freeshipping_banner a, .TopMenu .hasslefree_banner a { padding: 6px 8px 10px 50px;}
  .TopMenu .freeshipping_banner a:before, .TopMenu .hasslefree_banner a:before { left: 9px; top: 5px; width: 32px; height: 29px; background-size: 64px auto; }
  .TopMenu .hasslefree_banner a:before { background-position: -32px 0px; }
}
@media screen and (max-width : 925px){
  .TopMenu .freeshipping_banner a, .TopMenu .hasslefree_banner a { padding: 6px 8px 9px 48px;}
  .TopMenu .freeshipping_banner a:before, .TopMenu .hasslefree_banner a:before { left: 8px; }
  .TopMenu .hasslefree_banner a:before { background-position: -32px 0px; }
  .TopMenu .freeshipping_banner { margin-left: 6px;}
}
@media only screen and (max-width : 928px) {
  .header-secondary #SearchForm { width: 25%; margin-left: 3%;}
}
@media only screen and (max-width : 918px) {
  .TopMenu li { padding: 0 2px; }
}
@media only screen and (max-width : 910px) {
  .header-secondary #SearchForm { width: 24.8%; margin-left: 2.5%; }
  .TopMenu li { padding: 0 2px; }
}
@media screen and (max-width : 907px){
  .TopMenu .freeshipping_banner a:before, .TopMenu .hasslefree_banner a:before { top: 8px; }
  .TopMenu .freeshipping_banner { font: 10px 'Open Sans', sans-serif; }
  .TopMenu .freeshipping_banner a { padding: 8px 8px 9px 48px; }
  .TopMenu .freeshipping_banner h4{ font-size: 9.5px; }
  .TopMenu .freeshipping_banner .text{ letter-spacing:1.9px; font-size: 10px; margin-top: 3px;}
  .TopMenu .freeshipping_banner sup { top: 1.5px; }
  .TopMenu .hasslefree_banner a { font-size: 9.4px; padding: 7px 8px 10px 48px; }
  .TopMenu .hasslefree_banner h4{ font-size: 12.4px; padding-top: 2px; padding-bottom: 2px;}
  .TopMenu .hasslefree_banner .text{letter-spacing:0.8px; margin-top: 4px;}
}
@media only screen and (max-width : 900px) {
  .header-secondary #SearchForm { width: 35%; }
  .header-logo { top: 4px; }
  .header-logo img { max-height: 41px; }
}
@media only screen and (max-width : 875px) {
  .header-secondary #SearchForm { width: 32%; }
}
@media only screen and (max-width : 868px) {
  .TopMenu .freeshipping_banner, .TopMenu .hasslefree_banner{ display: none; }
}
@media only screen and (max-width : 865px) {
  .header-secondary #SearchForm { width: 33%; }
  .header-logo { top: 8px; }
  .header-logo img { max-height: 35px; }
}
@media only screen and (max-width : 850px) {
  .header-secondary #SearchForm { width: 33%; }
}
@media only screen and (max-width : 838px) {
  .header-secondary #SearchForm { width: 31%; }
}
@media only screen and (max-width : 815px) {
  .header-secondary #SearchForm { width: 29%; }
}
@media only screen and (max-width : 778px) {
  .header-secondary #SearchForm { width: 30%; }
}
@media only screen and (max-width : 768px) {
  #Header { padding: 20px 0px 18px 0px; }
  .header-logo { top: 5px; }
  .TopMenu .freeshipping_banner, .TopMenu .hasslefree_banner { display: block; margin: -42px 0px -20px 40px; top: 66px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
  .TopMenu .freeshipping_banner { margin-right: 152px; }
  .TopMenu .hasslefree_banner { top: 84px; }
  .header-logo { margin-bottom: 20px; }
  .header-secondary #SearchForm { margin-left: 0px; width: 70%;}
  .PageMenu li { margin: 0 6.5% 0 0;}
}
@media only screen and (max-width : 735px) {
  .header-secondary #SearchForm { width: 68%; }
}
@media only screen and (max-width : 710px) {
  .TopMenu .freeshipping_banner, .TopMenu .hasslefree_banner{ display: none; }
}
@media only screen and (min-width : 481px) and (max-width : 710px) {
  .header-logo { width: 250px; margin: 0 auto; float: none; }
  #Header .header-secondary ul { margin: 0 0 20px 18px; }
}
@media only screen and (max-width : 668px) {
  .header-secondary #SearchForm { width: 64%; }
}
@media only screen and (max-width : 595px) {
  .header-secondary #SearchForm { width: 62%; }
  .PageMenu li { margin: 0 3.2% 0 0;}
}
@media only screen and (max-width : 535px) {
  .TopMenu li { padding: 0 5px;}
}
@media only screen and (max-width : 565px) {
  .header-secondary #SearchForm { width: 58%; }
}
@media only screen and (max-width : 518px) {
  .TopMenu li { padding: 0 1%; }
}
@media only screen and (min-width : 986px) {
    #DrawerMenu.on-screen { display: none; }
    .page.off-screen { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); position: relative; left: 0%;-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
}
@media only screen and (max-width : 512px) {
  .header-secondary #SearchForm { width: 56%; }
}
@media only screen and (max-width : 490px) {
  .header-secondary #SearchForm { width: 55%; }
}
@media only screen and (max-width : 480px) {
  #Header { padding: 20px 0px 0px 0px; }
  #Header.off-screen { padding: 28px 0px 0px 0px; }
  #Header > .inner { padding-top: 20px; }
  .header-logo { top: 4px; width: 75%; }
  #cart-amount {display: block; margin-top: 5px;}
  #cart-amount .Cart .bag-handle { border: 2px solid #5a9255; }
  #cart-amount .Cart .total { background: #5a9255;}
  html.gecko #ToggleMenu {width: 60px;}
  html.ie #ToggleMenu, html.gecko.no-flexboxlegacy #ToggleMenu {width: 11%; top: 10px;}
  .header-secondary {background: #EFEFEF;}
  .header-secondary #SearchForm { width: 100%; border: none;}
  #home .PageMenu, #Header .header-secondary ul{display: none!important;}

}
@media only screen and (max-width : 390px) {
  .header-logo img { max-height: 25px; }
}
@media only screen and (max-width : 375px) {
  .main .header-block h2 {font-size: 32px;}
  .main .header-block h2:before,
  .main .header-block h2:after { width: 30px; }
  .main .header-block h2:before {left: -37px;}
  .main .header-block h2:after {right: -37px;}
}
@media only screen and (max-width : 348px) {
  #DrawerMenu #SideAccountNavigation ul li.freeshipping_banner{font-size: 9px; text-align: left;}
  #DrawerMenu #SideAccountNavigation ul li.freeshipping_banner h4 { font-size: 9px; }
}


/**
 * Footer
 **/

.footer .newsletter-subscription{display: none; background: url(../images/bg-newsletter-box.jpg) center center no-repeat; background-size: cover;}
.footer .newsletter-subscription .inner{padding: 39px 0;}
.footer .newsletter-subscription .inner > .grid{display: table; width: 100%;}
.footer .newsletter-subscription .inner > .grid > .grid__item{display: table-cell; vertical-align: middle;}
.footer .newsletter-subscription .inner .grid .two-eighths{ padding-left: 7px!important; }
.footer .newsletter-subscription h4,
.footer .newsletter-subscription p{color: #fff;}
.footer .newsletter-subscription h4{font-size: 35px; text-transform: uppercase; }
.footer .newsletter-subscription h4 b{font-weight: 700; }
.footer .newsletter-subscription p{font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-top: 6px; margin-bottom: 0px;}
.footer .newsletter-subscription input{ height: 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.footer #SideNewsletterBox .name_fld{display: none;}
.footer .newsletter-subscription input#nl_email { font-size: 16px; color: #818181; line-height: 100%;}
.footer .newsletter-subscription input#nl_email::-webkit-input-placeholder { font-size: 16px; color: #818181; font-style: italic; }
.footer .newsletter-subscription input#nl_email:-moz-placeholder { font-size: 16px; color: #818181; font-style: italic; }
.footer .newsletter-subscription input#nl_email::-moz-placeholder { font-size: 16px; color: #818181; font-style: italic;   }
.footer .newsletter-subscription input#nl_email:-ms-input-placeholder { font-size: 16px; color: #818181; font-style: italic; }
.footer .newsletter-subscription .placeholder { font-size: 16px; color: #818181; font-style: italic; }
.footer .newsletter-subscription input[type=submit] { font-size: 14px!important; color: #fff; max-width: 135px; min-width: 135px; background-color: #37302a; text-transform: uppercase;  padding: 0; border: none; transition: all .25s ease;}
.footer .newsletter-subscription input[type=submit]:hover { background-color: #625448; transition: all .25s ease;}
.footer-main { background: #ffffff; color: #505050;}
.footer-main .inner { padding: 65px 0px; border-top: 2px solid #b2b2b2;}
.footer-main h4 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; color: #5a9255; text-transform: uppercase; padding: 0 0 12px 0;}
.footer-main p { font-size: 13px; margin: 0px;}
.footer-main a { font-size: 13px; color: #505050; }
.footer .footer-columns li { padding: 0; }
.footer .about-us .logo img{width: 245px;}
.footer .about-us p{color: #918e89; margin-top: 21px;}
.footer .about-us ul {margin-top: 25px;}
.footer .about-us ul li{position: relative; width: 46px; height: 30px; margin-right: 7px; margin-bottom: 7px; background: url(../images/sprite-paymentflags1.png) no-repeat; overflow: hidden; text-indent: -999px;}
.footer .about-us ul li:last-child { margin-right: 0px; }
.footer .about-us ul li.visa{background-position: 0 0;}
.footer .about-us ul li.master{background-position: -46px 0;}
.footer .about-us ul li.american{background-position: -92px 0;}
.footer .about-us ul li.discover{background-position: -138px 0;}
.footer .about-us ul li.paypal{background-position: -184px 0;}
.footer .menus-footer {padding-top: 17px;}
.footer .menus-footer ul li a{opacity: 1; transition: all .25s ease;}
.footer .menus-footer ul li a:hover{opacity: 0.7; transition: all .25s ease;}
.footer #socnet{float: left; margin-top: 25px;}
.footer-main .SocialConnect li { margin-right: 13px; }
.footer-main .SocialConnect li:last-child { margin-right: 0px; }
.footer-main .icon-social {position: relative; width: 29px; height: 29px; background: none; background-color: #cbcbcb; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; text-indent: -999px; text-align: center; transition: all .25s ease; }
.footer-main .icon-social:hover{background-color: #41a0da; opacity: 1!important; transition: all .25s ease; }
.footer-main .icon-social:before {position: absolute; top: 50%; left: 50%; font: 16px "FontAwesome"; color: #fff; text-indent: 0px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.footer-main .icon-facebook:before {content: '\f09a';}
.footer-main .icon-facebook:hover {background-color: #41a0da;}
.footer-main .icon-googleplus:before {font: 20px "gplus"; content: '\ea88';}
.footer-main .icon-twitter:before {content: '\f099';}
.footer-main .icon-pinterest:before {content: '\f231';}
.footer-main .icon-linkedin:before, .footer-main .icon-instagram:before {content: '\f16d';}
.footer-main .one-third { width: 32.333%; }
.footer-main #contact-us p { position: relative; text-align: center; padding-bottom: 10px; }
.footer-main #contact-us p img{ max-width: 100%; }
.footer-main #contact-us p.footer-phone a{ font-size: 21px; }
/*
.footer-main #contact-us p:before { position: relative; top: 2px; left: 0; text-align: left; padding-right: 3px; font: 20px "FontAwesome"; color: #2BA7FF;}
.footer-main #contact-us p.footer-phone:before { content: '\f098'; }
.footer-main #contact-us p.footer-email:before { content: '\f0e0'; }
*/
.footer-main .geotrust { padding-top: 25px; text-align: center; }
.footer-main .geotrust table { display: inline-block; }
.footer-main .geotrust table img { max-width: 100%; }
.footer-main .geotrust p{ font-size: 11px; }
.footer-main .geotrust p .fa{ color: #949494; font-size: 16px;}
.footer .powered-by {  position: absolute; top: 50%; right: 0; }
.footer .powered-by a { width: 62px; background: none; text-indent: 0px; opacity: 1;}
.footer-links .inner{ position: relative; }
.footer-links a:hover { color: #737373; opacity: 0.3; }
.footer-links .disclaimer { display: inline-block; width: 80%; }

@media only screen and (max-width : 997px) {
  .footer-main #contact-us p.footer-phone a{ font-size: 18px; }
}
@media only screen and (max-width : 880px) {
  .footer-main #contact-us p.footer-phone a{ font-size: 15px; }
}

@media only screen and (max-width : 790px) {
  .footer .newsletter-subscription input[type=submit] { min-width: auto; }
}

@media only screen and (max-width : 768px) {
  .footer-columns .grid__item { width: 48%; }
  .footer .about-us {display: block; margin: 0 auto 20px; width: 65%;}
  .footer .about-us ul { display: inline-block; float: none; width: auto!important; }
  .footer .menus-footer .grid__item {padding-bottom: 25px;}
  .footer .menus-footer h4,
  .footer .menus-footer p,
  .footer .menus-footer a,
  .footer .menus-footer ul li a{font-size: 16px;}
  .footer .menus-footer a,
  .footer .menus-footer ul li a{ display: inline-block; padding: 10px 0px; width: 100%;}
  .footer .menus-footer .two-thirds { width: 100%; }
  .footer #socnet{float: none; display: inline-block; margin-bottom: 0px;}
  .footer #socnet ul{padding: 0px; }
  .footer #socnet ul li a{ display: block; padding: 0px; width: 29px;}
  .footer-main #contact-us p { text-align: center; }
  .footer-main #contact-us p:before { top: 2px; padding-right: 0; font: 30px "FontAwesome";}
  .footer-main #contact-us a { padding:0; font-size: 20px; }
  .footer-main #contact-us p.footer-phone a{ font-size: 28px; }
  .footer .menus-footer .geotrust p {  display: block; margin: 0 auto; width: 50%; font-size: 11px; }
}

@media only screen and (max-width : 600px) {
  .footer .newsletter-subscription .inner > .grid{display: inline-block; width: auto;}
  .footer .newsletter-subscription .inner > .grid > .grid__item{display: inline-block;}
  .footer .newsletter-subscription h4{padding: 0;}
  .footer .newsletter-subscription p{text-align: center; padding-bottom: 30px;}
  .footer .newsletter-subscription input[type=submit] { display: block; margin: 0 auto; }
}

@media only screen and (max-width : 480px) {
  .footer .newsletter-subscription input[type=submit] { line-height: 100%; }
  .footer .about-us { width: 92%;}
  .footer .menus-footer .grid__item{ display: none; }
  .footer-main #contact-us { display: block; padding: 0; width: 100%;}
  .footer .menus-footer .one-half{ display: inline-block; padding: 0;}
  .footer-links .inner{ padding-bottom: 35px; }
  .footer .powered-by { position: absolute; bottom: 20px; left: 50%; top: auto; right: auto; margin-left: -35px; }
}


/**
 * HOME
 */
#home .main > .inner{width: 100%; max-width: 100%;}
#home .main > .inner > .Content.Widest > div{display: block!important; width: 95%; max-width: 960px; margin: 0 auto!important;}
#home .footer-main .inner{ border-top: none;}

.flex-direction-nav a { width: 26px; height: 44px; background: none; top: 44%;}
.flex-direction-nav a:before{position: absolute; right: 0; font: 40px "FontAwesome"; color: #737373; text-indent: 0px;}
.flex-direction-nav a.flex-prev:before{content: '\f104';}
.flex-direction-nav a.flex-next:before{content: '\f105';}

.owl-theme li {list-style: none;}
.owl-theme .owlcontrols {margin: 0px;}
.owl-theme .owl-controls .owl-buttons div { position: relative; margin-top: -240px; width: 26px; height: 44px; background: none; padding: 0px; text-indent: -999px; overflow: hidden; }
.owl-theme .owl-controls .owl-buttons div:before{position: absolute; right: 0; font: 40px "FontAwesome"; color: #676767; text-indent: 0px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{float: left; left: -50px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:before{content: '\f104';}
.owl-theme .owl-controls .owl-buttons div.owl-next{float: right; right: -38px;}
.owl-theme .owl-controls .owl-buttons div.owl-next:before{content: '\f105';}

#HomeSlideShow .flex-direction-nav a:before{font: 78px "FontAwesome";}
#HomeSlideShow .flex-control-paging{display: none;}
#HomeSlideShow .flex-direction-nav a.flex-prev{left: 70px;}
#HomeSlideShow .flex-direction-nav a.flex-next{right: 70px;}

#home .BrandList {text-align: center;}
#home .BrandList ul{display: inline-block; margin: 20px 0px; width: 100%;}
#home .BrandList ul li{display: inline-block; list-style: none; margin: 0px 2.5%; width: 12%;}
#home .BrandList ul li:first-child{margin-left: 0px;}
#home .BrandList ul li:last-child{margin-right: 0px;}
#home .BrandList ul li a.brand-img { display: inline-block; position: relative; width: 100%; height: 75px; overflow: visible; }
#home .BrandList ul li a.brand-img img { position: absolute; max-width: 120px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

#home #CategoryBlocksList {padding-bottom: 12px; text-align: center;}
#home #CategoryBlocksList,
#home #CategoryBlocksList ul {display: inline-block; width: 100%; margin: 0;}
#home #CategoryBlocksList ul li{display: inline-block; width: 281px; height: 345px; list-style: none; position: relative; border: 9px solid #f3f3f3; margin: 0px 1.2% 28px;}
#home #CategoryBlocksList ul li:first-child{margin-left: 0px;}
#home #CategoryBlocksList ul li:last-child{margin-right: 0px;}
#home #CategoryBlocksList ul li span{display: inline-block; width: 100%; position: absolute; left: 0; bottom: 0; padding: 15px; text-align: left; background: rgba(0,0,0,0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#home #CategoryBlocksList ul li a span h4,
#home #CategoryBlocksList ul li a span p{font: 12.5px 'Open Sans', sans-serif; color: #fff; margin: 0; padding: 0px;}
#home #CategoryBlocksList ul li a span h4{font: 18px 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase;}
#home #CategoryBlocksList ul li a img{opacity: 1; transition: all .25s ease;}
#home #CategoryBlocksList ul li a:hover img{opacity: 0.7; transition: all .25s ease;}

#home .owl-carousel{margin: 0px;}
#home .owl-carousel li{width: 100%!important;}
.ProductList li{text-align: center; padding: 0px 10px 20px 10px;}
.ProductList li .ProductDetails strong a{font-weight: normal; color: #666666;}
.ProductList li .ProductActionAdd{display: none;}
.ProductList li .ProductPrice{font-size: 14px; font-weight: normal; color: #979797;}
.ProductList li .ProductPrice .SalePrice{font-weight: bold; color: #5a9255;}
#home .ProductList li .ProductPriceRating{ display: none; }

#home .main > .inner > .Content.Widest > div.TestimonialsList{width: 100%; max-width: 100%; margin-top: 15px!important; margin-bottom: 30px!important; padding: 65px 0px 45px; background: url(../images/bg-testimonials-box.jpg) bottom center no-repeat; background-size: cover;}
#home .TestimonialsList .BlockContent{width: 95%; max-width: 960px; margin: 0 auto;}
#home .TestimonialsList ul{margin: 0;}
#home .TestimonialsList ul li{text-align: center; list-style: none;}
#home .TestimonialsList ul li h4,
#home .TestimonialsList ul li blockquote,
#home .TestimonialsList ul li p.author{font: 22px 'Open Sans', sans-serif; font-weight: 300; color: #fff; display: block; width: 100%; padding: 0px 50px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#home .TestimonialsList ul li h4{ font-weight: 600;}
#home .TestimonialsList ul li p.author{font-size: 18px; margin: 20px 0px 10px;}
#home .TestimonialsList ul li blockquote,
#home .TestimonialsList ul li p.author span{opacity: 0.95;}
#home .TestimonialsList .btn{ margin: 30px auto 0px; display: block; width: 180px; font-weight: 400; }
#home .TestimonialsList .rating{margin: 10px auto; width: 80px; height: 13px; background: url(../images/ico-testimonials-rating.png) center center no-repeat;}
#home .TestimonialsList .owl-theme .owl-controls .owl-buttons div { margin-top: -155px; }
#home .TestimonialsList .owl-theme .owl-controls .owl-buttons div:before { color: #ffffff; }
#home .TestimonialsList .owl-theme .owl-controls .owl-page span{width: 9px; height: 9px; margin: 5px;}

#home .footer .newsletter-subscription {display: block;}

@media only screen and (max-width : 1030px) {
    .owl-theme .owl-controls .owl-buttons div.owl-prev{left: -30px;}
    .owl-theme .owl-controls .owl-buttons div.owl-next{right: -15px;}
}

@media only screen and (max-width : 950px) {
    .owl-theme .owl-controls .owl-buttons div.owl-prev{left: -20px;}
    .owl-theme .owl-controls .owl-buttons div.owl-next{right: -5px;}
}

@media only screen and (max-width : 768px) {
    #home .BrandList  ul li{width: 25%;}
}

@media only screen and (max-width : 680px) {
  .banner_home_page_bottom .inner .one-half,
  .description_category_bottom .inner .one-half { width: 100%!important; padding: 0px;}
  #home .main .header-block { padding-bottom: 30px;}
}

@media only screen and (max-width : 520px) {
    .owl-theme .owl-controls .owl-buttons div.owl-next{right: -8px;}
}

@media only screen and (max-width : 479px) {
    .owl-theme .owl-controls .owl-buttons div.owl-prev{left: -5px;}
    .owl-theme .owl-controls .owl-buttons div.owl-next{right: 10px;}
}

@media only screen and (max-width : 410px) {
  #home .TestimonialsList ul li blockquote{font-size: 16px;}
}

@media only screen and (max-width : 392px) {
  #home .BrandList  ul li{display: inline-block; list-style: none; width: 33%; margin: 0px 8%;}
  #home .BrandList  ul li:first-child,
  #home .BrandList  ul li:last-child{margin: 0px 8%;}
}


/**
 * CATEGORY PAGE
 */

.banner_category_page_top{ margin: 0 -1000px 0 -500px;}

#categorypage .Content.Wide,
.page.brands .Content.Wide {float: right; width: calc(100% - 230px);}

#CategoryTopBanner,
#BrandTopBanner,
#CategoryTopBanner img,
#BrandTopBanner img{ display: block; width: 100%; }

#CategoryTopBanner{ display: none; }

.Breadcrumb {margin: 0; }
.Breadcrumb ul {padding: 25px 0px 25px; }
.Breadcrumb ul li { font-size: 14px; font-weight: 600; color: #52483f; padding: 0 8px 0 0;}
.Breadcrumb ul li a { position: relative; font-size: 14px; font-weight: 400; color: #868686; background: none; padding-right: 16px;}
.Breadcrumb ul li a:before {position: absolute; right: 0; top: 5px; font: 12px "FontAwesome"; color: #419fdd; content: '\f101';}

.TitleHeading { font: 23px 'Bariol', sans-serif; color: #51483f; padding-bottom: 8px; padding-top: 25px;}
.TitleHeading .SortBox label{ position: relative; top: -7px; font: 14px 'Open Sans', sans-serif; color: #51483f;}
.CategoryMobileMenu .SortBox.Mobile div.selector,
.TitleHeading .SortBox div.selector {height: 28px; min-height: 10px!important; line-height: 100%;}
.CategoryMobileMenu .SortBox.Mobile div.selector span,
.TitleHeading .SortBox div.selector span {height: auto; font-size: 12px; margin-right: 40px; line-height: 25px;}
.CategoryMobileMenu{float: left; width: 100%; padding-bottom: 20px;}
.CategoryMobileMenu .SortBox.Mobile{display: none; float: left; width: 100%;}
.CategoryMobileMenu .SortBox.Mobile div.selector{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}


.inner #CategoryPagingBottom { width: 100%; padding-top: 2px; border-top: 1px solid #d5d5d5;}
.inner #CategoryPagingBottom .CategoryPagination { float: right; }
.CategoryPagination .PagingList li { padding: 0; }
.CategoryPagination .PagingList li a,
.CategoryPagination .PagingList .ActivePage { padding: 2px 8px 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.CategoryPagination .PagingList .ActivePage { background-color: #419fdd; color: #fff; }
.CategoryPagination .nav-prev, .CategoryPagination .nav-next { width: 24px; height: 24px; text-indent: -999px; margin: 0; top: 5px; overflow: hidden; position: relative;}
.CategoryPagination .nav-prev:before, .CategoryPagination .nav-next:before { position: absolute; top: 50%; left: 50%; font: 16px "FontAwesome"; color: #3b3b3b; text-indent: 0px; content: '\f105'; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.CategoryPagination .nav-prev:before { content: '\f104'; }
.CategoryPagination .nav-next:before { content: '\f105'; }
#CategoryPagingTop .CategoryPagination { display: none; }

#categorypage .CategoryDescription h2 { font: 35px 'Bariol', sans-serif; color: #419fdd; position: relative; display: inline-block; margin: 0 auto; padding: 0 0 25px 0; line-height: 100%;  top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#categorypage .CategoryDescription h2:before,
#categorypage .CategoryDescription h2:after { position: absolute; top: 20px; width: 40px; height: 2px; background-color: #d8d8d8; content: ''; }
#categorypage .CategoryDescription h2:before {left: -55px;}
#categorypage .CategoryDescription h2:after {right: -55px;}


#categorypage #SideProductRecentlyViewed { padding-top: 60px; }
#categorypage #SideProductRecentlyViewed ul li{ width: 25%; }
#categorypage #SideProductRecentlyViewed ul li:nth-child(5) {display: none;}

.Left #SideCategoryList h3{display: none;}
.Left #SideCategoryList .BlockContent{padding: 0; overflow: visible;}
.Left #SideCategoryList .category-list { margin: 0; }
.Left #SideCategoryList .category-list ul {  display: none; visibility: visible; position: static; top: 0; }
.Left #SideCategoryList .category-list > li > a { position: relative; font: 16px 'Open Sans', sans-serif; font-weight: 600; color: #5a9255; padding-left: 17px;}
.Left #SideCategoryList .category-list > li > a:before { position: absolute; right: auto; left: 0; width: 15px; height: 15px; text-align: center; font: 22px "FontAwesome"; content: '\f105'; color: #c6c6c6; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.Left #SideCategoryList .category-list > li.active > a:before { left: 3px; top: 4px; -webkit-transform: rotate(1.5rad); -moz-transform: rotate(1.5rad); -ms-transform: rotate(1.5rad); -o-transform: rotate(1.5rad); transform: rotate(1.5rad); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.Left #SideCategoryList .category-list li { margin: 3px 0 8px 0;}
.Left #SideCategoryList .category-list > li ul li a { padding-left: 28px; font-size: 14px;}
.Left #SideCategoryList .category-list > li > ul > li.hasChildren > a { color: #5a9255; }
.Left #SideCategoryList .category-list > li > ul > li.hasChildren > a:before { position: absolute; right: auto; left: 12px; top: 3px; width: 15px; height: 15px; text-align: center; font: 12px "FontAwesome"; content: '\f105'; color: #c6c6c6; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.Left #SideCategoryList .category-list > li > ul > li.hasChildren > ul { display: block!important; }
.Left #SideCategoryList .category-list > li ul li.highlight > a,
.Left #SideCategoryList .category-list > li ul li.highlight > a:hover { color: #1399be; }
.Left #SideCategoryList .category-list > li ul li ul li a { padding-left: 40px; color: #868686;}
.Left #SideCategoryList .category-list > li ul li ul li a:before { position: absolute; right: auto; left: 24px; top: 6px; width: 15px; height: 15px; text-align: center; font: 6px "FontAwesome"; content: '\f068'; color: #5a9255; }
.Left #SideCategoryShopByPrice { margin-top: 25px; }
.Left #SideCategoryShopByPrice h3,
.Left #SideShopByBrand h3{ font: 16px 'Open Sans', sans-serif; font-weight: 600; color: #5a9255; padding: 0 0 10px 17px; }
.Left #SideCategoryShopByPrice ul li a,
.Left #SideShopByBrand ul li a { padding-left: 28px; }

@media only screen and (min-width: 1000px){
  #categorypage .ProductList li { width: 33.333333%; }
}

@media only screen and (max-width : 768px) {
    #categorypage .Content.Wide,
    .page.brands .Content.Wide {float: right; width: 100%;}
    #CategoryTopBanner{display: none;}
    .inner #CategoryPagingBottom { padding-top: 8px;}
    #categorypage #SideProductRecentlyViewed ul li{ width: 50%; }
    .CategoryPagination .nav-prev, .CategoryPagination .nav-next { width: 35px; height: 35px; top: 0px;}
    .CategoryPagination .nav-prev:before, .CategoryPagination .nav-next:before { font: 22px "FontAwesome";}
    .CategoryPagination .PagingList li a,
    .CategoryPagination .PagingList .ActivePage { padding: 2px 11px 3px; margin: 0px 4px; font-size: 22px;}
}
@media only screen and (max-width : 520px) {
    .TitleHeading .SortBox { display: none;}
    .CategoryMobileMenu .SortBox.Mobile{display: block;}
}
@media only screen and (max-width : 480px) {
  #categorypage #SideProductRecentlyViewed ul li{ width: 100%; }
  .CategoryMobileMenu .SortBox.Mobile div.selector,
  .TitleHeading .SortBox div.selector {height: 50px; line-height: 100%; width: 99.4%;}
  .CategoryMobileMenu .SortBox.Mobile div.selector span,
  .TitleHeading .SortBox div.selector span {height: auto; font-size: 13px; line-height: 100%; padding: 15px 10px !important;}
  .CategoryMobileMenu .SortBox.Mobile div.selector{width: 99.4%;}
}


/**
 * PRODUCT PAGE
 */
#ProductDetails { border-bottom: 1px solid #7f7f7f; margin-bottom: 30px; margin-top: 25px;}
#ProductDetails .left-content { width: 37%; min-width: 310px; }
#ProductDetails .left-content .ProductThumbImage {min-height: 390px; max-width: 355px; max-height: 390px; border: 1px solid #dbdbdb; padding: 25px 0px; box-sizing: border-box;}
#ProductDetails .left-content .ProductThumbImage img{max-height: 340px;}
#ProductDetails .ProductTinyImageList { margin: 0 auto!important; }
#ProductDetails .ProductTinyImageList ul { margin-left: -5px!important; }
#ProductDetails .ProductTinyImageList ul li{ margin-top: 1px; width: auto!important; height: auto!important;}
#ProductDetails .ProductTinyImageList ul li.active { margin-top: 0px;}
#ProductDetails .ProductTinyImageList ul li .TinyOuterDiv{ padding: 2px 3px; -webkit-transition: border-color .55s ease; -moz-transition: border-color .55s ease; -ms-transition: border-color .55s ease; -o-transition: border-color .55s ease; transition: border-color .55s ease;}
#ProductDetails .ProductTinyImageList ul li.active .TinyOuterDiv { padding: 2px; border: 2px solid #6a9d65!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: border-color .55s ease; -moz-transition: border-color .55s ease; -ms-transition: border-color .55s ease; -o-transition: border-color .55s ease; transition: border-color .55s ease;}
#ProductDetails .ProductMain { width: 63%; padding: 0 0 20px 37px;}
.ProductDetailsGrid .Label { margin: 0; }
.ProductDetailsGrid .DetailRow { margin-bottom: 8px; }
#ProductDetails .ProductMain .OutOfStockMessage {margin-top: 30px;}
#ProductDetails .ProductMain .DetailRow .Label,
#ProductDetails .ProductMain .DetailRow .Value {display: inline-block; font-size: 16px; font-weight: 600;}
#ProductDetails .ProductMain .DetailRow .Label { margin-right: 4px; color: #5a9157;}
#ProductDetails .ProductMain .productAttributeList .productAttributeLabel label .name {font-size: 16px; font-weight: 600; color: #5a9157;}
#ProductDetails .ProductMain .DetailRow.product-name,
#ModalContentContainer #ProductDetails .DetailRow.product-name,
#ProductDetails .ProductMain .DetailRow.p-price,
#ModalContentContainer #ProductDetails .DetailRow.p-price,
#ProductDetails .ProductMain .DetailRow.qty,
#ModalContentContainer #ProductDetails .productAttribute { border-bottom: 1px solid #cccccc; }
#ProductDetails .ProductMain .DetailRow h1,
#ModalContentContainer #ProductDetails .DetailRow h1{ font: 32px 'Bariol', sans-serif; color: #429fdc; padding-bottom: 0px; margin: 0 0 20px 0;}
#ProductDetails .ProductMain .btn.add-to-cart { background-color: #E23131; font-size: 20px; margin-right: 20px; width: 194px; border: 1px solid #E23131;}
#ProductDetails .ProductMain .btn.add-to-cart:hover { background-color: #F31B1B;}
#ProductDetails .ProductMain .btn.alt { width: 226px; background-color: #ffffff; color: #636363!important; border: 1px solid #b9b9b9; font-weight: 400; }
#ProductDetails .ProductMain .btn.alt:hover { background-color: #CACACA;}
#ProductDetails .ProductMain .DetailRow.rating { margin-bottom: 0px; }
#ProductDetails .ProductMain .DetailRow.product-name,
#ModalContentContainer #ProductDetails .DetailRow.product-name { float: left; width: 100%; padding-bottom: 20px; margin: 0;}
#ProductDetails .ProductMain .DetailRow.product-name .weight,
#ModalContentContainer #ProductDetails .DetailRow.product-name .weight{ float: left; clear: both; display: inline-block; font-size: 19px; color: #737373; font-weight: 300; padding-bottom: 10px;}
#ProductDetails .ProductMain .DetailRow.product-name .brand,
#ModalContentContainer #ProductDetails .DetailRow.product-name .brand{ float: left; clear: both; }
#ProductDetails .ProductMain .DetailRow.product-name .brand,
#ModalContentContainer #ProductDetails .DetailRow.product-name .brand,
#ProductDetails .ProductMain .DetailRow.product-name .brand h4,
#ModalContentContainer #ProductDetails .DetailRow.product-name .brand h4 { display: inline-block; font-size: 16px; color: #5a9157; font-weight: 600;}
#ProductDetails .ProductMain .DetailRow.product-name .brand h4,
#ModalContentContainer #ProductDetails .DetailRow.product-name .brand h4 { font-size: 18px; color: #3c3c3c;}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox{float: right!important; margin: 0!important;}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox .at-share-tbx-element,
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox .atclear{ clear: none!important; display: inline-block!important; }
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a{position: relative; display: inline-block; width: 28px; height: 30px; margin: 0px 1px 0px 0px; overflow: hidden; opacity: 1; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a:hover{ opacity: 0.7; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a:before {position: absolute; width: 28px; height: 30px; top: 0; left: 0; background: url(../images/sprite-productdetails-social.jpg) center center no-repeat; z-index: 1; content: '';}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a.addthis_button_google_plusone:before,
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a.at-svc-google_plusone_share:before{background-position: -84px 0;}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a.addthis_button_facebook:before {background-position: 0 0;}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a.addthis_button_twitter:before {background-position: -28px 0;}
#ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox a.addthis_button_linkedin:before {background-position: -56px 0;}
#ProductDetails .ProductMain .DetailRow.p-price,
#ModalContentContainer #ProductDetails .DetailRow.p-price { clear: both; display: table; width: 100%; padding: 20px 0px 22px; margin-bottom: 20px;}
#ProductDetails .ProductMain .DetailRow.p-price .Value,
#ModalContentContainer #ProductDetails .DetailRow.p-price .Value{ display: table-cell; position: relative; vertical-align: middle; line-height: 20px;}
#ProductDetails .ProductMain .DetailRow.p-price .ProductPrice,
#ModalContentContainer #ProductDetails .DetailRow.p-price .ProductPrice {display: inline-block; font-size: 28px; font-weight: 700; color: #EA3D3D; }
#ProductDetails .ProductMain .DetailRow.p-price .RetailPrice,
#ModalContentContainer #ProductDetails .DetailRow.p-price .RetailPrice {display: inline-block; font-size: 24px; font-weight: 300; color: #8c8c8c; margin-left: 12px; text-decoration: line-through;}
#ProductDetails .ProductMain .DetailRow.p-price .YouSave,
#ModalContentContainer #ProductDetails .DetailRow.p-price .YouSave { display: block; position: absolute; text-align: right; margin: 0; font-size: 14px; font-weight: 400; color: #66B511; }
#ProductDetails .ProductMain .DetailRow.p-price .brandlinks { float: right; display: inline-block; margin-right: 12px; }
#ProductDetails .ProductMain .DetailRow.p-price .brandlinks a{ display: inline-block; position: relative; color: #676767; text-decoration: underline; line-height: 24px;}
#ProductDetails .ProductMain .DetailRow.p-price .brandlinks a:before{ position: absolute; top: 6px; right: -12px; font: 12px "FontAwesome"; color: #419fdd; content: '\f101';}
#ProductDetails .ProductMain .DetailRow.p-price .brandlinks a b{ font: 14px 'Open Sans', sans-serif; font-weight: 600;}
#ProductDetails .ProductMain .DetailRow.p-price .brandlinks a.hidden{display: none;}
#ProductDetails .ProductMain .DetailRow.qty,
#ModalContentContainer #ProductDetails .productAttribute { padding: 4px 0px 28px;}
#ProductDetails .ProductMain .DetailRow.qty .AddCartButton,
#ProductDetails .ProductMain .DetailRow.qty .shipping-price { display: inline-block; }
#ProductDetails .ProductMain .DetailRow.qty .shipping-price { margin-left: 10px; font-size: 14px; font-weight: 600; color: #959595;}
#ProductDetails .ProductMain .DetailRow.qty .Label,
#ModalContentContainer #ProductDetails .productAttribute .productAttributeLabel{font-size: 16px; color: #5a9157; font-weight: 600;}
#ProductDetails .ProductMain .DetailRow.qty .Label{ margin: 0px 0px 10px; }
#ProductDetails .ProductMain #ProductWarranty {margin-top: 30px; padding-top: 15px; border-top: 1px solid #CCC;}
#ProductDetails .ProductMain #ProductWarranty .subtitle{ padding: 0px 0px 10px; font-size: 20px; }

.productPage #SideProductRelated ul li:nth-child(5) {display: none;}
.productPage #SideProductRelated h2, #SimilarProductsByCustomerViews h2 {font: 35px 'Bariol', sans-serif; color: #429fdc; text-align: center;}
.productPage #SideProductRelated, #SimilarProductsByCustomerViews {float: left; clear: none; width: 45%;}
.productPage #SideProductRelated { position: relative; margin-right: 5%;}
.productPage #SideProductRelated:before { position: absolute; top: 50px; right: -5.5%; height:90%; width: 1px; background-color: #b3b3b3; content: '';}
.productPage #SideProductRelated.fullwidth { width: 100%; margin: 0; }
.productPage #SideProductRelated.fullwidth:before { display: none; }
.productPage .ProductList li { width: 50%;  min-height: 450px;}

.productPage #prodTabs { display: inline-block; width: 100%; margin-top: 40px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.productPage #prodTabs ul#tabs{display: inline-block; width: 100%; margin: 0;}
.productPage #prodTabs ul#tabs li{display: inline-block; float: left; width: 50%;}
.productPage #prodTabs ul#tabs li a{display: block; width: 100%; padding: 12px; text-align: center; background-color: #ececec; font: 18px 'Open Sans', sans-serif; color: #6a6a6a; border: 1px solid #cfcfcf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.productPage #prodTabs ul#tabs li a:hover { background-color: #89BB84; border-color: #89BB84; color: #fff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.productPage #prodTabs ul#tabs li a.active { background-color: #6b9e66; border-color: #6b9e66; color: #fff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.productPage #prodTabs ul#tabs li:first-child a{border-right: none;}
.productPage #prodTabs ul#tabs li:last-child a{border-left: none;}
.productPage #prodTabs .tab-content{display: none; padding: 30px 0px 40px;}
.productPage #prodTabs .tab-content.active{display: block;}
.productPage #prodAccordion, .productPage #prodAccordion #ProductByCategory{display: none;}
.productPage #prodTabs .tab-content .grid{ padding: 10px 0px;}
.productPage #prodTabs #description {margin-bottom: 20px;}
.productPage #prodTabs #description h2{ font-size: 18px; padding-bottom: 0px;}
.productPage #prodTabs #description p,
.productPage #prodTabs #description ul li{ font-size: 15px; line-height: 22px; }
.productPage #prodTabs #description p { line-height: 26px; }
.productPage #prodTabs #description ul{ margin-top: 8px; margin-bottom: 10px;}
.productPage #prodTabs #description ul li{position: relative; list-style: none!important; padding-left: 26px!important; padding-bottom: 10px!important;}
.productPage #prodTabs #description ul li:before { position: absolute; left: 0px; top: -1px; font: 23px "iconcheck"; color: #5A9255; content: '\e600'; }
.productPage #prodTabs #description ul.gallery{ margin: 0; display: inline-block; width: 100%; text-align: center; }
.productPage #prodTabs #description ul.gallery li{ margin: 0; padding: 10px; display: inline-block; text-align: center; width: 17.8%; min-height: 125px; float: left; }
.productPage #prodTabs #description ul.gallery li:before{ display: none; }
.productPage #prodTabs #description ul.gallery li a{ display: block; height: 55px; width: 100%; }
.productPage #prodTabs #description ul.gallery li a img{ display: inline-block; height: auto; width: auto; }
.productPage #prodTabs #description ul.gallery li .holder{ font-size: 13px; color: #7A7A7A; }

#prodAccordion .Panel .subtitle {position: relative; font: 18px 'Open Sans', sans-serif!important; color: #6a6a6a; font-weight: 400; background: none!important; background-color: #ececec!important; padding: 15px 30px 15px 10px!important; margin: 0px!important; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#prodAccordion .Panel.current .subtitle {background-color: #6b9e66!important; color: #fff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#prodAccordion .Panel .subtitle:before {position: absolute; right: 15px; top: 23px; font: 13px "FontAwesome"; color: #6a6a6a; content: '\f053'; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#prodAccordion .Panel.current .subtitle:before {right: 15px; top: 23px; color: #fff; -webkit-transform: rotate(-1.6rad); -moz-transform: rotate(-1.6rad); -ms-transform: rotate(-1.6rad); -o-transform: rotate(-1.6rad); transform: rotate(-1.6rad); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#prodAccordion .Panel .prodAccordionContent{padding-top: 25px;}
.productPage #prodTabs #reviews .btn, #prodAccordion #ProductReviews .prodAccordionContent .btn{ display: block; margin: 0 auto 20px; width: 220px;}
.productPage #prodTabs #reviews .ReviewTitle, #prodAccordion #ProductReviews .prodAccordionContent .ReviewTitle{padding: 0; }
.productPage #prodTabs #reviews .Meta, #prodAccordion #ProductReviews .prodAccordionContent .Meta{ color: #89AD86; }
.productPage #prodTabs #reviews p[itemprop=reviewBody], #prodAccordion #ProductReviews .prodAccordionContent p[itemprop=reviewBody]{ color: #6F91A7; }
.productPage #recaptcha_widget_div .recaptcha_image_cell {width: 165px!important;}
.productPage #recaptcha_widget_div #recaptcha_privacy {display: none;}

.productPage .ProductReviewList li{ padding: 15px 0px 0px; }

.productPage #SimilarProductsByCustomerViews ul.ProductList li:nth-child(5) { display: none; }

@media only screen and (max-width : 960px) {
  .productPage #prodTabs #description ul#gallery li{ width: 17%; }
}

@media only screen and (max-width : 882px) {
    #ProductDetails .ProductMain{ width: 61%;}
}
@media only screen and (max-width : 837px) {
    #ProductDetails .ProductMain{ width: 59%;}
}
@media only screen and (max-width : 820px) {
    #ProductDetails .ProductMain .btn{padding: 12px 0px;}
}
@media only screen and (max-width : 805px) {
  #ProductDetails .ProductMain .btn.add-to-cart { width: 164px;}
  #ProductDetails .ProductMain .btn.alt { width: 190px; }
}
@media only screen and (max-width : 837px) {
    #ProductDetails .ProductMain{ width: 57%; padding: 0 0 20px 10px;}
}
@media only screen and (max-width : 796px) {
    #ProductDetails .ProductMain{ width: 55%;}
    #ProductDetails .ProductMain .DetailRow.p-price .brandlinks a,
    #ProductDetails .ProductMain .DetailRow.p-price .brandlinks a b{font-size: 11px;}
}
@media only screen and (max-width : 768px) {
    #ProductDetails .left-content { width: 100% ;}
    #ProductDetails .ProductTinyImageList { margin: 0 auto!important; }
    .PrimaryProductDetails .ProductThumb { width: 325px !important; margin: 25px auto; }
    #ProductDetails .ProductMain { width: 100%; padding: 0 0 20px 0px; }
    #ProductDetails .ProductMain .addto{ text-align: center; width: 100%;}
    #ProductDetails .ProductMain .addto .btn{ float: none; display: inline-block; }
    #ProductDetails .ProductMain .DetailRow.p-price .brandlinks a,
    #ProductDetails .ProductMain .DetailRow.p-price .brandlinks a b{font-size: 14px;}
    .productPage #prodTabs #description ul#gallery li{ width: 22%; }
}
@media only screen and (max-width : 720px) {
    .productPage #prodTabs #description {padding-bottom: 0px;}
    .productPage #prodTabs .tab-content .grid,
    .productPage #prodTabs .tab-content .grid .one-half{ margin: 0; padding: 0;}
    .productPage #prodTabs .tab-content .grid .one-half{ width: 100%; }
    .productPage #prodTabs .tab-content .grid {margin: 15px 0px 20px 0px;}
    .productPage #prodTabs #description ul{ margin-top: 0px; margin-bottom: 0px;}
}
@media only screen and (max-width : 705px) {
  .productPage #prodTabs #description ul#gallery li{ width: 21%; }
}
@media only screen and (max-width : 620px) {
  .productPage #prodTabs #description ul#gallery li{ width: 29%; }
}
@media only screen and (max-width : 600px) {
    .productPage .ProductList { margin: 0; }
    #ProductDetails .ProductMain .addto .btn{ margin: 0; }
    .ProductList .ProductImage img { min-height: auto; }
}
@media only screen and (max-width : 568px) {
    .productPage #SideProductRelated, #SimilarProductsByCustomerViews { clear: both; width: 100%; }
    .productPage #SideProductRelated { margin-right: 0; }
    .productPage #SideProductRelated:before { display: none; }
}
@media only screen and (max-width : 488px) {
  .productPage #prodTabs #description ul#gallery li{ width: 28%; }
}
@media only screen and (max-width : 480px) {
    #ProductDetails .ProductMain .addto .btn{ margin: 0; }
    #ProductDetails .ProductMain .DetailRow.product-name .AddThisButtonBox {  float: none!important; clear: both; display: block; padding-top: 20px!important; }
    div.selector { margin-bottom: 0px; }
    #ProductDetails .ProductMain .DetailRow.p-price .Value { display: block; width: 100%; text-align: center; }
    #ProductDetails .ProductMain .DetailRow.p-price .brandlinks { float: none; display: block; margin-right: 0; width: 100%; text-align: center; margin-top: 30px; }
    .productPage #prodTabs #reviews .btn { margin: 20px auto; padding: 12px 15px; }
    .productPage #prodTabs .ProductReviewFormContainer input,
    .productPage #prodTabs .ProductReviewFormContainer textarea,
    .productPage #prodTabs .ProductReviewFormContainer #uniform-revrating,
    .productPage #prodTabs .ProductReviewFormContainer #recaptcha_table{ width: 100%!important; }
    .productPage #prodTabs .ProductReviewFormContainer #uniform-revrating {padding-bottom: 20px;}
}
@media only screen and (max-width : 405px) {
  .productPage #prodTabs #description ul#gallery li{ width: 43%; }
}
@media only screen and (max-width : 345px) {
    .PrimaryProductDetails .ProductThumb { width: 304px !important;}
}

/**
 * PRODUCT QUICK VIEW
 */
#ModalContentContainer #ProductDetails{ border: none; }
#ModalContentContainer .quick-view-image-container{ width: 48%; }
#ModalContentContainer .productAttributeValue .btn {font-size: 20px; width: 160px; margin-right: 10px;}
#ModalContentContainer .productAttributeValue .btn.alt{ color: #fff!important; padding: 14px 0px; margin: 0;}
@media only screen and (max-width : 740px) {
  #ModalContentContainer .productAttributeValue .btn {font-size: 17px !important; width: 150px;}
}

@media only screen and (max-width : 702px) {
  #ModalContentContainer .productAttributeValue .btn {margin-bottom: 10px;}
}

@media only screen and (max-width : 600px) {
  .quick-view-product-details-container {padding-left: 0px!important;}
}
@media only screen and (max-width : 599px) {
  #ModalContentContainer .productAttributeValue .btn {margin-bottom: 0px;}
}

@media only screen and (max-width : 480px) {
  #ModalContentContainer .productAttributeValue .btn {display: inline-block;}
  #ModalContentContainer .fastCartSummaryBox .ProceedToCheckout a,
  #ModalContentContainer .fastCartSummaryBox .actionLink .btn{ font-size: 15px !important; padding: 15px 10px; }
}

@media only screen and (max-width : 400px) {
  #ModalContentContainer .productAttributeValue .btn {font-size: 15px !important; width: 48%; margin-right: 2%;}
  #ModalCllontentContainer .productAttributeValue .btn.alt product{margin-right: 0px;}
}


/**
 * LOGIN PAGE
 */
.CreateAccount .btn,
.AccountLogin .btn{ font-size: 16px!important; }
.AccountLogin .btn{ width: 120px; }
.CreateAccount ul li{position: relative; list-style: none; padding-left: 26px; padding-bottom: 9px;}
.CreateAccount ul li:before { position: absolute; left: 0px; top: -1px; font: 23px "iconcheck"; color: #5A9255; content: '\e600'; }
#CreateAccountForm #FormField_13 { width: 196px!important; }
form .PasswordRequirements { display: none!important; }
form input[type="password"]:focus + .PasswordRequirements { display: block!important; }

@media only screen and (max-width : 480px) {
  .AccountLogin .btn{ width: 100%; }
  .recaptchatable #recaptcha_image { margin: 0!important; float: left; height: auto !important; width: 155px !important; }
  .recaptchatable .recaptcha_image_cell center img { margin: 0!important; float: left;  height: auto !important; max-width: 155px !important; }
  .recaptchatable .recaptcha_image_cell { width: 50% !important; padding: 0px!important; padding-left: 7px!important;}
  .recaptchatable #recaptcha_response_field { width: 155px !important; }
}


/**
 * EDIT SHIPPING ADDRESS PAGE
 */
#AddressEditForm #FormField_13 { width: 185px!important; }
.AddShippingAddress #FormField_23 { width: 198px!important; }


/**
 * BRANDS PAGE
 */
.page.brands .Left{display: none;}
.page.brands .Content{width: 100%;}
.SubBrandListGrid ul li a.brand-img {display: inline-block!important; position: relative; width: 100%; height: 75px; }
.SubBrandListGrid ul li a.brand-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 -60px}
.SubBrandListGrid ul li a.brand-name{display: none!important;}
.brandslistpage h1.TitleHeading{ margin-bottom: 25px; }
.brandslistpage #SideSubPageList h3{ display: none; }
.brandslistpage #SideSubPageList {text-align: center;}
.brandslistpage #SideSubPageList ul{display: inline-block; margin: 20px 0px; width: 100%;}
.brandslistpage #SideSubPageList ul li{display: inline-block; list-style: none; margin: 0px 2.5%; width: 12%;}
.brandslistpage #SideSubPageList ul li:first-child{margin-left: 0px;}
.brandslistpage #SideSubPageList ul li:last-child{margin-right: 0px;}
.brandslistpage #SideSubPageList ul li a.brand-img { display: inline-block; position: relative; width: 100%; height: 75px; overflow: visible; }
.brandslistpage #SideSubPageList ul li a.brand-img img { position: absolute; max-width: 120px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

@media only screen and (max-width : 768px) {
    .page.brands .Left{display: none!important;}
}

@media only screen and (max-width : 480px) {
    .SubBrandListGrid ul li{width: 50%;}
}


/**
 * BRANDS INTRO PAGE
 */
.brandintropage .PageContent > div > .inner{width: 95%; max-width: 960px; margin: 0 auto;}
.brandintropage .PageContent #brand-intro { padding-top: 40px; }
.brandintropage .PageContent #brand-intro .grid h2.logo{padding-bottom: 10px;}
.brandintropage .PageContent #brand-intro .grid p{color: #918e89; margin-bottom: 22px;}
.brandintropage .PageContent #brand-intro .grid iframe{border: 8px solid #e3e3e3; float: right;}
.brandintropage .PageContent #brand-ourproducts {margin-top: 30px;  background-color: #f5f5f5; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.brandintropage .PageContent #brand-ourproducts .Block{margin: 0;}
.brandintropage .PageContent #brand-ourproducts .grid{padding-top: 65px; padding-bottom: 22px;}
.brandintropage .PageContent #brand-ourproducts .grid h2{font: 35px 'Bariol', sans-serif; color: #5a9255; padding-top: 10px;}
.brandintropage .PageContent #brand-ourproducts .grid p { color: #7d7d7d; line-height: 23px; }
.brandintropage .PageContent #brand-ourproducts .grid .btn {font: 16px 'Open Sans', sans-serif!important; font-weight: 800!important; color: #5a9255; text-transform: uppercase; background-color: #ffffff; height: 41px; padding: 8px 31px 8px; margin-top: 8px; border: 2px solid #cccccc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.brandintropage .PageContent #brand-ourproducts .grid .btn:hover {background-color: #EAEAEA;}
.brandintropage .PageContent #brand-gallery{ padding-top: 45px; }
.brandintropage .PageContent #brand-gallery .header-block { padding-bottom: 25px; }
.brandintropage .PageContent #brand-gallery ul{ margin: 0; }
.brandintropage .PageContent #brand-gallery ul .owl-item img{ display: block; margin: 0 auto; width: 100%; max-width: 960px; height: auto; }
.brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ height: 80px; }
.brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div:before{ font-size: 80px; }
.brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div.owl-prev {left: 3%;}
.brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div.owl-next {right: 3%;}
.brandintropage .PageContent #brand-werecommend { padding-top: 40px; }

@media only screen and (max-width : 1080px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div:before{color: #fff; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); }
}

@media only screen and (max-width : 810px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -200px; }
}

@media only screen and (max-width : 768px) {
    .brandintropage .PageContent #brand-intro .grid .one-half { width: 100%; }
    .brandintropage .PageContent #brand-intro .grid .col-2 { padding-top: 20px; }
}

@media only screen and (max-width : 660px) {
    .brandintropage .PageContent #brand-ourproducts .grid{padding-top: 40px;}
    .brandintropage .PageContent #brand-ourproducts .grid .one-half { width: 100%; }
    .brandintropage .PageContent #brand-ourproducts .grid .col-2 { padding-top: 50px; text-align: center; }
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -180px; }
}
@media only screen and (max-width : 570px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -170px; }
}
@media only screen and (max-width : 520px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -160px; }
}
@media only screen and (max-width : 480px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -150px; }
}
@media only screen and (max-width : 430px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -145px; }
}
@media only screen and (max-width : 390px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -135px; }
}
@media only screen and (max-width : 390px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -135px; }
}
@media only screen and (max-width : 360px) {
    .brandintropage .PageContent #brand-gallery .owl-controls .owl-buttons div{ margin-top: -125px; }
}

/**
 * CART PAGE
 */
#CartContent table thead th {text-transform: uppercase;}
#CartContent table thead th:nth-child(3) {width: 14%;}
.CartCode .btn { height: 35px; font-size: 14px!important; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; color: #fff!important; background-color: #53a8df; border: 1px solid #53a8df; }
.CartCode .btn:hover {background-color: #4984AB;}
.HorizontalFormContainer dd, .form dd { margin-left: 180px; }
#cartpage .EstimateShippingLink {float: right; width: 258px;}
.EstimateShipping .form { float: right; width: 285px; position: relative; }
.EstimateShipping .form dt{ width: 115px; }
.EstimateShipping .form dd{ margin-left: 122px; }
.EstimateShipping .form dd.EstimateShippingButtons{ margin: 0px; }
.EstimateShipping .form dd .selector,
.EstimateShipping .form dd input[type=text] { width: 100%; }
.EstimateShipping .form dd input.btn.alt { padding: 14px 26px 15px; float: right; }
.EstimateShipping .form .country { position: absolute; visibility: hidden; z-index: -20;}

@media screen and (max-width: 600px){
  .CartCode .CouponCode, .CartCode .GiftCertificate { float: none; width: auto; }
  .CartCode .CouponCode h3, .CartCode .GiftCertificate h3 { margin-top: 30px; }
}
@media screen and (max-width: 480px){
  .CartCode input,
  .CartCode .btn{ display: inline-block;}
  .CartCode .CouponCode, .CartCode .GiftCertificate { float: none; width: auto; }
  .CartCode .CouponCode h3, .CartCode .GiftCertificate h3 { margin-top: 30px; }
  .CartCode .CouponCode input.Textbox, .CartCode .GiftCertificate input.Textbox { width: 80%; }
  .CartCode .CouponCode input.btn, .CartCode .GiftCertificate input.btn { width: 20%; height: 50px;}
  #cartpage .EstimateShippingLink,
  .EstimateShipping .form { float: left; width: 100%; }
  .HorizontalFormContainer dd, .form dd { margin-left: 0px; }
  .EstimateShipping .form dd{ margin-left: 0px; }
  #AdvancedSearchForm .FormContainer {padding-bottom: 20px;}
  #AdvancedSearchForm #search_query_adv { width: 100%; }
  .EstimateShipping .form input[type=text] { width: 100%!important; line-height: 25px;}
  #AdvancedSearchForm #uniform-brand,
  #AdvancedSearchForm #price_from,
  #AdvancedSearchForm #price_to,
  #AdvancedSearchForm #uniform-featured,
  #AdvancedSearchForm #uniform-shipping { max-width: 99.5%; width: 480px; }
  #AdvancedSearchForm #category { max-width: 98.5%; width: 480px; }
  #SearchResultsProduct .product-nav.tp{ padding-top: 20px; }
  #AdvancedSearchForm #price_from,
  #AdvancedSearchForm #price_to { line-height: normal; }
  #AdvancedSearchForm #price_from { margin-top: 0; margin-bottom: 10px; }
  #AdvancedSearchForm #price_to { margin-top: 10px; }
  .searchresultpage #AdvancedSearchForm .FormContainer .btn { width: 100%; }
}

/**
 * CHECKOUT PAGE
 */
.CheckoutRedeemCoupon .btn { height: 35px; padding: 0px 20px; font-size: 14px!important; }
.AddBillingAddress #FormField_13 { width: 196px!important; }
.AddBillingAddress #uniform-FormField_11 { width: 194px; }
#uniform-creditcard_ccexpm.selector,
#uniform-creditcard_ccexpy.selector { width: 86px!important; }

@media screen and (max-width: 480px){
  #CheckoutStepBillingAddress .billingButton{ font-size: 19px!important; }
  .AddBillingAddress #uniform-FormField_11 { margin-bottom: 20px; }
}


/**
 * GIFT CERTIFICATES PAGE
 */
#GiftCertificatesMenu ul li a:hover,
#GiftCertificatesMenu ul li a.active{ color: #1399be; }


/**
 * FINISH ORDER PAGE
 */
#orderpage #SimilarMultiProductsByCustomerViews .ProductList li { width: 50%; }
@media screen and (max-width: 480px){
  #orderpage  .btn.alt{ font-size: 15px!important; }
}


/**
 * ACCOUNT PAGE
 */
.accountpage .page-content #LayoutColumn2 h2 { margin-top: 20px; }
.accountpage .AccountMessageList li { padding: 20px 0px; }
.accountpage .AccountMessageList li h4{ padding: 0 0 5px 0; }
.accountpage .AccountMessageList li p.Meta{ margin-bottom: 12px; }

@media screen and (max-width: 480px){
  .accountpage .AccountOrderStatusList form,
  .accountpage .AccountOrderStatusList form .btn{ width: 100%; }
}

/**
 * BLOG
 */
.blog .Left { margin-top: 5px; }
.blog .Left #BlogRecentPosts ul li a { position: relative; display: block; color: #5a9255; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.blog .Left #BlogRecentPosts ul li a:before { position: absolute; right: auto; left: 0px; top: 3px; width: 15px; height: 15px; text-align: center; font: 12px "FontAwesome"; content: '\f0f6'; color: #c6c6c6; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.blog .h-entry h1.p-name { padding: 0 0 5px 0; }
.blog .h-entry .postmeta { margin-bottom: 10px; }
.blog .h-entry .BlogShare { margin-top: 0px; }

/**
 * SEARCH RESULT PAGE
 */
.searchresultpage .TitleHeading {margin-top: 25px;}
.searchresultpage .FormContainer .btn { font-size: 16px!important; }
#SearchResultsProduct .SearchContainer .ProductList li{ padding: 10px 0px; }
#SearchResultsProduct .SearchContainer .ProductList li .ProductImage { padding: 0px; }
.searchresultpage .product-nav.tp .CategoryPagination{ display: none; }
.searchresultpage .SearchSorting .selector:before { top: 10px; }
.searchresultpage #SearchResultsProduct .ProductList li .ProductDescription {display: none;}
.searchresultpage #SearchResultsProduct .ProductList li .ProductRightCol { float: none; }
.searchresultpage #SearchResultsProduct .ProductList li .p-name { margin-bottom: 8px; }
.searchresultpage #SearchResultsProduct .ProductList li .p-name a { font-weight: normal; color: #666; }

/**
 * 404 PAGE
 */
.page404 .TitleHeading{ margin-top: 25px; }

/**
 * SITEMAP PAGE
 */
#SitemapContent h2{font: 30px 'Bariol', sans-serif; color: #419fdd; position: relative; display: inline-block; margin: 0; padding: 0 0 10px 0; line-height: 100%;}
#SitemapContent .BlockContent > div{padding-bottom: 30px;}
#SitemapContent .SitemapPages ul li ul{ display: none; }
#SitemapContent ul{ margin: 0px 0px 20px 0px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#SitemapContent ul li{list-style: none;}
#SitemapContent ul li a{display: inline-block; padding: 8px 0; width: 100%; border: none !important; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#SitemapContent ul li a:hover{background-color: #eee; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#SitemapContent .BlockContent > div > ul > li > a{position: relative; font: 16px 'Open Sans', sans-serif; font-weight: 600; color: #5a9255;}
#SitemapContent .SitemapPages,
#SitemapContent .SitemapCategories,
#SitemapContent .SitemapBrands { float: left; width: 33.33333%; margin-top: 25px;}

#SitemapContent .SitemapCategories > ul > li.parent > a{padding-left: 17px;}
#SitemapContent .SitemapCategories > ul > li.parent > a:before{position: absolute; right: auto; left: 0; width: 15px; height: 15px; text-align: center; font: 22px "FontAwesome"; content: '\f105'; color: #c6c6c6; }
#SitemapContent .SitemapCategories > ul > li.parent > ul li a{padding-left: 18px;}
#SitemapContent .SitemapCategories > ul > li ul li ul li a { position: relative; padding-left: 35px!important; color: #868686;}
#SitemapContent .SitemapCategories > ul > li ul li ul li a:before { position: absolute; right: auto; left: 16px; top: 14px; width: 15px; height: 15px; text-align: center; font: 6px "FontAwesome"; content: '\f068'; color: #5a9255; }

@media screen and (max-width: 480px){
  #SitemapContent .SitemapPages,
  #SitemapContent .SitemapCategories,
  #SitemapContent .SitemapBrands { width: 100%;  margin-top: 15px;}
}