a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.loadthis { display: none; }

.grecaptcha-badge { visibility: hidden; z-index: -1; }

label[class*="required"]:after { content: "*"; display: inline-block; vertical-align: top; }

.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.cc-message a { color: #fff; text-decoration: underline; }

.tind { text-indent: -9999px; }

.main-content { max-width: 1920px; margin: auto auto; overflow: hidden; }
.main-content-ins { max-width: 1420px; margin: auto auto; padding-left: 20px; padding-right: 20px; }
.main-content-top { padding-top: 114px; }
.main-content-bot { padding-bottom: 100px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }

.bootstrap-dialog .modal-header { background-color: #ddd !important; }
.bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 26px; opacity: 1; }
.bootstrap-dialog .bootstrap-dialog-title { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 15px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning { font-size: 15px !important; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 15px !important; color: #111; }

.rvl-hdn { visibility: hidden; }

#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */

.pagin { text-align: center; margin-top: 100px; }
.pagin li { margin-left: 4px; display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "|"; font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }
.pagin li.num:first-child:before { display: none; }
.pagin li a { display: inline-block; margin-top: -3px; font-size: 18px; color: #000; }
.pagin li a:hover,
.pagin li.active a { color: #8560a8; }

.ph { font-size: 16px; color: #5C6471; font-weight: 400; letter-spacing: 1px; }
.ph::-webkit-input-placeholder { opacity: 0.5 !important; font-size: 16px; color: #958580; font-weight: 400; letter-spacing: 1px; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 0.5 !important; font-size: 16px; color: #958580; font-weight: 400; letter-spacing: 1px; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 0.5 !important; font-size: 16px; color: #958580; font-weight: 400; letter-spacing: 1px; }
.ph:-ms-input-placeholder { opacity: 0.5 !important; font-size: 16px; color: #958580; font-weight: 400; letter-spacing: 1px; }
.ph:-ms-input-placeholder { opacity: 0.5 !important; font-size: 16px; color: #958580; font-weight: 400; letter-spacing: 1px; }

.ph-srch { font-size: 20px; color: #fff; font-weight: 400; }
.ph-srch::-webkit-input-placeholder { opacity: 1 !important; font-size: 20px; color: #fff; font-weight: 300; }
.ph-srch:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 20px; color: #fff; font-weight: 300; }
.ph-srch::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 20px; color: #fff; font-weight: 300; }
.ph-srch:-ms-input-placeholder { opacity: 1 !important; font-size: 20px; color: #fff; font-weight: 300;}
.ph-srch:-ms-input-placeholder { opacity: 1 !important; font-size: 20px; color: #fff; font-weight: 300; }

ol.breadcrumb { background: transparent; margin: 10px 0 0 0; padding: 0; }
ol.breadcrumb li { font-size: 14px; margin: 0; padding: 0; list-style: none; }
ol.breadcrumb li + li:before { content: "/"; margin: 0; padding: 0; font-size: 14px; color: #5C6471; }
ol.breadcrumb li a { font-size: 14px; text-decoration: none; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.size-large .modal-dialog { max-width: 100%; width: 710px; }
@media only screen and (max-width: 767px) { /* .col-xs- */
.size-large .modal-dialog { padding: 10px; margin: 0 auto; }
}

.form-group.by-2 { display: grid; grid-template-columns: 40% 60%; grid-gap: 0; align-items: flex-end; }
.form-group.by-2 > div:first-child { padding-right: 15px; }
.form-group.by-2 > div:first-child label { margin-bottom: 0; font-weight: 700; letter-spacing: 1px; color: #5c6471; }

/********************* HEADER *********************/
.cbp-af-header { position: fixed; top: 0; left: 0; width: 100%; height: 114px; z-index: 100;background: transparent; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header.header-scrl { }
.cbp-af-header .header-wrapper { }
.cbp-af-header .header-wrapper header { }

header { }
header .main-content-ins { max-width: 1740px; position: relative; }
header .lft { position: absolute; top: 45px; left: 20px; z-index: 2; }
header .lft > div { display: inline-block; vertical-align: middle; margin-right: 40px; }
header .lft > div:last-child { margin-right: 0; }
header .lft .logo { }
header .lft .logo a { display: block; background: url(../img/menu.png) no-repeat 0 0; width: 30px; height: 15px; }
header .lft .logo a.mob { display: none; }
header .lft .langs { position: relative; }
header .lft .langs span { display: inline-block; vertical-align: middle; background: url(../img/arrow-down-4x8.png) no-repeat center right; padding-right: 14px; cursor: pointer; font-size: 20px; color: #958580; letter-spacing: 1px; font-weight: 300; line-height: 22px; }
header .lft .langs ul { display: none; position: absolute; top: 25px; left: 0; }
header .lft .langs ul li { }
header .lft .langs ul li a { font-size: 20px; letter-spacing: 1px; font-weight: 300; line-height: 22px; }
header .cnt { position: absolute; top: 49px; left: 0; z-index: 1; width: 100%; text-align: center; }
header .cnt a { display: inline-block; vertical-align: top; background: url(../img/claviano_logo_big1.png) no-repeat 0 0; width: 250px; height: 37px; }
header .rgt { position: absolute; top: 46px; right: 20px; z-index: 2; }
header .rgt a { display: inline-block; vertical-align: middle; }
header .rgt a.lnk { font-size: 20px; color: #958580; letter-spacing: 1px; font-weight: 300; line-height: 22px; }
header .rgt a.ico { background-position: 0 0; background-repeat: no-repeat; margin-left: 40px; }
header .rgt a.ico.fav { background-image: url(../img/heart-light.png); width: 24px; height: 21px; }
header .rgt a.ico.srch { background-image: url(../img/search.png); width: 21px; height: 21px; }
header .rgt a.ico.cart { background-image: url(../img/cart.png); width: 22px; height: 22px; position: relative; }
header .rgt a.ico.cart span { position: absolute; top: -12px; right: -12px; background: #958580; color: #EFE2CB; text-align: center; width: 23px; height: 23px; line-height: 23px; border-radius: 50%; font-size: 15px; }

.mega-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 400; display: flex; flex-direction: column; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mega-menu.open { opacity: 1; visibility: visible; }
.mega-menu .btn-close { position: absolute; top: 55px; left: 110px; background: url(../img/close.png) no-repeat 0 0; width: 24px; height: 24px; cursor: pointer; }
.mega-menu .btns { position: absolute; top: 55px; right: 110px; }
.mega-menu .btns a { display: inline-block; vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; margin-left: 40px; }
.mega-menu .btns a.fav { background-image: url(../img/heart-light.png); width: 24px; height: 21px; }
.mega-menu .btns a.srch { background-image: url(../img/search.png); width: 21px; height: 21px; }
.mega-menu .btns a.cart { background-image: url(../img/cart.png); width: 22px; height: 22px; }
.mega-menu .ins { width: 1000px; max-width: 100%; margin: auto auto; }
.mega-menu .top { }
.mega-menu .top > ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 70px 30px; }
.mega-menu .top > ul > li { }
.mega-menu .top > ul > li > a { font-size: 50px; color: #958580; font-family: 'EB Garamond', serif; letter-spacing: 3px; }
.mega-menu .top > ul > li > a:hover,
.mega-menu .top > ul > li > a.active { color: #5c6471; }
.mega-menu .top > ul > li > ul { margin-top: 30px; }
.mega-menu .top > ul > li > ul.lg { margin-top: 0; }
.mega-menu .top > ul > li > ul > li { margin-top: 10px; }
.mega-menu .top > ul > li > ul.lg > li { margin-top: 10px; }
.mega-menu .top > ul > li > ul > li:first-child { margin-top: 0; }
.mega-menu .top > ul > li > ul > li > a { font-size: 18px; color: #958580; font-weight: 300; letter-spacing: 1px; }
.mega-menu .top > ul > li > ul.lg > li > a { font-size: 30px; font-weight: 400; letter-spacing: 2px; }
.mega-menu .top > ul > li > ul > li > a:hover,
.mega-menu .top > ul > li > ul > li > a.active { color: #5c6471; }
.mega-menu .top > ul > li .ttl { font-size: 30px; color: #958580; font-weight: 400; letter-spacing: 2px; }
.mega-menu .top > ul > li .lst { margin-top: 30px; }
.mega-menu .top > ul > li .lst a { display: inline-block; vertical-align: middle; background-position: center center; background-repeat: no-repeat; height: 28px; margin-right: 30px; }
.mega-menu .top > ul > li .lst a:last-child { margin-right: 0; }
.mega-menu .top > ul > li .lst a.fb { background-image: url(../img/facebook-2.png); width: 13px; }
.mega-menu .top > ul > li .lst a.in { background-image: url(../img/instagram-2.png); width: 29px; }

.header-cart-pop { position: fixed; top: 114px; right: 0; width: 100%; max-width: 460px; z-index: 200; box-shadow: 0px 17px 83px rgba(0, 0, 0, 0.2); display: none; }
.header-cart-pop .top { background: #958580; padding: 30px 40px; }
.header-cart-pop .top .ttl { font-size: 28px; color: #EFE2CB; font-weight: 500; letter-spacing: 2px; font-family: 'EB Garamond', serif; }
.header-cart-pop .top .ins { margin-top: 30px; display: grid; grid-template-columns: 120px 1fr 20px; grid-gap: 0 24px; align-items: center; }
.header-cart-pop .top .ins .det { }
.header-cart-pop .top .ins .det .det-ttl { font-size: 14px; color: #fff; font-weight: 300; letter-spacing: 1px; }
.header-cart-pop .top .ins .det .det-prc { color: #fff; font-weight: 500; margin-top: 10px; }
.header-cart-pop .top .ins .det .det-attr { margin-top: 10px;  }
.header-cart-pop .top .ins .det .det-attr > span { display: inline-block; vertical-align: top; margin-right: 24px; font-weight: 300; color: #fff; }
.header-cart-pop .top .ins .det .det-attr > span:last-child { margin-right: 0; }
.header-cart-pop .top .ins .det .det-attr > span > strong { font-weight: 500 !important; }
.header-cart-pop .top .ins .det .det-attr > span:last-child > span { display: inline-block; vertical-align: top; border: 1px solid #fff; padding: 1px; border-radius: 50%; margin-left: 18px; transform: translateY(3px); }
.header-cart-pop .top .ins .det .det-attr > span:last-child > span > span { display: block; border-radius: 50%; width: 13px; height: 13px; }
.header-cart-pop .top .ins .det .det-code { font-size: 10px; color: #fff; font-weight: 900; letter-spacing: 1px; margin-top: 15px;  }
.header-cart-pop .top .ins .det .det-code span { text-transform: uppercase; }
.header-cart-pop .top .ins .rem { }
.header-cart-pop .top .ins .rem a { display: block; background: url(../img/close-3.png) no-repeat 0 0; width: 20px; height: 20px; }
.header-cart-pop .bot { background: #fff; padding: 30px 40px; }
.header-cart-pop .bot a { }

.srch-modal-c { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 501; opacity: 0; visibility: hidden; display: flex; flex-direction: column; justify-content: center; padding: 0 15px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.srch-modal-c.active { opacity: 1; visibility: visible; }
.srch-modal { width: 1000px; max-width: 100%; display: grid; grid-template-columns: 21px 1fr 22px; grid-gap: 0 15px; align-items: center; margin: auto auto; }
.srch-modal button { background: url(../img/search-2.png) no-repeat 0 0; border: 0; width: 21px; height: 21px; cursor: pointer; text-indent: -9999px; }
.srch-modal input { background: #958580; border: 0; width: 100%; height: 60px; text-align: center; margin: 0; padding: 0 15px; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; }
.srch-modal .btn-close { background: url(../img/close-3.png) no-repeat 0 0; width: 22px; height: 22px; cursor: pointer; }

/*.login-modal-c { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 501; opacity: 0; visibility: hidden; display: flex; flex-direction: column; justify-content: center; padding: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.login-modal-c.active { opacity: 1; visibility: visible; }*/
.login-modal-c { position: relative; }
.login-modal { width: 710px; max-width: 100%; margin: auto auto; }
.login-modal .ttl { background: #958580; display: block; text-align: center; padding: 15px; font-size: 24px; font-weight: 500; color: #fff; letter-spacing: 2px; font-family: 'EB Garamond', serif; text-transform: uppercase; position: relative; }
.login-modal .ttl span { display: block; background: url(../img/close-3.png); width: 22px; height: 22px; position: absolute; top: 50%; right: 40px; transform: translateY(-11px); cursor: pointer; }
.login-modal .ins { padding: 80px 15px; background: #fff; }
.login-modal .ins .ins-2 { max-width: 530px; margin: auto auto; }
.login-modal .lnk { margin-top: 30px; }
.login-modal .lnk-2 { margin-top: 8px; text-align: center; }
.login-modal .lnk-2 a { display: inline-block; vertical-align: middle; font-size: 10px; }
.login-modal .lnk-3 { margin-top: 30px; text-align: center; }
.login-modal .lnk-3 a { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; }
.login-modal .lnk-3 a span { text-decoration: underline; font-weight: 600; }

/*.register-modal-c { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 501; opacity: 0; visibility: hidden; display: flex; flex-direction: column; justify-content: center; padding: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.register-modal-c.active { opacity: 1; visibility: visible; }*/
.register-modal-c { position: relative; }
.register-modal { width: 710px; max-width: 100%; margin: auto auto; }
.register-modal .ttl { background: #958580; display: block; text-align: center; padding: 15px; font-size: 24px; font-weight: 500; color: #fff; letter-spacing: 2px; font-family: 'EB Garamond', serif; text-transform: uppercase; position: relative; }
.register-modal .ttl span { display: block; background: url(../img/close-3.png); width: 22px; height: 22px; position: absolute; top: 50%; right: 40px; transform: translateY(-11px); cursor: pointer; }
.register-modal .ins { padding: 80px 15px; background: #fff; }
.register-modal .ins .ins-2 { max-width: 530px; margin: auto auto; }
.register-modal .lnk { margin-top: 30px; }
.register-modal .lnk-3 { margin-top: 30px; text-align: center; }
.register-modal .lnk-3 a { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; }
.register-modal .lnk-3 a span { text-decoration: underline; font-weight: 600; }
.register-modal .chk { margin-top: 10px; position: relative; padding-left: 30px; }
.register-modal .chk > div { position: absolute; top: 0; left: 0; }
.register-modal .chk a,
.register-modal .chk span { display: inline-block; vertical-align: middle; font-size: 10px; color: #434343; letter-spacing: 1px; text-transform: capitalize; }

/*.forgot-modal-c { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 501; opacity: 0; visibility: hidden; display: flex; flex-direction: column; justify-content: center; padding: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.forgot-modal-c.active { opacity: 1; visibility: visible; }*/
.forgot-modal-c { position: relative; }
.forgot-modal { width: 710px; max-width: 100%; margin: auto auto; }
.forgot-modal .ttl { background: #958580; display: block; text-align: center; padding: 15px; font-size: 24px; font-weight: 500; color: #fff; letter-spacing: 2px; font-family: 'EB Garamond', serif; text-transform: uppercase; position: relative; }
.forgot-modal .ttl span { display: block; background: url(../img/close-3.png); width: 22px; height: 22px; position: absolute; top: 50%; right: 40px; transform: translateY(-11px); cursor: pointer; }
.forgot-modal .ins { padding: 80px 15px; background: #fff; }
.forgot-modal .ins .ins-2 { max-width: 530px; margin: auto auto; }
.forgot-modal .lnk { margin-top: 30px; }

.float-cart { position: fixed; top: 0; right: 0; z-index: 501; width: 820px; height: 100%; background: #fbfbfb; box-shadow: 0px 17px 83px rgba(0, 0, 0, 0.14); transform: translateX(820px); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.float-cart.open { transform: translateX(0); }
.float-cart .ins { max-width: 590px; margin: auto auto; }
.float-cart .ttl { font-size: 40px; color: #958580; font-weight: 500; letter-spacing: 2px; font-family: 'EB Garamond', serif; padding: 55px 0; position: relative; }
.float-cart .ttl span { position: absolute; top: 74px; left: -68px; background: url(../img/arrow-left-28x22.png) no-repeat 0 0; width: 28px; height: 22px; cursor: pointer; }
.float-cart .cnt { }
.float-cart .cnt ul { }
.float-cart .cnt ul li { margin-top: 30px; }
.float-cart .cnt ul li:first-child { margin-top: 0; }
.float-cart .bot { padding: 36px; }
.float-cart .bot a { max-width: 426px; margin: auto auto; }

.bg-shadow,.bg-shadow-2,.bg-shadow-3,.bg-shadow-4 { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 500; opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.bg-shadow.active,.bg-shadow-2.active,.bg-shadow-3.active,.bg-shadow-4.active { opacity: 1; visibility: visible; }

.cbp-af-header.cbp-af-header-shrink,
.cbp-af-header.cbp-af-header-inside { background: #efefef; }

nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #958580; }

.close-menu { cursor: pointer; }

.mm-navbar_tabs a { font-size: 16px; }
.mm-navbar_tabs a i { margin-right: 6px; }

.mm-listitem__text { font-size: 16px; }

.mm-btn_close { background: #958580; }
.mm-btn_close::before,
.mm-btn_close::after { border-color: #000; }
.mm-btn_close::before { right: 15px; }
.mm-btn_close::after { right: 22px; }

.mm-navbars_bottom { border-top: 0; }
.mm-navbars_bottom .mm-navbar { background: #958580; }
.mm-navbars_bottom .mm-navbar a { color: #fff; }

.mm-btn_close::before,
.mm-btn_close::after { border-color: #fff; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { }
footer .footer-data a:hover { color: #fff !important; }
footer .top {background: #fff;padding: 55px 0;border-bottom: 1px solid #EFE2CB;border-top: 1px solid #EFE2CB;}
footer .top > div { position: relative; }
footer .top .logo { }
footer .top .logo a { display: block; background: url(../img/claviano_logo_big1.png) no-repeat 0 0; width: 250px; height: 37px; margin: auto auto; }
footer .top .lft,
footer .top .rgt { position: absolute; top: 0; transform: translateY(-6px); }
footer .top .lft { left: 20px; }
footer .top .lft a {display: inline-block;vertical-align: middle;/* background-position: center center; *//* background-repeat: no-repeat; *//* height: 15px; */margin-right: 20px;color: #7d7e82;}
footer .top .lft a:last-child { margin-right: 0; }
footer .top .lft a:hover {color: #7d7e82;}
footer .top .lft a.fb {/* background-image: url(../img/facebook.png); *//* width: 7px; */}
footer .top .lft a.in {/* background-image: url(../img/instagram.png); *//* width: 15px; */}
footer .top .rgt { right: 20px; }
footer .top .rgt a {display: block;color: #7d7e82;font-family: 'EB Garamond', serif;letter-spacing: 1px;}
footer .top .rgt a:hover {color: #7d7e82;}
footer .main { background: #958580; padding: 55px 0 65px 0; }
footer .main .main-t { display: grid; grid-template-columns: 300px 1fr; grid-gap: 0 40px; }
footer .main .lft { }
footer .main .rgt { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 40px; }
footer .main .ttl { color: #EFE2CB; font-family: 'EB Garamond', serif; letter-spacing: 1px; }
footer .main .lst { margin-top: 10px; }
footer .main .lst ul { }
footer .main .lst ul li a { display: block; position: relative; padding-left: 20px; font-size: 12px; color: #CBC4BE; letter-spacing: 1px; line-height: 25px; font-weight: 300; }
footer .main .lst ul li a:before { content: ""; background-position: center center; background-repeat: no-repeat; left: 0; position: absolute; }
footer .main .lst ul li.addr a:before { background-image: url(../img/map.png); width: 10px; height: 12px; top: 7px; }
footer .main .lst ul li.pho a:before { background-image: url(../img/phone.png); width: 11px; height: 11px; top: 7px; }
footer .main .lst ul li.ema a:before { background-image: url(../img/email.png); width: 10px; height: 7px; top: 9px; }
footer .main .mn { margin-top: 9px; }
footer .main .mn ul { }
footer .main .mn ul li { margin-top: 2px; }
footer .main .mn ul li:first-child { margin-top: 0; }
footer .main .mn ul li a { font-size: 12px; color: #CBC4BE; font-weight: 300; }
footer .main .und { margin-top: 30px; line-height: 25px; padding-left: 20px; }
footer .main .und .sttl { font-size: 12px; color: #CBC4BE; letter-spacing: 1px; font-weight: 300; }
footer .main .und ul { margin-top: 0px; }
footer .main .und ul li { display: inline-block; vertical-align: top; margin-right: 20px; }
footer .main .und ul li:last-child { margin-right: 0; }
footer .main .und ul li a { font-size: 12px; color: #CBC4BE; letter-spacing: 1px; text-decoration: underline; font-weight: 300; }
footer .main .main-b { max-width: 320px; margin: 20px auto 0 auto; }
footer .main .main-b .ttl { font-size: 17px; color: #EFE2CB; letter-spacing: 3px; }
footer .main .main-b .txt { font-size: 12px; color: #CBC4BE; font-weight: 300; letter-spacing: 1px; }
footer .main .main-b .inp { margin-top: 15px; border-bottom: 1px solid #EFE2CB; position: relative; }
footer .main .main-b .inp input { margin: 0; padding: 0 27px 0 0; width: 100%; height: 40px; background: none; border: 0; font-size: 12px; color: #EFE2CB; }
footer .main .main-b .inp button { position: absolute; top: 12px; right: 0; margin: 0; padding: 0; width: 17px; height: 14px; background: url(../img/arrow-right-17x14-light.png) no-repeat 0 0; border: 0; }
footer .main .main-b .chk { margin-top: 5px; position: relative; padding-left: 22px; }
footer .main .main-b .chk > div { position: absolute; top: 0; left: -4px; }
footer .main .main-b .chk a { display: inline-block; vertical-align: middle; font-size: 10px; color: #CBC4BE; font-weight: 300; }
footer .main .cptcha { margin-top: 60px; text-align: center; font-size: 12px; color: #CBC4BE; letter-spacing: 1px; }
footer .main .cptcha a { color: #CBC4BE; }
footer .main .cards { margin-top: 30px; }
footer .bot { background: #fff; padding: 12px 0; }
footer .bot .bot-l { float: left; font-size: 18px; color: #958580; letter-spacing: 2px; }
footer .bot .bot-r { float: right; font-size: 14px; color: #958580; letter-spacing: 1px; text-transform: uppercase; }
footer .bot .bot-r a { color: #958580; }
footer .bot .bot-r a:hover { color: #5c6471 !important; }
/********************* FOOTER *********************/

.m-ttl { }
.m-ttl h1, .m-ttl h2 { margin: 0; font-size: 40px; color: #958580; line-height: 40px; font-weight: 500; letter-spacing: 2px; font-family: 'EB Garamond', serif; }
.m-ttl h1 a, .m-ttl h2 a { color: #958580; }
.m-ttl.light h1, .m-ttl.light h2,
.m-ttl.light h1 a, .m-ttl.light h2 a { color: #958580; }

.m-ttl-2 { }
.m-ttl-2 h2 { margin: 0; font-size: 60px; color: #958580; line-height: 60px; font-weight: 500; letter-spacing: 2px; font-family: 'EB Garamond', serif; }
.m-ttl-2 h2 a { display: block; color: #958580; line-height: 60px; }
.m-ttl-2.light h2,
.m-ttl-2.light h2 a { color: #fff; }

.m-txt { display: block; line-height: 26px; letter-spacing: 2px; }
.m-txt.white,
.m-txt.white a { color: #fff; }

.m-btn { display: inline-block; vertical-align: top; font-size: 16px; font-weight: 500; color: #fff !important; background: #958580; border: 0; letter-spacing: 2px; text-align: center; margin: 0; padding: 15px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.m-btn:hover { background: #5c6471; }
.m-btn.blck { display: block; width: 100%; }
.m-btn.lg { font-size: 24px; letter-spacing: 3px; padding: 20px 15px; }
.m-btn.md { font-size: 24px; letter-spacing: 2px; padding: 15px; }
.m-btn.dark { background: #5c6471; }

.m-btn-2 { font-size: 18px; font-weight: 300; color: #958580; letter-spacing: 1px; }
.m-btn-2 span { display: inline-block; vertical-align: middle; margin-left: 15px; background: url(../img/arrow-right-17x13.png) no-repeat 0 0; width: 17px; height: 13px; }
.m-btn-2.white { color: #fff; }
.m-btn-2.white span { background-image: url(../img/arrow-right-17x13-white.png); transform: translateY(-1px); }

.m-btn-3 { font-size: 24px; font-weight: 500; color: #958580; letter-spacing: 2px; font-family: 'EB Garamond', serif; }
.m-btn-3 span { display: inline-block; vertical-align: middle; margin-left: 35px; background: url(../img/arrow-right-28x22.png) no-repeat 0 0; width: 28px; height: 22px; }
.m-btn-3.light { color: #fff; }
.m-btn-3.light span { background-image: url(../img/arrow-right-28x22-light.png); transform: translateY(-1px); }

.m-bnr { display: flex; flex-direction: column; justify-content: center; text-align: center; height: 300px; position: relative; }
.m-bnr:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 0; }
.m-bnr h1 { margin: 0; font-size: 45px; font-weight: 500; color: #FFF; letter-spacing: 2px; font-family: 'EB Garamond', serif; padding: 15px; text-transform: uppercase; position: relative; z-index: 1; }

.bnr-item { max-width: 440px; margin: auto auto; overflow: hidden; }
.bnr-item a { display: block; position: relative; }
.bnr-item a img { display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.bnr-item a:hover img { transform: scale(1.2); }
.bnr-item a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: 50px; font-weight: 700; color: #FFF; letter-spacing: 2px; font-family: 'EB Garamond', serif; padding: 15px; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.bnr-item a:hover span,
.bnr-item a.active span { opacity: 1; }

.bnr-item-2 { max-width: 440px; margin: auto auto; }
.bnr-item-2 a { display: block; position: relative; }
.bnr-item-2 a > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 15px; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.bnr-item-2 a:hover > span,
.bnr-item-2 a.active > span { opacity: 1; }
.bnr-item-2 a > span > span { color: #fff; }
.bnr-item-2 a > span > span.bnr-ttl { font-size: 24px; line-height: 24px; letter-spacing: 2px; font-weight: 300; }
.bnr-item-2 a > span > span.bnr-dsc { font-size: 50px; line-height: 50px; letter-spacing: 2px; font-weight: 700; font-family: 'EB Garamond', serif; margin-top: 5px; }
.bnr-item-2 a > span > span.bnr-btn { margin-top: 50px; }

.bnr-item-3 { max-width: 675px; margin: auto auto; overflow: hidden; }
.bnr-item-3 .bnr-ttl { }
.bnr-item-3 .bnr-img { margin-top: 45px; overflow: hidden; }
.bnr-item-3 .bnr-img a { display: block; position: relative; }
.bnr-item-3 .bnr-img a img { display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.bnr-item-3 .bnr-img a:hover img { transform: scale(1.2); }
.bnr-item-3 .bnr-lnk { margin-top: 50px; }

.prd-item { max-width: 300px; margin: auto auto; }
.prd-item.rect { max-width: 400px; }
.prd-item .prd-img { position: relative; }
.prd-item .prd-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prd-item:not(.out):not(.sold-out) .prd-img:before { display: none; }
.prd-item:hover .prd-img:before { opacity: 1; }
.prd-item .prd-img a { display: flex; flex-direction: column; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.prd-item.sold-out .prd-img a:before { content: "SOLD OUT"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: grid; align-content: center; text-align: center; font-weight: 900; font-size: 20px; letter-spacing: 3px; color: #fff; text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.6); }
.prd-item .prd-img a span { display: inline-block; vertical-align: top; background: url(../img/heart-large.png) no-repeat 0 0; width: 72px; height: 60px; margin: auto auto; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prd-item:not(.out) .prd-img a span { display: none; }
.prd-item:hover .prd-img a span { opacity: 1; }
.prd-item .prd-img a span:hover { background-image: url(../img/heart-large-active.png); }
.prd-item.sold-out .prd-img img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.prd-item .prd-det { position: relative; }
.prd-item.out .prd-det { height: 100px; }
.prd-item .prd-det .prd-ttl { padding-top: 15px; }
.prd-item .prd-det .prd-ttl h3 { margin: 0; font-size: 16px; font-weight: 400; }
.prd-item .prd-det .prd-ttl h3 a { display: block; line-height: 26px; letter-spacing: 2px; }
.prd-item .prd-det .prd-bot { margin-top: 12px; }
.prd-item .prd-det .prd-bot .prd-prc { float: left; font-size: 20px; margin-top: 3px; }
.prd-item .prd-det .prd-bot .prd-prc a { display: block; font-size: 20px; font-weight: 500; letter-spacing: 2px; line-height: 21px; }
.prd-item .prd-det .prd-bot .prd-prc a span { display: inline-block; vertical-align: top; margin-right: 15px; color: #E1C7BF; text-decoration: line-through; }
.prd-item .prd-det .prd-bot .prd-rgt { float: right; }
.prd-item .prd-det .prd-bot .prd-rgt a { display: inline-block; vertical-align: middle; margin-left: 15px; background-position: 0 0; background-repeat: no-repeat; }
.prd-item .prd-det .prd-bot .prd-rgt a.prd-fav { background-image: url(../img/heart-light.png); width: 24px; height: 21px; }
.prd-item .prd-det .prd-bot .prd-rgt a.prd-cart { background-image: url(../img/cart.png); width: 21px; height: 21px; background-size: 21px 21px; }
.prd-item.out .prd-det a.prd-det-hov { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e1c7bf; display: flex; flex-direction: column; justify-content: center; text-align: center; box-shadow: 0px 24px 60px rgba(136, 121, 116, 0.08); border-radius: 0 0 30px 30px; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prd-item.out:hover .prd-det a.prd-det-hov { opacity: 1; }
.prd-item .prd-det a.prd-det-hov span { display: inline-block; vertical-align: middle; border: 2px solid #fff; border-radius: 22px; width: 160px; line-height: 44px; margin: auto auto; font-size: 20px; color: #fff; letter-spacing: 2px; font-weight: 700; font-family: 'EB Garamond', serif; }
.prd-item .prd-det .prd-buy { margin-top: 15px; }
.page-load-status { display: none; /* hidden by default */ padding-top: 30px; margin-top: 30px; border-top: 1px solid #DDD; text-align: center; }

.cart-item { display: grid; grid-template-columns: 147px 1fr 14px; grid-gap: 0 15px; align-items: center; }
.cart-item .cart-img { }
.cart-item .cart-det { }
.cart-item .cart-det > div { max-width: 250px; margin: auto auto; }
.cart-item .cart-det .cart-ttl { font-weight: 300; letter-spacing: 2px; }
.cart-item .cart-det .cart-prc { font-weight: 500; letter-spacing: 1px; margin-top: 10px; }
.cart-item .cart-det .cart-attr { font-weight: 300; margin-top: 10px; }
.cart-item .cart-det .cart-attr > span { display: inline-block; vertical-align: top; margin-left: 30px; }
.cart-item .cart-det .cart-attr > span:first-child { margin-left: 0; }
.cart-item .cart-det .cart-attr .attr-size span { font-weight: 500; }
.cart-item .cart-det .cart-attr .attr-color { }
.cart-item .cart-det .cart-attr .attr-color > span { display: inline-block; vertical-align: top; border: 1px solid #000; padding: 1px; border-radius: 50%; margin-left: 18px; transform: translateY(3px); }
.cart-item .cart-det .cart-attr .attr-color > span > span { display: block; border-radius: 50%; width: 13px; height: 13px; }
.cart-item .cart-det .cart-code { font-size: 12px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; margin-top: 20px; }
.cart-item .cart-rem { }
.cart-item .cart-rem a { display: block; width: 14px; height: 14px; background: url(../img/close-2.png) no-repeat 0 0; }

/********************* HOMEPAGE *********************/
.hp-slider { position: relative; }

.hp-slider .tp-1 { padding-top: 114px !important; }
.hp-slider .tp-1 img { width: 970px !important; height: 935px !important; }

.hp-slider .tp-2,.hp-slider .tp-3,.hp-slider .tp-4,.hp-slider .tp-5,.hp-slider .tp-6 { min-width: 100% !important; max-width: 100% !important; }
.hp-slider .tp-2 > span,.hp-slider .tp-3 > span,.hp-slider .tp-4 > span,.hp-slider .tp-5 > span,.hp-slider .tp-6 > span { display: block; max-width: 1740px !important; white-space: normal !important; margin: auto auto !important; }
.hp-slider .tp-2,.hp-slider .tp-3 { padding-left: 20px !important; }
.hp-slider .tp-2 > span > span,.hp-slider .tp-3 > span > span,.hp-slider .tp-4 > span > span,.hp-slider .tp-5 > span > span,.hp-slider .tp-6 > span > span { display: block; max-width: 220px !important; white-space: normal !important; }
.hp-slider .tp-4,.hp-slider .tp-5,.hp-slider .tp-6 { padding-right: 20px !important; }
.hp-slider .tp-4 > span > span,.hp-slider .tp-5 > span > span,.hp-slider .tp-6 > span > span { float: right; width: 100%; }

.hp-slider .tp-2 { padding-top: 200px !important  }
.hp-slider .tp-2 > span > span { font-size: 24px !important; line-height: 24px !important; font-weight: 700 !important; color: #958580 !important; letter-spacing: 2px !important; font-family: 'EB Garamond', serif !important; }
.hp-slider .tp-3 { padding-top: 280px !important; }
.hp-slider .tp-3 > span > span { font-size: 16px !important; line-height: 24px !important; font-weight: 300 !important; color: #958580 !important; letter-spacing: 1px !important; }
.hp-slider .tp-4 { padding-bottom: 280px !important; }
.hp-slider .tp-4 > span > span { font-size: 20px !important; line-height: 20px !important; font-weight: 300 !important; color: #958580 !important; letter-spacing: 2px !important; }
.hp-slider .tp-4 > span > span > span { font-family: 'EB Garamond', serif !important; font-size: 24px !important; font-weight: 700 !important; }
.hp-slider .tp-5 { padding-bottom: 240px !important; }
.hp-slider .tp-5 > span > span { font-size: 42px !important; line-height: 42px !important; font-weight: 300 !important; color: #958580 !important; letter-spacing: 2px !important; }
.hp-slider .tp-5 > span > span strong { font-size: 42px !important; line-height: 42px !important; font-weight: 500 !important; }
.hp-slider .tp-6 { padding-bottom: 160px !important; }
.hp-slider .tp-6 > span > span { font-size: 24px !important; line-height: 24px !important; font-weight: 500 !important; color: #958580 !important; letter-spacing: 4px !important; font-family: 'EB Garamond', serif !important; }
.hp-slider .tp-6 > span > span img { display: inline-block; vertical-align: middle; margin-left: 20px; }

.hp-slider .tp-7 { white-space: normal !important; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: #fff !important; letter-spacing: 2px !important; line-height: 80px !important; transform: translateX(-300px) !important; }
.hp-slider .tp-8 { min-width: 800px !important; max-width: 800px !important; background: #958580 !important; height: 80px !important; }

.hp-slider .tp-my-1 { position: absolute; bottom: 25px; left: 50%; z-index: 50; transform: translateX(20px); }
.hp-slider .tp-my-1 a { display: block; font-size: 18px; color: #FFF6EB; }

.hp-slider .tp-my-2 { position: absolute; bottom: 30px; left: 50%; z-index: 50; transform: translateX(230px); }
.hp-slider .tp-my-2 a { display: inline-block; vertical-align: middle; margin-left: 25px; background-position: 0 0; background-repeat: no-repeat; }
.hp-slider .tp-my-2 a:first-child { margin-left: 0; }
.hp-slider .tp-my-2 a.fb { background-image: url(../img/facebook-3.png); width: 9px; height: 16px; }
.hp-slider .tp-my-2 a.in { background-image: url(../img/instagram-3.png); width: 16px; height: 16px; }
.hp-slider .tp-my-2 a.pi { background-image: url(../img/pinterest.png); width: 14px; height: 17px; }

.hp-slider .tparrows { background-color: transparent !important; width: 19px !important; height: 33px !important; background-position: center center !important; background-repeat: no-repeat !important; }
.hp-slider .tparrows:before { display: none !important; }
.hp-slider .tparrows.tp-leftarrow { background-image: url(../img/arrow-left-19x33.png) !important; padding-left: 330px !important; }
.hp-slider .tparrows.tp-rightarrow { background-image: url(../img/arrow-right-19x33.png) !important; padding-right: 330px !important; }

.hp-slider .tp-bullets { padding-bottom: 39px !important; margin-right: 260px !important; }
.hp-slider .tp-bullets .tp-bullet { background: #cabdb5 !important; width: 70px !important; height: 1px !important; }
.hp-slider .tp-bullets .tp-bullet.selected { background: #fff6eb !important; height: 3px !important; transform: translateY(-1px); }

.hp-bnr-1 { padding-top: 100px; padding-bottom: 120px; background: #fbfbfb; }
.hp-bnr-1 ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 30px; margin-top: 60px; }
.hp-bnr-1 .lnk { text-align: center; margin-top: 50px; }
.hp-bnr-2 { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0; grid-template-areas: "details image"; }
.hp-bnr-2.rev { grid-template-areas: "image details"; }
.hp-bnr-2 .det { grid-area: details; background: #958580; padding: 15px 0; display: flex; flex-direction: column; justify-content: center; width: 100%; }
.hp-bnr-2 .det .ins { }
.hp-bnr-2 .det .ins .ins-2 { display: inline-block; vertical-align: top; width: 100%; max-width: 460px; }
.hp-bnr-2.rev .det .ins .ins-2 { float: right; }
.hp-bnr-2 .det .txt { margin-top: 30px; }
.hp-bnr-2 .det .lnk { margin-top: 60px; }
.hp-bnr-2 .img { grid-area: image; }
.hp-crsl { padding-top: 110px; background: #f6f6f6; }
.hp-crsl.hp-crsl-bot { padding-bottom: 110px; }
.hp-crsl .slider-1-full { position: relative; }
.hp-crsl .slider-1-btns-l,
.hp-crsl .slider-1-btns-r { position: absolute; top: 50%; background-position: 0 0; background-repeat: no-repeat; width: 18px; height: 30px; cursor: pointer; }
.hp-crsl .slider-1-btns-l { left: -65px; background-image: url(../img/arrow-left-18x30.png); }
.hp-crsl .slider-1-btns-r { right: -65px; background-image: url(../img/arrow-right-18x30.png); }
.hp-crsl .slider-1-c { overflow: hidden; }
.hp-crsl .slider-1-c-2 { margin-left: -30px; margin-right: -30px; }
.hp-crsl .slider-1 { margin-top: 45px; }
.hp-crsl .slider-1 .slider-1-item { padding: 0 30px; }
.hp-bnr-3 { padding-top: 100px; padding-bottom: 110px; background: #fbfbfb; }
.hp-bnr-3 ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 30px; }
.hp-bnr-4 { padding-top: 70px; padding-bottom: 110px; background: #f6f6f6; }
.hp-bnr-4 ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 30px; margin-top: 60px; }
.hp-bnr-4 .lnk { text-align: center; margin-top: 50px; }
.hp-brands { padding: 110px 0 0px 0; }
.hp-brands .m-txt { max-width: 1160px; margin: 25px auto 0 auto; color: #958580; }
.hp-brands .lst { margin-top: 80px; }
.hp-brands .lst ul { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 100px 30px; }
.hp-brands .lnk { margin-top: 80px; text-align: center; }
/********************* HOMEPAGE *********************/

/********************* PRODUCTS *********************/
.prods { }
.prods .mn { }
.prods .mn ul { padding-top: 50px; }
.prods .mn ul li { float: left; margin: 10px 40px 0 0; }
.prods .mn ul li a {font-weight: 300;letter-spacing: 1.5px;}
.prods .mn ul li a.active { font-weight: 900; }
.prods .lsts { margin-top: 60px; }
.prods .lsts .flts { float: left; }
.prods .lsts .sort { float: right; }
.prods .lsts .flts > a,
.prods .lsts .sort > a { display: block; letter-spacing: 1.5px; background: url(../img/arrow-down-4x8.png) no-repeat top 9px right; padding-right: 18px; }
.prods .lsts .sort { position: relative; padding-left: 10px; }
.prods .lsts .sort ul { position: absolute; top: 20px; left: 0; width: 100%; background: #fff; padding: 5px 0 10px 10px; z-index: 10; display: none; }
.prods .lsts .sort ul li { margin-top: 5px; }
.prods .lsts .sort ul li a.active { color: #958580; }
.prods .ins { margin-top: 40px; overflow: hidden; position: relative; }
.prods .flt-c { background: #fff; width: 370px; height: 100%; padding: 20px 15px; position: absolute; top: 0; left: -370px; z-index: 10; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prods .flt-c.open { left: 0; }
.prods .flt-c .flt-ins { max-width: 190px; margin: auto auto; }
.prods .flt-c .flt-ins > div { margin-top: 30px; }
.prods .flt-c .flt-ins > div:first-child { margin-top: 0; }
.prods .flt-c .flt-item { }
.prods .flt-c .flt-item .flt-ttl { font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: 2px; text-transform: uppercase; }
.prods .flt-c .flt-item .flt-lst { margin-top: 15px; }
.prods .flt-c .flt-item .flt-lst ul { }
.prods .flt-c .flt-item .flt-lst ul li { margin-top: 10px; }
.prods .flt-c .flt-item .flt-lst ul li:first-child { margin-top: 0; }
.prods .flt-c .flt-item .flt-lst ul li a { display: block; padding-right: 30px; position: relative; font-size: 14px; letter-spacing: 1.5px; }
.prods .flt-c .flt-item .flt-lst ul li a:before { content: ""; position: absolute; top: 50%; margin-top: -5px; right: 0; width: 10px; height: 10px; border: 1px solid #5C6471; background: #fff; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prods .flt-c .flt-item .flt-lst ul li a:hover:before { background: #5C6471; }
.prods .flt-c .flt-item .flt-lst ul li a.active:before { background: #958580; border: 1px solid #958580; }
.prods .flt-c .flt-item .flt-lst .np-plg-txts { font-size: 12px; margin-bottom: 5px;  }
.prods .flt-c .flt-item .flt-lst .np-plg-txts-lft { float: left;}
.prods .flt-c .flt-item .flt-lst .np-plg-txts-rgt { float: right; }
.prods .lst { }
.prods .lst ul { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 60px; margin-top: -60px; }
.prods .lnk { margin-top: 85px; text-align: center; }
.prods .lnk a { display: inline-block; vertical-align: top; font-weight: 500; color: #958580; letter-spacing: 4px; border: 2px solid #958580; border-radius: 30px; line-height: 40px; padding: 0 35px; }

.prod { }
.prod .main { margin-top: 80px; }
.prod .main .lft { float: left; width: 724px; position: relative; }
.prod .main .lft .gal-thumbs-c { float: left; width: 200px; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-up,
.prod .main .lft .gal-thumbs-c .gal-thumbs-down { background-position: 0 0; background-repeat: no-repeat; width: 26px; height: 14px; cursor: pointer; margin: auto auto; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-up { background-image: url(../img/arrow-up-26x14.png); }
.prod .main .lft .gal-thumbs-c .gal-thumbs-down { background-image: url(../img/arrow-down-26x14.png); }
.prod .main .lft .gal-thumbs-c .gal-thumbs-c-2 { overflow: hidden; padding: 29px 0; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-c-3 { margin-top: -12px; margin-bottom: -12px; }
.prod .main .lft .gal-thumbs-c .gal-thumbs { }
.prod .main .lft .gal-thumbs-c .gal-thumbs .item { border: 0; padding: 12px 0; position: relative; }
.prod .main .lft .gal-thumbs-c .gal-thumbs .item img { cursor: pointer; }
.prod .main .lft .gal-big { float: right; width: 500px; }
.prod .main .rgt { float: right; width: 100%; margin-left: -724px; }
.prod .main .rgt .ins { padding-left: 748px; }
.prod .main .rgt .ins-2 { float: right; width: 100%; max-width: 580px; }
.prod .main .rgt .ttl { }
.prod .main .rgt .ttl h1 { margin: 0; font-family: EB Garamond; font-weight: 500; font-size: 40px; letter-spacing: 3px; color: #958580; }
.prod .main .rgt .txt { font-size: 18px; line-height: 30px; margin-top: 30px; }
.prod .main .rgt .code { font-weight: 900; margin-top: 25px; }
.prod .main .rgt .code span { text-transform: uppercase; }
.prod .main .rgt .ln { display: grid; grid-template-columns: 1fr 100px; grid-gap: 0; align-items: center; }
.prod .main .rgt .ln .ln-r { text-align: right; font-weight: 300; }
.prod .main .rgt .ln.ln-prc { margin-top: 55px; }
.prod .main .rgt .ln.ln-prc .ln-l { font-size: 36px; font-weight: 500; color: #958580; }
.prod .main .rgt .ln.ln-prc .ln-l span { display: inline-block; vertical-align: bottom; margin-left: 15px; text-decoration: line-through; font-size: 28px; color: #E1C7BF; }
.prod .main .rgt .ln.ln-size { margin-top: 30px; }
.prod .main .rgt .ln.ln-size ul { }
.prod .main .rgt .ln.ln-size ul li { float: left; margin-right: 20px; font-size: 20px; font-weight: 300; cursor: pointer; }
.prod .main .rgt .ln.ln-size ul li:last-child { margin-right: 0; }
.prod .main .rgt .ln.ln-size ul li:hover,
.prod .main .rgt .ln.ln-size ul li.active { color: #958580; }
.prod .main .rgt .ln.ln-size ul li.active { font-weight: 900; }
.prod .main .rgt .ln.ln-size ul li.inactive { opacity: 0.5; cursor: not-allowed; }
.prod .main .rgt .ln.ln-size span { display: inline-block; vertical-align: top; cursor: pointer; font-size: 12px; color: #958580; background: url(../img/arrow-right-4x8.png) no-repeat top 4px right; padding-right: 16px; margin-top: 10px; }
.prod .main .rgt .ln.ln-qty { margin-top: 30px; }
.prod .main .rgt .ln.ln-qty .ln-l > div { width: 140px; border: 1px solid #958580; padding: 0 16px; position: relative; }
.prod .main .rgt .ln.ln-qty .ln-l > div > div { position: absolute; top: 0; }
.prod .main .rgt .ln.ln-qty .ln-l > div > div button { margin: 0; padding: 0; background-position: center center; background-repeat: no-repeat; background-color: transparent; border: 0; height: 28px; width: 14px; vertical-align: top; }
.prod .main .rgt .ln.ln-qty .ln-l > div > div.minus { left: 16px; }
.prod .main .rgt .ln.ln-qty .ln-l > div > div.minus button { background-image: url(../img/minus.png); }
.prod .main .rgt .ln.ln-qty .ln-l > div > div.plus { right: 16px; }
.prod .main .rgt .ln.ln-qty .ln-l > div > div.plus button { background-image: url(../img/plus.png); }
.prod .main .rgt .ln.ln-qty .ln-l input { width: 100%; height: 28px; margin: 0; padding: 0; background: none; border: 0; cursor: pointer; font-size: 20px; font-weight: 900; text-align: center; }
.prod .main .rgt .add-to-cart { margin-top: 65px; cursor: pointer; }
.prod .main .rgt .add-to-cart.add-to-cart-sold-out { background: #CBC4BE !important; cursor: not-allowed; }
.prod .main .rgt .btns { margin-top: 15px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; }
.prod .main .rgt .btns.btns-sold-out { display: block !important; }
.prod .main .rgt .btns .btn-add,
.prod .main .rgt .btns .btn-fav { line-height: 46px; border: 1px solid #958580; font-weight: 500; color: #958580; cursor: pointer; text-align: center; background-position: center right 15px; background-repeat: no-repeat; }
.prod .main .rgt .btns .btn-add { background-image: url(../img/cart-2.png); }
.prod .main .rgt .btns.btns-sold-out .btn-add { display: none !important; }
.prod .main .rgt .btns .btn-fav { background-image: url(../img/heart-light-2.png); }
.prod .main .rgt .shr { margin-top: 30px; }
.prod .main .rgt .shr span,
.prod .main .rgt .shr a { display: inline-block; vertical-align: middle; }
.prod .main .rgt .shr a { margin-left: 10px; }
.prod .main .rgt .shr a i { font-size: 20px; }
.prod .main .rgt .more { margin-top: 60px; }
.prod .main .rgt .more .more-l { float: left; line-height: 27px; font-weight: 300; letter-spacing: 2px; }
.prod .main .rgt .more .more-r { float: right; }
.prod .main .rgt .more .more-r ul { }
.prod .main .rgt .more .more-r ul li { float: left; margin-left: 20px; }
.prod .main .rgt .more .more-r ul li:first-child { margin-left: 0; }
.prod .main .rgt .more .more-r ul li a { display: block; border: 1px solid transparent; padding: 3px; border-radius: 50%; margin-left: 18px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod .main .rgt .more .more-r ul li a:hover,
.prod .main .rgt .more .more-r ul li.active a { border-color: #5C6471; }
.prod .main .rgt .more .more-r ul li a span { display: block; width: 23px; height: 23px; border-radius: 50%; }
.prod .compl { margin-top: 110px; padding: 100px 0 80px 0; background: #f6f6f6; }
.prod .compl .lst { margin-top: 60px; }
.prod .compl .lst ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px; }
/********************* PRODUCTS *********************/

/********************* ABOUT *********************/
.about { }
.about .m-ttl { margin-top: 55px; }
.about .lst { margin-top: 100px; }
.about .lst ul { }
.about .lst ul li { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0; grid-template-areas: "details image"; margin-top: 100px; }
.about .lst ul li:nth-child(even) { grid-template-areas: "image details"; }
.about .lst ul li .det { grid-area: details; padding-right: 110px; }
.about .lst ul li:nth-child(even) .det { padding-left: 110px; padding-right: 0; }
.about .lst ul li .det .det-ins { border-bottom: 1px solid #958580; }
.about .lst ul li .det .det-ins-2 { padding: 50px 0; }
.about .lst ul li .det .det-ttl { }
.about .lst ul li .det .det-ttl h2 { margin: 0; font-size: 16px; font-weight: 700; letter-spacing: 2px; }
.about .lst ul li .det .det-txt { margin-top: 20px; text-align: justify; line-height: 33px; letter-spacing: 1px; }
.about .lst ul li .img { grid-area: image; }
/********************* ABOUT *********************/

/********************* CONTACT *********************/
.contact { }
.contact .m-ttl { margin-top: 55px; }
.contact .lst { margin-top: 50px; }
.contact .lst ul { }
.contact .lst ul li { margin-top: 50px; text-align: center; }
.contact .lst ul li:first-child { margin-top: 0; }
.contact .lst ul li .ttl { font-weight: 700; letter-spacing: 2px; margin-top: 10px; }
.contact .lst ul li .txt { margin-top: 10px; }
.contact .lst ul li .txt a { display: inline-block; vertical-align: top; line-height: 33px; letter-spacing: 1px; }
/********************* CONTACT *********************/

/********************* INFO *********************/
.info { }
.info .m-ttl { margin-top: 55px; }
.info .lst { margin-top: 50px; }
.info .lst ul { }
.info .lst ul li { margin-top: 50px; padding-bottom: 40px; text-align: center; border-bottom: 1px solid #958580; }
.info .lst ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.info .lst ul li:first-child { margin-top: 0; }
.info .lst ul li .ttl { font-weight: 700; letter-spacing: 2px; margin-top: 10px; }
.info .lst ul li .txt { margin-top: 10px; line-height: 33px; letter-spacing: 1px; }
.info .lst-2 { margin-top: 50px; }

.panel-group { margin-bottom: 0; margin-top: 55px; }
.panel-group > div { }
.panel-group > div:first-child { padding-top: 0; }
.panel-group > div:last-child { padding-bottom: 0; border-bottom: 0; }
.panel-group .panel { box-shadow: none; padding-top: 40px; padding-bottom: 40px; border: 0; border-bottom: 1px solid #cabaa9; }
.panel-group .panel .panel-heading { padding: 0; background: none; }
.panel-group .panel .panel-heading h4.panel-title { font-size: 16px; font-weight: 700; letter-spacing: 1px; text-align: center; }
.panel-group .panel .panel-heading h4.panel-title a { display: inline-block; vertical-align: middle; position: relative; line-height: 26px; }
.panel-group .panel .panel-heading h4.panel-title a:after { content: ""; display: inline-block; vertical-align: middle; background: url(../img/arrow-down-4x8.png) no-repeat center center; transform: rotate(180deg); width: 10px; height: 6px; margin: -2px 0 0 5px; }
.panel-group .panel .panel-heading h4.panel-title a.collapsed:after { transform: rotate(0); }
.panel-group .panel .panel-heading h4.panel-title a img { margin-bottom: 10px; }
.panel-group .panel .panel-collapse { }
.panel-group .panel .panel-collapse .panel-body { padding: 0; border: 0; }
.panel-group .panel .panel-collapse .panel-body .ins { max-width: 540px; margin: 40px auto 0 auto; }
.panel-group .panel .panel-collapse .panel-body .ins .lnk { margin-top: 30px; }
/********************* INFO *********************/

/********************* BRANDS *********************/
.brands { }
.brands .m-ttl { margin-top: 55px; }
.brands .lst { margin-top: 80px; }
.brands .lst ul { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 100px 30px; }
/********************* BRANDS *********************/

/********************* SHOPPING BAG - FAVORITES *********************/
.cart { }
.cart .m-ttl { margin-top: 55px; }
.cart .lst { margin-top: 50px; }
.cart .lst > ul > { }
.cart .lst > ul > li { display: grid; grid-template-columns: 400px 1fr; grid-gap: 0 15px; align-items: center; margin-top: 30px; }
.cart .lst > ul > li:first-child { margin-top: 0; }
.cart .lst > ul > li .ttl { font-weight: 300; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
.cart .lst > ul > li:first-child div:first-child .ttl { text-align: left; }
.cart .lst > ul > li:first-child div:first-child .ttl span { display: block; text-align: center; width: 145px; }
.cart .lst > ul > li > div:last-child { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 0 15px; }
.cart.wishlist .lst > ul > li > div:last-child { grid-template-columns: repeat(4,1fr); }
.cart .lst > ul > li .li-prod { display: grid; grid-template-columns: 145px 1fr; grid-gap: 0 50px; align-items: center; }
.cart .lst > ul > li .li-prod .img { }
.cart .lst > ul > li .li-prod .det { }
.cart .lst > ul > li .li-prod .det .det-ttl { }
.cart .lst > ul > li .li-prod .det .det-ttl h2 { margin: 0; font-size: 16px; letter-spacing: 1px; }
.cart .lst > ul > li .li-prod .det .det-txt { font-weight: 300; letter-spacing: 1px; margin-top: 10px; }
.cart .lst > ul > li .li-prod .det .det-code { font-size: 12px; font-weight: 900; letter-spacing: 1px; margin-top: 15px; }
.cart .lst > ul > li .li-prod .det .det-code span { text-transform: uppercase; }
.cart .lst > ul > li .li-size { text-align: center; font-size: 20px; font-weight: 500; line-height: 30px; }
.cart .lst > ul > li .li-color { text-align: center; }
.cart .lst > ul > li .li-color > span { display: inline-block; vertical-align: top; border: 1px solid #5C6471; padding: 3px; border-radius: 50%; }
.cart.wishlist .lst > ul > li .li-color > span { margin-top: 9px; }
.cart .lst > ul > li .li-color > span > span { display: block; width: 23px; height: 23px; border-radius: 50%; }
.cart .lst > ul > li .li-qty { width: 140px; border: 1px solid #958580; padding: 0 16px; position: relative; margin: auto auto; }
.cart .lst > ul > li .li-qty > div { position: absolute; top: 0; }
.cart .lst > ul > li .li-qty > div button { margin: 0; padding: 0; background-position: center center; background-repeat: no-repeat; background-color: transparent; border: 0; height: 28px; width: 14px; vertical-align: top; }
.cart .lst > ul > li .li-qty > div.minus { left: 16px; }
.cart .lst > ul > li .li-qty > div.minus button { background-image: url(../img/minus.png); }
.cart .lst > ul > li .li-qty > div.plus { right: 16px; }
.cart .lst > ul > li .li-qty > div.plus button { background-image: url(../img/plus.png); }
.cart .lst > ul > li .li-qty input { width: 100%; height: 28px; margin: 0; padding: 0; background: none; border: 0; cursor: pointer; font-size: 20px; font-weight: 900; text-align: center; }
.cart .lst > ul > li .li-prc { font-size: 20px; font-weight: 500; letter-spacing: 1px; text-align: center; line-height: 30px; }
.cart.wishlist .lst > ul > li .li-prc { line-height: 48px; }
.cart .lst > ul > li .li-rem { text-align: center; }
.cart .lst > ul > li .li-rem a { display: inline-block; vertical-align: top; background: url(../img/close-2.png) no-repeat 0 0; width: 14px; height: 14px; margin-top: 8px; }
.cart.wishlist .lst > ul > li .li-rem a { margin-top: 17px; }
.cart .lst > ul > li .li-add { }
.cart .lst > ul > li .li-add a { display: inline-block; vertical-align: top; width: 100%; max-width: 260px; line-height: 46px; border: 1px solid #958580; font-weight: 500; color: #958580; cursor: pointer; text-align: center; background-image: url(../img/cart-2.png); background-position: center right 15px; background-repeat: no-repeat; }
.cart .prcs { padding: 100px 0; background: #FBFBFB; margin-top: 40px; }
.cart .prcs ul { }
.cart .prcs ul li { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 15px; align-items: flex-start; border-bottom: 1px solid #e0dddb; padding: 15px 0; }
.cart .prcs ul li:first-child { padding-top: 0; }
.cart .prcs ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.cart .prcs ul li > div:first-child { letter-spacing: 1px; }
.cart .prcs ul li > div:last-child { font-size: 20px; letter-spacing: 2px; text-align: right; }
.cart .prcs ul li:last-child > div:last-child { font-size: 36px; letter-spacing: 4px; font-weight: 500; color: #958580; }
.cart .sbm { margin-top: 30px; }
/********************* SHOPPING BAG - FAVORITES *********************/

/********************* CONTACT *********************/
.simple { }
.simple .m-ttl { margin-top: 55px; }
.simple .m-txt { margin-top: 50px; }
.simple .m-actions { margin-top: 20px; }
.simple .m-actions a { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.simple .m-actions a i { margin-right: 10px; }
/********************* CONTACT *********************/

@media only screen and (max-width: 1560px) {
.hp-crsl .slider-1-btns-l { left: 0; }
.hp-crsl .slider-1-btns-r { right: 0; }
.hp-crsl .slider-1-c-2 { margin-left: -15px; margin-right: -15px; }
.hp-crsl .slider-1 { padding: 0 48px; }
.hp-crsl .slider-1 .slider-1-item { padding: 0 15px; }
}

@media only screen and (max-width: 1400px) {
.main-content-bot { padding-bottom: 60px; }

/********************* HEADER *********************/
header .rgt a.lnk { font-size: 16px; }

header .lft .langs span { font-size: 16px; }
header .lft .langs ul li a { font-size: 16px; }

.mega-menu .btn-close { top: 15px; left: 15px; }
.mega-menu .btns { top: 15px; right: 15px; }
.mega-menu .btns a { margin-left: 15px; }
.mega-menu .ins { padding: 0 125px; }
.mega-menu .top > ul { grid-gap: 30px 15px; }
.mega-menu .top > ul > li > a { font-size: 30px; letter-spacing: 2px; }
.mega-menu .top > ul > li > ul { margin-top: 10px; }
.mega-menu .top > ul > li > ul > li { margin-top: 6px; }
.mega-menu .top > ul > li > ul.lg > li { margin-top: 6px; }
.mega-menu .top > ul > li > ul > li > a { font-size: 16px; }
.mega-menu .top > ul > li > ul.lg > li > a { font-size: 24px; letter-spacing: 1px; }
.mega-menu .top > ul > li .ttl { font-size: 20px; letter-spacing: 1px; }
.mega-menu .top > ul > li .lst a { margin-right: 20px; }

.header-cart-pop { max-width: 360px; }
.header-cart-pop .top { padding: 20px 15px; }
.header-cart-pop .top .ttl { font-size: 20px; }
.header-cart-pop .top .ins { margin-top: 20px; grid-template-columns: 100px 1fr 20px; grid-gap: 0 15px; }
.header-cart-pop .top .ins .det .det-attr > span { margin-right: 15px; }
.header-cart-pop .top .ins .det .det-attr > span:last-child > span { margin-left: 10px; }
.header-cart-pop .top .ins .det .det-code { margin-top: 10px;  }
.header-cart-pop .bot { padding: 15px; }

.login-modal { width: auto; }
.login-modal .ttl { font-size: 20px; }
.login-modal .ttl span { right: 20px; }
.login-modal .ins { padding-top: 40px; padding-bottom: 40px; }

.register-modal { width: auto; }
.register-modal .ttl { font-size: 20px; }
.register-modal .ttl span { right: 20px; }
.register-modal .ins { padding-top: 40px; padding-bottom: 40px; }

.forgot-modal { width: auto; }
.forgot-modal .ttl { font-size: 20px; }
.forgot-modal .ttl span { right: 20px; }
.forgot-modal .ins { padding-top: 40px; padding-bottom: 40px; }

.float-cart { width: 480px; transform: translateX(480px); padding: 0 15px 0 15px; }
.float-cart.open { transform: translateX(0); }
.float-cart .ins { max-width: 100%; }
.float-cart .ttl { font-size: 24px; padding: 20px 0 20px 43px; }
.float-cart .ttl span { top: 26px; left: 0; width: 25px; height: 20px; background-size: 25px 20px; }
.float-cart .cnt #content-1 { padding-right: 30px; }
.float-cart .cnt ul li { margin-top: 20px; }
.float-cart .bot { padding: 15px 0; }
.float-cart .bot a { max-width: 100%; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .top { padding: 40px 0; }
footer .main { padding: 40px 0; }
footer .main .main-t { grid-gap: 0 30px; }
footer .bot .bot-l { font-size: 14px; letter-spacing: 1px; }
/********************* FOOTER *********************/

.m-ttl { }
.m-ttl h1, .m-ttl h2 { font-size: 30px; line-height: normal; }

.m-ttl-2 h2 { font-size: 30px; line-height: normal; }
.m-ttl-2 h2 a { line-height: normal; }

.m-txt { /*line-height: normal;*/ letter-spacing: 1px; }

.m-btn { letter-spacing: 1px; }
.m-btn.lg { font-size: 20px; letter-spacing: 2px; padding: 15px; }
.m-btn.md { font-size: 20px; }

.m-btn-2 { font-size: 16px; }

.m-btn-3 { font-size: 20px; }
.m-btn-3 span { margin-left: 15px; width: 23px; height: 18px; background-size: 23px 18px; }

.m-bnr h1 { font-size: 30px; }

.bnr-item a span { font-size: 30px; }

.bnr-item-2 a > span > span.bnr-ttl { font-size: 20px; line-height: normal; }
.bnr-item-2 a > span > span.bnr-dsc { font-size: 30px; line-height: normal; }
.bnr-item-2 a > span > span.bnr-btn { margin-top: 30px; }

.bnr-item-3 .bnr-img { margin-top: 30px; }
.bnr-item-3 .bnr-lnk { margin-top: 30px; }

.prd-item .prd-img a span { width: 36px; height: 30px; background-size: 36px 30px; }
.prd-item .prd-det .prd-bot .prd-prc { font-size: 16px; margin-top: 0; }
.prd-item .prd-det .prd-bot .prd-prc a { font-size: 16px; }
.prd-item .prd-det a.prd-det-hov span { font-size: 16px; letter-spacing: 1px; }

.cart-item { grid-template-columns: 100px 1fr 14px; }
.cart-item .cart-det > div { max-width: 100%; }
.cart-item .cart-det .cart-attr > span { margin-left: 15px; }
.cart-item .cart-det .cart-attr .attr-color > span { margin-left: 15px; }
.cart-item .cart-det .cart-code { margin-top: 10px; }

/********************* HOMEPAGE *********************/
.hp-slider .tp-1 img { width: 700px !important; height: 675px !important; }

.hp-slider .tp-2 { padding-top: 114px !important  }
.hp-slider .tp-2 > span > span { font-size: 20px !important; letter-spacing: 1px !important; }
.hp-slider .tp-3 { padding-top: 174px !important; }
.hp-slider .tp-4 { padding-bottom: 200px !important; }
.hp-slider .tp-4 > span > span > span { font-size: 20px !important; }
.hp-slider .tp-5 { padding-bottom: 160px !important; }
.hp-slider .tp-5 > span > span { font-size: 24px !important; line-height: 24px !important; }
.hp-slider .tp-5 > span > span strong { font-size: 24px !important; line-height: 24px !important; }
.hp-slider .tp-6 { padding-bottom: 120px !important; }
.hp-slider .tp-6 > span > span { font-size: 20px !important; letter-spacing: 2px !important; }
.hp-slider .tp-6 > span > span img { margin-left: 10px; }

.hp-bnr-1 { padding-top: 60px; padding-bottom: 60px; }
.hp-bnr-1 ul { grid-gap: 30px 30px; margin-top: 40px; }
.hp-bnr-1 .lnk { margin-top: 30px; }
.hp-bnr-2 .det { padding: 15px 20px !important; }
.hp-bnr-2 .det .ins .ins-2 { max-width: 100%; }
.hp-bnr-2 .det .txt { margin-top: 20px; }
.hp-bnr-2 .det .lnk { margin-top: 30px; }
.hp-crsl { padding-top: 60px; }
.hp-crsl.hp-crsl-bot { padding-bottom: 60px; }
.hp-crsl .slider-1-c-2 { margin-left: -10px; margin-right: -10px; }
.hp-crsl .slider-1 { margin-top: 40px; }
.hp-crsl .slider-1 .slider-1-item { padding: 0 10px; }
.hp-bnr-3 { padding-top: 60px; padding-bottom: 60px; }
.hp-bnr-4 { padding-top: 60px; padding-bottom: 60px; }
.hp-bnr-4 ul { grid-gap: 0 30px; margin-top: 40px; }
.hp-bnr-4 .lnk { margin-top: 30px; }
.hp-brands { padding-top: 60px; }
.hp-brands .lst { margin-top: 50px; }
.hp-brands .lst ul { grid-gap: 40px 30px; }
.hp-brands .lnk { margin-top: 50px; }
/********************* HOMEPAGE *********************/

/********************* BRANDS *********************/
.brands .lst { margin-top: 50px; }
.brands .lst ul { grid-gap: 40px 30px; }
/********************* BRANDS *********************/

/********************* ABOUT *********************/
.about .lst { margin-top: 60px; }
.about .lst ul li { margin-top: 60px; }
.about .lst ul li .det { padding-right: 40px; }
.about .lst ul li:nth-child(even) .det { padding-left: 40px; }
.about .lst ul li .det .det-ins { border-bottom: 0; }
.about .lst ul li .det .det-ins-2 { padding: 30px 0; }
.about .lst ul li .det .det-txt { line-height: normal; }
/********************* ABOUT *********************/

/********************* CONTACT *********************/
.contact .lst { margin-top: 40px; }
.contact .lst ul li { margin-top: 30px; }
.contact .lst ul li .txt a { line-height: 26px; }
/********************* CONTACT *********************/

/********************* INFO *********************/
.info .lst { margin-top: 40px; }
.info .lst ul li { margin-top: 30px; padding-bottom: 30px; }
.info .lst ul li .ttl { letter-spacing: 1px; }
.info .lst ul li .txt { line-height: 26px; }
.info .lst-2 { margin-top: 40px; }

.panel-group { margin-top: 40px; }
.panel-group .panel { padding-top: 30px; padding-bottom: 30px; }
.panel-group .panel .panel-collapse .panel-body .ins { margin-top: 30px; }
/********************* INFO *********************/

/********************* SHOPPING BAG - FAVORITES *********************/
.cart .lst { margin-top: 40px; }
.cart .lst > ul > li .li-prod { grid-gap: 0 15px; }
.cart .lst > ul > li .li-prod .det .det-code { margin-top: 10px; }
.cart .lst > ul > li .li-size { font-size: 16px; }
.cart .lst > ul > li .li-color > span { padding: 1px; margin-top: 7px; }
.cart .lst > ul > li .li-color > span > span { width: 13px; height: 13px; }
.cart .lst > ul > li .li-qty { width: 100px; padding: 0 10px; }
.cart .lst > ul > li .li-qty > div.minus { left: 10px; }
.cart .lst > ul > li .li-qty > div.plus { right: 10px; }
.cart .lst > ul > li .li-qty input { font-size: 16px; font-weight: 500; }
.cart .lst > ul > li .li-prc { font-size: 16px; }
.cart .lst > ul > li .li-add a { line-height: 40px; background-position: center right 10px; }
.cart .prcs { padding: 60px 0; }
.cart .prcs ul li > div:last-child { font-size: 16px; letter-spacing: 1px; }
.cart .prcs ul li:last-child > div:last-child { font-size: 24px; letter-spacing: 2px; }
.cart.wishlist .lst > ul > li .li-color > span { margin-top: 12px; }
.cart.wishlist .lst > ul > li .li-prc { line-height: 42px; }
.cart.wishlist .lst > ul > li .li-rem a { margin-top: 14px; }
/********************* SHOPPING BAG - FAVORITES *********************/

/********************* PRODUCTS *********************/
.prods .mn ul { padding-top: 30px; }
.prods .mn ul li { margin-right: 20px; }
.prods .lsts { margin-top: 40px; }
.prods .ins { margin-top: 30px; }
.prods .flt-c { width: 360px; padding: 15px 20px 15px 0; left: -360px; }
.prods .flt-c .flt-ins { max-width: 100%; }
.prods .flt-c .flt-item { }
.prods .flt-c .flt-item .flt-ttl { font-size: 16px; line-height: normal; letter-spacing: 1px; }
.prods .flt-c .flt-item .flt-lst { margin-top: 10px; }
.prods .flt-c .flt-item .flt-lst ul li { margin-top: 6px; }
.prods .flt-c .flt-item .flt-lst ul li a { letter-spacing: 1px; }
.prods .lst ul { grid-gap: 40px 30px; margin-top: -40px; }
.prods .lnk { margin-top: 60px; }
.prods .lnk a { letter-spacing: 2px; border: 1px solid #958580; border-radius: 20px; padding: 7px 20px; }

.prod .main .rgt .ins { padding-left: 744px; }
.prod .main .rgt .ins-2 { float: none; max-width: 100%; }
.prod .main .rgt .ttl h1 { font-size: 30px; letter-spacing: 2px; }
.prod .main .rgt .txt { font-size: 16px; line-height: 26px; margin-top: 20px; }
.prod .main .rgt .code { font-weight: 500; margin-top: 20px; }
.prod .main .rgt .ln.ln-prc { margin-top: 30px; }
.prod .main .rgt .ln.ln-prc .ln-l { font-size: 30px; }
.prod .main .rgt .ln.ln-prc .ln-l span { font-size: 20px; }
.prod .main .rgt .ln.ln-size { margin-top: 20px; }
.prod .main .rgt .ln.ln-size ul li { margin-right: 15px; font-size: 16px; }
.prod .main .rgt .ln.ln-size ul li.active { font-weight: 700; }
.prod .main .rgt .ln.ln-qty { margin-top: 20px; }
.prod .main .rgt .ln.ln-qty .ln-l input { font-size: 16px; font-weight: 700; }
.prod .main .rgt .add-to-cart { margin-top: 40px; }
.prod .main .rgt .more { margin-top: 40px; }
.prod .main .rgt .more .more-l { line-height: 17px; letter-spacing: 1px; }
.prod .main .rgt .more .more-r ul li { float: left; margin-left: 10px; }
.prod .main .rgt .more .more-r ul li a { padding: 1px; margin-left: 0; }
.prod .main .rgt .more .more-r ul li a span { width: 13px; height: 13px; }
.prod .compl { margin-top: 60px; padding: 60px 0; }
.prod .compl .lst { margin-top: 40px; }
.prod .compl .lst ul { grid-gap: 40px; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 1200px) { /* .col-lg- */
/********************* HOMEPAGE *********************/
.hp-slider .tp-1 img { width: 500px !important; height: 482px !important; }
.hp-slider .tparrows.tp-leftarrow { padding-left: 100px !important; }
.hp-slider .tparrows.tp-rightarrow { padding-right: 100px !important; }

.hp-bnr-1 ul { grid-gap: 20px; }
.hp-bnr-3 ul { grid-gap: 0 20px; }
.hp-bnr-4 ul { grid-gap: 0 20px; }
/********************* HOMEPAGE *********************/

/********************* PRODUCTS *********************/
.prod .main .lft { width: 500px; }
.prod .main .lft .gal-thumbs-c { float: none; width: 100%; margin-top: 15px; position: relative; padding: 0 30px; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-up,
.prod .main .lft .gal-thumbs-c .gal-thumbs-down { width: 18px; height: 30px; margin: 0; position: absolute; top: 50%; margin-top: -15px; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-up { background-image: url(../img/arrow-left-18x30.png); left: 0; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-down { background-image: url(../img/arrow-right-18x30.png); right: 0; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-c-2 { overflow: hidden; padding: 0; }
.prod .main .lft .gal-thumbs-c .gal-thumbs-c-3 { margin-top: 0; margin-left: -5px; margin-right: -5px; margin-bottom: 0; }
.prod .main .lft .gal-thumbs-c .gal-thumbs .item { padding: 0 5px; }
.prod .main .lft .gal-big { float: none; width: 100%; }
.prod .main .rgt { margin-left: -500px; }
.prod .main .rgt .ins { padding-left: 515px; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 992px) { /* .col-md- */
.main-content-top { padding-top: 60px; }

/********************* HEADER *********************/
.cbp-af-header { position: absolute; height: 60px; }
header .lft { top: 16px; }
header .lft > div { margin-right: 30px; }
header .lft .logo a.dsk { display: none; }
header .lft .logo a.mob { display: block; }
header .cnt { top: 22px; }
header .rgt { top: 17px; }
header .rgt a.ico { margin-left: 30px; }

.header-cart-pop { top: 60px; }

.float-cart { width: 360px; transform: translateX(360px); }
.float-cart .ttl { font-size: 24px; padding-top: 15px; padding-bottom: 15px; }
.float-cart .ttl span { top: 23px; }
.float-cart .cnt #content-1 { padding-right: 0; }
.float-cart .cnt #content-12 { overflow: scroll; padding-right: 15px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .main .main-t { grid-template-columns: 240px 1fr; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.hp-slider .tp-1 { padding-top: 60px !important; }
.hp-bnr-2 { display: block; }
.hp-bnr-2 .det { padding: 15px; }
.hp-bnr-2.rev .det .ins .ins-2 { float: none; }
.hp-brands .lst ul { grid-template-columns: repeat(3,1fr); }
/********************* HOMEPAGE *********************/

/********************* BRANDS *********************/
.brands .lst ul { grid-template-columns: repeat(3,1fr); }
/********************* BRANDS *********************/

/********************* SHOPPING BAG - FAVORITES *********************/
.cart .lst > ul > li { display: block; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.cart .lst > ul > li:first-child { display: none; }
.cart .lst > ul > li:last-child { padding-bottom: 0; border-bottom: 0; }
.cart .lst > ul > li > div:first-child { margin-bottom: 30px; }
/********************* SHOPPING BAG - FAVORITES *********************/

/********************* PRODUCTS *********************/
.prods .flt-c { width: 100%; padding: 0; position: relative; top: auto; left: auto; display: none; padding-bottom: 30px; }
.prods .flt-c.open { left: auto; display: block; }
.prods .lst ul { grid-template-columns: repeat(3,1fr); }

.prod .main .lft { width: 400px; }
.prod .main .rgt { margin-left: -400px; }
.prod .main .rgt .ins { padding-left: 415px; }
.prod .main .rgt .btns { grid-template-columns: 1fr; grid-gap: 15px 0; }
.prod .compl .lst ul { grid-gap: 30px; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 767px) { /* .col-xs- */
.main-content-ins { padding-left: 15px; padding-right: 15px; }

.main-content-bot { padding-bottom: 40px; }

.ph-srch { font-size: 16px; }
.ph-srch::-webkit-input-placeholder { font-size: 16px; }
.ph-srch:-moz-placeholder { /* Firefox 18- */ font-size: 16px; }
.ph-srch::-moz-placeholder {  /* Firefox 19+ */ font-size: 16px; }
.ph-srch:-ms-input-placeholder { font-size: 16px;}
.ph-srch:-ms-input-placeholder { font-size: 16px; }

/********************* HEADER *********************/
header .lft { left: 15px; }
header .lft > div { margin-right: 15px; }
header .rgt { right: 15px; }
header .rgt a.lnk { display: none; }
header .rgt a.ico { margin-left: 15px; }

.srch-modal input { height: 44px; font-size: 18px; letter-spacing: 1px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .main .main-t { display: block; }
footer .main .rgt { grid-gap: 0 20px; margin-top: 40px; }
footer .main .main-b { max-width: 100%; margin-top: 40px; }
footer .main .cptcha { margin-top: 40px; }
footer .bot { text-align: center; }
footer .bot .bot-l { float: none; }
footer .bot .bot-r { float: none; margin-top: 10px; }
/********************* FOOTER *********************/

.m-ttl { }
.m-ttl h1, .m-ttl h2 { font-size: 24px; }

.m-ttl-2 h2 { font-size: 24px; }

.m-btn { padding: 10px 15px; }
.m-btn.lg,
.m-btn.md { font-size: 16px; letter-spacing: 1px; padding: 10px 15px; }

.m-bnr { height: 200px; }
.m-bnr h1 { font-size: 24px; }

.bnr-item a span { font-size: 24px; }

.bnr-item-2 a > span > span.bnr-ttl { font-size: 18px; }

.cart-item { grid-template-columns: 80px 1fr 14px; align-items: flex-start; }
.cart-item .cart-det .cart-ttl { letter-spacing: 1px; }

.prd-item .prd-img:before { display: none; }
.prd-item .prd-img a span { display: none; }
.prd-item.out .prd-det { height: 0; display: none; }
.prd-item .prd-det .prd-ttl h3 a { letter-spacing: 1px; }

/********************* HOMEPAGE *********************/
.hp-slider .tp-2,.hp-slider .tp-3 { padding-left: 0 !important; padding-right: 20px !important; }
.hp-slider .tp-2 > span > span,.hp-slider .tp-3 > span > span { float: right; width: 100%; }

.hp-slider .tp-2 { padding-top: 80px !important  }
.hp-slider .tp-3 { padding-top: 140px !important; }
.hp-slider .tp-4 { padding-bottom: 140px !important; }
.hp-slider .tp-5 { padding-bottom: 100px !important; }
.hp-slider .tp-6 { padding-bottom: 50px !important; }

.hp-slider .tp-7,.hp-slider .tp-8,.hp-slider .tp-my-1,.hp-slider .tp-my-2,.hp-slider .tp-bullets { display: none !important; }

.hp-bnr-1 { padding-top: 40px; padding-bottom: 40px; }
.hp-bnr-1 ul { grid-template-columns: repeat(2,1fr); grid-gap: 15px; margin-top: 30px; }
.hp-crsl { padding-top: 40px; }
.hp-crsl.hp-crsl-bot { padding-bottom: 40px; }
.hp-crsl .slider-1-c-2 { margin-left: -5px; margin-right: -5px; }
.hp-crsl .slider-1 { margin-top: 30px; padding: 0 33px; }
.hp-crsl .slider-1 .slider-1-item { padding: 0 5px; }
.hp-bnr-3 { padding-top: 40px; padding-bottom: 40px; }
.hp-bnr-3 ul { grid-gap: 0 15px; }
.hp-bnr-4 { padding-top: 40px; padding-bottom: 40px; }
.hp-bnr-4 ul { grid-template-columns: repeat(2,1fr); grid-gap: 15px; }
.hp-brands { padding-top: 40px; }
.hp-brands .m-txt { margin-top: 20px; }
.hp-brands .lst { margin-top: 40px; }
.hp-brands .lst ul { grid-template-columns: repeat(2,1fr); grid-gap: 30px 20px; }
.hp-brands .lnk { margin-top: 40px; }
/********************* HOMEPAGE *********************/

/********************* BRANDS *********************/
.brands .m-ttl { margin-top: 40px; }
.brands .lst { margin-top: 40px; }
.brands .lst ul { grid-template-columns: repeat(2,1fr); grid-gap: 30px 20px; }
/********************* BRANDS *********************/

/********************* ABOUT *********************/
.about .m-ttl { margin-top: 40px; }
.about .lst { margin-top: 40px; }
.about .lst ul li { display: block; margin-top: 40px; }
.about .lst ul li .det { padding-right: 15px; margin-top: 30px; }
.about .lst ul li:nth-child(even) .det { padding-left: 15px; }
.about .lst ul li .det .det-ins-2 { padding: 0; }
.about .lst ul li .det .det-txt { margin-top: 15px; }
/********************* ABOUT *********************/

/********************* CONTACT *********************/
.contact .m-ttl { margin-top: 40px; }
.contact .lst { margin-top: 30px; }
/********************* CONTACT *********************/

/********************* INFO *********************/
.info .m-ttl { margin-top: 40px; }
.info .lst { margin-top: 30px; }

.panel-group { margin-top: 30px; }
/********************* INFO *********************/

/********************* SHOPPING BAG - FAVORITES *********************/
.cart .m-ttl { margin-top: 40px; }
.cart .lst { margin-top: 30px; }
.cart .lst > ul > li .li-add a { background-image: none; padding: 0 15px; white-space: nowrap; }
.cart .prcs { padding: 40px 0; margin-top: 30px; }
/********************* SHOPPING BAG - FAVORITES *********************/

/********************* PRODUCTS *********************/
.prods .mn ul { padding-top: 20px; }
.prods .mn ul li { margin-right: 10px; }
.prods .lsts { margin-top: 30px; }
.prods .lst ul { grid-template-columns: repeat(2,1fr); grid-gap: 30px 10px; margin-top: -30px; }
.prods .lnk { margin-top: 40px; }

.prod .main { margin-top: 40px; }
.prod .main .lft { float: none; width: 100%; }
.prod .main .lft .gal-big { width: 300px; margin: auto auto; }
.prod .main .rgt { float: none; margin-left: 0; margin-top: 40px; }
.prod .main .rgt .ins { padding-left: 0; }
.prod .main .rgt .ttl h1 { font-size: 24px; letter-spacing: 1px; }
.prod .main .rgt .btns .btn-add,
.prod .main .rgt .btns .btn-fav { line-height: 40px; background: none; }

.prod .compl { margin-top: 40px; padding: 40px 0; }
.prod .compl .lst { margin-top: 30px; }
.prod .compl .lst ul { grid-template-columns: repeat(2,1fr); grid-gap: 30px 15px; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 640px) {
.bnr-item-3 .bnr-img { margin-top: 20px; }
.bnr-item-3 .bnr-lnk { margin-top: 15px; }

/********************* HOMEPAGE *********************/
.hp-bnr-3 ul { grid-template-columns: repeat(1,1fr); grid-gap: 30px 0; }
/********************* HOMEPAGE *********************/
}

@media only screen and (max-width: 560px) {
    
    
header .cnt a {background: url(../img/claviano_logo.png) no-repeat 0 0; width: 150px; height: 22px; }
footer .top .logo a {background: url(../img/claviano_logo.png) no-repeat 0 0; width: 150px; height: 22px;}
    
/********************* HOMEPAGE *********************/
.hp-crsl .slider-1-c-2 { margin-left: 0; margin-right: 0; }
.hp-crsl .slider-1 .slider-1-item { padding: 0; }
/********************* HOMEPAGE *********************/
}

@media only screen and (max-width: 480px) {
.ph { }
.ph::-webkit-input-placeholder { opacity: 0.7 !important; }
.ph:-moz-placeholder { opacity: 0.7 !important; }
.ph::-moz-placeholder {  opacity: 0.7 !important; }
.ph:-ms-input-placeholder { opacity: 0.7 !important; }
.ph:-ms-input-placeholder { opacity: 0.7 !important; }

.form-group.by-2 { display: block; }
.form-group.by-2 > div:first-child { display: none; }

.login-modal .ins { padding-top: 20px; padding-bottom: 20px; }

.register-modal .ins { padding-top: 20px; padding-bottom: 20px; }

.forgot-modal .ins { padding-top: 20px; padding-bottom: 20px; }

/********************* FOOTER *********************/
footer .main .rgt { grid-gap: 15px; margin-top: 30px; grid-template-columns: repeat(2,1fr); }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.hp-slider .tparrows.tp-leftarrow { padding-left: 40px !important; }
.hp-slider .tparrows.tp-rightarrow { padding-right: 40px !important; }

.hp-slider .tp-1 img { width: 360px !important; height: 347px !important; }

.hp-slider .tp-2,.hp-slider .tp-3 { display: none !important; }
.hp-slider .tp-4,.hp-slider .tp-5,.hp-slider .tp-6 { padding-left: 15px !important; padding-right: 15px !important; }
.hp-slider .tp-4 > span > span,.hp-slider .tp-5 > span > span,.hp-slider .tp-6 > span > span { max-width: 100% !important; }
.hp-slider .tp-4 > span > span,.hp-slider .tp-5 > span > span,.hp-slider .tp-6 > span > span { float: none; }

.hp-slider .tp-4 { padding-bottom: 0 !important; padding-top: 100px !important; text-align: center !important; }
.hp-slider .tp-5 { padding-bottom: 0 !important; padding-top: 140px !important; text-align: center !important; }
.hp-slider .tp-6 { padding-bottom: 0 !important; padding-top: 180px !important; text-align: center !important; }

.tp-mask-wrap { overflow: visible !important; }

.hp-bnr-1 ul { grid-template-columns: 1fr; grid-gap: 15px 0; }
.hp-bnr-4 ul { grid-template-columns: 1fr; grid-gap: 15px 0; }
/********************* HOMEPAGE *********************/

.m-bnr { height: 140px; }

/********************* SHOPPING BAG - FAVORITES *********************/
.cart .lst > ul > li .li-prod { grid-template-columns: 100px 1fr; }
/********************* SHOPPING BAG - FAVORITES *********************/

/********************* PRODUCTS *********************/
.prods .lst ul li .prd-item .prd-det .prd-bot .prd-prc { float: none; }
.prods .lst ul li .prd-item .prd-det .prd-bot .prd-rgt { float: none; margin-top: 10px; }
.prods .lst ul li .prd-item .prd-det .prd-bot .prd-rgt a:first-child { margin-left: 0; }

.prod .compl .lst ul li .prd-item .prd-det .prd-bot .prd-prc { float: none; }
.prod .compl .lst ul li .prd-item .prd-det .prd-bot .prd-rgt { float: none; margin-top: 10px; }
.prod .compl .lst ul li .prd-item .prd-det .prd-bot .prd-rgt a:first-child { margin-left: 0; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 479px) {
/********************* HEADER *********************/
header .rgt a.ico.fav { display: none; }
header .lft > div { margin-right: 10px; }
/********************* HEADER *********************/
}

.checkout { margin-top: 10px; }
.checkout .m-ttl { margin-top: 30px; text-align: center; }

.ckeckout-page { }
.ckeckout-page .radio { position: relative; padding-left: 22px; }
.ckeckout-page .radio .iradio_square { position: absolute; top: 0; left: 0; }
.ckeckout-page .radio label span { opacity: 0.6; }
.ckeckout-page .form-group { margin-top: 20px; }
.ckeckout-page .form-group:after { content: ""; display: block; clear: both; }
.ckeckout-page textarea.form-control { padding: 10px; height: 140px; }
.ckeckout-page .form-control::-webkit-input-placeholder { opacity: 0.4 !important; color: #000; }
.ckeckout-page .form-control:-moz-placeholder { /* Firefox 18- */ opacity: 0.4 !important; color: #000; }
.ckeckout-page .form-control::-moz-placeholder {  /* Firefox 19+ */ opacity: 0.4 !important; color: #000; }
.ckeckout-page .form-control:-ms-input-placeholder { opacity: 0.4 !important; color: #000; }
.ckeckout-page .form-control:-ms-input-placeholder { opacity: 0.4 !important; color: #000; }
.ckeckout-page .form-control[disabled] { background: #e4e4e4; }
.ckeckout-page .chckbx { margin-top: 10px; }
.ckeckout-page .chckbx label { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; font-weight: 400; cursor: pointer; }
.ckeckout-page .radio input[type="radio"] { margin: 7px 0 0 0; }
.ckeckout-page h2.ttl { display: block; margin: 0; padding: 10px 16px; font-size: 16px; color: #fff; background: #958580; font-weight: 600; }
.ckeckout-page h2.marg-15 { margin-bottom: 15px; }
.ckeckout-page label { font-weight: 400; margin: 0; }
.ckeckout-page .marg-top { margin-top: 20px; }
.ckeckout-page .marg-bot { margin-bottom: 20px; }
.ckeckout-page .lft { float: left; width: 36%; padding-right: 20px; margin-top: 23px; }
.ckeckout-page .rgt { float: right; width: 64%; margin-top: 23px; }
.ckeckout-page .radio { margin-top: 13px; margin-bottom: 0; }
.ckeckout-page .radio label,.ckeckout-page .checkbox label { margin-bottom: 0; padding-left: 20px; }
.ckeckout-page .radio label div,.ckeckout-page .checkbox label div { margin-right: 4px; }
.ckeckout-page .required{}
.ckeckout-page .required label:before{content:"* ";color: #958580;}
.ckeckout-page .login-box { }
.ckeckout-page .type-of-invoice { }
.ckeckout-page .type-of-invoice #invoice-type-selection label { display: none; }
.ckeckout-page .type-of-invoice select {}
.ckeckout-page .checkout-shipping-methods { float: left; width: 50%; padding-right: 10px; }
.ckeckout-page .checkout-payment-methods { float: right; width: 50%; padding-left: 10px; }
.ckeckout-page .coupon-voucher { }
.ckeckout-page .coupon-voucher label { display: none; }
.ckeckout-page .coupon-voucher .inpt { float: left; width: 66%; padding-right: 5px; }
.ckeckout-page .coupon-voucher .mybtn { float: right; width: 34%; }
.ckeckout-page .coupon-voucher .btn-danger { height: 36px; }
.ckeckout-page .checkout-cart table{margin-bottom:0; }
.ckeckout-page .checkout-cart td{border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0;}
.ckeckout-page .checkout-cart thead td{text-align:center;border-top-width:1px;border-style:solid;border-color:#f4f4f4;font-weight:400;}
.ckeckout-page .checkout-cart thead td:first-of-type{border-left-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart thead td:last-of-type{border-right-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tbody tr:first-of-type td{border-style:solid;border-color:#f4f4f4;border-top-width:1px;}
.ckeckout-page .checkout-cart tbody td{border-right-width:1px;border-bottom-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tbody td:first-of-type{border-left-width:1px;border-style:solid;border-left-color:#f4f4f4;}
.ckeckout-page .checkout-cart tbody td.name{padding-right:5px;}
.ckeckout-page .checkout-cart tbody .total{font-weight:400;}
.ckeckout-page .checkout-cart tfoot td strong{font-weight:400;}
.ckeckout-page .checkout-cart tfoot td:first-of-type{border-left-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tfoot td:last-of-type{border-right-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tfoot tr:first-of-type td{padding-top:12px;}
.ckeckout-page .checkout-cart tfoot tr:last-of-type td{border-bottom-width:1px;border-style:solid;border-color:#f4f4f4;padding-bottom:12px;}
.ckeckout-page .checkout-cart td.quantity{text-align:center;}
.ckeckout-page .checkout-cart td.quantity input[type='text']{margin-right:4px;text-align: center;height: 36px;}
.ckeckout-page .checkout-cart td.quantity .input-group{display:inline-block;width:auto;}
.ckeckout-page .checkout-cart td.quantity .input-group input{position:relative;top:0;width:auto;}
.ckeckout-page .checkout-cart td.quantity .input-group button{height: 36px;}
.ckeckout-page .checkout-cart td.quantity .input-group button:last-child{margin-left: 1px;}
.ckeckout-page .checkout-cart td.price, .ckeckout-page .checkout-cart td.total{text-align:center;}
.ckeckout-page .checkout-cart td.price .sc-price-old, .ckeckout-page .checkout-cart td.total .sc-price-old{ text-decoration: line-through;}
.ckeckout-page .checkout-cart td.image{max-width:70px;padding-left:0;border-right:0;}
.ckeckout-page .checkout-cart td.image img{margin-left:10px;max-width:100%;height:auto;padding:1px;}
.ckeckout-page .checkout-cart td.name{max-width:155px;white-space:normal;}
.ckeckout-page .checkout-loading{opacity:0.5;pointer-events:none;}
.checkout-type-login .checkout-content:not(.checkout-login):not(.login-box){opacity:0.5;pointer-events:none;}

@media only screen and (max-width: 1400px) { /* .col-lg- */
.checkout .m-ttl h1 span { font-size: 24px; }
.ckeckout-page h2.ttl { padding: 6px 10px; }
}

@media only screen and (max-width: 992px) {
.ckeckout-page .checkout-cart td.quantity input[type='text']{display:block;float:none;width:auto;min-width:42px;margin:0 auto;}
.ckeckout-page .checkout-cart td.quantity .input-group{display:inline-block;}
.ckeckout-page .checkout-cart td.quantity .input-group input{margin-top:5px;}
.ckeckout-page .checkout-cart td.quantity .input-group input:first-of-type{margin-right:5px;}
.ckeckout-page .checkout-cart td.quantity input[type='text']{width:100%;min-width:76px;margin-bottom:5px;}
}

@media only screen and (max-width: 767px) {
.ckeckout-page .lft { float: none; width: 100%; padding-right: 0; }
.ckeckout-page .rgt { float: none; width: 100%; }
.ckeckout-page .checkout-product table{min-width:460px;}
.ckeckout-page .checkout-product table td{width:auto;}
.ckeckout-page .checkout-cart td.name{padding-left:0;}
.ckeckout-page .checkout-content thead .model,
.ckeckout-page .checkout-content thead .quantity,
.ckeckout-page .checkout-content thead .price,
.ckeckout-page .checkout-content tbody .model,
.ckeckout-page .checkout-content tbody .quantity,
.ckeckout-page .checkout-content tbody .price{display:table-cell;}
.ckeckout-page .checkout-cart td.name a{margin-left:0;}
.ckeckout-page .checkout-cart td.image img{max-width:80%;}
.ckeckout-page .table-responsive{max-height:none;}
}

@media only screen and (max-width: 480px) {
.ckeckout-page .checkout-shipping-methods { float: none; width: 100%; padding-right: 0; }
.ckeckout-page .checkout-payment-methods { float: none; width: 100%; padding-left: 0; }
}