@import url(fonts.css);

body { font-family: 'avenir'; color: #302c2c; }
.red-v1 { color: #f22613; font-family: 'avenirheavy'; }
.red-s1 { color: #f22613 !important }
.black-v1 { font-family: 'avenirheavy'; }
.black-s1 { color: #302c2c }
h1.red-v1 .grey { margin-left: 10px; font-family: 'avenir'; }
h2 { margin-bottom: 20px; }
h5 { font-family: 'avenirheavy'; }
a { 
-webkit-transition: color 0.25s ease-out; 
        transition: color 0.25s ease-out;}
input, textarea{ border-radius: 0; -webkit-border-radius:0; -webkit-appearance:none; }
button:active,
button:focus { border: none; outline: 0; }

/* ==========================================================================
   CUSTOM
   ========================================================================== */
.sliderTyp { display: none; }
.red-text { color:#f22613; }
.white-text { color:#fff; }

.page-wrapper { overflow: hidden; }
.patternArea { background: url(../images/bg-pattern.jpg);}
.patternArea2{ background: url(../images/bg-pattern2.jpg);}
.wrap-inner {margin: 0 auto; }
.contentArea { margin-top: 15px; margin-bottom: 60px; }

.section-row { margin-bottom: 50px; }
.head-text { margin-bottom: 30px; }
.head-text .viewmore { font-family: 'avenirheavy'; text-decoration: underline; cursor: pointer; }
.head-text .viewmore:hover { color: #f22613 }
.head-text a { text-decoration: underline; }
.head-text-v2 {margin-bottom: 20px; }
.btn-wrap { margin: 20px 0; }
.btn-ext { padding: 14px 36px; border: none; text-align: center;text-decoration: none;font-family: 'avenirheavy';font-size: 15px;
-webkit-transition: background 0.25s; 
        transition: background 0.25s; }
.btn-red { background: #f22613; color: #fff; display: inline-block; }
.btn-black { background: #353535; color: #fff; display: inline-block; }
.btn-blue { background: #33a5f7; color: #fff; display: inline-block; }
.btn-white { background: #fff; color: #302c2c; display: inline-block; }
.btn-ext:hover { background: #565656; }
.btn-ext.topSpace { margin-top: 25px; }
.sticker { text-transform:uppercase; line-height: 1.3em; padding: 6px 15px 4px; text-align: center; font-size: 12px}
.grey { color: #dcdcdc; }
.notification-v1 { color: #39b81d; }
.alert { border-radius: 0; padding: 10px; margin-bottom: 10px;}
.btn-white:hover { background: #f2f2f2; color: #302c2c; display: inline-block; }
.icon-plus {position: relative; width: 10px; height: 10px; float: right; margin-top: 2px; }
.icon-plus span { width: 2px; height: 10px;display: block; background: #302c2c;position: absolute;top: 0;
-webkit-transform-origin: center; 
    -ms-transform-origin: center;
        transform-origin: center;
-webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
        transition: all 0.2s; }
.icon-plus .hor { background: #fff; }
.icon-plus .ver {
-webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
        transform: rotate(90deg); }
.collapsed .ver {
-webkit-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
        transform: rotate(0deg); }
.collapsed .hor { background: #302c2c;
-webkit-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
        transform: rotate(-90deg);}
.border-effect {display: block;overflow: hidden;}
.border-effect figure { position: relative; display: block; }
.border-effect figure:before,
.border-effect figure:after { content: ""; display: block; position: absolute; width: 100%; height: 100%;
-webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out; }
.border-effect figure:before { left: 0; top: 0; z-index: -1;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) inset;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) inset; }
.border-effect:hover figure:before { z-index: 2;
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5) inset; }
/* Samples */
.scroll-box { width: 100%; overflow: auto; height: 100%;}
.scroll-box:focus { outline: 0}
#inline {width: 500px; display: none;}
.editional-mobile-list { display: none;}
.modal-type { text-align: center; }
.modal-type .controls { text-align: center; }
.inline-fancy { display: none; }
.inline-fancy .controls { margin-top: 20px; }
.inline-fancy .controls a { margin-top: 10px; }
.c-close{ background: url(../images/close-icon-2.png) no-repeat center; width: 26px; height: 26px;margin-top: -17px;
-webkit-background-size: 26px auto;
        background-size: 26px auto; }
.selectSizeFancy { height: 250px;  }
.selectSizeFancy .form-group-wrap { width: 90%; }
.selectSizeFancy .openSizeChart { text-decoration: underline; line-height: 45px; }
.list-type-v2 li { list-style-type: disc; list-style-position: inside; margin: 10px 0;}
.list-type-v2 li a { font-family: 'avenirheavy'; text-decoration: underline;}
.video-icon { background: url(../images/video-icon.png) no-repeat; width: 89px; height: 89px; position: absolute; top: 50%; left: 50%; margin-top: -44px;margin-left: -44px; 
-webkit-background-size: 89px auto;
        background-size: 89px auto; }
.scrolltop .scrolltop-btn { z-index:70;background: url(../images/prev-pager2.png) no-repeat center #dcdcdc;width: 50px; height: 40px; content: "";opacity:0; visibility:hidden; display: inline-block;position: fixed;bottom: 90px; right: 0; cursor: pointer;
-webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
-webkit-background-size: 20px auto;
        background-size: 20px auto;}
.scrolltop .scrolltop-btn:hover { background: url(../images/prev-pager3.png) no-repeat center #302c2c;opacity: 1 !important;
-webkit-background-size: 20px auto;
        background-size: 20px auto; }
.scrolltop .scrolltop-btn.show { bottom: 100px; opacity: 0.8; visibility: visible; }
.scrolltop .scrolltop-btn.stick { position: relative; bottom: 30px; margin: 0 auto; }
/* ==========================================================================
   TOP BANNER
   ========================================================================== */
.topbanner { position: relative; z-index: 10000; }
.topbanner a {display: block;}
.topbanner figure { overflow:hidden; text-align:center;}
.topbanner figure img {  margin: 0 -150%; width: auto;}
.topbanner .close-banner { background: url(../images/close-icon-2.png) no-repeat center; width: 30px;height: 30px;display: block;position: absolute; top: 10%; right: 0; 
-webkit-background-size: 22px auto;
        background-size: 22px auto;}
.topbanner .container { position: relative; }

/* ==========================================================================
   HEADER
   ========================================================================== */
.menu-overlay {position: fixed; top: 0px; background: rgba(0,0,0,0.6); width: 100%; height: 150%; left: 0; z-index: 101; display: none; visibility: hidden; opacity: 0;
-webkit-transition: opacity .2s ease-out, visibility 0.2s ease-out;
   -moz-transition: opacity .2s ease-out, visibility 0.2s ease-out;
        transition: opacity .2s ease-out, visibility 0.2s ease-out; }
.menu-overlay.reveal { display: block; }
.menu-overlay.fade { opacity: 1; visibility: visible; }
header { position: relative; z-index: 10000;}
header a { text-decoration: none; }
header a.viewall { background: url(../images/mini-arrow2.png) no-repeat right center; padding-right: 10px !important; display: inline-block;}
header .open-mobile-menu { display: none; position: absolute; top: 2px; left: 0; width: 50px; height: 50px; background: url(../images/mobile-menu-icon.png) no-repeat center; z-index: 99}
header .logo { display: inline-block; 
-webkit-transition: padding 0.3s;
   -moz-transition: padding 0.3s;
    	  transition: padding 0.3s; }
header .logo img {  height: 70px;}
header .header-top { background: #ebebeb; font-size: 12px; height: 25px; }
header .headerTopSlider p { margin-bottom: 0; padding: 4px 0 5px; }
header .headerTopSlider p span { background: url(../images/dotted.png) no-repeat left center; padding-left: 8px; margin-right: 10px;}
header .header-top-menu ul { float: right; }
header .header-top-menu li { float: left; padding-left: 20px; background: url(../images/dotted.png) no-repeat 10px center;}
header .header-top-menu li:first-child { background: none; padding-left: 0;}
header .header-top-menu li a { padding: 6px 0 0px; display: block; line-height: 14px;border-bottom: 1px solid transparent;
-webkit-transition: border 0.2s ease-out, opacity 0.2s ease-out;
   -moz-transition: border 0.2s ease-out, opacity 0.2s ease-out;
        transition: border 0.2s ease-out, opacity 0.2s ease-out; }
header .header-top-menu li a:hover {border-bottom: 1px solid #302c2c;}
header .header-top-menu li a.spec:hover {border-bottom: 1px solid transparent;opacity: 0.6; }
header .header-top-menu li a img { display: block; margin-top: -1px; }
header .header-center { border-bottom: 1px solid #ebebeb; background: #fff; z-index: 10; position: relative; z-index: 7; padding: 7px 0;width: 100%; top: 0; left: 
-webkit-transition: height 0.2s;
   -moz-transition: height 0.2s;
    	  transition: height 0.2s; }
header .header-center .header-user-menu a { position: relative; }
header .header-center .header-user-menu > ul > li > a:before,
header .header-center .header-user-menu > ul > li > ul > li > a:before { position: absolute; top: 7px; left: 0; background: #ebebeb; content: ""; width: 1px; height: 25px; }
header .header-center .header-user-menu > ul { float: right; margin-top: 14px; }
header .header-center .header-user-menu > ul > li { float: left; position: relative; }
header .header-center .header-user-menu > ul > li > a { padding: 10px 0; display: block; margin-right: 15px; }
header .header-center .header-user-menu .register-login li { float: left; }
header .header-center .header-user-menu .register-login li a {  padding: 10px 13px; display: inline-block;}
header .header-center .header-user-menu .register-login li a span { border-bottom: 1px solid transparent;
-webkit-transition: border 0.2s ease-out;
   -moz-transition: border 0.2s ease-out;
        transition: border 0.2s ease-out;}
header .header-center .header-user-menu .register-login li a span:hover { border-bottom: 1px solid #302c2c}
header .header-center .header-user-menu .register-login li:first-child a:before,
header .header-center .header-user-menu .personal-menu a:before { display: none;}
header .header-center .header-user-menu .rl-toogle { display: none; background: url(../images/user-icon.png) no-repeat 45% 46%;width: 44px; height: 41px; padding: 0;margin: 0;
-webkit-background-size: 20px auto;
        background-size: 20px auto;}
header .header-center .header-user-menu .rl-toogle:before {display: none;}
header .header-center .header-user-menu .basket-link { margin-right: 0;background: url(../images/basket-icon-black.png) no-repeat 15px 47%; padding-left: 38px; position: relative; margin-left: 0;
-webkit-background-size: 17px auto;
        background-size: 17px auto; }
header .header-center .header-user-menu .basket-count { margin-left: 5px; }
header .header-center .header-user-menu .basket-count em { font-style: normal; }
header .header-center .header-search .form-group { margin-top: 17px; position: relative; margin-bottom: 0;width: 100%; }
header .header-center .header-search .form-control { border-color: #fc3519; padding-right: 55px; position: relative; height: 36px; }
header .header-center .header-search .btn { border-radius: 0; position: absolute; top: 0; right: 0; height: 36px; width:40px; background: url(../images/search-icon.png) no-repeat center #fc3519; padding: 0}
header .header-center .header-center-shadow { display: none; }
header .header-navigation-wrapper { border-bottom: 1px solid #ebebeb; height: 40px; background: #fff; position: relative; z-index: 6; width: 100%; }
header .main-navigation { position: relative; margin: 0 -42.5px; }
header .menu-main-item { float: left; }
header .menu-main-item .submenu-wrap { display: none; position: absolute; top: 39px; left: 0; width: 100%; background: #eee; z-index: 9; padding: 30px 20px; opacity: 0; visibility: hidden; 
-webkit-transform: scale(1,.7);
   -moz-transform: scale(1,.7);
        transform: scale(1,.7);
-webkit-transform-origin: 0 0;
        transform-origin: 0 0;
-webkit-transition: opacity .15s ease-out, visibility 0.15s ease-out, all .2s ease-in-out;
   -moz-transition: opacity .15s ease-out, visibility 0.15s ease-out, all .2s ease-in-out;
        transition: opacity .15s ease-out, visibility 0.15s ease-out, all .2s ease-in-out;}
header .menu-main-item.reveal .submenu-wrap { display: block; }
header .menu-main-item.reveal .submenu-wrap.reveal { opacity: 1; visibility: visible; 
-webkit-transform: scale(1);
   -moz-transform: scale(1);
        transform: scale(1);}
header .menu-main-item .menu-category { padding: 11px 43.5px 9px; font-family: 'avenirheavy'; display: block; height: 40px;
-webkit-transition: background 0.2s ease-out, color .2s ease-out;
   -moz-transition: background 0.2s ease-out, color .2s ease-out;
        transition: background 0.2s ease-out, color .2s ease-out; }
header .menu-main-item:hover .menu-category { background:#eee; color: #f22613; }
header .menu-main-item .submenu-wrap .shadow { width: 17.6%; background: #e9e9e9; position: absolute; top: 0; right: 0; height: 100%; z-index: 10; }
header .menu-main-item .submenu-wrap .menu-banner { margin-top: 20px; padding: 0 20px; position: relative; z-index: 11; }
header .menu-main-item .submenu-wrap .menu-banner img { width: 100%; }
header .menu-main-item .submenu-wrap .submenu { position: relative; z-index:11; }

header .menu-main-item .submenu-wrap .submenu .menu-banner { float: none; width: 100%; }
header .menu-main-item .submenu-wrap .submenu .menu-subcategory { position:relative; font-family: 'avenirheavy'; margin-bottom: 6px; display: inline-block; border-bottom: 1px solid transparent; }
header .menu-main-item .submenu-wrap .submenu .menu-subcategory:hover { }
header .menu-main-item .submenu-wrap .submenu .menu-sub li { display: block; margin: 2.5px 0; }
header .menu-main-item .submenu-wrap .submenu .menu-sub a { display: inline; color: #555; border-bottom: 1px solid transparent; }
header .menu-main-item .submenu-wrap .submenu .menu-sub a,
header .menu-main-item .submenu-wrap .submenu .menu-subcategory { 
-webkit-transition: border .2s;
   -moz-transition: border .2s;
        transition: border .2s;}
header .menu-main-item .submenu-wrap .submenu .menu-sub a:hover,
header .menu-main-item .submenu-wrap .submenu .menu-subcategory:hover { border-bottom: 1px solid #302c2c;}
header .menu-main-item .submenu-wrap .submenu .menu-group { margin-top: 10px; padding: 0 22px; }
header .menu-main-item .submenu-wrap .submenu .menu-group:first-child { margin-top: 0; }
header .menu-main-item .collapse-list { display: none; }
header .menu-main-item .collapse-link:before { content:"";background: url(../images/mini-arrow.png) no-repeat center; width: 11px; height: 7px; display: block; position: absolute; top: 50%; right: -15px;margin-top: -4px;
-webkit-transition: -webkit-transform .2s;
    -ms-transition: -ms-transform .2s;
        transition: transform .2s;
-webkit-background-size: 90%;
        background-size: 90%; }
header .menu-main-item .collapse-link.active:before {
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
        transform: rotate(-180deg); }
/* ==========================================================================
   HEADER BASKET
   ========================================================================== */
.header-basket.block,
.header-center .personal-menu-list.block { display: block; z-index: 99}
.header-basket.reveal,
.header-center .personal-menu-list.reveal { opacity: 1; }
.header-basket { position: absolute; top: 39px; right: 0; z-index:-1; width: 540px; display: none; opacity: 0; padding-top: 8px;
-webkit-transition: opacity .2s ease-out;
   -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out;}
.header-basket h4 { margin: 0 0 15px; }
.header-basket .basket-inner {background: #ebebeb;width: 100%;padding: 18px;}
.header-basket:before{ position: absolute; z-index: 1; right: 28px; top: -3px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent #ebebeb transparent;}
.header-basket img { max-width: 100%; width: 100%; max-width: 40px; }
.header-basket h3 { margin-top: 0; }
.header-basket .scroll-box { max-height:310px; background: #fff;}
.header-basket .buy-products { margin: 15px 0 0 !important; width: 100%; font-family: 'avenirheavy'; }
.header-basket .scroll-box {padding: 10px}
.header-basket .table { margin: 0 -5px; display: table; width: 100%;}
.header-basket .table > div { padding: 0 10px; display: table-cell;vertical-align: middle;}
.header-basket li.added { 
-webkit-animation: added 0.5s ease-out;
        animation: added 0.5s ease-out;}
.header-basket li { padding: 8px 0; border-bottom: 1px solid #ebebeb; position: relative; background: #fff;}
.header-basket li .hb-figure { width: 12% }
.header-basket li .hb-info { width: 47% }
.header-basket li .hb-count { width: 21%; }
.header-basket li .hb-price { width: 21%; text-align: right;}
.header-basket li .hb-brand { font-family: 'avenirheavy'; }
.header-basket li .hb-title { font-size: 13px }
.header-basket li .hb-title a,
.header-basket li .hb-brand a { display: inline;border-bottom: 1px solid transparent;
-webkit-transition: border .2s ease-out;
   -moz-transition: border .2s ease-out;
        transition: border .2s ease-out;}
.header-basket li .hb-title a:hover,
.header-basket li .hb-brand a:hover { border-bottom: 1px solid #302c2c;}
.header-basket .hb-sum { margin-top: 15px; }
.header-basket .hb-sum b { float: right; }
.header-basket .remove-item { background: url(../images/close-icon-mini.png) no-repeat center; width: 20px; height: 20px; cursor: pointer; display: block; position: absolute; top: 0px; right: 0px;
-webkit-background-size: 12px auto;
        background-size: 12px auto; }
.header-basket .remove-confirm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); padding: 5px; }
.header-basket .remove-confirm p { margin-bottom: 5px; }
.header-basket .remove-confirm a { color: #fff; padding: 4px 15px; display: inline-block; 
-webkit-transition: background .2s ease-out;
        transition: background .2s ease-out;}
.header-basket .remove-success { background: #f22613; }
.header-basket .remove-fail { background: #302c2c; }
.header-basket .remove-confirm a:hover { background-color: #565656; }
.header-basket .empty-basket { display: none; }
.header-basket .empty-basket.active { display: block; }

/* ==========================================================================
   HEADER PERSONAL MENU
   ========================================================================== */
.header-center .personal-menu-list {display: none;opacity: 0;
-webkit-transition: opacity .2s ease-out;
   -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out; } 
.header-center .header-user-menu .personal-menu > a { background: url(../images/mini-arrow.png) no-repeat right 50%; height: 41px; margin-left: 0; text-align: center; padding: 10px 17px 10px 0;}
.header-center .header-user-menu .personal-menu.active > a { color: #f22613; background: none; }
.header-center .header-user-menu .personal-menu > a i { opacity:0; background: url(../images/user-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -11px; background-size:20px 20px; }
.header-center .header-user-menu .personal-menu > a span { display: block; position: relative; top: 50%; line-height: 1.2;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);}
.header-center .header-user-menu .personal-menu-list { position: absolute; top: 40px; width: 200px; right: 0; padding-top: 8px; }
.header-center .header-user-menu .personal-menu-list:before{ position: absolute; z-index: 1; right:28px; top: -3px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent #ebebeb transparent;}
.header-center .header-user-menu .personal-menu-list ul { background: #ebebeb; padding: 10px}
.header-center .header-user-menu .personal-menu-list ul a { padding: 10px 0; display: block; padding-left: 45px; 
-webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out; }
.header-center .header-user-menu .personal-menu-list ul a:hover { margin-left: 6px; background-color: #fff; }
.header-center .myAccount { background: url(../images/user-icon.png) no-repeat 10px center; 
-webkit-background-size: 20px auto;
        background-size: 20px auto;}
.header-center .myFavs { background: url(../images/fav-icon.png) no-repeat 10px center;
-webkit-background-size: 20px auto;
        background-size: 20px auto; }
.header-center .myAddress { background: url(../images/address-icon.png) no-repeat 10px center;
-webkit-background-size: 20px auto;
        background-size: 20px auto; }
.header-center .myBasket { background: url(../images/basket-icon2.png) no-repeat 10px center;
-webkit-background-size: 20px auto;
        background-size: 20px auto; }
/* ==========================================================================
   HEADER AUTOSEARCH
   ========================================================================== */
header .autosearch-wrap { background: #fff; position: absolute; top: 36px; left: 0; width: 100%; border: 1px solid #dcdcdc; display: none;}
header .autosearch-wrap.reveal { display: block;}
header .autosearch-wrap hr { margin: 10px 0; }
header .autosearch-wrap .s-left { width: 50%; float: left; padding: 20px; }
header .autosearch-wrap .s-right { width: 50%; float: left; background: #f5f5f5; padding: 20px; }
/* 07.12.2015 - Start */
header .autosearch-wrap ul li { display: block;padding: 3px 0; 
-webkit-transition: padding 0.15s ease-out, background 0.15s ease-out;
   -moz-transition: padding 0.15s ease-out, background 0.15s ease-out;
        transition: padding 0.15s ease-out, background 0.15s ease-out;}
header .autosearch-wrap ul li.selected { background: #ebebeb; padding-left: 2px; }
/* 07.12.2015 - End */
header .autosearch-wrap a { display: inline;border-bottom: 1px solid transparent;
-webkit-transition: border 0.2s ease-out;
   -moz-transition: border 0.2s ease-out;
        transition: border 0.2s ease-out;}
header .autosearch-wrap a:hover { border-bottom: 1px solid #302c2c; }
header .autosearch-wrap a span { color: #dcdcdc; display: inline-block; margin-left: 5px; }

/* ==========================================================================
   HEADER VERSION 2
   ========================================================================== */
.headerTypev3 { height: auto; }
.headerTypev2 { height: auto; margin-bottom: 25px; }
header .header-contact ul { float: right; padding-top: 23px; }
header .header-contact ul li { float: left; margin-left:30px; padding: 1px 0 1px 38px; line-height: 24px; font-family: 'avenirheavy'; }
header .header-contact ul li:first-child { margin-left: 0;}
header .header-contact ul li a:hover { color:#f22613; }
header .header-contact .h-secure { background: url(../images/secure-icon.png) no-repeat left center;
-webkit-background-size: 20px auto;
        background-size: 20px auto; }
header .header-contact .h-phone { background: url(../images/phone-icon.png) no-repeat left center;
-webkit-background-size: 29px auto;
        background-size: 29px auto;  }
header .header-contact .h-mail { background: url(../images/mail-icon.png) no-repeat left center;
-webkit-background-size: 27px auto;
        background-size: 27px auto; }
/* ==========================================================================
   STICKY HEADER
   ========================================================================== */
header .is-sticky .header-center { position: fixed; top: -14px;
-webkit-animation: grow 0.3s ease-out;
        animation: grow 0.3s ease-out;}
		header .is-sticky .header-center .misa{ padding:0px; }
header .is-sticky .header-navigation-wrapper { background: #f5f5f5; display: none; position: fixed;top: 54px;left: 0;width: 100%;opacity: 0;
-webkit-transform: translateY(-39px);
    -ms-transform: translateY(-39px);
        transform: translateY(-39px);
-webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
        transition: all .2s ease-out;}
header .is-sticky .header-navigation-wrapper.block { display: block; }
header .is-sticky .header-navigation-wrapper.reveal {opacity: 1;
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);}
header .is-sticky .logo  { margin-top: 12px; position: relative; }
header .is-sticky .logo img {
    height: 36px;
    position: absolute;
    left: 0;
    width: 125px;
    -webkit-animation: grow2 0.3s ease-out;
    animation: grow2 0.3s ease-out;
}
header .is-sticky .header-user-menu .basket-link { width: 56px; overflow: hidden; padding-left: 25px; }
header .is-sticky .header-user-menu .basket-count { text-align: center; line-height:28px; position: absolute; top: 0; right: 0; background: #ebebeb; border-radius: 50%; -webkit-border-radius: 50%; width: 28px; height: 28px; font-size: 12px; }
header .is-sticky .header-user-menu .b-text { visibility: hidden; }
header .is-sticky .header-user-menu .basket-count em { display: none; }
header .is-sticky .header-user-menu .personal-menu > a { background: none; padding: 10px 22px; margin-right: 0; }
header .is-sticky .header-user-menu .personal-menu > a i { opacity: 1; left: 11px; }
header .is-sticky .header-user-menu .personal-menu > a span { display: none;}
header .is-sticky .header-user-menu .personal-menu-list:before { right: 18px; left: auto;}
header .is-sticky .header-user-menu .personal-menu-list { right: -10px; left: auto;}
header .is-sticky .header-basket:before { right: 20px; }
/* ==========================================================================
   CAROUSEL
   ========================================================================== */
.csView { text-align: center; opacity: 0; visibility: hidden; }
.csView.init { opacity: 1; visibility: visible; }
.csView .item .cs-item-inner { padding: 10px 10px 15px; }
.csView .item .cs-item-inner .cs-figure img { 
-webkit-transition: opacity .3s; 
        transition: opacity .3s; }
.csView .item .cs-item-inner:hover .cs-figure img { opacity: 0.8}
.csView .item .cs-figure { height: 155px; margin-bottom: 10px; overflow: hidden;}
.csView .item .cs-figure img { height: 105%; display: block; margin: 0 auto; width: auto; }
.csView .item .cs-info { position: relative; }
.csView .item .cs-brand { font-family: 'avenirheavy'; margin-bottom: 2px;}
.csView .item .cs-title { margin-bottom: 6px; max-height: 50px; line-height: 1.3; overflow: hidden;}
.csView .item .cs-title a:hover,
.csView .item .cs-brand a:hover{ color: #999}
.csView .item .cs-price > * { display: inline-block;}
.csView .item .cs-price ins { text-decoration: none; font-family: 'avenirheavy'; }
.csView .item .cs-price del { color: #888; }
.csView .slick-arrow { z-index:3; position: absolute; top: 50%; border: 1px solid #dfdfdf; margin-top: -17px; width: 34px; height: 34px;text-indent: -999px; overflow: hidden; 
-webkit-transition: opacity 0.25s, left 0.25s, right 0.25s; 
        transition: opacity 0.25s, left 0.25s, right 0.25s; }
.csView .slick-prev { background: url(../images/prev.png) no-repeat center #e4e4e4; left: 0; }
.csView .slick-next { background: url(../images/next.png) no-repeat center #e4e4e4; right: 0; }
.csView .item .cs-figure2 img { width: 100%; }

/* ==========================================================================
   CAROUSEL V5
   ========================================================================== */
.carousel-v5 { border: 1px solid #dcdcdc; box-shadow: 1px 1px 1px rgba(34, 34, 34, 0.04); }
.carousel-v5 .slick-arrow { opacity: 0; }
.carousel-v5 .slick-prev { left: 10px; }
.carousel-v5 .slick-next {right: 10px; }
.carousel-v5:hover .slick-prev { opacity: 1; left: 0; }
.carousel-v5:hover .slick-next { opacity: 1; right: 0; }

.csTabSection .resp-tabs-container { margin: 0 -20px; }
.csTabSection .resp-tabs-container .resp-tab-content { padding: 0 20px; }
.csTabSection ul.resp-tabs-list { text-align: right; }
.csTabSection ul.resp-tabs-list li { float: none; }

/* ==========================================================================
   SIDEBAR
   ========================================================================== */
.sidebar a { text-decoration: none; }
.sidebar h5 { margin: 0; padding: 12px 0; position: relative; cursor: pointer;}
.sidebar .sidebar-inner { padding-right: 60px; }
.sidebar .sidebar-box { border-bottom:1px solid #dcdcdc; }
.sidebar .sidebar-box { border-bottom:1px solid #dcdcdc; }
.sidebar .sidebar-box:first-child,
.sidebar .btn-wrap + .sidebar-box { border-top:none; padding-top: 0; margin-top: -10px; }
.chosen-list-box.inactive { visibility: hidden; height: 0; overflow: hidden; }
.navType-v2 .sidebar-box:first-child { margin-top: -10px; }
.navType-v2 .sidebar-list-item a { padding: 8px 0 6px; display: inline-block; display: block; text-decoration: none; }
.navType-v2 .sidebar-list-item a.active { color: #f22613; font-family: 'avenirheavy'; background: url(../images/arrow-red-v1.png) no-repeat right center;
-webkit-background-size:6px auto;
        background-size:6px auto; }
.navType-v2 .subsidelist { margin-bottom: 0; }
.navType-v2 .subsidelist li a { background: url(../images/mini-arrow2.png) no-repeat 10px 45%; padding: 5px 0 5px 20px; text-decoration: none; display: block; }
.navType-v2 .subsidelist li a.active { color: #f22613; }
.navType-v2 .sidebar-list-item a,
.navType-v2 .subsidelist li a { border-bottom: none !important;
-webkit-transition: background 0.25s, padding 0.25s; 
        transition: background 0.25s, padding 0.25s; }
.navType-v2 .sidebar-list-item a:hover { background-color: #f5f5f5; padding-left: 6px; border-bottom: none !important; }
.navType-v2 .subsidelist li a:hover { background-color: #f5f5f5; padding-left: 25px; border-bottom: none !important; }
.select-row { margin: 0 -5px}
.select-row > *[class *= "col-"] { padding: 0 5px; }

/* ==========================================================================
   PRODUCT LIST
   ========================================================================== */
.productList { margin:30px -12px; }
.productList a { text-decoration: none;  }
.productList figure img { max-width: 100%; width: 100%; display: block; margin: 0; }
.productList .product-list-item { width: 33.33%; float: left; padding: 0 12px; margin-bottom: 40px; }
.productList .product-list-item.productGrid3 {width: 33.333333%; }
.productList .product-list-item.productGrid4 {width: 25%; }
.productList .product-list-item .product-figure-wrap { position: relative; /* overflow: hidden; */}
.productList .product-list-item .product-figure-wrap:hover .ql-fav-wrap { visibility: visible; }
.productList .product-list-item .product-figure-wrap .ql-fav {height:0px;overflow: hidden;display: block;
-webkit-transition: height .15s ease-out;     
   -moz-transition: height .15s ease-out;         
        transition: height .15s ease-out; }
.productList .product-list-item .product-figure-wrap:hover .ql-fav { height:30px; }
.productList .product-list-item .remove-fav { position: absolute;width: 100%;text-align: center;overflow: hidden; top: 0; height: 0; left: 0; z-index: 10; background: #f5f5f5; 
-webkit-transition: all .15s ease-out;     
   -moz-transition: all .15s ease-out;         
        transition: all .15s ease-out; }
.productList .product-list-item .remove-fav a{ height: 30px; margin-top: -30px; display: block;padding-left: 25px; font-family: 'avenirheavy'; font-size: 13px; line-height: 30px;
-webkit-transition: all .15s ease-out;     
   -moz-transition: all .15s ease-out;         
        transition: all .15s ease-out; }
.productList .product-list-item .remove-fav a i { background: url(../images/close-icon-2.png) no-repeat left center; display: inline-block;width: 18px; height: 30px;margin-right: 5px;margin-left: -10px;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.productList .product-list-item .remove-fav a span { display: inline-block; vertical-align: 35%; }
.productList .product-list-item .remove-fav a:hover { background-color: #fdfdfd;}
.productList .product-list-item .product-figure-wrap:hover .remove-fav { height: 30px}
.productList .product-list-item .product-figure-wrap:hover .remove-fav a{ margin-top: 0;}
.productList .product-list-item .ql-fav-wrap { position: absolute; bottom: 6px; left: 0;z-index: 10; background: #f5f5f5; /* visibility: hidden; */ width: 100%}
.productList .product-list-item .ql-fav div { width: 50%; float: left; text-align: center; font-size: 13px; font-family: 'avenirheavy'; }
.productList .product-list-item .ql-fav div a {display: block; padding: 8px 0 4px; position: relative;
-webkit-transition: background .15s ease-out;     
   -moz-transition: background .15s ease-out;         
        transition: background .15s ease-out; }
.productList .product-list-item .ql-fav div:first-child a:after { content: ""; width: 2px; height: 100%; position: absolute; top: 0; right: -2px; background: #fff;}
.productList .product-list-item .ql-fav div a:hover { background: #fff;}
.productList .product-list-item .ql-fav i { display: inline-block; vertical-align: -20%;margin-right: 10px; }
.productList .product-list-item .ql-fav .ql i { background: url(../images/quicklook.png) no-repeat center;width: 22px; height: 16px;
-webkit-background-size:22px auto;
        background-size:22px auto;}
.productList .product-list-item .ql-fav .fav i { background: url(../images/fav-icon.png) no-repeat center; width: 16px; height: 16px;
-webkit-background-size:16px auto;
        background-size:16px auto; }
.productList .product-list-item .ql-fav .fav.active i { background: url(../images/fav.png) no-repeat center; 
-webkit-background-size:16px auto;
        background-size:16px auto; } 
.productList .product-list-item .ql-fav .addbasket i {background: url(../images/basket-icon-black.png) no-repeat center; width: 14px; height: 16px;
-webkit-background-size:14px auto;
        background-size:14px auto;}
.productList .product-list-item .ql-fav .addbasket.active i {background: url(../images/basket-icon.png) no-repeat center;
-webkit-background-size:14px auto;
        background-size:14px auto;}
.productList .product-list-item .stickers {position: absolute; top: 0; right: 0; text-align: right; }
.productList .product-list-item .stickers span { text-align: center; width: 40px; padding-left: 0; padding-right: 0; font-size: 12px; }
.productList .product-list-item .product-figure-wrap .product-figure { position: relative; padding-bottom: 6px; display: block;z-index: 9;
-webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;  }
.productList .product-list-item .product-figure-wrap .product-figure:hover { 
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
          box-shadow: 0 0 15px rgba(0, 0, 0, .15); }
.productList .no-stock { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(255,255,255,0.75); height: 100%; z-index: 9}
.productList .no-stock .s-inner { top: 50%; position: relative; text-align: center;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
.productList .no-stock .s-inner p { font-family: 'avenirheavy'; margin-bottom: 10px; }
.productList .no-stock .s-inner a { text-decoration: underline;
-webkit-transition: color 0.2s ease-out;
   -moz-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out; }
.productList .no-stock .s-inner a:hover { color: #f22613 }
.productList .imgDepot {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8}
.productList .imgDepot div { float: left; height: 100%; position: relative; }
.productList .imgDepot div:before { content: ""; display: block; height: 4px; left: 0; bottom:0; position: absolute; background: #d7d7d7; border-left: 2px solid #fff; width: 100%;
-webkit-transition: all 0.2s ease-out;     
   -moz-transition: all 0.2s ease-out;         
        transition: all 0.2s ease-out; }
.productList .imgDepot div:first-child:before { border-left: none; }
.productList .imgDepot.col-4 div { width: 25%; }
.productList .imgDepot.col-3 div { width: 33.33%; }
.productList .imgDepot div:hover:before { background: #302c2c; }
.productList .product-info { margin-top: 8px; height: 80px;  }
.productList .product-name { font-family: 'avenirheavy'; margin-bottom: 3px; display: inline-block; }
.productList .product-name:hover { color: #999 }
.productList .product-desc {max-height: 53px; overflow: hidden; line-height: 1.35} 
.productList .product-desc a { color: #707070; }
.productList .product-desc a:hover { color: #999; }
.productList .product-price { margin-top: 10px; }
.productList .product-price > * { display: inline-block;}
.productList .product-price ins { text-decoration: none; font-family: 'avenirheavy'; }
.productList .product-price del { color: #707070; }
.productList .product-list-item.productGrid4 .ql-fav div {font-size: 12px; }
.productList .product-list-item.productGrid4 .ql-fav span { display: block; margin-top: 2px; }
.productList .product-list-item.productGrid4 .ql-fav i {margin-right: 0; }
.productList .product-list-item.productGrid4 .ql-fav span,
.productList .product-list-item.productGrid4 .ql-fav i {
-webkit-transition: -webkit-transform .15s ease-out, opacity 0.15s ease-out;     
   -moz-transition: -moz-transform .15s ease-out, opacity 0.15s ease-out;         
        transition:transform .15s ease-out, opacity 0.15s ease-out; }
.productList .product-list-item.productGrid4 .ql-fav div a:hover span { 
-webkit-transform: translateY(-19px);
    -ms-transform: translateY(-19px);
        transform: translateY(-19px); }
.productList .product-list-item.productGrid4 .ql-fav div a:hover i { opacity: 0;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
.productListing .topBarControls .row { margin: 0 -10px; }
.productListing .topBarControls .row > *[class *= "col-"] { padding:0 10px; }
.productListing .topBarControls { background: #ebebeb; padding: 10px 15px; margin-top: 30px; }
.productListing .topBarControls .view-option-wrap { width: 80px; float: left; }
.productListing .topBarControls .product-piece { float: left; width: 70px; }
.productListing .topBarControls .grids { float: left; margin-top: 12px; margin-left: 20px; }
.productListing .topBarControls .grids div { display: inline-block; height: 16px; cursor: pointer;margin-right: 5px;
-webkit-transition: opacity .15s ease-out;     
   -moz-transition: opacity .15s ease-out;         
        transition: opacity .15s ease-out;}
.productListing .topBarControls .grids .col3 { width: 25px; background: url(../images/col3-active.png) no-repeat; opacity: 0.3;
-webkit-background-size: 25px auto;
        background-size: 25px auto;}
.productListing .topBarControls .grids .col4 {width: 34px; background: url(../images/col4-active.png) no-repeat; opacity: 0.3;
-webkit-background-size: 34px auto;
        background-size: 34px auto; }
.productListing .topBarControls .grids .active { opacity: 1;}
.productListing .topBarControls .grids div:hover { opacity: 0.1; }
.productListing .topBarControls .grids div.active:hover { opacity: 0.6; }
.productListing .topBarControls .pager { margin: 0; float: left; }
.productListing .topBarControls .pager li > a { height: 38px; width: 38px; line-height: 38px; }
.productListing .wide-slider { margin-bottom: 30px; }
.pager .prev-item a { background: url(../images/prev-pager.png) no-repeat center; text-indent: -99px; overflow: hidden; }
.pager .next-item a { background: url(../images/next-pager.png) no-repeat center; text-indent: -99px; overflow: hidden; }
.pager-wrap .pager li > a {text-decoration: none;
-webkit-background-size:11px auto;
        background-size:11px auto;  }
.topBarControls .pager li > a {
-webkit-background-size:11px auto;
        background-size:11px auto; }
.topBarControls .pager li > a.active { background: #fff; }
.topBarControls .pager li > a.active:hover { border-color: #dcdcdc; }
/* ==========================================================================
   FILTER SECTION
   ========================================================================== */
.filterSectionWrap .sidebar-inner{ position: relative; }
.filterSectionWrap .applyButtonWrap { margin: 0; padding: 0; position: absolute; background: rgba(255,255,255,0.8); width: 100%; height: 50px;z-index: 99;
-webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
        transform: translateY(60px);}
.filterSectionWrap .applyButtonWrap.sf--active { 
-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);}
.filterSectionWrap .applyButtonWrap a {display: block;margin-right: 60px;}
.filterSectionWrap .applyButtonWrap a:hover { background: #f22613;}
.filterSectionWrap .collapse-inner { padding-bottom: 15px; }
.filterSectionWrap .collapse-inner .scroll-box { max-height: 190px; }
.filterSectionWrap .custom-link { display: inline-block; margin-top: 10px; text-decoration: underline; }
.filterSectionWrap .form-group-wrap { margin-top: 0; margin-bottom: 15px; }
.filterSectionWrap .form-group { position: relative; margin-bottom: 5px; }
.filterSectionWrap .form-group label {margin-bottom: 0; color: #565656; font-size: 14px; }
.filterSectionWrap .form-group label i { font-style: normal; color: #afafaf; }
.filterSectionWrap .form-group .checked + span{ font-family: 'avenirheavy'; color: #302c2c}
.filterSectionWrap .form-group .checked + span i { color: #302c2c}
.filterSectionWrap .form-group .form-control { padding-right: 55px; height: 32px; }
.filterSectionWrap .form-group .mini-search { position: absolute; top:1px; right: 1px; height: 30px; width:33px; background: url(../images/search-icon-b.png) no-repeat center #ebebeb; padding: 0;  }
.filterSectionWrap .chosen-filters a { background: url(../images/mini-close-red.png) no-repeat; display: inline-block; width: 13px; height: 13px;vertical-align: -7.2%; margin-right: 5px; }
.filterSectionWrap .chosen-filters p { display: inline; }
.filterSectionWrap .mobile-btn, 
.filterSectionWrap .product-sort {display: none; }

.filterSectionWrap .selectcolor .icheckbox_square {background: none; width: 18px; height: 18px; float: left; }
.filterSectionWrap .selectcolor .checked .color-wrap { border: 1px solid #302c2c; }
.filterSectionWrap .selectcolor .color-wrap { border-radius: 50%; border: 1px solid #dcdcdc; padding: 2px; width: 18px; height: 18px; position: absolute; top: 0; }
.filterSectionWrap .selectcolor em { content: ""; width: 100%; height: 100%; display: block; border-radius: 50%;  }
.filterSectionWrap .priceFormInner { margin: 10px -10px 0;}
.filterSectionWrap .priceFormInner .input-wrap { float: left; width: 50%; padding: 0 10px; }
.filterSectionWrap .priceFormInner .input-wrap input { display: block; background: #f5f5f5; width: 100%; border: 1px solid #dcdcdc; padding: 4px 12px}
.filterSectionWrap .priceFormInner .input-wrap label { font-size: 13px; margin-bottom: 2px;}

/* ==========================================================================
   TOP MENU SECTION
   ========================================================================== */
.top-section { margin-bottom: 30px; }
.top-section .title { margin-bottom: 20px; position: relative; }
.top-section .title .h1 { color: #f22613; font-family: 'avenirheavy'; font-size: 30px; }
.top-section .title figure { max-width: 100px; position: absolute; top: 59%; right: 0;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
.top-section .title figure img { max-width: 100%; }
.top-section .acc-link { display: none; }
.top-section .acc-content { display: block; }
.top-section ul li { float: left; width: 16.666666%; border-left: 1px solid #fff;}
.top-section ul li:first-child { border-left: none;}
.top-section ul li a { background: #ebebeb; display: block;text-align: center; text-transform: uppercase; padding: 12px 0;
-webkit-transition: background .15s ease-out;     
   -moz-transition: background .15s ease-out;         
        transition: background .15s ease-out;}
.top-section ul li a:hover,
.top-section ul li a.active { background: #dcdcdc; }

.favsWrap.productListing .topBarControls { margin-top: 0; }
/* ==========================================================================
   CATEGORY PAGE
   ========================================================================== */
.mobile-accordion-text,
.tablet-accordion-text {display: none;}
.asideMenu ul { margin-bottom: 15px; }
.asideMenu ul li { display: block; padding: 1px 0; }
.asideMenu ul li a,
.asideMenu h5 a { display: inline; border-bottom: 1px solid transparent;
-webkit-transition: border .15s ease-out;     
   -moz-transition: border .15s ease-out;         
        transition: border .15s ease-out;}
.asideMenu ul li a:hover,
.asideMenu h5 a:hover { border-bottom: 1px solid #302c2c; }
.banner-section-wrap { margin: 0 -15px; }
.banner-section-wrap .shadow-link { background: url(../images/mini-arrow2.png) no-repeat right center; padding-right: 10px; font-family: 'avenirheavy'; display: inline-block; margin-top: 10px; font-size: 15px; }
.banner-section-wrap .col-wide { padding: 0; }
.banner-section-wrap .bordered .banner-inner { margin:0 15px; }
.banner-section-wrap .bordered .banner-inner a { border: 1px solid #dcdcdc; padding: 25px 10px}
.banner-section-wrap .banner-inner { margin-bottom: 50px;}
.banner-section-wrap .banner-inner a { display: table; overflow: hidden; width: 100%; }
.banner-section-wrap .banner-inner a .ver-center { display: table-cell; vertical-align: middle; float: none; }
.banner-section-wrap .banner-inner a img { max-width: 100%; width: 100%; }
.banner-section-wrap .category-title,
.banner-section-wrap .category-text { font-family: "Times New Roman", Georgia, Serif; }
.banner-section-wrap .category-title { font-size: 50px; line-height: 1.1; margin-bottom: 15px; }
.banner-section-wrap .category-title.title-v2 { font-size: 40px; margin-top: 10px;}
.banner-section-wrap .category-text-v2 { font-size: 16px; margin-top: 10px; }
.banner-section-wrap .category-text { font-size: 18px; }
.wide-slider { margin-bottom: 50px; visibility: hidden; opacity: 0; 
-webkit-transition: opacity 0.25s, visibility 0.25s;
   -moz-transition: opacity 0.25s, visibility 0.25s;
        transition: opacity 0.25s, visibility 0.25s; }
.wide-slider.init { visibility: visible; opacity: 1; }
.wide-slider figure img { width: 100%; max-width: 100%; }
.wide-slider a { display: block; position: relative; }
.wide-slider .wide-slider-title { font-size: 65px; color: #fff; padding:0 80px; position: absolute; width: 100%; top: 50%; font-family: "Times New Roman", Georgia, Serif; text-align: center; line-height: 1.1;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
.wide-slider .slick-arrow { opacity:0; border:none; position: absolute; top: 50%; margin-top: -35px; outline: 0; width: 70px; height: 70px; text-indent: -9999px; z-index: 5;
-webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
.wide-slider .slick-prev { background: url(../images/slider-prev2.png) no-repeat 0 0 rgba(0,0,0,0.4); left: 10px; }
.wide-slider .slick-next { background: url(../images/slider-next2.png) no-repeat 0 0 rgba(0,0,0,0.4); right: 10px;}
.wide-slider:hover .slick-prev { opacity: 1; left: 0; }
.wide-slider:hover .slick-next { opacity: 1; right: 0; }
.wide-slider.whiteOne .slick-prev { background: url(../images/slider-prev.png) no-repeat center rgba(255,255,255,0.4); 
-webkit-background-size: 52px auto;
        background-size: 52px auto;}
.wide-slider.whiteOne .slick-next { background: url(../images/slider-next.png) no-repeat center rgba(255,255,255,0.4);
-webkit-background-size: 52px auto;
        background-size: 52px auto;}

.row-2 .wide-slider { margin-bottom: 0;}
.brandCarousel { border: none; overflow: hidden; }
.brandCarousel a { background: #f5f5f5; display: block; margin-top: 10px; padding: 30px 20px; 
-webkit-transition: background 0.25s;
   -moz-transition: background 0.25s;
        transition: background 0.25s; }
.brandCarousel a:hover { background: #ebebeb; }
.brandCarousel a:first-child { margin-top: 0px; }
.brandCarousel a img { display: block; margin: 0 auto; max-width: 80%; }
.brandCarousel .slick-dots { position: relative; bottom: 0; margin-top: 10px; }
.brandCarousel .slick-dots button { background: #ebebeb; }
.brandCarousel .slick-dots .slick-active button { background: #a5a5a5; }
.brandCarousel .slick-slide { margin: 0 5px; }
.brandCarousel .slick-list { margin: 0 -5px; }

/* ==========================================================================
   POPUPS
   ========================================================================== */
/*.sizeChart,*/
#fancyvideocontent,
#alertModal,
#changesize,
#forgotPasswordPopup { display: none;}
#alertModal .btn-ext { margin-bottom: 5px; }
#changesize .form-group { margin-bottom: 0;}
#changesize .btn-ext { margin-top: 15px;}
.lb-type-v1 { height: 100%; display: none; position: relative; }
.lb-type-v1 h2 { margin-top: 0; }
.lb-type-v1 .line-text span { margin-left: 0; left: 0; border: none; text-align: left;}
.lightbox-banner img {width: 100%;}
.lb-content { padding: 25px; position: relative; height: 100%;}
.lb-content h2,
.lb-type-v1 h2 { margin-top: 0; }
.lb-content hr { margin-top: 5px; margin-bottom: 15px; }
.lb-content .reminder { position: absolute; top: 30px; right: 35px; }
.lb-content .scroll-box .reminder { right: 0; top: 0 }
.lb-content .scroll-box .loginSocial { margin-left: 4px; }
.lb-content .reminder a { color: #f22613; font-family: 'avenirheavy'; margin-left: 10px; }
#agreementPopup .register-link { color: #302c2c; font-family: 'avenir'; text-decoration: underline; padding-left: 14px; background: url(../images/arrow-black-v2.png) no-repeat left center;
-webkit-background-size:8px auto;
        background-size:8px auto;}
.lb-content .form-group { margin-bottom: 10px;}
.lightbox-banner img { width: 100%; }
.forgotPasswordPopup .login-link { display: inline-block; margin-top: 20px; color: #302c2c; font-family: 'avenir'; text-decoration: underline; padding-left: 14px; background: url(../images/arrow-black-v2.png) no-repeat left center;
-webkit-background-size:8px auto;
        background-size:8px auto;}
.forgotPasswordPopup .form-group-wrap .f-inner,
.forgotPasswordWrap .form-group-wrap .f-inner { position: relative; }
.form-group-wrap .alert { display: none;}
.form-group-wrap .alert.reveal { display: block;}
.form-group-wrap .input-validation-error { background: url(../images/error-icon.png) no-repeat 97% center #fff; border: 1px solid #f22613; }
.form-group-wrap .field-validation-error { color: #f22613; font-size: 13px; display: block;}
.form-group-wrap .form-control.valid { background: url(../images/valid-icon.png) no-repeat 97% center #fff;
-webkit-background-size: 17px auto;
background-size: 17px auto;}
#forgotPasswordPopup .scroll-box { height: 84%; }
#forgotPasswordPopup .lightbox-banner { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; overflow: hidden;}
.captchaWrap { margin-bottom: 0 !important; }
.captchaContainer a { border-bottom: 1px solid #888; color:#888; display: inline-block; margin-bottom: 10px;font-size: 13px; line-height: 1.3em; margin-top: 5px;
-webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
.captchaContainer a:hover { color: #f22613; border-color: #f22613; }
#CaptchaInputText { display: block; width: 100%; height: 45px; padding: 10px 15px; color: #555; background-color: #fff; background-image: none; border: 1px solid #dcdcdc;margin-top: 3px;
-webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
#CaptchaInputText:focus{ outline: 0; border-color: #302c2c; }
#login-lightbox-content .scroll-box { height: 82%;}
#login-lightbox-content .lightbox-banner { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; overflow: hidden;}
.forgotPassword-notice { display: none; }
.forgotPassword-notice.reveal { display: block; }
.sizeChart { height: 100%; }
.sizeChart .lb-content { padding: 20px; }
.sizeChart .lb-content .h4 { margin-top: 0;}
.sizeChart .tab-wrap { width: 100%; }
.sizeChart .tab-wrap table { width: 100%; text-align: center; margin-bottom: 10px;table-layout: fixed; }
.sizeChart .tab-wrap table thead th { font-weight: normal; font-family: 'avenirheavy'; text-align: center;padding: 5px;}
.sizeChart .tab-wrap table tbody tr:nth-child(odd){ background: #f5f5f5; }
.sizeChart .tab-wrap table tbody tr td { padding: 5px; }
.tab-list li {float: left; padding: 10px 25px; background: #ebebeb; text-align: center; font-family: 'avenirheavy'; margin-right: 10px;cursor: pointer; }
.tab-list li.active { background: #acacac; color: #fff }
.sizeChart .tab-content-wrap {border-top: 2px solid #acacac;}
.sizeChart .tab-content-wrap .tab-content { display: none; height: 100%; }
.sizeChart .tab-content-wrap .tab-content.reveal { display: block; width: 100%; }
.sizeChart .tab-content-wrap .table-list {border: 1px solid #dcdcdc; padding: 15px; width: 70%; float: left; }
.sizeChart .tab-content-wrap .scroll-box { height: inherit;}
.sizeChart .tab-content-wrap .mCSB_inside > .mCSB_container{ margin-right: 0;}
.open-acc { background: #ebebeb; padding: 10px; margin-bottom: 10px; cursor: pointer; }
.sizeChart .tab-content-wrap .table-content { float: left; width: 30%; }
.sizeChart .tab-content-wrap .table-content > div { display: none;}
.sizeChart .tab-content-wrap .table-content > .reveal { display: block;}
.sizeChart .tab-content-wrap .table-content p b { display: block;}
.sizeChart .tab-content-wrap .table-content .inner { padding: 0 15px; }
.sizeChart .tab-content-wrap .table-content .inner figure { margin-bottom: 10px; }
.sizeChart .tab-content-wrap .table-content .inner figure img { width: 100%; }
.sizeChart .tab-content-wrap .icon-plus .hor { background: #ebebeb;}
.sizeChart .tab-content-wrap .collapsed .icon-plus .hor { background: #302c2c;}
/* ==========================================================================
   DP SLIDE
   ========================================================================== */
.dp-slide { position: relative; }
.dp-slide .slide-open { width: 100%;background: #fff; padding: 0 15px; cursor: pointer; height: 38px; line-height: 38px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #fff;
-webkit-transition: background 0.2s, color 0.2s ,border 0.2s;
   -moz-transition: background 0.2s, color 0.2s ,border 0.2s;
        transition: background 0.2s, color 0.2s ,border 0.2s; }
.dp-slide .slide-open.active { background: #302c2c; color: #fff; border-color: #302c2c; }
.dp-slide .slide-open:before { content: ""; position: absolute; top: 50%; margin-top: -4px; right: 10px; display: block; width: 12px; height: 10px; background: url(../images/mini-arrow.png) no-repeat;}
.dp-slide .slide-open.active:before { background: url(../images/mini-arrow-white.png) no-repeat; }
.dp-slide .slide-content { display: none; position: absolute; z-index: 50; background: #fff; width: 100%; border-top: none; border-bottom: none;left: 0; top: 38px; }
.dp-slide .slide-content a { border: 1px solid #ebebeb; border-top: none;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;padding: 10px 15px 8px; display: block; text-decoration: none;
-webkit-transition: background 0.2s, padding-left 0.2s;
   -moz-transition: background 0.2s, padding-left 0.2s;
        transition: background 0.2s, padding-left 0.2s; }
.dp-slide .slide-content a:hover { background: #f5f5f5; padding-left: 20px; }
/* ==========================================================================
   ========================================================================== */
.askozduranchor .askozdur { z-index: 70; position: fixed; bottom: 0; right: 0; color: #fff; font-family: 'avenirheavy'; display: block; width: 137px; height: 32px; line-height: 32px; padding-left: 35px; background: url(../images/ask-icon.png) no-repeat 12px center #302c2c;
-webkit-transition: background-color .3s ease-in-out;
   -moz-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;}
.askozduranchor .askozdur:hover { background-color: #f22613 !important;}
.askozduranchor .askozdur.fixed { 
-webkit-animation: movedown 0.2s;
        animation: movedown 0.2s;}
.askozduranchor .askozdur.relative { position: absolute; bottom: 0; right: 0;
-webkit-transition: background 0.2s;
   -moz-transition: background 0.2s;
        transition: background 0.2s; 
-webkit-animation: moveup 0.2s;
        animation: moveup 0.2s; }
.askozduranchor .askozdur:hover { background-color: #302c2c;}
.askozduranchor { display: block; width: 100%; height: 0px; position: relative; } 
.f-askozdur .fancybox-close { top: 0; right: 0; background: url(../images/closelb-icon2.png) no-repeat center #ebebeb; }
.f-askozdur .container { padding-top: 25px; }
.f-askozdur h2 { margin-bottom: 10px; }
.f-askozdur figure img { margin: 0 auto; display: block; max-width: 100%; }
#askozdurcontent .form-group { position: relative; margin-bottom: 10px; }
#askozdurcontent { height: 100%; }
#askozdurcontent .ask-inner { height: 100%; padding: 20px; float: left; width: 50%; }
#askozdurcontent .scroll-box { height:100%; }
#askozdurcontent .figure { width: 50%; float: left; height: 100%; background-repeat: no-repeat;background-position: center;
-webkit-background-size: cover;
        background-size: cover;}
#askozdurcontent .textarea-char { position: absolute; top: 3px; right: 0px; color: #bbb; }

/* ==========================================================================
   BREADCRUMB
   ========================================================================== */
.breadcrumb { margin-bottom: 20px; font-size: 13px; }
.breadcrumb li { display: inline-block; background: url(../images/bc-arrow.png) no-repeat 5px center; padding-left: 20px; }
.breadcrumb li:first-child { background: none; padding-left: 0; }
.breadcrumb li a { border-bottom: 1px solid #302c2c; text-decoration: none;}
.breadcrumb li a:hover { color: #999; border-bottom: 1px solid #999; }
.breadcrumb li:last-child  { border-bottom: none; }
.breadcrumb li:last-child span { color: #bcbcbc; }
/* ==========================================================================
   MAIN SLIDER
   ========================================================================== */
.main-slider-wrap { background: #ebebeb; padding-bottom: 33.64%; }
.main-slider { opacity: 0; height: 0; }
.main-slider.reveal { height: auto; }
.main-slider figure img { max-width: 100%; }
.main-slider-wrap .slick-prev { background: url(../images/slider-prev.png) no-repeat 0 0 rgba(255,255,255,0.4); left: 0; }
.main-slider-wrap .slick-next { background: url(../images/slider-next.png) no-repeat 0 0 rgba(255,255,255,0.4); right:0 ;}
.main-slider-wrap .slick-arrow {position: absolute; top: 50%; margin-top: -35px; outline: 0; width: 70px; height: 70px; text-indent: -9999px; z-index: 5; border: none; outline: none;}

.slick-initialized .slick-prev { background: url(../images/slider-prev.png) no-repeat 0 0 rgba(255,255,255,0.4); left: 0; }
.slick-initialized .slick-next { background: url(../images/slider-next.png) no-repeat 0 0 rgba(255,255,255,0.4); right:0 ;}
.slick-initialized .slick-arrow {position: absolute; top: 50%; margin-top: -35px; outline: 0; width: 70px; height: 70px; text-indent: -9999px; z-index: 5; border: none; outline: none;}

.main-slider-wrap .slick-arrow:hover {background-position: 0 0; }
.main-slider-wrap .slick-dots { bottom: 90px; }
.main-slider-wrap .slick-dots button { width: 15px; height: 15px; background: rgba(255,255,255,0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.main-slider-wrap .slick-dots .slick-active button { background: rgba(255,255,255,1); }
.main-slider-wrap .slick-dots button:hover { background: rgba(255,255,255,1); }
.mobile.main-slider-wrap .bx-pager { bottom: 10px; }
.mobile.main-slider-wrap .bx-pager.bx-default-pager a { width: 12px; height: 12px; }
/* ==========================================================================
   INDEX PAGE
   ========================================================================== */
.mainpage-entry-content { margin-top: -80px; background-color: #fff; position: relative; padding-top: 15px; }
.banner-list { margin: 0 -15px; }
.banner-list li { width: 50%; float: left; padding: 0 15px; margin-bottom: 30px; }
.banner-list li h4 { font-family: 'avenirheavy'; margin-top: 0; margin-bottom: 7px; }
.banner-list li figure img {max-width: 100%; }
.banner-list li .banner-detail { position: relative; padding-right: 135px; padding-top: 15px; max-height: 82px; min-height: 82px; overflow: hidden;}
.banner-list li .sticker { position: absolute; top: 15px; right: 0; max-width: 144px; }
.entry-showcase h2 { margin-top: 5px; text-align: center; }
.entry-showcase .border-effect h2{ text-align: left; }
.entry-showcase img {max-width: 100%; width: 100%; }
.entry-showcase .row { margin: 0; }
.entry-showcase .col-md-4,
.entry-showcase .col-md-8 {padding: 0; }
.entry-showcase .entry-showcase-detail { position: absolute; top: 25px; left: 25px; width:55%; }
.entry-showcase .entry-showcase-detail h2 {  }
.entry-showcase .carousel-v1 .cs-item-inner { padding: 0 20px; font-size: 14px; }
.entry-showcase .carousel-v1 .cs-figure {height: 222px; }
.entry-showcase .carousel-v1 .cs-info { max-height: 60px; overflow: hidden; text-align: left; margin-top: 0 !important; margin-left: 20px; margin-right: 20px; }
.entry-showcase .carousel-v1 .cs-price { position: absolute; top: 0; right: 0; width: 100px; max-width: 100px; }
.entry-showcase .carousel-v1 .cs-price > * { display: block; text-align: right; }
.entry-showcase .carousel-v1 .cs-brand,
.entry-showcase .carousel-v1 .cs-title { padding-right: 110px; }
.entry-banner .row { position: relative; }
.entry-banner .right-side-banner { position: absolute; bottom: 112px; right: 0; width: 33.33333%; padding: 0 15px;}
.entry-banner .right-side-banner img { width: 100%; }
.carouselTab { position: relative; }
.carouselTab .crs-tab-links { position: absolute; top: -50px; right: 0; }
.carouselTab .crs-tab-links li {float: left; cursor: pointer; padding: 10px 15px; margin-left: 10px;
-webkit-transition: background-color 0.2s ease-out; 
        transition: background-color 0.2s ease-out;}
.carouselTab .crs-tab-links li.active,
.carouselTab .crs-tab-links li:hover { background: #302c2c; color: #fff}
.carouselTab .crs-tab-item { height: 0; overflow: hidden; }
.carouselTab .crs-tab-item.reveal { height: auto; }
.mobile-home-page .carouselTab .crs-tab-links { position: relative; top: 0; text-align: center; margin-bottom: 10px; }
.mobile-home-page .carouselTab .crs-tab-links li { float: none; display: inline-block; margin-left: 5px; padding: 10px 13px; }
.mobile-home-page .carouselTab .crs-tab-links li:first-child { margin-left: 0; }
.mobile-home-page h2 { text-align: center; }
.mobile-home-page .entry-showcase .col-xs-12 { padding: 0; }
.mobile-home-page .mainpage-entry-content { background: #ebebeb; }
.mobile-home-page .entry-carousel { background: #fff; padding-bottom: 10px !important; }
.mobile-home-page .entry-carousel h2 { margin-top: 10px; }
.mobile-home-page .entry-showcase .carousel-v1 .cs-info { max-height: inherit;}
.mobile-home-page .csView .item .cs-title { min-height: inherit; }
.mobile-home-page .carousel-v5 { background: #fff;}
.mobile-home-page .entry-showcase .entry-showcase-detail { top: 15px; left: 15px; width: 70%; }
.mobile-home-page .mobile-section { margin: 0 -15px; }
.mobile-home-page .carouselWrap { background: #fff; padding: 20px 0 60px}
.mobile-home-page .carouselWrap .carouselTab { margin: 0 15px;  }
.mobile-home-page .centerNav { background: #fff;}
.mobile-home-page .centerNav nav > ul > li { display: block; border-bottom: 1px solid #dcdcdc; position: relative; display: block;overflow: hidden; }
.mobile-home-page .centerNav nav > ul > li:last-child { border-bottom: none; }
.mobile-home-page .centerNav .item-1 { height: 46px; line-height: 46px; padding: 0 15px; cursor: pointer; }
.mobile-home-page .centerNav .item-1:after { background: url(../images/next-pager.png) no-repeat center; width: 46px; height: 46px; content: ""; position: absolute; top: 0; right: 0; 
-webkit-background-size: 10px auto;
        background-size: 10px auto;
-webkit-transition: -webkit-transform 0.2s; 
        transition: transform 0.2s;}
.mobile-home-page .centerNav .active.item-1:after { 
-webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
        transform: rotate(90deg);}
.mobile-home-page .centerNav .active.item-1 { background: #dcdcdc;}
.mobile-home-page .centerNav .submenu { background: #f8f8f8; }
.mobile-home-page .centerNav .submenu > li { border-bottom: 1px solid #dcdcdc; display: block; cursor: pointer; }
.mobile-home-page .centerNav .submenu > li .item-2 { padding: 13px 15px;  }
.mobile-home-page .centerNav .submenu > li .item-2.active { background: #ebebeb;  }
.mobile-home-page .centerNav .submenu > li:last-child { border-bottom: none; }
.subsubmenu {display: none; background: #fff;}
.subsubmenu li a{ padding: 13px 35px;display: block;border-top: 1px solid #ebebeb;}
.mobile-home-page .centerNav .hor {background: #302c2c;}
.mobile-home-page .centerNav .ver {opacity: 1}
.mobile-home-page .centerNav .active .ver {opacity: 0;
-webkit-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
        transform: rotate(0deg); }
.mobile-home-page .centerNav .active .hor { background: #302c2c;
-webkit-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
        transform: rotate(-90deg);}
.mobile-home-page .page-wrapper {background: #ebebeb;}
.mobile-home-page .mainpage-entry-content { margin-top: 0; }
.mobile-home-page .bx-wrapper { margin-bottom: 0; }
.mobile-home-page .main-slider-wrap .bx-controls-direction a { display: none;}
.mobile-home-page .main-slider-wrap img {width: 100%; }
/* ==========================================================================
   USP
   ========================================================================== */
.usp-section h4 { text-align: center; border-bottom: 1px solid #dfdfdf; padding: 20px 0; margin: 0; }
.usp-section .usp-item { display: block;
-webkit-transition: background-color 0.2s ease-out; 
        transition: background-color 0.2s ease-out; }
.usp-section .usp-item a { display: block; padding: 25px 0; }
.usp-section .usp-item.usp5 { background: url(../images/usp-icon-v5.png) no-repeat 20px center;
-webkit-background-size: 48px auto;
        background-size: 48px auto; }
.usp-section .usp-item.usp4 { background: url(../images/usp-icon-v4.png) no-repeat 20px center;
-webkit-background-size: 49px auto;
        background-size: 49px auto; }
.usp-section .usp-item.usp3 { background: url(../images/usp-icon-v3.png) no-repeat 20px center;
-webkit-background-size: 47px auto;
        background-size: 47px auto; }
.usp-section .usp-item.usp2 { background: url(../images/usp-icon-v2.png) no-repeat 20px center;
-webkit-background-size: 57px auto;
        background-size: 57px auto; }
.usp-section .usp-item.usp1 { background: url(../images/usp-icon-v1.png) no-repeat 20px center;
-webkit-background-size: 45px auto;
        background-size: 45px auto; }
.usp-section .usp-item:hover { background-color: #f5f5f5; }
.usp-section .usp-item p { padding-left: 100px; padding-right: 20px; }
.usp-ver1 { border: 1px solid #dcdcdc; border-bottom: none; }
.usp-ver1 .usp-item { border-bottom: 1px solid #dcdcdc; }
.usp-ver2 { margin: 13px 0; }
.usp-ver2 .usp-item a{ padding: 22px 0;  }

.section-row .custom-list-v1 li { display: inline-block; margin-bottom: 5px; }
.section-row .custom-list-v1 li a { background: #f8f8f8; display: block; padding: 4px 12px; text-decoration: none; 
-webkit-transition: background 0.2s, color 0.2s; 
        transition: background 0.2s, color 0.2s;  
-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
        border-radius: 15px; }
.section-row .custom-list-v2 li { display: block;margin: 2px 0; }
.section-row .custom-list-v1 li a:hover { background: #ff5941; color: #fff; }
.section-row .custom-list-v2 li a { text-decoration: none; display: inline; border-bottom: 1px solid transparent;
-webkit-transition: border 0.2s; 
        transition: border 0.2s; }
.section-row .custom-list-v2 li a:hover { border-bottom: 1px solid #302c2c;}
.section-row .gotoallbrands { text-decoration: none; font-family: 'avenirheavy'; border-bottom: 1px solid transparent; line-height:1.15; background: url(../images/mini-arrow2.png) no-repeat right center; padding-right: 10px; margin-top: 20px;display: inline-block;
-webkit-transition: border 0.2s; 
        transition: border 0.2s;}
.section-row .gotoallbrands:hover { border-bottom: 1px solid #3c2c2c; }
/* ==========================================================================
   CONTECT V1 / LOGIN
   ========================================================================== */
.content-v1 { margin-bottom: 60px; }
div.header-contact.col-sm-9.hidden-xs{bottom: 10px;}
.content-v1 .row { margin: 0; background: #fff; position: relative; }
.content-v1 .row > *[class *= "col-"] { padding: 0; }
.content-v1 .col-inner { padding: 30px; }
.content-v1 img { max-width: 100%; }
.content-v1 .shadow-dark { background: #ebebeb;position: absolute;top: 0; right: 0; width: 50%; height: 100%; }
.content-v1.signUpPage .row { background: none;}
.content-v1.signUpPage .left { background: #fff; }
.content-v1.signUpPage .right { background: #ebebeb; }
.content-v1 .form-group  {position: relative; }
.content-v1 .form-group .row { margin: 0 -15px; }
.content-v1 .form-group .row > *[class *= "col-"] {padding: 0 15px; }
.content-v1 .form-group .select-row {margin: 0 -5px; }
.content-v1 .form-group .select-row > *[class *= "col-"] {padding: 0 5px; }
.content-v1 .form-group .whatfor { position: absolute; top: 38px; right: 15px; background: #ebebeb; cursor: help; width: 20px; height: 20px; text-align: center; border-radius: 50%; }
.content-v1 .form-group .whatfor span { cursor: help;}
.content-v1 .tooltip { min-width: 150px; }
.form-group-wrap input[name="keyCardNo"] { padding-right: 22%; }
input[name="keyCardNo"].valid { background: url(../images/valid-icon.png) no-repeat 86% center #fff !important;
-webkit-background-size: 17px auto !important;
        background-size: 17px auto !important;}
input[name="keyCardNo"].error { background: url(../images/error-icon.png) no-repeat 86% center #fff !important;
-webkit-background-size: 17px auto !important;
        background-size: 17px auto !important;}
.memberInfoUpdateForm input[name="keyCardNo"].valid,
.memberInfoUpdateForm input[name="keyCardNo"].error { background-position: 97% center !important;}
/* ==========================================================================
   CHECKBOX & RADIO
   ========================================================================== */
.row .loginSocial { margin: 12px 0; }
.loginSocial li { float: left; margin-right: 10px; width: 50px;position: relative;}
.loginSocial li a { display: block;width: 48px;height: 48px; 
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%; }
.loginSocial li a:after { content: ""; opacity:0;width: 48px; height: 48px; display: block; background: none; display: inline-block; position: absolute; top: 0; left: 0;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%;
-webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
-webkit-transition: all .3s ease-out; 
        transition: all .3s ease-out;
-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
        transform: scale(0.9);}
.loginSocial li a:hover:after {opacity:1;
-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
        transform: scale(1.15);}
.loginSocial .fb a { background: url(../images/facebook31.png) no-repeat center #38629e;}
.loginSocial .gplus a{ background: url(../images/google116.png) no-repeat center #ee443a; }
.loginSocial .fb a:after { border: 1px solid #38629e; }
.loginSocial .gplus a:after { border: 1px solid #ee443a; }
.line-text { height: 15px; position: relative; border-top: 1px solid #dcdcdc; margin: 30px 0 10px 0; }
.line-text span { text-align: center; position: absolute; top:-26px; line-height: 49px; background: #fff; left: 50%; margin-left: -26px;border: 1px solid #dcdcdc;width: 52px;height: 52px;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%; }
.line-text.lt2 span { background: #fff; position: relative; padding-right: 25px; }
.forgotPassword { border-bottom: 1px solid #302c2c; }
.changekeycardno { float: right; background: url(../images/refresh-icon.png) no-repeat left center; padding-left: 20px; margin-top: 5px;
-webkit-background-size: 12px auto;
        background-size: 12px auto;}
.bs-select-hidden { display: none;}
.cb-news { background: url(../images/news-icon.png) no-repeat left 45%;
-webkit-background-size: 27px auto;
        background-size: 27px auto; }
.cb-notification { background: url(../images/notification-icon.png) no-repeat left 45%; }
.cb-notification,
.cb-news { padding-left: 30px; line-height: 26px; margin-bottom: 10px; 
-webkit-background-size: 21px auto;
        background-size: 21px auto;}
.cb-news-item > div {margin-bottom: 5px; }
/* ==========================================================================
   DISPLAY TABLE
   ========================================================================== */
.table-row { display: table; width: 100%; table-layout: fixed; }
.table-row > *[class *= "col-"] { display: table-cell; position: relative; vertical-align: middle; }
.table-row .col-1 { width: 12%; }
.table-row .col-2 { width: 16.66666667%; }
.table-row .col-3 { width: 25%;  }
.table-row .col-4 { width: 33.33333333%; }
.table-row .col-5 { width: 41.66666667%; }
.table-row .col-5ths { width: 20%; }
.table-row .col-6 { width: 50%; }
.table-row .col-9 { width: 75%; }
.table-row .col-3 { width: 25%; }
/* ==========================================================================
   TABLE TAB MODULES
   ========================================================================== */
.tabTableModules .topbar { background: #f5f5f5; }
.tabTableModules .resp-tab-content { padding: 0; }
.tabTableModules .table-row { border-bottom: 1px solid #ebebeb; }
.tabTableModules .table-row p { padding: 13px 15px; }
.tabTableModules .table-row .view { text-decoration: underline; cursor: pointer;text-align: right; }
.tabTableModules .table-row .view:hover,
.tabTableModules .table-row .view.active,
.tabTableModules .list-type-v1 a:hover { color: #f22613; }
.tabTableModules .inner { padding: 25px 15px; background: #ebebeb; position: relative; }
.tabTableModules .inner:before { position: absolute; z-index: 1; right:28px; top: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent #ebebeb transparent;
-webkit-transition: top 0.2s; 
        transition: top 0.2s; }
.tabTableModules .collapse.in .inner:before { top: -14px; }
.tabTableModules .inner h5 { margin-bottom: 10px; margin-top: 0; }
.tabTableModules .list-type-v1 a { text-decoration: underline;margin-right: 4px; }
.tabTableModules .passive-list { margin-top: 25px; }
.tabTableModules .passive-list,
.tabTableModules .passive-list a { color: #888; }
.tabTableModules .list-type-v1 a,
.tabTableModules .table-row .view { font-size: 13px;
-webkit-transition: color 0.2s ease-out; 
        transition: color 0.2s ease-out;}
.tabTableModules .resp-tab-content { border: none; }
/* ==========================================================================
   ORDERS PAGE
   ========================================================================== */
.order-list-top .dp-slide { margin-left: 13px; width: 80%; color: #302c2c }
.order-group .topbar .text-right p { padding-right: 40px; }
.order-item > .table-row { position: relative; cursor: pointer;
-webkit-transition: background 0.2s ease-out; 
        transition: background 0.2s ease-out; }
.order-item > .table-row:hover { background-color: #fcfcfc; } 
.order-item > .table-row:before { background: url(../images/next-pager.png) no-repeat; position: absolute; top: 50%; right: 10px; width: 9px; height: 13px; content: ""; margin-top: -6px;
-webkit-transition: -webkit-transform 0.2s; 
        transition: transform 0.2s;
-webkit-background-size: 7px auto;
        background-size: 7px auto;}
.order-item > .table-row.active:before {
-webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
        transform: rotate(90deg); }
.order-item > .table-row > .text-right p { padding-right: 40px; }
.order-item .bottombar { background: #f5f5f5; }
.order-item .bottombar a { text-decoration: none; border-bottom: 1px solid transparent;
-webkit-transition: all 0.2s; 
        transition: all 0.2s; }
.order-item .bottombar a:hover { border-bottom: 1px solid #302c2c; }
.order-item .bottombar .print-row { background:url(../images/print-icon.png) no-repeat left center; padding-left: 25px; line-height: 20px; display: inline-block;
-webkit-background-size: 20px auto;
        background-size: 20px auto; }

.order-item-top { padding: 20px 15px; cursor: pointer; border-bottom: 1px solid #ebebeb;border-right: 10px solid transparent;position: relative;
-webkit-transition: background 0.2s; 
        transition: background 0.2s; }
.order-item-top:hover { background-color: #fcfcfc; }
.order-item-top:before { background: url(../images/next-pager.png) no-repeat; position: absolute; top: 50%; right: 0; width: 9px; height: 13px; content: ""; margin-top: -6px;
-webkit-transition: -webkit-transform 0.2s; 
        transition: transform 0.2s;}
.order-item-top.active:before {
-webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
        transform: rotate(90deg); }
.order-item-top .bottom-total { padding-right: 40px; }
.order-item-bottom { background: #ebebeb; position: relative; }
.order-item-bottom .cargo-info { padding-top: 15px; }
.order-item-bottom .cargo-info img { max-width: 100%; }
.order-item-bottom .cargo-info p span { text-decoration: underline; }
.order-item-bottom h5 {margin-bottom: 10px; }
.order-item-bottom .bottom-information.table-row  > *[class *= "col-"] { vertical-align: top; }
.order-item-bottom .bottom-information .col-4:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; content: ""; background: #fff; }
.order-item-bottom .bottom-information .col-4:first-child:before { display: none; }
.order-item-bottom .bottom-information p { color: #888; padding: 2px 0; word-wrap:break-word }
.order-item-bottom .bottom-information .change-info { margin-top: 10px; } 
.order-item-bottom .bottom-information h5 { margin-top: 0; }
.order-item-bottom .bottom-information .pad-inner { position: relative; padding: 20px 15px; }
.order-item-bottom .bottom-information a { display: inline;font-family: 'avenirheavy'; color: #888; margin-top: 15px; font-size: 13px; border-bottom: 1px solid #888;
-webkit-transition: all 0.2s; 
        transition: all 0.2s;}
.order-item-bottom .bottom-information a:hover { color: #302c2c; border-color:#302c2c;}
.orderproducts { padding: 0 15px; background: #f5f5f5; }
.orderproducts .order-row { display: table; padding: 15px 0; border-bottom: 1px solid #e3e3e3; }
.orderproducts .order-row > *[class *= "col-"] { display: table-cell;vertical-align: middle; float: none; }
.orderproducts .order-row .text-right { padding-right: 40px; }
.orderproducts .total { padding: 20px 15px 20px 0; }
.orderproducts .total p { padding: 3px 0; }
.orderproducts .total span:first-child { text-align: left; }
.orderproducts .total span { display: inline-block;width: 50%; text-align: right; }
.product-info-wrap .product-figure {width: 20%; float: left; }
.product-info-wrap .product-figure {width: 20%; float: left; }
.product-info-wrap .product-figure img { width: 100%; }
.product-info-wrap .product-info { width: 80%; float: left; padding-left: 10px;}
.product-info-wrap .product-title > a { display: inline-block; margin-bottom: 10px; text-decoration: none;}
.product-info-wrap .product-title b { margin-right: 5px; color: #302c2c}
.product-info-wrap .product-info .product-brand { font-family: 'avenirheavy'; }
.product-info-wrap .product-info .product-brand a { text-decoration: none; }
.order-price,
.total-price{ text-align: right; }
.cargo-message-s1 { color: #3b9527; background: url(../images/noti-icon1.png) no-repeat left center;padding-left: 22px  !important;margin-left: 15px;
-webkit-background-size: 16px auto;
        background-size: 16px auto;}
.cargo-message-s2 { color: #ff9000; background: url(../images/noti-icon2.png) no-repeat left center;padding-left: 22px !important;margin-left: 15px;
-webkit-background-size: 16px auto;
        background-size: 16px auto;}
.cargo-message-s3 { color: #999; background: url(../images/noti-icon3.png) no-repeat left center;padding-left: 22px !important;margin-left: 15px;
-webkit-background-size: 15px auto;
        background-size: 15px auto;}
.cargo-message-s4 { color: #f90f0f; background: url(../images/noti-icon4.png) no-repeat left center;padding-left: 22px !important;margin-left: 15px;
-webkit-background-size: 13px auto;
        background-size: 13px auto;}
.show-mobile { display: none; }

/* ==========================================================================
   LANDING PAGES
   ========================================================================== */
.row-2 { margin-bottom: 40px; }
.row-2 .banner-text { text-align: center; color: #fff;}
.row-2 .banner-text .inner { width: 300px; margin: 0 auto}
.row-2 .banner-text h3 { font-size: 25px; }
.row-2 .banner-text .btn-ext { margin-top: 20px; padding: 10px 40px;}
.row-2 a figure img { width: 100%; opacity: 1;
-webkit-transition: opacity 0.2s ease-out; 
        transition: opacity 0.2s ease-out;}
.row-2 a:hover figure img { opacity: 0.9; }
.row-2 .banner-bottom-title { margin-top: 10px; display: inline-block; margin-bottom: 5px; font-size: 23px; }
.row-2 .fancybox-media {display: block;position: relative;}
.carousel-wrap { overflow: hidden; }
.carousel-wrap .csView .item .cs-item-inner { padding: 0px }
.carousel-wrap .csView .item .cs-info { text-align: left; margin-top: 15px;}
.carousel-wrap .slick-slide { margin: 0 10px; }
.carousel-wrap .slick-list { margin: 0 -10px; }

/* ==========================================================================
   ERROR PAGE
   ========================================================================== */
.error404Area { background: #e9e9e9; padding-bottom: 40px; margin-bottom: 40px; }
.error404Area .top-figure{ margin: 0 auto; max-width: 568px; }
.error404Area .top-figure img { max-width: 100%; width: 100%; }
.error404Area .bottom-line { max-width: 568px; margin: -70px auto 0; text-align: center; }
.error404Area .bottom-line h1 { color: #f22613; font-family: 'avenirheavy'; font-size: 34px; letter-spacing: 2px; }
.error404Area .bottom-line p { font-size: 23px; margin-bottom: 20px; }
.error404Area .bottom-line a { background: url(../images/slider-prev2.png) no-repeat 15px 48% #f22613;text-indent: 15px;font-size: 16px;
-webkit-background-size: 24px auto;
        background-size: 24px auto;}
.error404Area .bottom-line a:hover { background: url(../images/slider-prev2.png) no-repeat 8px 48% #565656; 
-webkit-background-size: 24px auto;
        background-size: 24px auto; }
.bottom-options { text-align: center; margin-bottom: 30px; }
.bottom-options .inner { padding: 20px 30px 20px 30px; position: relative; }
.bottom-options .col-4:first-child .inner:before { display: none;}
.bottom-options > *[class *= "col-"] {vertical-align: top;}
.bottom-options .inner:before { position: absolute; top: 0; left: 0; background: #dcdcdc; width: 1px; height: 130px; content: ""; display: block;}
.bottom-options .inner p { margin-bottom: 20px; min-height: 38px; }
.bottom-options .form-group-wrap {margin: 0; }
.bottom-options .gotomecmua { width: 115px; height: 33px; display: inline-block;content: ""; background: url(../images/talks-big.html) no-repeat center;
-webkit-background-size: 115px auto;
        background-size: 115px auto; }
.bottom-options .form-group { position: relative; margin: 0; }
.bottom-options .btn { border-radius: 0; position: absolute; top: 0; right: 0; height: 45px; width: 45px; background: url(../images/search-icon.png) no-repeat center #fc3519; padding: 0; }
.bottom-options .gotocontact { background: url(../images/slider-next2.png) no-repeat 90% 48% #302c2c; font-size: 16px;color: #fff;display: inline-block;
-webkit-background-size: 24px auto;
        background-size: 24px auto;}
.bottom-options .gotocontact:hover { background: url(../images/slider-next2.png) no-repeat 96% 48% #565656;
-webkit-background-size: 24px auto;
        background-size: 24px auto;}

.siteMapWrap h3 { margin: 0 0 10px 15px; font-family: 'avenirheavy';}
.siteMapWrap ul { margin-bottom: 15px; }
.siteMapWrap ul li {margin: 2px 0; }
.siteMapWrap ul li a { display: inline;border-bottom: 1px solid transparent;
-webkit-transition: border 0.2s ease-out; 
        transition: border 0.2s ease-out;}
.siteMapWrap ul li a:hover { border-bottom: 1px solid #302c2c; }
.siteMapWrap .title { border-bottom: 1px solid #302c2c;font-family: 'avenirheavy';margin-bottom: 10px;}
/* ==========================================================================
   ACCOUNT PAGE
   ========================================================================== */
.accountGeneral .wrap-section { border: 1px solid #dcdcdc; padding: 15px; margin-bottom: 30px; position: relative; }
.accountGeneral .wrap-section .h4 { margin-top: 0; }
.accountGeneral .wrap-section .productList{ margin-top: 0; margin-bottom: 0;  }
.accountGeneral .wrap-section .view-all-link{ position: absolute; top: 18px; right: 15px; padding-right: 10px; text-decoration: none;font-family: 'avenirheavy'; background: url(../images/next-pager.png) no-repeat right center;
-webkit-background-size: 6px auto;
        background-size: 6px auto; }
.accountGeneral .wrap-section .view-all-link:hover { color: #f22613; }
.accountGeneral .group-collapse { border: 1px solid #ebebeb; border-bottom: none;}
.accountGeneral .csView { margin: 0 -14px; }
.accountGeneral .cell-wrap .wrap-section { height: 260px; }
.accountGeneral .cell-wrap .scroll-box { visibility: hidden; height: 125px; margin-top: 15px; position: absolute; } 
.accountGeneral .cell-wrap .scroll-box.reveal { visibility: visible; position: relative; }
.accountGeneral .cell-wrap .scroll-box li { padding: 3px 0; list-style-type:disc; list-style-position: inside; }
.accountGeneral .cell-wrap figure img { max-height: 180px; max-width: 100%; display: block; margin: 0 auto; }
.accountGeneral .cell-wrap .group-collapse .table-row p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.accountGeneral .cell-wrap .dp-slide .slide-open { border: 1px solid #dcdcdc; }
.accountGeneral .cell-wrap .dp-slide .slide-open.active { border: 1px solid #302c2c; }

/* ==========================================================================
   ADDRESS
   ========================================================================== */
.address-list-wrap { margin-top: 10px; }
.address-item-top .valid-address-wrap { text-align: right; }
.address-item-top .valid-address { font-family: 'avenirheavy'; display: inline-block; padding-left: 25px; position: relative;}
.address-item-top .valid-address span { text-decoration: underline; vertical-align: middle; font-size: 13px; }
.address-item-top .valid-address.active { color: #39b81d; }
.address-item-top .valid-address.active i { width: 17px; height: 17px; content: ""; display: block; position: absolute; top: 50%; margin-top: -8px;left: 0; background: url(../images/valid-icon.png) no-repeat;
-webkit-background-size: 17px auto;
        background-size: 17px auto;}
.address-item-top .valid-address i { width: 17px; height: 17px; content: ""; display: block; position: absolute; top: 50%; margin-top: -8px; left: 0; background: url(../images/valid-icon3.png) no-repeat;
-webkit-background-size: 17px auto;
        background-size: 17px auto;}
.address-item-top {padding: 15px 0; border-bottom: 1px solid #ebebeb;}
.address-item-top .title { margin-bottom: 5px; }
.address-item-top .controls { margin-top: 10px; color: #888; font-size: 13px; }
.address-item-top .controls a { color: #888; }
.address-item-top .controls a,
.address-item-top .controls span {
-webkit-transition: color 0.2s; 
        transition: color 0.2s; }
.address-item-top .controls a:hover,
.address-item-top .controls span:hover { color: #f22613; text-decoration: none; }
.address-item-top .controls .change { background: url(../images/refresh-icon.png) no-repeat left 35%;padding-left: 17px;cursor: pointer;text-decoration: underline;
-webkit-background-size: 12px auto;
        background-size: 12px auto;}
.address-item-top .controls .delete { background: url(../images/close-icon-mini.png) no-repeat left 35%;padding-left: 17px;margin-right: 15px;text-decoration: underline;
-webkit-background-size: 12px auto;
        background-size: 12px auto;}
.address-form-wrap { background: #f5f5f5; padding: 20px 20px; position: relative; }
.address-form-wrap .form-group-wrap { margin: 0; }
.address-form-wrap:before { position: absolute; z-index: 1;left:50%; margin-left: -7px;top: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent #f5f5f5 transparent;
-webkit-transition: top 0.2s; 
        transition: top 0.2s; }
.collapse.in .address-form-wrap:before { top: -14px; }
.address-form-wrap .bottom button { margin-right: 20px;}
.address-form-wrap .bottom span { cursor: pointer; }
.new-address .top { background: #f5f5f5; text-align: right; padding: 5px; }
.new-address .top .btn-ext { cursor: pointer; }
.new-address .address-form-wrap { background: #ebebeb;}
.new-address .address-form-wrap:before { border-color: transparent transparent #ebebeb transparent; }

/* ==========================================================================
   BASKET PAGE
   ========================================================================== */
.myBasketResult .col-h-3 { width: 33.333%; float: left; padding: 0 15px; }
.myBasketResult .col-h-9 { width: 66.666%; float: left; padding: 0 15px;  }
.myBasketResult p del { display: block; color: #888; font-size: 13px; }
.myBasketResult p ins { text-decoration: none; font-family: 'avenirheavy'; }
.myBasketResult .topbar { background: #ebebeb; color: #888; padding: 10px 15px; }
.myBasketResult .topbar .first p { padding-left: 25%; margin-left: 7px; }
.myBasketResult .topbar p { margin-left: -4px; }
.myBasketList { border: 1px solid #dcdcdc; }
.myBasketList .product-info-wrap { margin: 0 -10px; position: relative; } 
.myBasketList .product-info-wrap .product-info-inner { border-bottom: 1px solid #dcdcdc;margin: 0 10px;padding: 5px 0 10px;} 
.myBasketList .product-info-wrap:last-child .product-info-inner { border-bottom: none;} 
.myBasketList .product-info-wrap .product-info-inner > *[class *= "col-"] { padding: 0 10px } 
.myBasketList .product-info-wrap .product-info { width: 75%; }
.myBasketList .product-info-wrap .product-figure { width: 25%; }
.myBasketList .product-info-wrap .inner { padding: 10px 0; overflow: hidden; }
.myOrderSum{ }
.sumlist { border: 1px solid #dcdcdc; }
.sumlist p { width: 50%; text-align: right; display: table-cell;vertical-align: bottom; }
.sumlist p:first-child { text-align: left; }
.sumlist .bottom { border-top: 1px solid #ebebeb; padding: 10px 15px;}
.sumlist .top { padding: 10px 15px;}
.sumlist .bottom > div,
.sumlist .top > div { padding: 5px 0; display: table; width: 100%; }
.sumlist a { padding:14px 20px; display: block; margin-top: 10px; font-family: 'avenirheavy'; background: #f22613; position: relative; text-indent: 10px; }
.sumlist a i { content: ""; width: 25px; height: 25px; background: url(../images/slider-next2.png) no-repeat center; display: inline-block; vertical-align: -35%;
-webkit-background-size: 25px auto;
        background-size: 25px auto;}
.numMinPlus { width: 95px; text-align: center; margin: 0 auto}
.numMinPlus p { color: #888; font-size: 13px; margin-top: 5px; }
.numMinPlus input { border: none; width: 30px; height: 30px; float: left; background: #fff; text-align: center;border: 1px solid #dcdcdc !important; padding: 0;
-webkit-transition:background 0.2s ease-out; 
        transition:background 0.2s ease-out;}
.numMinPlus input.number { border-right: none !important; border-left: none !important; }
.numMinPlus input:focus { outline: none; }
.numMinPlus input[type="submit"]:hover { background-color: #f5f5f5; }
.myBasketList .controls { padding-bottom: 10px; }
.myBasketList .controls a { font-size: 13px; color: #888;  margin-right: 15px; padding-left: 17px; line-height: 26px; text-decoration: underline;}
.myBasketList .controls a:hover { color: #302c2c}
.myBasketList .controls .tiklagel { margin-right: 15px; display: inline-block; margin-right: 2px; width: 25%; position: absolute;top: 0; left: 18px; width: 26px; height: 26px;content: ""; }
.myBasketList .tiklagel.passive { background: url(../images/tiklagelpassive.png) no-repeat;display: block;
-webkit-background-size: 26px auto;
        background-size: 26px auto;}
.myBasketList .tiklagel.active { background: url(../images/tiklagel.png) no-repeat;display: block;
-webkit-background-size: 26px auto;
        background-size: 26px auto;}
.myBasketList .controls .bottom-left { padding-left: 10.5%; }
.myBasketList .delete { background: url(../images/close-icon-mini.png) no-repeat left 35%; 
-webkit-background-size: 12px auto;
        background-size: 12px auto;}
.myBasketList .changesize { background: url(../images/refresh-icon.png) no-repeat left 35%;
-webkit-background-size: 12px auto;
        background-size: 12px auto; }
.myBasketList .fav { background: url(../images/fav-icon2.png) no-repeat left 35%;
-webkit-background-size: 12px auto;
        background-size: 12px auto; }
.myBasketList .fav.active { background: url(../images/fav.png) no-repeat left 35%;color: #f22613;
-webkit-background-size: 12px auto;
        background-size: 12px auto; }


.extras .usehopi iframe { width: 100%; display: none; }
.extras .usehopi iframe.reveal {  display: block; }
.extras .usehopi > a { color: #00adef; display: block; overflow: hidden; padding: 15px; border: 1px solid #ebebeb;
-webkit-transition:all 0.2s ease-out; 
        transition:all 0.2s ease-out; }
.extras .usehopi > a:hover { box-shadow: 0px 0px 10px #dcdcdc; }
.extras .usehopi > a figure { float: left; width: 80px; border-right: 1px solid #ebebeb; padding-right: 20px;}
.extras .usehopi > a figure img { width: 100%; }
.extras .usehopi > a div { float: left; padding-left: 25%; padding-right: 20px;line-height: 57px; font-family: 'avenirheavy'; font-size: 20px;background: url(../images/hopi-arrow.png) no-repeat right center;
-webkit-background-size: 12px auto;
        background-size: 12px auto; }
.extras .usehopi > a span { color: #f19106; }
.giftWrap { border: 1px solid #dcdcdc; }
.giftpackage { padding: 25px 15px; position: relative;min-height: 90px;  }
.giftpackage i { background: url(../images/icon-v1.png) no-repeat center;content: ""; position: absolute; top: 50%; left: 15px;width: 60px; height: 60px;margin-top: -30px;
-webkit-background-size: 58px auto;
        background-size: 58px auto; }
.giftpackage i.on { background: url(../images/icon-v1a.png) no-repeat center;
-webkit-background-size: 58px auto;
        background-size: 58px auto; }
.giftpackage p { width: 100%; padding-right: 300px; padding-left: 80px;}
.giftpackage p .change { margin-top: 10px; margin-right: 10px; display: inline-block;color:#888; background: url(../images/refresh-icon.png) no-repeat left 35%;padding-left: 17px;cursor: pointer;text-decoration: underline;
-webkit-background-size: 12px auto;
        background-size: 12px auto;}
.giftpackage p .delete { margin-top: 10px; display: inline-block;color:#888; background: url(../images/close-icon-mini.png) no-repeat left 35%;padding-left: 17px;margin-right: 15px;text-decoration: underline;
-webkit-background-size: 12px auto;
        background-size: 12px auto;}
.giftpackage .btn-ext { position: absolute; top: 50%; right: 15px;cursor: pointer;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
.giftlist:before { position: absolute; z-index: 1; left: 50%; top: 0; margin-left: -14px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent #f5f5f5 transparent;
-webkit-transition: top 0.2s; 
        transition: top 0.2s;}
.collapse.in .giftlist:before { top: -14px; }
.giftlist {background: #f5f5f5; padding: 15px; position: relative;}
.giftlist .inner { background: #fff; padding: 15px; }
.giftlist .form-group { float: left; width: 20%; }
.giftlist .form-group figure { margin: 0 auto; height: 100px; max-width: 75px;}
.giftlist .form-group img { max-width: 100%; max-height: 100%; }
.giftlist .form-group .icheckbox_square { display: block;margin: 10px auto 0; }
.giftlist .form-group .checkBoxLabel { text-align: center; display: block; font-size: 13px;}
.giftlist .bottom { margin-top: 15px;}
.keep-shopping { font-family: 'avenirheavy';display: inline-block;margin-top:30px; background: url(../images/slider-next2.png) no-repeat right center #f22613; color: #fff;border-right: 15px solid transparent;padding: 14px 30px;
-webkit-background-size: 22px auto;
        background-size: 22px auto;}
.keep-shopping:hover { background: url(../images/slider-next2.png) no-repeat right center #565656; 
-webkit-background-size: 22px auto;
        background-size: 22px auto; }
.keep-shopping.link-style { text-decoration: underline; color: #302c2c; background: url(../images/next-pager.png) no-repeat right center transparent; padding: 0 14px 0 0; border-right: 0;line-height: 45px; font-size: 15px;
-webkit-transition: padding 0.2s, color 0.2s; 
        transition: padding 0.2s, color 0.2s;
-webkit-background-size: 8px auto;
        background-size: 8px auto;}
.keep-shopping.link-style:hover {color: #f22613; padding-right: 18px;}
.extras .form-group-wrap { margin: 0; }
.extras .group-collapse { margin: 10px -15px 0; }
.extras .top-forms { padding: 10px 0 }
.extras .top-forms p { position: relative; }
.extras .top-forms p i { background: #ebebeb; border-radius: 50%; width: 40px; height: 40px; position: absolute; left: 0; top: 0; content: ""}
.extras .top-forms .form-group { position: relative; margin-bottom: 0; }
.extras .top-forms .form-control { border-right: 100px solid transparent}
.extras .top-forms button { position: absolute; top: 0; right: 0; width: 100px; height: 45px; line-height: 45px; padding: 0}
.extras .tabTableModules .table-row .view { text-align: left; }
.extras .usecoupon { padding: 10px 15px; background: #f5f5f5; font-family: 'avenirheavy';
-webkit-transition:background 0.2s ease-out, color 0.2s ease-out; 
        transition:background 0.2s ease-out, color 0.2s ease-out;}
.extras .usecoupon:hover { background: #302c2c; color: #fff; }
.extras .tabTableModules .collapse.in .inner:before { display: none;}
.extras .tabTableModules .row-item:last-child .table-row { border-bottom: none;}
.extras .tabTableModules .table-row p { padding-top: 16px; padding-bottom: 16px; }
.extras .tabTableModules { padding-bottom: 0;}
/* ==========================================================================
   PRODUCT DETAIL 
   ========================================================================== */
.quickLookContainer { margin: 20px; height: 100%; overflow: hidden;}
.quickLookContainer .scroll-box { height: 92%; overflow: hidden; width: 100%;}
.quickLookContainer .scroll-box-inner { padding-right: 20px;}
.quickLookContainer .mCSB_inside > .mCSB_container{ margin-right: 0;}
.quickLookContainer .productDetailInfo .add-basket-product { max-width: 190px; float: right}
.quickLookContainer .gotodetailWrap p { border-top: 1px solid #dcdcdc; padding-top: 10px;}
.quickLookContainer .gotodetailWrap p a:hover { color: #f22613}
.quickLookContainer .gotodetail { text-decoration: underline;background: url(../images/next-pager.png) no-repeat right center;padding-right: 10px;
-webkit-background-size: 6px auto;
        background-size: 6px auto; }
.top-banner {background: #302c2c; color: #fff; text-align: center; padding: 8px; margin-bottom: 15px;}
.productDetailInfo h3 { margin: 0; }
.productDetailInfo .top-info { position: relative; }
.productDetailInfo .bottom { margin-top: 10px;}
.productDetailInfo .extras {width: 50%; float: left; font-size: 13px; }
.productDetailInfo .price {width: 25%; float: left; min-width: 150px}
.productDetailInfo .extras .grey-text { color: #888; }
.productDetailInfo .extras .red-text { color: #f22613; }
.productDetailInfo .product-logo img {max-width: 100%}
.productDetailInfo .detail-title { font-family: 'avenirheavy'; padding: 5px 0}
.productDetailInfo .bottom .price del,
.productDetailInfo .bottom .price ins { display: block; font-size: 20px; }
.productDetailInfo .bottom .price del {color: #888; font-size: 14px}
.productDetailInfo .bottom .price ins { font-family: 'avenirheavy'; text-decoration: none; }
.productDetailInfo .stickers li { display: inline-block; margin-top: 10px;}
.productDetailInfo .stickers img { width: 45px; }
.productDetailInfo .detail-list { height: 90px}
.productDetailInfo .detail-list li { list-style-position: inside; margin-bottom: 5px; }
.productDetailInfo .alert-v1 { position: absolute;opacity: 0;visibility: hidden; top: -60px; left: 15px; width: 200px; background: #565656; color: #fff; padding: 10px; text-align: center; font-size: 12px;
-webkit-transition: all 0.2s ease-out; 
        transition: all 0.2s ease-out; }
.productDetailInfo .alert-v1.reveal { opacity: 1; visibility: visible; }
.productDetailInfo .alert-v1 .arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #565656;}
.productDetailInfo .selectLeft .form-group {margin-bottom: 0; }
.productDetailInfo .alert-s1 { color: #f22613; margin:5px 0; }
.productDetailInfo .openSizeChart { line-height: 45px; text-decoration: underline; color: #707070; }
.productDetailInfo .numMinPlus { margin-left: 0; width: 150px; position: relative; }
.productDetailInfo .numMinPlus input { width: 50px; height: 50px; }
.productDetailInfo .numMinPlus input:focus { outline: none;}
.productDetailInfo .numMinPlus input.number { height: 40px; border-bottom: none; font-family: 'avenirheavy'; border-bottom: none !important;}
.productDetailInfo .numtext { position: absolute; top: 30px; height:20px; left: 50px; font-size: 12px; text-transform: uppercase; width: 50px; border-bottom: 1px solid #dcdcdc;}
.productDetailInfo hr { margin: 10px 0; }
.productDetailInfo .checkBoxLabel {position: relative; }
.selectcolor-wrap .color-text { margin-top: 15px; }
.selectcolor-wrap .color-text b { margin-right: 10px; }
.selectcolor-wrap .selectcolor { margin-bottom: 15px; margin-top: 5px;}
.selectcolor-wrap .selectcolor .form-group { margin-bottom: 0; }
.selectcolor-wrap .selectcolor .iradio_square {background: none; width: 36px; height: 36px}
.selectcolor-wrap .selectcolor .checked .color-wrap { border: 2px solid #302c2c}
.selectcolor-wrap .selectcolor .color-wrap { border-radius: 50%; border: 2px solid #dcdcdc; padding: 3px; width: 36px; height: 36px; position: absolute; top: 0;
-webkit-transition: border 0.2s ease-out; 
        transition: border 0.2s ease-out; }
.selectcolor-wrap .selectcolor .color-wrap:hover { border-color: #302c2c}
.selectcolor-wrap .selectcolor em { content: ""; width: 100%; height: 100%; display: block; border-radius: 50%;  }
.selectcolor-wrap .selectcolor span { color:#888; display: block; position: absolute; opacity: 0; width: 100px; left: 5px; top: 40px}
.selectcolor-wrap .selectcolor li { float: left; margin-right: 2px;position: relative; }
.selectcolor-wrap .selectcolor .checked + span { opacity: 1; }
#notifyPricePopup .openSizeChart { line-height: 45px; text-decoration: underline; color: #707070; }
#notifyPricePopup .form-group { margin-bottom: 0; }
#notifyPricePopup .size-notification { color: #f22613; margin-top: 5px;}
.productDetailInfo .add-basket-product { text-indent:14px; width: 100%; height: 50px; line-height: 50px; padding: 0; font-size: 16px; background: #f22613; }
.productDetailInfo .add-basket-product i { background: url(../images/basket-icon4.png) no-repeat; width: 16px; height: 18px; display: inline-block; content: "";vertical-align: -3%;margin-right: 10px;margin-left: -15px;
-webkit-background-size: 16px auto;
        background-size: 16px auto; }
.productDetailInfo .add-basket-product:hover { background-color: #302c2c;}
.productDetailInfo .added-notification { max-width:200px; width:100%;color: #39b81d; font-size: 16px; text-align: center; font-family: 'avenirheavy'; background: url(../images/valid-icon.png) no-repeat 2px 10%;height: 50px;text-indent: 20px;
-webkit-background-size: 17px auto;
        background-size: 17px auto; }
.productDetailInfo .tiklagel { line-height: 50px;background: url(../images/tiklagel.png) no-repeat left 45%;padding-left: 40px;
-webkit-background-size: 34px auto;
        background-size: 34px auto; }
.productDetailInfo .tiklagel span { text-decoration: underline; cursor: help}  
.productDetailInfo .bottom-links { margin-top: 20px; }
.productDetailInfo .bottom-links a { background: url(../images/mini-arrow2.png) no-repeat right center; padding-right: 10px; margin-right: 20px;}
.productDetailInfo .bottom-links a:hover { color: #f22613}
.border-box { border: 1px solid #dcdcdc; padding: 15px; margin-bottom: 30px;}
.border-box .sec-title { background: #f7f7f7; font-size: 18px; padding: 12px 15px; }
.border-box .icon-plus { margin-top: 7px; }
.border-box .icon-plus .hor { background: #f7f7f7; }
.border-box .collapsed  .icon-plus .hor { background: #302c2c; }
.border-box.social-box { text-align: center; margin-bottom: 0;}
.border-box.social-box p,
.border-box.social-box .social { display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: 1px; }
.border-box .social ul { float: right; margin-top: 3px; }
.border-box .social ul li { float: left; margin-left: 5px; }
.border-box .social ul li a { display: block; width: 48px; height: 49px; 
-webkit-transition: opacity 0.2s ease-out; 
        transition: opacity 0.2s ease-out;}
.border-box .social ul li a:hover { opacity: 0.7; }
.border-box .social .facebook a { background: url(../images/facebookv2.png) no-repeat; }
.border-box .social .twitter a { background: url(../images/twitterv2.png) no-repeat; }
.border-box .social .gplus a { background: url(../images/gplusv2.png) no-repeat; }
.border-box .social .pinterest a { background: url(../images/pinterestv2.png) no-repeat; }
p.js-quantityReminder{color:#F22613}
.upsSection { background: #f5f5f5; padding: 20px 0; text-align: center; }
.upsSection a,
.upsSection .u-inner { display: block; position: relative; padding: 0 10px}
.upsSection a:before,
.upsSection .u-inner:before { content: ""; width: 1px; height: 80px;position: absolute;top: 8px;left: 0; background: #dcdcdc;}
.upsSection .col-5ths { vertical-align: top;}
.upsSection .col-5ths:first-child a:before,
.upsSection .col-5ths:first-child .u-inner:before{ display: none; }
.upsSection figure { margin-bottom: 10px; min-height: 46px;position: relative; }
.upsSection figure.usp-icon-v5 { background: url(../images/usp-icon-v5.png) no-repeat center;
-webkit-background-size: 48px auto;
        background-size: 48px auto; }
.upsSection figure.usp-icon-v4 { background: url(../images/usp-icon-v4.png) no-repeat center;
-webkit-background-size: 49px auto;
        background-size: 49px auto; }
.upsSection figure.usp-icon-v3 { background: url(../images/usp-icon-v3.png) no-repeat center;
-webkit-background-size: 47px auto;
        background-size: 47px auto; }
.upsSection figure.usp-icon-v2 { background: url(../images/usp-icon-v2.png) no-repeat center;
-webkit-background-size: 57px auto;
        background-size: 57px auto; }
.upsSection figure.usp-icon-v1 { background: url(../images/usp-icon-v1.png) no-repeat center;
-webkit-background-size: 45px auto;
        background-size: 45px auto; }
.product-images-slider-wrap { position: absolute; top: 0; left:15px; width: 15%; }
.product-images-slider { width: 100%; visibility: hidden;opacity: 0;}
.product-images-slider.init { visibility: visible; opacity: 1; }
.product-images-slider .fancyvideo { position: relative;display: block; }
.product-images-slider .fancyvideo:before { content: ""; z-index:9; left:50%; margin-left: -15px; width: 29px; height: 29px; background: url(../images/video-icon-mini.png) no-repeat; position: absolute; top: 50%; margin-top: -15px;}
.product-images-slider .slick-slide img { max-width: 100%; display: block; margin: 0; padding: 0; opacity: 0.6;border: 1px solid #dcdcdc;margin: 5px 0;cursor: pointer;
-webkit-transition: opacity 0.2s ease-out, border 0.2s ease-out; 
        transition: opacity 0.2s ease-out, border 0.2s ease-out; }
.product-images-slider .slick-current.slick-slide img { border: 1px solid #302c2c}
.product-images-slider .slick-current img { opacity: 1; }
.product-images-slider .slick-slide img:hover { border: 1px solid #302c2c; opacity: 1 }
.product-images-slider .slick-prev { opacity:0.8; width:100%; background: url(../images/prev-pager2.png) no-repeat center; border: none; text-indent: -999px; overflow: hidden;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.product-images-slider .slick-next { opacity:0.8; width:100%; background: url(../images/next-pager2.png) no-repeat center; border: none; text-indent: -999px; overflow: hidden;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.zoom-section { padding: 0 0 0 15px; margin-left: 15%; }
.zoom-section .stickers { position: absolute; top: 0; right: 30px; text-align: right }
.zoom-section .stickers span { text-align: center; width: 40px; padding-left: 0; padding-right: 0; font-size: 12px; }
.left-inner { overflow: hidden; }
.left-inner .p-bottombar { text-align: center; margin-top: 20px; margin-left: 15%; }
.left-inner .p-bottombar .fav{ background: url(../images/fav-icon.png) no-repeat left center; padding-left: 22px;margin-right: 10px; height: 26px; line-height: 26px;display: inline-block;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.left-inner .p-bottombar .fav.active { background: url(../images/fav.png) no-repeat left center;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.left-inner .p-bottombar .notify-price { background: url(../images/notification-icon.png) no-repeat left center; padding-left: 22px;height: 26px; line-height: 26px;display: inline-block;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.left-inner .p-bottombar a:hover { color: #f22613; }
.zoom-small-image img { width: 100%; }
.product-big-images-slider { visibility: hidden; opacity: 0; }
.product-big-images-slider.init { visibility: visible; opacity: 1; }
.product-big-images-slider img { max-width: 100%; border: 1px solid #dcdcdc}
.product-big-images-slider .slick-prev { opacity:0.8; width:100%; background: url(../images/prev-pager.png) no-repeat center rgba(255,255,255,0.5); border: none; text-indent: -999px; overflow: hidden;width: 50px; height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;z-index: 100;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.product-big-images-slider .slick-next { opacity:0.8; width:100%; background: url(../images/next-pager.png) no-repeat center rgba(255,255,255,0.5); border: none; text-indent: -999px; overflow: hidden;width: 50px; height: 50px;position: absolute;right: 0;top: 50%;margin-top: -25px;z-index: 100;
-webkit-background-size: 18px auto;
        background-size: 18px auto; }
.delivery .scroll-box { height: 250px; margin-top: 15px; }
.delivery p { padding-left: 50px; position: relative; min-height: 36px; margin: 15px 0;}
.delivery i{position: absolute; top: 0; left: 0; }
.delivery .i-1 { background: url(../images/icon-s1.png) no-repeat; width: 31px; height: 33px; display: inline-block; content: "";vertical-align: middle;
-webkit-background-size: 31px auto;
        background-size: 31px auto;}
.delivery .i-2 { background: url(../images/icon-s2.png) no-repeat; width: 31px; height: 36px; display: inline-block; content: "";vertical-align: middle;
-webkit-background-size: 31px auto;
        background-size: 31px auto;}
.delivery .i-3 { background: url(../images/icon-s3.png) no-repeat; width: 31px; height: 31px; display: inline-block; content: "";vertical-align: middle;
-webkit-background-size: 31px auto;
        background-size: 31px auto;}
.delivery .i-4 { background: url(../images/tiklagel.png) no-repeat; width: 31px; height: 31px; display: inline-block; content: "";vertical-align: middle;
-webkit-background-size: 31px auto;
        background-size: 31px auto;}
.no-review {padding: 20px 0; position: relative; }
.no-review p { font-size: 16px; margin-bottom: 10px;}
.no-review .addreview { cursor:pointer; background: url(../images/icon-v5.png) no-repeat #f22613 15px center;text-indent: 20px; display: inline-block;padding: 15px 30px; color: #fff; font-family: 'avenirheavy';
-webkit-background-size: 25px auto;
        background-size: 25px auto;}
.no-review a:hover { background-color:#565656; }
#addReviewForm .reviewrules { text-decoration: underline; margin-left: 15px; }
#addReviewForm .reviewrules:hover { background: none; }
#addReviewForm .inner { width: 100%; padding: 20px; background: #f5f5f5; margin-top: 20px; position: relative; }
.starRating:not(old){ width: 96px; display: inline-block; overflow: hidden; vertical-align : bottom; }
.starRating:not(old) > input{margin-right : -100%;opacity: 0;}
.starRating:not(old) > label{ display : block; float : right; position : relative;margin-bottom: 0; overflow: hidden; margin-right: 5px; width : 14px; height : 13px; background : url(../images/rate-off.png); background-size : contain; }
.starRating:not(old) > label:before{ content : ''; display : block; width : 14px; height: 13px; background: url(../images/rate-on.png); opacity: 0; 
-webkit-background-size: contain;
        background-size: contain;
-webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{ opacity : 1; }
.rating-text { font-size: 14px !important; font-family: 'avenirheavy'; }
.average-rate p b { color: #f22613}
.average-rate { position: absolute; top: 15px; right: 0; width: 140px; height: 100px; text-align: center;}
.average-rate span{ display: inline-block; width: 25px; height: 25px; background: url(../images/rate-off.png) no-repeat;margin-left: 2px;
-webkit-background-size: 25px auto !important;
        background-size: 25px auto !important; }
.average-rate .rate-1 .star-1,
.average-rate .rate-2 .star-1,
.average-rate .rate-2 .star-2,
.average-rate .rate-3 .star-1,
.average-rate .rate-3 .star-2,
.average-rate .rate-3 .star-3,
.average-rate .rate-4 .star-1,
.average-rate .rate-4 .star-2,
.average-rate .rate-4 .star-3,
.average-rate .rate-4 .star-4,
.average-rate .rate-5 span { background: url(../images/rate-on.png) no-repeat; }

.review-list.scroll-box { height: 350px; } 
.review-list .review-item { border-top: 1px solid #dcdcdc;padding-bottom: 15px;padding-top: 15px;}
.review-list .review-item:first-child { border-top: none;}
.review-list .subject { margin-bottom: 5px; font-size: 15px; }
.review-list .review-date {color: #888; font-size: 13px; }
.review-list .review-text { margin-top: 10px; }
.review-list .provider { margin-top: 10px; margin-bottom: 10px;}
.review-list .response { color: #888; }
.review-list .response a { color: #888; }
.review-list .question { display: inline-block;}
.review-list .answer { display: inline-block; margin-left: 20px;}
.review-list .answer a { margin-right: 10px; text-decoration: underline;}
.review-list .answer a:hover { color: #302c2c}
.return-policy { height: 250px; margin-top: 15px;}
.findstore { padding-top: 15px; }
.find-store-info { display: none;}
.find-store-info.reveal { display: block; padding-top: 15px;}
.find-store-info .choices { margin-bottom: 10px; }
.find-store-info .choices .circle { width: 30%; padding-bottom: 30%; background: #ebebeb; border-radius: 50%; float: left; position: relative; }
.find-store-info .choices .circle .inner { background: #fff;width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; text-align: center; line-height: 30px}
.find-store-info .choices .circle .product-code { background: url(../images/noti-icon1.png) no-repeat center #fff;
-webkit-background-size: 16px auto;
        background-size: 16px auto;}
.find-store-info .choices .info { width: 70%;float: left; padding-left: 10px; padding-top:5%;}
.find-store-info .choices .info .subject { color: #888 }
.find-store-info .choices .info .result { font-family: 'avenirheavy'; }
.find-store-info .topbar { border-bottom: 1px solid #dcdcdc; font-family: 'avenirheavy'; padding: 10px 0; border-top: 1px solid #dcdcdc;}
.find-store-info .row-item { border-bottom: 1px solid #dcdcdc; }
.find-store-info .row-item:last-child { border-bottom: none; }
.find-store-info a { text-decoration: underline; background: url(../images/mini-arrow2.png) no-repeat right center; padding-right: 10px;}
.find-store-info .row-item p { padding: 10px; }
.find-store-info .topbar p { padding: 10px; }
.recomended-products-wrap h2 { margin-top: 0; text-align: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px;margin-bottom: 0;}
.recomended-products-list > li { border-top: 1px solid #dcdcdc; padding-top: 15px; padding-bottom: 15px;}
.recomended-products-list > li:first-child {border-top: none;}
.recomended-products-list figure  { width: 20%; float: left; }
.recomended-products-list figure img {max-width: 100%; }
.recomended-products-list .p-info { float: left; width: 80%; padding-left: 10px;}
.recomended-products-list .p-info .more { text-decoration: underline; color: #888; }
.recomended-products-list .p-info .more:hover { color: #302c2c; }
.recomended-products-list .p-info del { color: #888; }
.recomended-products-list .p-info ins { font-family: 'avenirheavy'; text-decoration: none; }
.recomended-products-list .form-group { padding-right: 60px; margin-bottom: 5px; }
.recomended-products-list .size-notification2 { color: #f22613}
.recomended-products-list .form-group-wrap { position: relative; }
.recomended-products-list .addbasket { width: 45px; height: 45px; content: ""; position: absolute; top: 0; right: 0; background: url(../images/basket-icon4.png) no-repeat center #f22613;
-webkit-background-size: 16px auto;
        background-size: 16px auto; }
.recomended-products-list .tooltip { width: 100px; }
.recomended-products-list .added-notification2 { font-family: 'avenirheavy'; background: url(../images/valid-icon.png) no-repeat 10px 45% #ebebeb; color: #39b81d;padding: 10px; text-indent: 25px; 
-webkit-background-size: 17px auto;
        background-size: 17px auto; }

/* ==========================================================================
   PAYMENT PAGES
   ========================================================================== */
.paymentInner .form-group-wrap { margin-top: 0; margin-bottom: 0; }
.paymentInner .spec.resp-tabs-list li { border-top: 0; }
.paymentForm.form-group-wrap { margin: 0; }
.paymentFormStep:after { content: ""; display: block; position: absolute; bottom: 8px; left: 0; width: 100%; height: 2px; background: #cfcfcf; z-index: 8}
.paymentFormStep { overflow: hidden; position: relative; padding-bottom: 10px; margin-bottom: 20px; }
.paymentFormStep ul li{ display:block; width:21%; float:left;margin:0 6%;position:relative;height:65px;  }
.paymentFormStep ul { position: relative; width: 100%; z-index: 9; }
.paymentFormStep ul li span,
.paymentFormStep ul li h1{ display:block; text-align:center; color:#979797; font-family:'avenirheavy'; font-size:18px; margin-bottom:0;line-height: 1.1em}
.paymentFormStep ul li small { display:block; text-align:center; color:#979797; font-family:'avenirlight'; font-size:13px; line-height: 1.2em; }
.paymentFormStep ul li em { display:block; width:20px; height:20px; background:#cfcfcf; color:#fff; line-height:20px; font-size:14px; font-family:'avenirheavy';-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position:absolute; bottom:-10px; left:50%; margin-left:-10px; text-align:center;font-style:normal;}
.paymentFormStep ul li.active span,.paymentFormStep ul li.active h1{ color:#f24d3b }
.paymentFormStep ul li.active em { background:#f24d3b }
.border{ border:1px solid #dcdcdc; }

.paymentPage h4 { color:#1c1c1c;font-size:14px;font-family:'avenirheavy'; }
.paymentGeneral .border { padding:20px; overflow:hidden; margin-bottom: 20px; }
.paymentGeneral .board-top { margin-bottom: 20px; }
.paymentGeneral .board-top span { font-size: 20px; margin-bottom: 5px; margin-top: 0;    font-weight: bold;}
.paymentGeneral .paymentBasketSticky { background:#fff;z-index:90; padding: 15px}

.paymentBasket .paymentBasketTop { padding: 0 0 10px; position: relative;  border-bottom: 1px solid #e8e8e8; margin-bottom: 5px;}
.paymentPage a.circle { display:block;float:right;line-height:15px;text-decoration:underline; }

.paymentBasket .paymentBasketCenter > div{ border-bottom:1px solid #e8e8e8;}
.paymentBasket .paymentBasketTop span{ font-size:15px; font-family:'avenirheavy'; }
.paymentBasket .paymentBasketTop span em{font-family:'avenir'; color:#888;font-style:normal;margin-left:3px}
.paymentInner a.circle::before { display:block;width:16px;height:13px;background:url(../images/payment-circle-icon.png) no-repeat;content:"-";text-indent:-9999px;float:left; margin-right:8px;transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; }
.paymentInner a.circle:hover::before {  -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.paymentInner .bottom-bar .btn-red { background: url(../images/slider-next2.png) no-repeat #f22613 right center; border-right: 10px solid transparent;
-webkit-background-size: 25px auto;
        background-size: 25px auto; }
.paymentInner .bottom-bar .btn-red:hover { background-color: #565656;}
.paymentBasketItem { padding: 15px 0;  }
.paymentBasketItem:last-child{ border:0 !important; }
.paymentBasketItem .figure { width: 20%; float: left; }
.paymentBasketItem .figure img {max-width: 100%; }
.paymentBasketItem .info {width: 80%;float: left; padding-left: 10px; }
.paymentBasketItem ins,
.paymentBasketBottom ins { font-family:'avenirheavy'; text-decoration: none;}
.paymentBasketItem del { color: #888; display: block;}

.paymentBasket .paymentBasketBottom{border-top:1px solid #dcdcdc;padding:20px 0}
.paymentBasket .paymentBasketBottom p { margin: 3px 0; display: table; width: 100%; }
.paymentBasket .paymentBasketBottom p > span {display: table-cell;width: 50%;text-align: right; vertical-align: bottom; }
.paymentBasket .paymentBasketBottom p > span:first-child { text-align: left;  }
.paymentBasket .paymentBasketBottom p > span .cs-amount { display: block;}
.paymentBasket .paymentBasketBottom p > span del {color: #888}
.paymentPage .tabWrap .resp-tabs-list li.resp-tab-active{background:#5c5c5c !important;color:#ffffff;}

.paymentPage .tabWrap .resp-tabs-list li span { font-family:'avenirheavy'; }
.paymentPage .tabWrap .resp-tabs-list li span.click { position:relative; font-family:'avenirheavy'; }
.paymentPage .tabWrap .resp-tabs-list li span.click::before {display:block;width:31px;height:28px;content:"-";text-indent:-9999px;background:url(../images/tiklagel.png) no-repeat 0 0;background-size:100%;float:left;position:absolute;top:-5px;left:20%;}
.paymentPage .hiddenOpener { cursor: pointer; line-height: 45px; }
.paymentPage .cancel{ line-height: 45px; cursor: pointer; text-decoration: underline; margin-left: 20px;}
.paymentPage .hiddenOpener:hover,.paymentPage .cancel:hover{color:#f22613}
.paymentPage .hiddenOpener small{text-decoration:underline; font-size: 100%}
.paymentPage .hiddenOpener::before{ content:"+";margin-right:5px;}

.paymentAdressItem .circle { margin-top:10px;float:left !important; line-height: 1.4}
.paymentAdressItem .circle:before { display: block; width: 16px; height: 13px; background: url(../images/payment-circle-icon.png) no-repeat; content: "-"; text-indent: -9999px; float: left; margin-right: 8px; margin-top: 3px;}
.paymentPage .agreements-wrap > div { position: relative; }
.paymentPage .agreements-wrap .checkBoxLabel{ margin-bottom: 0; }
.paymentPage .agreements-wrap .label-text { display: inline-block;position: absolute; left: 28px; top: 0; }
.paymentPage .agreements-wrap .label-text a { text-decoration: underline;}
.paymentPage .agreements-wrap .error { display: block;}
.paymentPage .col-sm-12.checkBoxLabel { margin:3px 0; }
.paymentPage .returnShopping { line-height:45px; text-decoration:underline; font-size:15px; font-family:'avenirheavy'; background: url(../images/prev-pager.png) no-repeat left center; padding-left: 14px;
-webkit-transition: padding 0.2s, color 0.2s; 
        transition: padding 0.2s, color 0.2s;
-webkit-background-size: 8px auto;
        background-size: 8px auto;}
.paymentPage .returnShopping:hover { color: #f22613; padding-left: 19px; }
.paymentPage .hiddenBox{ position:relative; }
.paymentPage .hiddenBox::after{position:absolute;width:33px;height:16px;left:50%;margin-left:-16px;top:-16px;background:url(../images/hiddenBox-arrow.png) no-repeat 0 0;content:"-";text-indent:-9999px;}
.paymentCHiddenloseButton{ z-index:9;display:block;position:absolute;top:10px;right:20px;background:url(../images/close-icon-2.png) no-repeat 0 0 ;background-size:100%;width:22px;height:22px;cursor:pointer;}
.paymentPage .paymentAdressBox .well{ position:relative; padding:20px 5px !important; background: #f8f8f8; margin-top: 20px;}
.paymentPage .paymentAdressBox .well .fw > .row { margin: 0; }
.paymentPage .halfBox label img{margin-bottom:15px;}
.paymentPage label span{color:#312f2f;font-size:14px;font-family:'avenirlight';}
.paymentPage textarea{max-width:100%;max-height:150px;min-width:100%;min-height:80px;}
.paymentPage .hideBox {display:none; }
.paymentPage .hideBox .inner .row { margin-top: 15px; }
.paymentPage a.cancel{line-height:45px;margin-left:20px;text-decoration:underline;}
.bottomInformations .btn-red:hover { background-color: #565656;}
.paymentBrandChoice .halfBox{padding:20px 5px;min-height:175px;}
.paymentBrandChoice .table-row span{width:100%;display:block;padding-left:30px;}
.paymentAdressBox { padding: 0 10px; }
.paymentAdressBox .item-sec { padding-top: 20px; border-top: 1px solid #dcdcdc; padding-bottom: 20px; }
.paymentAdressBox .item-sec:last-child { padding-bottom: 0; }
.paymentAdressBox .item-sec .bottom-wrap { margin-top: 10px; }
.paymentAdressBox .item-sec:first-child { padding-top: 0}
.paymentAdressBox .item-sec.address-colon { border-top: none; }
.paymentAdressBox .item-sec.address-colon.v2 { padding-top: 0; }
.paymentAdressBox .item-sec .hideBox.open { display: block }
.paymentAdressBox .tiklaGel{padding:17px 22px 0 22px !important }
.paymentAdressBox .tiklaGel .clickimage{margin:0 auto;display:block;}
.paymentAdressBox .tiklaGel .clickimage{margin:0 auto;display:block;}
.paymentStoreSearch {height:44px;position:relative;}
.paymentStoreSearch input[type="submit"]{background:url(../images/search-icon.png) no-repeat center #5c5c5c;display:block;width:45px;height:45px;position:absolute;top:0;right:0;text-indent:-9999px;border: none;}
.paymentStoreList label{width:100%;float:left;margin-bottom:10px !important;}
.paymentStoreList .scroll-box{height:280px;}
.paymentStoreChoiceResult{display:none}
.paymentStoreChoiceResult hr{width:100%;float:left;}
.paymentPage .bottomGrayBar span small{font-family:'avenirheavy';}
.paymentPage .btn-gray { background: #565656;color: #fff; cursor: pointer; display: inline-block;}
.paymentPage .red{color:#fff;background:url(../images/arrow-white-v1.png) no-repeat 92% center #f34017;}
.paymentPage .gray{background-color:#5c5c5c;color:#fff;}
.paymentPage .gray2{background-color:#f8f8f8;}
.paymentPage .gray3{background-color:#ececec;}
.paymentPage .bottomGrayBar{background:#ebebeb;padding:12px 10px 8px;margin-top: 30px}
.paymentInner .bottom-bar { margin-bottom: 60px; }
.paymentPage .center {display:block;margin:0 auto;}
.paymentPage .flr{ float:right;background: url(../images/slider-next2.png) no-repeat #f22613 right center;border-right: 10px solid transparent;
-webkit-background-size: 25px auto;
        background-size: 25px auto;}
.paymentPage .flr:hover { background-color: #565656;}
.paymentPage .fll{float:left;}
.storePartTop { background: #f5f5f5; padding-top: 10px; margin:0 10px;}
.storePartTop p { font-size: 15px; margin-bottom: 20px; padding-top: 10px;}
.storePartTop .tmHide img { margin: 0 auto; display: block;}
.paymentBrandChoice .table-row .checkBoxLabel { background: #f5f5f5;margin-right: 0;padding: 20px; height: 180px}
.paymentBrandChoice .table-row  { padding: 0 10px; margin-top: 20px;}
.paymentBrandChoice .table-row > *[class *= "col-"] { vertical-align: top; border-left: 20px solid transparent;}
.paymentBrandChoice .table-row .col-6:first-child { border-left: none;}
.storeContent .inner{ margin: 10px; background: #f5f5f5; padding: 20px; }
.paymentPage .h2.resp-accordion{color:#353535;background:#ebebeb;}
.paymentPage h2.resp-tab-active,.paymentPage h2.resp-accordion:hover{color:#fff;background:#5c5c5c !important;}
.paymentPage .resp-arrow{border:0 !important;display:block;width:13px;height:8px;background:url(../images/paymentAccordionArrow.png) no-repeat left bottom;}
.paymentPage h2.resp-tab-active .resp-arrow{background-position:left top;}
.paymentTabContent { padding:10px 0; }
.paymentTabContent .top-group .checkBoxLabel { margin-left: 25px; }
.paymentTabContent .top-group .checkBoxLabel:first-child { margin-left: 0; }
.paymentTabContent .select-group .row { margin: 0 -3px;  }
.paymentTabContent .select-group .row > *[class *= "col-"] { padding: 0 3px; }
.paymentTabContent .payment-figure { margin-bottom: 30px; }
.paymentTabContent .text-line { border-top: 1px solid #dcdcdc; padding-top: 20px; margin-top: 20px; }
.paymentTabContent .payment-list-type { margin: 10px 0;}
.paymentTabContent .payment-list-type li { list-style-type: disc; list-style-position: inside; }
.paymentPage .checkBoxLabel em{font-style:normal;color:#353535;font-size:14px;text-decoration:underline;cursor:pointer;}
.paymentPage .checkBoxLabel em:hover{color:#f22613}
.bottomInformations h2{font-family:'avenirheavy';font-size:22px;color:#353535;}
.bottomInformations .border { padding: 20px; }
.bottomInformations .box1{height:500px;}
.bottomInformations .box2{height:250px;}
.bottomInformations .box3{height:150px;}
.paymentPage .tac { margin-bottom: 30px; text-align:center; padding: 30px}
.paymentPage .summaryList li { display:block;padding:20px 30px; border-bottom:1px solid #e9e9e9; position:relative;width:100%; }
.paymentPage .summaryList li .figure { float:left; margin-right: 20px;}
.paymentPage .summaryList li .figure img { max-width: 100%; }
.paymentPage .summaryList li .info  { float: left;}
.paymentPage .summaryList li a { display: inline-block;}
.paymentPage .summaryList li p { margin-bottom: 2px;}
.paymentPage .print { background: url(../images/print-icon.png) no-repeat left center; padding-left: 25px; line-height: 20px; display: inline-block;margin:10px 15px; 
-webkit-background-size: 20px auto;
        background-size: 20px auto; }
.paymentResultList .bottom-information.table-row { background:  #ebebeb; }
.paymentResultList .bottom-information.table-row > *[class *= "col-"] { vertical-align: top; }
.paymentResultList .bottom-information .col-4:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; content: ""; background: #fff;}
.paymentResultList .bottom-information .col-4:first-child:before { display: none;}
.paymentResultList .bottom-information p { color: #888; padding: 2px 0;word-wrap:break-word; }
.paymentResultList .bottom-information h5 { margin-top: 0; }
.paymentResultList .bottom-information .pad-inner { position: relative; padding: 20px 15px; }
.paymentResultList .bottom-information a { display: inline-block;font-family: 'avenirheavy'; color: #888; text-decoration: underline; margin-top: 15px; font-size: 13px; }
.paymentPage .total { padding: 20px 30px 20px 0; }
.paymentPage .total p { padding: 3px 0; }
.paymentPage .total span:first-child { text-align: left; }
.paymentPage .total span { display: inline-block;width: 50%; text-align: right; }
.jp-card .jp-card-front,
.jp-card .jp-card-back { background: url(../images/cardbg.png) no-repeat !important;
-webkit-background-size: cover !important;
        background-size: cover !important;}
.jp-card .jp-card-front:before, 
.jp-card .jp-card-back:before { display: none !important; }
.jp-card .jp-card-front .jp-card-lower .jp-card-number,
.jp-card .jp-card-front .jp-card-display, 
.jp-card .jp-card-back .jp-card-display { font-size:16px !important; color:#353535 !important; font-family:'avenirheavy' !important;  }
.jp-card .jp-card-front .jp-card-lower .jp-card-number{ font-size:18px !important;font-family:'avenirheavy' !important; }
.jp-card .jp-card-back .jp-card-shiny{display: none;}
.jp-card-logo.jp-card-mastercard { background: url(../images/MasterCard_Logo.png) no-repeat;text-indent: -99999px; overflow: hidden;}
.jp-card-logo.jp-card-amex { background: url(../images/amex.png) no-repeat !important;text-indent: -99999px; overflow: hidden; border: none !important; }
.jp-card-logo.jp-card-maestro { background: url(../images/Maestro_logo.png) no-repeat !important;text-indent: -99999px; overflow: hidden; border: none !important; }
.jp-card-logo.jp-card-mastercard:before,
.jp-card-logo.jp-card-mastercard:after,
.jp-card-logo.jp-card-amex:after,
.jp-card-logo.jp-card-amex:before,
.jp-card-logo.jp-card-maestro:after,
.jp-card-logo.jp-card-maestro:before { display: none !important; }
.jp-card .jp-card-focused.jp-card-display { font-family:'avenirheavy' !important; font-weight: normal !important; }
/* ==========================================================================
   CAMPAIGN
   ========================================================================== */
.campaigns {overflow: hidden; }
.campaigns .campaign-item {margin-bottom: 20px; border-bottom: 1px solid #dcdcdc;padding-bottom: 20px;}
.campaigns .campaign-figure img { width: 100%; }
.campaigns .title { font-size: 15px; margin-bottom: 15px; }
.campaigns .info-list li { margin-bottom: 10px; }
.campaigns .info-list li:last-child { margin-bottom: 0; }
.campaigns .info-list li:after,
.campaigns .info-list li:before { clear: both; content: ""; display: table;}
.campaigns .info-list li b { float: left; width: 22%; padding-right: 10px;}
.campaigns .info-list li span { float: left; width: 78%}
.campaigns .info-list li .detail { margin-left: 22%; margin-top: 10px; display: inline-block;text-decoration: underline; background: url(../images/next-pager.png) no-repeat right center;padding-right: 10px;
-webkit-background-size: 6px auto;
        background-size: 6px auto;}
.campaign-detail-info figure {margin-bottom: 25px;}
.campaign-detail-info figure img {width: 100%}
.campaign-detail-info .back { background: url(../images/prev-pager.png) no-repeat left center;padding-left: 10px; text-decoration: underline; margin-top: 30px;display: inline-block;
-webkit-background-size: 6px auto;
        background-size: 6px auto }

.box-grid-wrap img { width: 100%; max-width: 100% }
.box-grid-wrap.row { margin: 0 -10px; }
.box-grid-wrap.row > *[class *= "col-"] { padding: 0 10px; margin-bottom: 20px; }
.box-grid-wrap .col-sm-6.up { margin-top: -15.85%; }
.box-grid-wrap .col-sm-3 .figure-box { padding-bottom: 144%; background: #f5f5f5;}
.box-grid-wrap .col-sm-6 .figure-box { padding-bottom: 102%; background: #f5f5f5;}
.box-grid-wrap.row .figure-box { position: relative; display: block;
-webkit-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out;}
.box-grid-wrap.row .figure-box:hover { background: #ebebeb;}
.box-grid-wrap.row .inner { position: absolute; top: 0; left: 0; width: 100%; }
.box-grid-wrap.row .inner .title { padding:12px; font-size: 15px }
.box-grid-wrap.row .inner .title span { display: inline-block; line-height: 1.25; max-height: 34px; overflow: hidden; }
.box-grid-wrap .col-sm-6 .inner .title span { font-size: 20px; line-height: 1.15; max-height: 46px; }
.box-grid-type-v2 .col-sm-3 .figure-box { padding-bottom: 134%;}
.box-grid-type-v2 .col-sm-6 .figure-box { padding-bottom: 97.5%;}
.box-grid-type-v2 .col-sm-6.up { }
/* ==========================================================================
   HELP
   ========================================================================== */
.passage p a { font-family: 'avenirheavy'; color: #f22613; }
.title-field { position: relative; font-family: 'avenirheavy'; padding:10px 30px 10px 0; cursor: pointer;
-webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out; }
.title-field:before { background: url(../images/next-pager.png) no-repeat; position: absolute; top: 50%; right: 10px; width: 9px; height: 17px; content: ""; margin-top: -8px;opacity: 0.7;
-webkit-transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
-webkit-background-size: 10px auto;
        background-size: 10px auto;}
.title-field:hover,
.title-field.active { color: #f22613;}
.title-field.active:before { 
  -webkit-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
          transform: rotate(90deg);}
.helpDeskContent .group-collapse { visibility: hidden; max-height: 0; }
.helpDeskContent .group-collapse.reveal { visibility: visible; max-height: 100%; }
.helpDeskContent .group-collapse p { padding-bottom: 10px; }
.navType-v2 .helpDesk .sidebar-list-item a { background-position: 105% center;
-webkit-background-size: 6px auto;
        background-size: 6px auto;}
.navType-v2 .helpDesk .sidebar-list-item a.active { background-position: right center;}
/* ==========================================================================
   CARD ADVANTAGES
   ========================================================================== */
.card-advantages { padding:20px 0; background: #f7f7f7; text-align: center; position: relative;
    left: 0px;
    top: 0;
    z-index: -1;}
.card-advantages .red-text { border-bottom: 1px solid #f22613;}
.cards-carousel { margin-top: 10px; overflow: hidden; }
.cards-carousel .item { padding: 10px; background: #f7f7f7; }
.cards-carousel .item figure img { max-width: 100%; display: block; margin: 0 auto 10px; }
/* ==========================================================================
   FOOTER
   ========================================================================== */
footer a { text-decoration: none;border-bottom: 1px solid transparent;
-webkit-transition: color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out; 
        transition: color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out; }
footer a:hover { color: #302c2c; border-bottom: 1px solid #302c2c; }
footer a.spec:hover { border-bottom: 1px solid transparent; opacity: 0.6}
footer { background: #fff; }
footer h5 { margin-bottom: 10px; }
footer ul { padding: 0; }
footer ul li { list-style-type: none; }
footer ul li a { color: #898989; }
footer .footer-mobile-row { display: none; }
footer .footer-mobile-row .open-mobile-footer { background: url(../images/footer-mobile-menu.png) no-repeat left center; font-family: 'avenirheavy'; cursor: pointer; padding: 15px 30px 11px 30px; line-height: 1.7em; }
.footer-top { padding: 30px 0; }
.footer-top section ul li { margin: 4px 0;  }
.footer-top .f-contact i { background: url(../images/phone-icon.png) no-repeat; display: inline-block; margin-right: 10px; width: 29px; height: 24px; vertical-align: top; margin-top: -7px;
-webkit-background-size: 29px auto;
        background-size: 29px auto; }
.footer-top ul .f-phone i { width: 26px; height: 26px; background: url(../images/f-icon-phone.png) no-repeat; display: inline-block; margin-right: 10px;}
.footer-top ul .f-phone a { display: inline-block; vertical-align: 40%; cursor: default;}
.footer-top ul .f-phone a:hover { color: #302c2c; }
.footer-top .footerContact { text-align: right; }
.footer-top .footerContact a { text-align: right; font-family: 'avenirheavy'; color: #302c2c }
.footer-top .footerContact a:hover { border-bottom: 1px solid transparent;color: #f22613 }
.footer-top .footerContact span { text-align: right; color: #302c2c; }
.footer-top .footerContact section > h5 { margin-bottom: 15px; }
.footer-top .footerContact li h5 { padding-left: 50%; text-align: right; }
.footer-bottom-head { background: #f7f7f7; padding: 10px 0; font-size: 13px; }
.footer-bottom-head a { color: #302c2c; }
.footer-bottom-head .container { position: relative; }
.footer-bottom-head .editionalInfo ul { margin-top: 5px; }
.footer-bottom-head .editionalInfo ul li { float: left; min-height: 33px; line-height: 33px; padding-left: 45px; margin-right: 20px; }
.footer-bottom-head .editionalInfo ul .clickCome { background: url(../images/tiklagel.png) no-repeat;
-webkit-background-size: 34px auto;
        background-size: 34px auto; }
.footer-bottom-head .editionalInfo ul .hopi { background: url(../images/hopi.png) no-repeat; 
-webkit-background-size: 34px auto;
        background-size: 34px auto;}
.footer-bottom-head .mobileApp p { background: url(../images/f-icon-mobile.png) no-repeat; height: 43px; padding-left: 50px; margin: 0; }
.footer-bottom-head .mobileApp p span { display: block; }
.footer-bottom-head .mobileApp p a { font-family: 'avenirheavy'; }
.footer-bottom-head .social ul { float: right; margin-top: 3px; }
.footer-bottom-head .social ul li { float: left; margin-left: 5px; }
.footer-bottom-head .social ul li a { display: block; width: 39px; height: 39px;
-webkit-backface-visibility: hidden; 
        backface-visibility: hidden;
-webkit-transform: scale(1); 
    -ms-transform: scale(1); 
        transform: scale(1);
-webkit-transition: -webkit-transform 0.2s;
        transition: transform 0.2s; }
.footer-bottom-head .social ul li a:hover { border-bottom: 1px solid transparent;
-webkit-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
        transform: scale(1.1); }
.footer-bottom-head .social .facebook a { background: url(../images/facebook.png) no-repeat; }
.footer-bottom-head .social .twitter a { background: url(../images/twitter.png) no-repeat; }
.footer-bottom-head .social .instagram a { background: url(../images/instagram.png) no-repeat; }
.footer-bottom-head .social .youtube a { background: url(../images/youtube.png) no-repeat; }
.footer-bottom-head .social .gplus a { background: url(../images/gplus.png) no-repeat; }
.footer-bottom-head .social .pinterest a { background: url(../images/pinterest.png) no-repeat; }
.footer-bottom-end { padding: 7px 0; }
.footer-bottom-end .f-bottom-info { margin-top: 15px; margin-bottom: 0; text-align: center; font-size: 13px; }
.footer-bottom-end .f-bottom-info a { border-bottom: 1px solid #353535; }
.footer-bottom-end .f-bottom-info a:hover { border-bottom: 1px solid #999; color: #999; }
.footer-bottom-end .f-bottom-logo { margin-top: 10px; float: right; }
.footer-bottom-end .f-bottom-logo img { margin-left: 10px; }
/* ==========================================================================
   KEY FRAMES
   ========================================================================== */
@-webkit-keyframes moveup {
  from { opacity: 0; bottom: -32px; }
  to { opacity: 1; bottom: 0; }
}
@-ms-keyframes moveup {
  from { opacity: 0; bottom: -32px; }
  to { opacity: 1; bottom: 0; }
}
@keyframes moveup {
  from { opacity: 0; bottom: -32px; }
  to { opacity: 1; bottom: 0; }
}
@-webkit-keyframes movedown {
  from { opacity: 0;-webkit-transform: translateY(50%);}
  to { opacity: 1;-webkit-transform: translateY(0%)}
}
@-ms-keyframes movedown {
  from { opacity: 0;-ms-transform: translateY(50%);}
  to { opacity: 1;-ms-transform: translateY(0%)}
}
@keyframes movedown {
   from { opacity: 0;transform: translateY(50%);}
  to { opacity: 1;transform: translateY(0%)}
}
@-webkit-keyframes grow {
  from { opacity: 0;-webkit-transform: translateY(-50%);}
  to { opacity: 1;-webkit-transform: translateY(0%)}
}
@-ms-keyframes grow {
  from { opacity: 0;-ms-transform: translateY(-50%);}
  to { opacity: 1;-ms-transform: translateY(0%)}
}
@keyframes grow {
   from { opacity: 0;transform: translateY(-50%);}
  to { opacity: 1;transform: translateY(0%);}
}

@-webkit-keyframes grow2 {
  from { opacity: 0;transform: scale(0.5);}
  to { opacity: 1;transform: scale(1);}
}
@-ms-keyframes grow2 {
  from { opacity: 0;transform: scale(0.5);}
  to { opacity: 1;transform: scale(1);}
}
@keyframes grow2 {
  from { opacity: 0;transform: scale(0.5);}
  to { opacity: 1;transform: scale(1);}
}
@-webkit-keyframes added {
  from { background: #f3a59d; }
  to { background: #fff;}
}
@-ms-keyframes added {
  from { background: #f3a59d; }
  to { background: #fff;}
}
@keyframes added {
  from { background: #f3a59d; transform: translateX(50px);}
  to { background: #fff;transform: translateX(0);}
}
/* ==========================================================================
   TABLET MOBILE MODULES
   ========================================================================== */
.tabletConvert .tablet-accordion-text .grey,
.tabletConvert .mobile-accordion-text .grey {color: #999; margin-left: 5px; cursor: pointer;}
.tabletConvert .tablet-accordion-text,
.mobileConvert .mobile-accordion-text,
.top-section .acc-link { padding: 14px 15px; font-family: 'avenirheavy'; text-transform: uppercase; position: relative; cursor: pointer;}
.top-section .acc-link,
.asideMenu .tablet-accordion-text,
.asideMenu .mobile-accordion-text{ background: #ebebeb; }
.tabletConvert .tablet-accordion-text i,
.mobileConvert .mobile-accordion-text i,
.top-section .acc-link i { width: 11px; height: 7px; display: inline-block; background: url(../images/mini-arrow.png) no-repeat;position: absolute;top: 50%; margin-top: -4px; right: 15px;
-webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
        transition: all 0.2s; }
.tabletConvert .tablet-accordion-text.opened,
.mobileConvert .mobile-accordion-text.opened,
.top-section .acc-link.opened { background: #ebebeb;}
.tabletConvert .tablet-accordion-text.opened i,
.mobileConvert .mobile-accordion-text.opened i,
.top-section .acc-link.opened i { 
-webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
        transform: rotate(-180deg); }
/* ==========================================================================
   PRINT
   ========================================================================== */
.print-wrap .logo-wrap { margin-top: 10px; }
/* ==========================================================================
   LOADING
   ========================================================================== */
.loading-overlay { z-index:99999;opacity:0; display: none;position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(255,255,255,0.75);
-webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;}
.loading-overlay.reveal { display: block;}
.loading-overlay.show { opacity: 1; }
.loading-overlay span { width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; display: block; background:url(../images/loading.gif) no-repeat center; position: relative; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; }
/* ==========================================================================
   USE HOPI POPUP
   ========================================================================== */
#useHopi{position:relative;height:600px;overflow:hidden;max-width:980px;width:100%;display: none;}
#useHopi form.step1 {text-align:center;padding:122px 0 0 0;}
#useHopi form input[type="text"] {width:370px;height:74px;margin:0 auto; border:1px solid #cdcdcd;border-radius:2px;font-size:35px; background: #f8f8f8;padding: 0 20px; 
-webkit-transition: background 0.2s, border-color 0.2s;
        transition: background 0.2s, border-color 0.2s;}
#useHopi form input[type="text"]:focus { background: #eee; outline: 0; border-color: #dcdcdc}
#useHopi form input[type="submit"] {height:40px;width:209px;background:#e30d7d; color:#fff; border-radius:2px; margin:0 auto;float:none;margin:22px 0;border:0;font-size: 14px; font-family: 'avenirheavy'; line-height: 40px; }
.hopiLogo{ position:absolute; width:65px; height:60px; background:url(../images/hopi.png) no-repeat 0 0; display:block; top:20px; left:30px; 
-webkit-background-size: 65px auto;
        background-size: 65px auto;}
#useHopi form p strong { font-family: 'avenirheavy'; font-weight:normal; }
#useHopi em.ball{position:absolute;background:url(../images/hopiBalls.png) no-repeat 0 0;display:block;transition: all .7s ease-in-out;}
#useHopi em.ball.blue{width:126px;height:126px;background-position:0 0 ;left:-40px;top:33%;}
#useHopi em.ball.yellow{width:116px;height:116px;background-position:-126px center ;right:-56px;top:38%;}
#useHopi em.ball.green{width:74px;height:74px;background-position:-242px center ;top:-35px;left:150px;}
#useHopi em.ball.pink{width:43px;height:44px;background-position:right center ;bottom:100px;right:155px;}
#useHopi em.phone{width:278px;height:241px;position:absolute;top:0;right:25px;background:url(../images/hopi-splash-phone.png) no-repeat 0 0 ;}
#useHopi.step2Active em.ball.yellow{background-size:154px auto;background-position:-54px center ;width:50px;height:50px;right:340px;bottom:-20px;top:auto;z-index:9999;}
#useHopi.step2Active em.ball.blue{display:none;}
#useHopi.step2Active em.ball.green{left:350px;top:25px;}
#useHopi.step2Active em.ball.pink{bottom:140px;right:150px;z-index:9999;}
.row.mAlignLeft {float: none;margin: 0 auto;width: 50%;}
#useHopi form .top p { width: 48%; margin: 0 auto 20px; font-size: 16px; }
#useHopi form > .row:first-child{margin-bottom:20px;}
#useHopi form > .row p span{color:#e30d7d;margin-bottom:13px;display:block;font-size:14px;font-family: 'avenirheavy';}
#useHopi form > .row p a{font-size:15px;}
#useHopi form > .row p a strong{font-family: 'avenirheavy';font-weight:normal;}
#useHopi form > .row p a:hover{color:#ff6e04;}
#useHopi form.step1 .hopiBottom{ height:134px;left:0;right:0;bottom:0;position:absolute;background:#f6a13b;color:#fff; padding: 20px 50px; font-size: 15px; }
#useHopi form.step1 .hopiBottom .useHopiBottom p{font-size:12px;margin-bottom:20px;}
#useHopi .step2{padding-top:0;display:none;position:relative;z-index:99;color:#000;padding:0;}
#useHopi .step2 .hopiTop{background:#f3ca3f;height:65px;padding-top:20px;}
#useHopi .step2 > div{padding-left:30px;padding-right:30px;}
#useHopi .step2 .hopiTop p {font-size:18px; }
#useHopi .step2 .hopiCenter{width:100%;overflow:hidden;margin-bottom:33px;}
#useHopi .step2 .hopiCenter .option { border-bottom: 1px solid #eee;}
#useHopi .step2 .hopiCenter .hopiCampaingHead {padding:20px 0 15px; border-bottom:1px solid #eee; font-size: 15px; }
#useHopi .step2 .hopiCenter .label-span { width: 58.33333333%; float: left; color: #707070; padding: 0 15px; }
#useHopi .step2 .hopiCenter .label-span.date { width: 41.66666667%; padding-left: 30px;}
#useHopi .step2 .hopiCenter .radioLabel { display: block; }
#useHopi .step2 .hopiCenter .form-group { margin-bottom: 0; padding: 13px 0 10px; }
#useHopi .step2 .hopiCampaingContent {height: 255px; }
#useHopi .step2 .hopiCampaingContent .top span {font-family: 'avenirheavy'; display: block; padding: 10px 0; cursor: pointer; border-bottom: 1px solid #eee; font-size: 15px; } 
#useHopi .step2 .hopiCampaingContent .top span i { background:url(../images/hopiAccordion-icon.png) no-repeat 0 0; vertical-align: -20%; margin-left: 10px;width: 19px; height: 19px; display: inline-block;}
#useHopi .step2 .hopiCampaingContent .top span.collapsed i{ background-position: 0 -19px; }
#useHopi .step2 .mCSB_inside > .mCSB_container { margin-right: 0; }
#useHopi form.step2 .hopiBottom{width:100%;height:190px;background:#efefef;}
#useHopi form.step2 .hopiBottom {height:190px;width:100%;float:left;background:#efefef;position:relative;padding-top:20px;}
#useHopi form.step2 .hopiBottom > p span{display:block;margin-bottom:8px;font-size:16px;}
#useHopi form.step2 .hopiBottom .hopiLogo {left:auto;right:20px;}
#useHopi form.step2 .hopiBottom .hopiCash {float:left;background:#fff;width:475px;height:68px;border:1px solid #d7d7d7;padding:13px 20px;margin-top:15px;}
#useHopi form.step2 .hopiBottom .hopiCash input[type="text"]{width:102px;background:#f4f4f4;height:40px;border:1px solid #d7d7d7;float:left;margin-right:5px;border-radius:2px;font-size:16px;text-align:center;}
#useHopi form.step2 .hopiBottom .hopiCash label{width:104px;float:left;font-size:12px;color:#000;margin-right:5px}
#useHopi form.step2 .hopiBottom .hopiCash .cashResult{width:102px;height:40px;float:left;margin-right:5px;background:#f3ca3f;line-height:40px;text-align:center;border-radius:2px;font-size:16px;}
#useHopi form.step2 .hopiBottom  input[type="submit"]{position:absolute !important;bottom:20px !important;right:20px !important;}
#useHopi form.step2 .hopiBottom p{width:80%;}

#brands {}
    #alphabet { background-color: #f1f1f1; padding: 11px; margin-bottom: 20px;}
        #alphabet a { line-height: 42px; padding: 0 12px; display: inline-block;}  
        #alphabet a.active, #alphabet a:hover { background-color: #fff;}

#invoiceAdressSelect-billing {
display:none;
margin-top:10px;
}
#newcloseAdress {
    float:right;
    top: -153px;
    right: 21px;
}
.links a{ display: inline-block;
text-align: center;
width: 38px;
height: 38px;
vertical-align: middle;
line-height: 38px;
border: 1px solid transparent;
-webkit-transition: border-color .15s ease-out;
-moz-transition: border-color .15s ease-out;
transition: border-color .15s ease-out;
}
.links b{ display: inline-block;
text-align: center;
width: 38px;
height: 38px;
vertical-align: middle;
line-height: 38px;
border: 1px solid transparent;
-webkit-transition: border-color .15s ease-out;
-moz-transition: border-color .15s ease-out;
transition: border-color .15s ease-out;
border-color: #dcdcdc;
font-family: 'avenirheavy';
}
.links a:hover{
    text-decoration: none;
    border-color: #dcdcdc;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
table.list thead td {
	background-color: rgba(0,0,0,0.4);
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight:bold;
}
table.list tbody td {
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}