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

label[class*="required"]:after{content:"*";display:inline-block;vertical-align:top;}
label.sm{font-size:18px;}

.loadthis { display: none; }

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

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1640px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.main-content-top { padding-top: 168px; }

.f-playf { font-family: 'Playfair Display', serif; }

.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: 18px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 18px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning { font-size: 18px !important; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 18px !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: right; margin-top: 80px; }
.pagin a,
.pagin span { display: inline-block; vertical-align: middle; line-height: 19px; }
.pagin a.num { position: relative; padding-left: 10px; margin-left: 10px; }
.pagin a.num.frst { padding-left: 0; }
.pagin a.num:before { content: ""; position: absolute; top: 2px; left: 0; background: #000; width: 1px; height: 18px; }
.pagin a.num.frst:before { display: none; }
.pagin a.prev,
.pagin a.next { background-repeat: no-repeat; background-size: 10px 19px; width: 10px; height: 19px; }
.pagin a.prev { background-image: url(../img/arrow-left-25x47.png); background-position: center left; margin-right: 24px; }
.pagin a.next { background-image: url(../img/arrow-right-25x47.png); background-position: center right; margin-left: 24px; }
.pagin a.active { font-size: 30px; }

.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }

.ph14 { font-size: 14px; color: #000; }
.ph14::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #000; }
.ph14:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #000; }
.ph14::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #000; }
.ph14:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #000; }
.ph14:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #000; }

.ph18 { font-size: 18px; color: #000; }
.ph18::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; }
.ph18:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #000; }
.ph18::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #000; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; }

.ph-nsl { font-size: 16px; color: #000; }
.ph-nsl::-webkit-input-placeholder { opacity: 1 !important; font-size: 16px; color: #7e7c7c; }
.ph-nsl:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 16px; color: #7e7c7c; }
.ph-nsl::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 16px; color: #7e7c7c; }
.ph-nsl:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #7e7c7c; }
.ph-nsl:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #7e7c7c; }

ol.breadcrumb { background: transparent; margin: 16px 0 0 0; padding: 0; }
ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 18px; color: #000; font-family: 'Playfair Display', serif; }
ol.breadcrumb li + li:before { content: "/"; padding: 0 5px; font-size: 18px; color: #000; font-family: 'Playfair Display', serif; }
ol.breadcrumb li a { text-decoration: none; font-size: 18px; color: #000; font-weight: 400; }
ol.breadcrumb li.active a { font-weight: 700; }

#cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 999;}
#cookie-bar p {margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a {color:#fff; text-decoration:underline; font-size: 14px;}
#cookie-bar .cb-enable {background:#ff0000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover {background:#0055dd;}

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

.btn-custom{color: #fff; font-weight: 700; background-color: #000; border-color: #000; outline: none !important; min-width: 150px; padding: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.btn-custom:focus,.btn-custom.focus{color: #fff; background-color: #000; border-color: #000;}
.btn-custom:hover{color: #fff; background-color: #000; border-color: #000;}
.btn-custom:active,.btn-custom.active,.open >.dropdown-toggle.btn-custom{color: #fff; background-color: #000; border-color: #000;}
.btn-custom:active:hover,.btn-custom.active:hover,.open >.dropdown-toggle.btn-custom:hover,.btn-custom:active:focus,.btn-custom.active:focus,.open >.dropdown-toggle.btn-custom:focus,.btn-custom:active.focus,.btn-custom.active.focus,.open >.dropdown-toggle.btn-custom.focus{color: #fff; background-color: #000; border-color: #000;}
.btn-custom:active,.btn-custom.active,.open >.dropdown-toggle.btn-custom{background-image: none;}
.btn-custom.disabled:hover,.btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover,.btn-custom.disabled:focus,.btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus,.btn-custom.disabled.focus,.btn-custom[disabled].focus, fieldset[disabled] .btn-custom.focus{color: #fff; background-color: #000; border-color: #000;}
.btn-custom .badge{color: #fff;}

.btn-black{color: #fff; background-color: #000; border-color: #000; outline: none !important; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.btn-black:focus,.btn-black.focus{color: #fff; background-color: #000; border-color: #000;}
.btn-black:hover{color: #fff; background-color: #000; border-color: #000;}
.btn-black:active,.btn-black.active,.open >.dropdown-toggle.btn-black{color: #fff; background-color: #000; border-color: #000;}
.btn-black:active:hover,.btn-black.active:hover,.open >.dropdown-toggle.btn-black:hover,.btn-black:active:focus,.btn-black.active:focus,.open >.dropdown-toggle.btn-black:focus,.btn-black:active.focus,.btn-black.active.focus,.open >.dropdown-toggle.btn-black.focus{color: #fff; background-color: #000; border-color: #000;}
.btn-black:active,.btn-black.active,.open >.dropdown-toggle.btn-black{background-image: none;}
.btn-black.disabled:hover,.btn-black[disabled]:hover, fieldset[disabled] .btn-black:hover,.btn-black.disabled:focus,.btn-black[disabled]:focus, fieldset[disabled] .btn-black:focus,.btn-black.disabled.focus,.btn-black[disabled].focus, fieldset[disabled] .btn-black.focus{color: #fff; background-color: #000; border-color: #000;}
.btn-black .badge{color: #fff;}

.form-group-lg { margin-top: 26px; }

.cart-window-no { display: none; }
.cart-window { border-radius: 4px; border-top: 3px solid #474747; background: #fff; width: 100%; min-width: 340px; position: absolute; top: 30px; right: 0; z-index: 101; -moz-box-shadow: 0px 2px 5px #000000; -webkit-box-shadow: 0px 2px 5px #000000; box-shadow: 0px 2px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')"; }
.cart-window:before{border-bottom-color: #474747; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-bottom-width: 8px; border-bottom-style: solid; border-right: 7px solid transparent; position: absolute; top: -8px; right: 5px;}
.cart-window:after{content: ""; position: absolute; display: block; height: 13px; width: 100%; margin-top: -3px; left: 0; top: 0;}

.mini-shopping-cart {padding: 5px 10px;}
.mini-shopping-cart .msc-header{font-size: 12px; color: #000; text-align: center;}
.mini-shopping-cart ul.msc-p-list{list-style: none; padding: 0; margin: 0;}
.mini-shopping-cart ul.msc-p-list li{height: 140px; list-style: none; padding: 10px 0 10px 0; margin: 0; border-bottom: 1px solid #eee; position: relative; text-align: left;}
.mini-shopping-cart ul.msc-p-list li .msc-lft{float: left; width: 75%;}
.mini-shopping-cart ul.msc-p-list li .msc-rght {float: right; width: 25%; text-align: right;}
.mini-shopping-cart ul.msc-p-list li .msc-img{float: left; margin-right: 10px;}
.mini-shopping-cart ul.msc-p-list li .msc-img img{display: block; max-width: 80px;}
.mini-shopping-cart ul.msc-p-list li .msc-ttl{ display: block; font-size: 13px; color: #000; font-weight: 600; line-height: 14px;}
.mini-shopping-cart ul.msc-p-list li .msc-code{padding-top: 5px; display: block; font-size: 12px; color: #000;}
.mini-shopping-cart ul.msc-p-list li .msc-attrs{padding-top: 10px;}
.mini-shopping-cart ul.msc-p-list li .msc-attrs .msc-attr{display: block; font-size: 12px; color: #000;}
.mini-shopping-cart ul.msc-p-list li .msc-price{font-size: 12px; color: #000; font-weight: 500; line-height: 20px;}
.mini-shopping-cart ul.msc-p-list li .msc-price-old{font-size: 12px; color: #999; font-weight: 500; text-decoration: line-through;}
.mini-shopping-cart ul.msc-p-list li .msc-remove{position: absolute; right: 0px; bottom: 5px; border: 0; display: block; background: none; margin: 0; padding: 0; font-size: 13px; color: #6e6e6e;}
.mini-shopping-cart ul.msc-p-list li .msc-remove i{ font-size: 14px;color: #444;}
.mini-shopping-cart ul.msc-total-all{/* background: #e8e8e8; */list-style: none; padding: 5px 0; margin: 0; border-top: 1px solid #eee; background-color: white;}
.mini-shopping-cart ul.msc-total-all li{list-style: none; padding: 0; margin: 0;}
.mini-shopping-cart ul.msc-total-all li.msc-other{font-size: 14px; color: #000; padding: 5px 10px 5px 0;}
.mini-shopping-cart ul.msc-total-all li.msc-total{font-size: 16px; color: #000; font-weight: 700; padding: 5px 10px 5px 0;}
.mini-shopping-cart ul.msc-total-all li .msc-rght {float: right; width: 25%; text-align: right;}
.mini-shopping-cart ul.msc-total-all li .msc-lft {float: left; width: 75%; text-align: right;}
.mini-shopping-cart .msc-footer {text-align: center; padding: 0px 0 10px 0;}
.mini-shopping-cart .msc-footer a {display: block; line-height: 30px; font-size: 16px; margin: 0; padding: 0; text-decoration: none; background: #000; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.mini-shopping-cart .msc-footer a:hover {background: #000;}
.mini-shopping-cart .msc-carousel {position: relative; margin-top: 5px; border-top: 1px solid #eee; padding: 10px 0;}
.mini-shopping-cart .msc-carousel .msc-c-container {margin: 0; overflow: hidden; position: relative; padding: 20px 0;}
.mini-shopping-cart .msc-carousel .prev, .mini-shopping-cart .msc-carousel .next{position: absolute; top: 0; cursor: pointer; z-index: 2; color: #c0c0c0; font-size: 50px; line-height: 20px; left: 50%; margin-left: -16px;}
.mini-shopping-cart .msc-carousel .not-active {display: none;}
.mini-shopping-cart .msc-carousel .prev i, .mini-shopping-cart .msc-carousel .next i {line-height: 20px;}
.mini-shopping-cart .msc-carousel .prev:hover, .mini-shopping-cart .msc-carousel .next:hover {color: #000;}
.mini-shopping-cart .msc-carousel .next{bottom: 0; top: auto;}
.mini-shopping-cart .msc-carousel .msc-c-scroller {position: absolute; top: 20px; z-index: 1; height: 279px; overflow: hidden; width: 100%;}
.mini-shopping-cart .msc-carousel .msc-c-scroller-visible {position: relative;}
.mini-shopping-cart .msc-dlv {padding: 16px 30px 10px 10px;}
.mini-shopping-cart .msc-dlv .msc-dlv-txt {padding: 0 10px; line-height: 16px; padding-right: 80px;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt {height: 40px; position: relative; width: 100%; margin-top: -4px;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-bar {position: absolute; top: 12px; left: 0; width: 100%; padding-right: 36px; z-index: 10; }
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-bar > span {display: block; background: #f1f1f1; height: 16px; border-radius: 5px; padding: 4px 0 4px 4px; }
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-bar > span > span {display:block; height: 8px;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-bar > span > span span {display:block; background:#000; height: 8px; border-radius: 5px; max-width: 100%;}
.mini-shopping-cart .msc-dlv.msc-dlv-yes .msc-dlv-cnt .msc-dlv-cnt-bar > span > span span {border-radius: 5px 0 0 5px;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-lbl {position: absolute; top: -36px; right: -20px; width: 80px; text-align: center;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-lbl span {display: inline-block; background:#000; border-radius: 5px; color: #fff; padding: 5px 10px;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-lbl:before {
width: 1px;
height: 1px;
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -6px;
border-color: #000;
border-right-color: #000;
border-left-color: #000;
border-bottom-width: 0;
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 6px;
border-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-ico {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #f1f1f1; border-radius: 50%;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-ico span {display:block; text-align: left; height: 32px; line-height: 32px; border-radius: 50%; margin: 4px;}
.mini-shopping-cart .msc-dlv.msc-dlv-yes .msc-dlv-cnt .msc-dlv-cnt-ico span {background:#000;}
.mini-shopping-cart .msc-dlv .msc-dlv-cnt .msc-dlv-cnt-ico i {font-size: 20px; margin-left: 4px;}
.mini-shopping-cart .msc-dlv.msc-dlv-yes .msc-dlv-cnt .msc-dlv-cnt-ico i {color:#fff;}

/********************* HEADER *********************/
header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 100; }
header .top { padding: 15px 0 17px 0; min-width: 86px; min-height: 118px; border-bottom: 1px solid #d7d7d7; }
header .top .logo { position: absolute; top: 15px; left: 50%; margin-left: -45px; }
header .top .pull-left { margin-top: 24px; }
header .top .pull-left ul li { float: left; border-left: 1px solid #d7d7d7; height: 28px; padding: 0 12px; }
header .top .pull-left ul li:first-child { border-left: 0; padding-left: 0; }
header .top .pull-left ul li:last-child { display: none; }
header .top .pull-left ul li a { display: inline-block; background: url(../img/email.png) no-repeat top 6px left; padding-left: 52px; font-weight: 200; }
header .top .pull-left ul li .srch-btn { background: url(../img/search.png) no-repeat 0 0; width: 15px; height: 15px; cursor: pointer; margin-top: 7px; }
header .top .pull-right { text-align: right; margin-top: 22px; }
header .top .pull-right > ul { }
header .top .pull-right > ul > li { float: left; border-right: 1px solid #d7d7d7; height: 28px; padding: 0 12px; }
header .top .pull-right > ul > li:last-child { border-right: 0; }
header .top .pull-right .srch { border: 1px solid #d7d7d7; width: 156px; height: 24px; position: relative; margin-top: 2px; }
header .top .pull-right .srch input[type=text] { background: none; border: 0; width: 100%; height: 22px; margin: 0; padding: 0 25px 0 8px; font-size: 14px; position: absolute; top: 0; left: 0; }
header .top .pull-right .srch input[type=submit] { background: url(../img/search.png) no-repeat center center; width: 25px; height: 22px; border: 0; position: absolute; top: 0; right: 0; }
header .top .pull-right a { display: block; }
header .top .pull-right .acc a { line-height: 28px; font-size: 16px; }
header .top .pull-right .fav a { background: url(../img/wishlist.png) no-repeat 0 0; width: 23px; height: 23px; margin-top: 2px; }
header .top .pull-right .cart { position: relative; }
header .top .pull-right .cart > a { background: url(../img/bag.png) no-repeat 0 0; width: 22px; height: 24px; margin-top: 2px; }
header .main-menu { position: relative; text-align: center; }
header .main-menu > div > ul { display: inline-block; }
header .main-menu > div > ul > li { display: inline-block; vertical-align: middle; margin: 0 10px; }
header .main-menu > div > ul > li:first-child { margin-left: 0; }
header .main-menu > div > ul > li:last-child { margin-right: 0; }
header .main-menu > div > ul > li > a { display: block; line-height: 50px; font-family: 'Playfair Display', serif; }
/*header .main-menu > div > ul > li > a span { display: inline-block; font-family: 'Playfair Display', serif; border-bottom: 1px solid #fff; line-height: normal; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .main-menu > div > ul > li > a:hover span,
header .main-menu > div > ul > li > a.activeo span { border-bottom-color: #000; }
header .main-menu > div > ul > li > a.active span { font-weight: 700; }*/
header .main-menu > div > ul > li .sub-menu { position: absolute; top: 50px; left: 0; width: 100%; padding-bottom: 30px; background: rgba(255,255,255,0.9); display: none; }
header .main-menu > div > ul > li .sub-menu > div > ul { text-align: left; }
header .main-menu > div > ul > li .sub-menu > div > ul > li { float: left; padding-right: 20px; width: 16.66%; }
header .main-menu > div > ul > li .sub-menu > div > ul > li:nth-child(6n+1) { clear: both; }
header .main-menu > div > ul > li .sub-menu > div > ul > li > a { display: inline-block; font-weight: 600; margin: 16px 0 1px 0; }
header .main-menu > div > ul > li .sub-menu > div > ul > li > a.active { border-bottom: 1px solid #000; margin-bottom: 0; padding: 0 10px 1px 0; }
header .main-menu > div > ul > li .sub-menu > div > ul > li > ul { margin-top: 6px; }
header .main-menu > div > ul > li .sub-menu > div > ul > li > ul > li a { font-size: 16px; }
header .main-menu > div > ul > li .sub-menu > div > ul > li > ul > li a.active { font-weight: 600; }
header .mob-btn { text-align: center; display: none; }
header .mob-btn a { line-height: 50px; }
header .mob-btn a span { font-size: 20px; font-family: 'Playfair Display', serif; margin-left: 14px; }
header .mob-btn a i { font-size: 21px; }

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

.close-menu { cursor: pointer; }

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

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

.custom-search { background: #e8e8e8; border: 0; width: 100%; margin: 0; padding: 7px 12px; cursor: pointer; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 100px; }
footer.hp { margin-top: 60px; }
footer .logo { }
footer .menu { text-align: center; overflow: hidden; margin-top: 30px; }
footer .menu.menu-2 { margin-top: 14px; }
footer .menu ul { margin-left: -12px; margin-right: -12px; display: inline-block; }
footer .menu ul li { float: left; padding: 0 12px; }
footer .menu ul li a { font-family: 'Playfair Display', serif; }
footer .soc { text-align: center; overflow: hidden; margin-top: 14px; padding-top: 2px; border-top: 1px solid #d7d7d7; }
footer .soc ul { margin-left: -6px; margin-right: -6px; display: inline-block; }
footer .soc ul li { float: left; margin: 12px 6px 0 6px; }
footer .soc ul li a { width: 54px; height: 54px; text-align: center; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .soc ul li a i { font-size: 30px; color: #909090; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .soc ul li a:hover { border-color: #000; }
footer .soc ul li a:hover i { color: #000; }
footer .copy { background: #000; color: #fff; text-align: center; line-height: 32px; padding: 18px 0 16px 0; margin-top: 20px; font-size: 16px; }
footer .copy a { color: #fff; }
footer .copy span { display: inline-block; border-left: 1px solid #fff; padding-left: 10px; margin-left: 10px; color: #a2a2a2; line-height: 32px; }
footer .copy span a { color: #a2a2a2; }
footer .copy span a:hover { color: #fff; }
/********************* FOOTER *********************/

.c-item { max-width: 456px; margin: auto auto; }
.c-item .c-img { }
.c-item .c-ttl { margin-top: 8px; }
.c-item .c-ttl a { font-size: 42px; color: #707070; }

.c-item-2 { max-width: 364px; margin: auto auto; }
.c-item-2 .c-ttl { text-align: center; border-bottom: 1px solid #838383; padding-bottom: 16px; }
.c-item-2 .c-ttl h2 { margin: 0; }
.c-item-2 .c-ttl h2,
.c-item-2 .c-ttl h2 a { display: block; font-weight: 600; font-size: 26px; color: #000; }
.c-item-2 .c-img { margin-top: 20px; }

.n-item { border: 1px solid #d7d7d7; }
.n-item .n-img { float: left; margin-right: 24px; overflow: hidden; }
.n-item.n-item-lg .n-img { margin-right: 64px; }
.n-item .n-img img { max-width: 364px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.n-item .n-img:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.n-item .n-det { padding: 17px 24px 20px 24px; }
.n-item.n-item-lg .n-det { padding-right: 124px; }
.n-item .n-det .n-tags { }
.n-item .n-det .n-tags a { display: inline-block; background: #d7d7d7; font-size: 16px; border-radius: 5px; margin: 5px 5px 0 0; padding: 1px 10px; }
.n-item .n-det .n-ttl { margin-top: 30px; }
.n-item .n-det .n-ttl a { font-size: 26px; font-family: 'Playfair Display', serif; }
.n-item .n-det .n-txt { margin-top: 8px; }
.n-item.n-item-lg .n-det .n-txt { margin-top: 24px; }
.n-item .n-det .n-txt a { display: block; line-height: 30px; }
.n-item .n-det .n-lnk { margin-top: 30px; }
.n-item .n-det .n-lnk a { display: inline-block; font-size: 20px; border-bottom: 1px solid #000; padding: 0 10px 1px 6px; }

.p-item { max-width: 388px; margin: auto auto; }
.p-item .p-img { }
.p-item .p-ttl { text-align: center; margin-top: 12px; }
.p-item .p-ttl h2 { margin: 0; font-weight: 400; }
.p-item .p-ttl h2,
.p-item .p-ttl h2 a { font-size: 18px; }
.p-item .p-txt { margin-top: 8px; }
.p-item .p-txt a { display: block; line-height: 24px; }

.p-item-2 { max-width: 360px; margin: auto auto; }
.p-item-2 .p-img { }
.p-item-2 .p-ttl { text-align: center; margin-top: 10px; }
.p-item-2 .p-ttl h2 { margin: 0; font-weight: 400; }
.p-item-2 .p-ttl h2,
.p-item-2 .p-ttl h2 a { font-size: 18px; }

.a-item { position: relative; max-width: 266px; margin: auto auto; cursor: pointer; border: 1px solid #d7d7d7; }
.a-item .a-img { opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.a-item:hover .a-img { opacity: 1; }
.a-item .a-ins { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 10px; display: flex; justify-content: center; flex-direction: column; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.a-item:hover .a-ins { background: rgba(0,0,0,0.5); color: #fff; }
.a-item .a-ins .a-ico { position: relative; display: flex; justify-content: center; flex-direction: column; }
.a-item .a-ins .a-ico span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.a-item:hover .a-ins .a-ico span { opacity: 1; }
.a-item .a-ins .a-ttl { margin-top: 8px; font-weight: 700; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.a-item .a-ins .a-txt { font-size: 16px; line-height: 20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

/********************* HOMEPAGE *********************/
.home { }
.home .hp-slider { }
.home .hp-slider .arrows { position: relative; height: 400px; cursor: pointer; }
.home .hp-slider .arrow { opacity: 0; position: absolute; left: 50%; top: 50%; transform-origin: 50% 50%; transform: translate3d(-50%, -50%, 0); }
.home .hp-slider .arrow-first { animation: arrow-movement 2s ease-in-out infinite; }
.home .hp-slider .arrow-second { animation: arrow-movement 2s 1s ease-in-out infinite; }
.home .hp-slider .arrow:before,
.home .hp-slider .arrow:after { background: #fff;content: '';display: block;height: 3px;position: absolute;top: 0;left: 0;width: 30px; }
.home .hp-slider .arrow:before { transform: rotate(45deg) translateX(-23%);transform-origin: top left; }
.home .hp-slider .arrow:after { transform: rotate(-45deg) translateX(23%);transform-origin: top right; }
@keyframes arrow-movement {
    0% {
        opacity: 0;
        top: 45%;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.tp-caption.VideoControls-Mute .fa,
.VideoControls-Mute .fa{ height: 35px; width: 35px; text-align: center; line-height: 35px; position: relative; color: #000; background-color: rgba(255,255,255,0.72); border: none; outline: none !important; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.tp-caption.VideoControls-Mute .fa:hover,
.VideoControls-Mute .fa:hover{ }
.myplaypause.playme .fa::before {  content: "\f04b"; }
.myplaypause.playme2 .fa::before {  content: "\f04b"; }
.home .hp-we-can { margin-top: 100px; }
.home .hp-we-can .pull-left { float: left; width: 100%; margin-right: -494px; }
.home .hp-we-can .pull-left .ins { padding-right: 494px; }
.home .hp-we-can .pull-right { float: right; width: 494px; padding-left: 44px; position: relative; display: flex; justify-content: center; flex-direction: column; }
.home .hp-together { margin-top: 100px; }
.home .hp-together .pull-left { float: left; width: 494px; padding-right: 30px; position: relative; display: flex; justify-content: center; flex-direction: column; }
.home .hp-together .pull-right { float: right; width: 100%; margin-left: -494px; }
.home .hp-together .pull-right .ins { padding-left: 494px; }
.home .box .ttl { }
.home .box .ttl a { display: block; font-size: 42px; font-family: 'Playfair Display', serif; line-height: 64px; }
.home .box .txt { margin-top: 30px; }
.home .box .txt a { display: block; font-size: 26px; color: #707070; line-height: 34px; }
.home .box .txt a:hover { color: #000; }
.home .box .lnk { margin-top: 50px; }
.home .box .lnk a .the-arrow { width: 100px; transition: all 0.2s; }
.home .box .lnk a .the-arrow > .shaft { background-color: #000; display: block; height: 1px; position: relative; transition: all 0.2s; transition-delay: 0; will-change: transform; }
.home .box .lnk a .the-arrow.lft { position: absolute; top: 55%; right: 0; }
.home .box .lnk a .the-arrow.lft > .shaft { width: 0; background-color: #000; }
.home .box .lnk a .the-arrow.rgt { top: 2px; }
.home .box .lnk a .the-arrow.rgt > .shaft { width: 100px; transition-delay: 0.2s; }
.home .box .lnk a.animated-arrow { display: inline-block; color: #000; font-size: 26px; text-decoration: none; position: relative; transition: all 0.2s; }
.home .box .lnk a.animated-arrow:hover > .the-arrow.lft > .shaft { width: 100px; transition-delay: 0.1s; background-color: #000; }
.home .box .lnk a.animated-arrow:hover > .main { -webkit-transform: translateX(-116px); transform: translateX(-116px); }
.home .box .lnk a.animated-arrow:hover > .main > .the-arrow.rgt > .shaft { width: 0; -webkit-transform: translateX(200%); transform: translateX(200%); transition-delay: 0; }
.home .box .lnk a.animated-arrow > .main { display: flex; align-items: center; transition: all 0.2s; }
.home .box .lnk a.animated-arrow > .main > .text { margin: 0  0 0 16px; line-height: 1; }
.home .box .lnk a.animated-arrow > .main > .the-arrow { position: relative; }
.home .hp-prods { margin-top: 110px; background: #f3f3f3; padding: 40px 0 50px 0; }
.home .hp-prods .ins { }
.home .hp-prods .ins h2 { margin: 0; font-size: 42px; font-weight: 400; }
.home .hp-prods .ins .slider-1-c { margin-top: 80px; position: relative; }
.home .hp-prods .ins .slider-1-c .slider-1-bg { content: ""; position: absolute; top: 68px; right: 0; width: 200px; z-index: 10;
background: -moz-linear-gradient(90deg, transparent 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, transparent 0%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, transparent 0%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, transparent 0%, rgba(255,255,255,1) 100%); /* ie10+ */
background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='#fff',GradientType=1 ); /* ie6-9 */
}
.home .hp-prods .ins .slider-1 { }
.home .hp-prods .ins .slider-1 .slider-1-item { margin-right: 34px; }
.home .hp-prods .ins .lnk { margin-top: 38px; text-align: center; }
.home .hp-prods .ins .lnk a { display: inline-block; font-size: 26px; border-bottom: 1px solid #000; padding: 0 16px 4px 16px; }

.btn--cw { display: block; position: relative; overflow: hidden; text-decoration: none; }
.btn--cw:before, .btn--cw:after,.btn--cw .btn--inner:before,.btn--cw .btn--inner:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; background-color: #000; transition: 0.3s ease-in-out; }
.btn--cw:after { top: auto; right: 0; bottom: -1px; left: auto; }
.btn--cw .btn--inner:before{ right: 0; left: auto; }
.btn--cw .btn--inner:after{ top: auto; bottom: 0; }
.btn--cw:before, .btn--cw:after { width: 0; height: 1px; }
.btn--cw .btn--inner:before,.btn--cw .btn--inner:after { width: 1px; height: 0; }
.btn--cw:hover:before, .btn--cw:hover:after { width: 100%; }
.btn--cw:hover .btn--inner:before,.btn--cw:hover .btn--inner:after { height: 100%; }

.home .hp-news { margin-top: 90px; }
.home .hp-news .ttl { text-align: center; }
.home .hp-news .ttl h2 { margin: 0; font-size: 42px; font-family: 'Playfair Display', serif; font-weight: 400; }
.home .hp-news .slider-2-c { overflow: hidden; }
.home .hp-news .slider-2-c-2 { margin-left: -14px; margin-right: -14px; }
.home .hp-news .slider-2 { margin-top: 56px; }
.home .hp-news .slider-2 .slider-2-item { padding: 0 14px; }
.home .np-nsl { margin-top: 100px; padding: 0 20px; height: 640px; background: no-repeat center center fixed; display: flex; justify-content: center; flex-direction: column; }
.home .np-nsl .ins { width: 100%; max-width: 1184px; margin: auto auto; background: rgba(255,255,255,0.76); padding: 0 20px; }
.home .np-nsl .ins .ins-2 { width: 100%; max-width: 430px; margin: auto auto; padding: 24px 0 58px 0; }
.home .np-nsl .ins .ins-2 .ttl { font-size: 26px; font-family: 'Playfair Display', serif; line-height: 36px; }
.home .np-nsl .ins .ins-2 .frm { position: relative; margin-top: 32px; }
.home .np-nsl .ins .ins-2 .frm .inpt { margin-right: 112px; }
.home .np-nsl .ins .ins-2 .frm .inpt input { background: none; border: 1px solid #000; margin: 0; padding: 0 10px; }
.home .np-nsl .ins .ins-2 .frm .mybtn { position: absolute; top: 0; right: 0; width: 112px; }
.home .np-nsl .ins .ins-2 .frm .mybtn button { background: #000; color: #fff; border: 0; margin: 0; padding: 0; text-align: center; font-family: 'Playfair Display', serif; width: 100%; height: 36px; }
.home .np-nsl .ins .ins-2 .frm .mybtn button img { display: inline-block; vertical-align: top; margin: 3px 0 0 12px; }
.home .np-nsl .ins .ins-2 .chk { padding-top: 3px; }
.home .np-nsl .ins .ins-2 .chk a { display: inline-block; vertical-align: middle; margin-left: 12px; }
.home .hp-not-only { margin-top: 110px; padding-top: 46px; padding-bottom: 136px; background: #f3f3f3; }
.home .hp-not-only .hp-not-only-ins { max-width: 1738px; float: right; }
.home .hp-not-only .pull-left { float: left; width: 494px; padding-right: 30px; position: relative; display: flex; justify-content: center; flex-direction: column; }
.home .hp-not-only .pull-right { float: right; width: 100%; margin-left: -494px; display: flex; justify-content: center; flex-direction: column; }
.home .hp-not-only .pull-right .ins { padding-left: 494px; }
/********************* HOMEPAGE *********************/

.m-ttl { margin-top: 42px; text-align: center; }
.m-ttl h1 { display: inline-block; margin: 0; font-size: 42px; border-bottom: 1px solid #000; padding: 0 20px 24px 20px; font-weight: 400; font-family: 'Playfair Display', serif; min-width: 244px; }
.m-ttl span { display: inline-block; margin: 0; font-size: 30px; border-bottom: 1px solid #000; padding: 0 20px 14px 20px; min-width: 340px; }
.m-ttl-2 { margin-top: 20px; }
.m-ttl-2 h2 { margin: 0; font-size: 20px; }
.m-txt { margin-top: 30px; }
.m-actions { margin-top: 20px; }
.m-actions a { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.m-actions a span { margin-right: 6px; }

/********************* ABOUT US *********************/
.about { }
.about .box-1 { margin-top: 96px; }
.about .box-1 .ttl { }
.about .box-1 .ttl h1 { margin: 0; font-weight: 400; font-size: 36px; font-family: 'Playfair Display', serif; }
.about .box-1 .txt { line-height: 24px; margin-top: 32px; }
.about .box-2 { margin-top: 74px; background: #f3f3f3; }
.about .box-2 .box-2-ins { }
.about .box-2 .pull-left { width: 960px; position: relative; }
.about .box-2 .pull-left .ins { }
.about .box-2 .pull-right { width: 100%; margin-left: -960px; }
.about .box-2 .pull-right .ins { padding-left: 980px; }
.about .box-2 .pull-right .ins .ins-2 { max-width: 684px; width: 100%; float: right; }
.about .box-2 .pull-right .ins .ins-2 > div { display: flex; justify-content: center; flex-direction: column; }
.about .box-2 .pull-right .ins .ins-2 .ttl { }
.about .box-2 .pull-right .ins .ins-2 .ttl:after { content: ""; display: block; border-bottom: 1px solid #000; width: 100%; max-width: 124px; margin-top: 14px; }
.about .box-2 .pull-right .ins .ins-2 .ttl h2 { font-size: 36px; font-family: 'Playfair Display', serif; font-weight: 400; margin: 0; }
.about .box-2 .pull-right .ins .ins-2 .sttl { font-size: 20px; font-family: 'Playfair Display', serif; margin-top: 44px; }
.about .box-2 .pull-right .ins .ins-2 .txt { line-height: 24px; margin-top: 28px; }
.about .box-2 .pull-right .ins .ins-2 .sign { margin-top: 60px; }
.about .box-3 { margin-top: 110px; }
.about .box-3 .ttl { }
.about .box-3 .ttl h2 { margin: 0; font-weight: 400; font-size: 36px; font-family: 'Playfair Display', serif; }
.about .box-3 .lst { overflow: hidden; margin-top: 30px; }
.about .box-3 .lst ul { margin-left: -10px; margin-right: -10px; }
.about .box-3 .lst ul li { float: left; width: 20%; padding: 0 10px; margin-top: 30px; }
.about .box-4 { margin-top: 74px; background: #f3f3f3; }
.about .box-4 .box-4-ins { }
.about .box-4 .pull-left { width: 100%; margin-right: -946px; }
.about .box-4 .pull-left .ins { padding-right: 966px; }
.about .box-4 .pull-left .ins .ins-4 { max-width: 684px; width: 100%; }
.about .box-4 .pull-left .ins .ins-4 .ttl { margin-top: 30px; }
.about .box-4 .pull-left .ins .ins-4 .ttl:after { content: ""; display: block; border-bottom: 1px solid #000; width: 100%; max-width: 124px; margin-top: 14px; }
.about .box-4 .pull-left .ins .ins-4 .ttl h2 { font-size: 36px; font-family: 'Playfair Display', serif; font-weight: 400; margin: 0; }
.about .box-4 .pull-left .ins .ins-4 .sttl { font-size: 36px; font-family: 'Playfair Display', serif; margin-top: 24px; }
.about .box-4 .pull-left .ins .ins-4 .dt { font-size: 20px; font-family: 'Playfair Display', serif; margin-top: 22px; }
.about .box-4 .pull-left .ins .ins-4 .txt { line-height: 24px; margin-top: 48px; }
.about .box-4 .pull-right { width: 946px; position: relative; }
.about .box-4 .pull-right .ins { }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact { }
.contact .mttl { margin-top: 42px; text-align: center; font-size: 42px; font-family: 'Playfair Display', serif; }
.contact .frm { max-width: 960px; margin: 0 auto; padding-top: 26px; }
.contact .frm .form-group { margin-top: 16px; }
.contact .frm .form-group-l { float: left; width: 50%; padding-right: 34px; }
.contact .frm .form-group-r { float: right; width: 50%; padding-left: 34px; }
.contact .frm .form-group .form-control { display:block; width:100%; height:auto; padding:4px 12px 28px 12px; color:#000; border-color: #d7d7d7; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.contact .frm .form-group .form-control:focus { padding-top:16px; padding-bottom:16px; }
.contact .frm .form-group textarea.form-control { height: 230px; }
.contact .frm .bot { }
.contact .frm .bot .lft { float: left; }
.contact .frm .bot .lft span { display: block; font-size: 14px; color: #000; margin-top: 5px; }
.contact .frm .bot .lft .captcha { margin-top: 14px; }
.contact .frm .bot .rgt { float: right; }
.contact .frm .bot .rgt button { margin: 40px 0 0 0; }
/********************* CONTACT *********************/

/********************* NEWS *********************/
.news { margin-top: 30px; }
.news .main { max-width: 1336px; margin: auto auto; }
.news .main .lst { padding-top: 20px; }
.news .main .lst ul { }
.news .main .lst ul li { margin-top: 56px; }
/********************* NEWS *********************/

/********************* NEWS INSIDE *********************/
.news-ins { }
.news-ins .ttl { margin-top: 52px; }
.news-ins .ttl h1 { margin: 0; font-size: 36px; font-family: 'Playfair Display', serif; font-weight: 400; }
.news-ins .dt { margin-top: 10px; font-size: 26px; }
.news-ins .txt { margin-top: 30px; line-height: 24px; }
.news-ins .soc { display: inline-block; margin-top: 40px; padding-top: 38px; border-top: 1px solid #ccc; }
.news-ins .soc span,
.news-ins .soc a { display: inline-block; vertical-align: middle; }
.news-ins .soc span { font-size: 26px; font-weight: 500; }
.news-ins .soc a { margin-left: 40px; }
.news-ins .soc a i { font-size: 34px; }
.news-ins .rel { margin-top: 46px; }
.news-ins .rel .rel-ttl { font-size: 36px; font-family: 'Playfair Display', serif; text-align: center; }
.news-ins .rel .slider-3-c { overflow: hidden; margin-top: 54px; }
.news-ins .rel .slider-3-c-2 { margin-left: -31px; margin-right: -31px; }
.news-ins .rel .slider-3 { }
.news-ins .rel .slider-3 .slider-3-item { padding: 0 31px; }
.news-ins .rel .slider-3 .slider-3-item a { display: block; position: relative; }
.news-ins .rel .slider-3 .slider-3-item a:before { content: ""; display: block; width: 100%; height: 100%; border: 1px solid #000; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.news-ins .rel .slider-3 .slider-3-item a:after { content: ""; display: block; width: 100%; height: 100%; border-top: 21px solid #fff; border-right: 29px solid #fff; border-left: 29px solid #fff; border-bottom: 21px solid #fff; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.news-ins .rel .slider-3 .slider-3-item a:hover:before { opacity: 1; }
.news-ins .rel .slider-3 .slider-3-item a:hover:after { opacity: 1; }
/********************* NEWS INSIDE *********************/

/********************* TERMS *********************/
.terms { }
.terms .main { margin-top: 120px; }
.terms .pull-left { width: 244px; position: relative; }
.terms .pull-left ul { margin-top: -20px; }
.terms .pull-left ul li { }
.terms .pull-left ul li a { display: block; border-bottom: 1px solid #000; padding: 20px 0 20px 40px; font-size: 20px; font-family: 'Playfair Display', serif; position: relative; }
.terms .pull-left ul li a:before { content: ""; display: block; width: 40px; height: 100%;  background: url(../img/plus.png) no-repeat center left; position: absolute; top: 0; left: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.terms .pull-left ul li a.active:before,
.terms .pull-left ul li a:hover:before { top: 8px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.terms .pull-left ul li a.active { font-weight: 700; }
.terms .pull-right { width: 100%; margin-left: -244px; }
.terms .pull-right .ins { padding-left: 300px; }
.terms .pull-right .ins .ttl { font-family: 'Playfair Display', serif; font-weight: 700; }
.terms .pull-right .ins .txt { margin-top: 8px; }
/********************* TERMS *********************/

/********************* PRODUCTS CATEGORIES *********************/
.prods { }
.prods .lst { overflow: hidden; }
.prods .lst ul { margin-left: -24px; margin-right: -24px; margin-top: -45px; }
.prods .lst ul li { float: left; width: 25%; padding: 0 24px; margin-top: 100px; }
/********************* PRODUCTS CATEGORIES *********************/

/********************* PRODUCTS *********************/
.prods-2 { }
.prods-2 .main { margin-top: 16px; }
.prods-2 .main .pull-left { width: 322px; position: relative; }
.prods-2 .main .pull-left .flt-btn { margin-top: 30px; background: #f3f3f3; padding: 8px 10px 8px 12px; font-family: 'Playfair Display', serif; text-align: center; cursor: pointer; display: none; }
.prods-2 .main .pull-left .flt-cnt { border-bottom: 1px solid #eaeaea; margin-top: 10px; }
.prods-2 .main .pull-left .flt-cnt .ttl { background: #f3f3f3; padding: 1px 10px 3px 10px; text-align: center; font-family: 'Playfair Display', serif; margin-bottom: 24px; }
.prods-2 .main .pull-left .flt-cnt .flt-item { }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-ttl { background: #f3f3f3; padding: 8px 10px 8px 12px; font-family: 'Playfair Display', serif; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box { padding: 16px 10px 32px 10px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul { }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul li { margin-top: -2px; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul li a { display: block; position: relative; padding-left: 28px; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul li a:before { content: ""; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; border: 1px solid #898989; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul li a:hover:before,
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul li a.active:before { background: #898989; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box .prc { padding: 10px 2px 0 2px; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box .prc .prcs > span { font-size: 16px; margin-top: 6px; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box .prc .prcs .prc-l { float: left; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box .prc .prcs .prc-r { float: right; }
.prods-2 .main .pull-right { width: 100%; margin-left: -322px; }
.prods-2 .main .pull-right .ins { padding-left: 396px; }
.prods-2 .main .pull-right .txt { line-height: 24px; margin-top: 4px; }
.prods-2 .main .pull-right .box { border: 1px solid #eee; padding: 9px 20px; margin-top: 10px; }
.prods-2 .main .pull-right .box > div { float: left; width: 33.33%; }
.prods-2 .main .pull-right .box .lft { font-family: 'Playfair Display', serif; }
.prods-2 .main .pull-right .box .lft strong { font-weight: 700; }
.prods-2 .main .pull-right .box .cnt { text-align: center; }
.prods-2 .main .pull-right .box .cnt .cnt-lst { display: inline-block; text-align: left; margin-left: 6px; position: relative; }
.prods-2 .main .pull-right .box .cnt span { display: inline-block; vertical-align: top; min-width: 194px; border-bottom: 1px solid #707070; text-align: left; background: url(../img/arrow-down-14x8.png) no-repeat center right; cursor: pointer; }
.prods-2 .main .pull-right .box .cnt ul { position: absolute; top: 30px; left: 0; width: 100%; background: #f3f3f3; padding: 6px 10px 10px 10px; display: none; }
.prods-2 .main .pull-right .box .cnt ul li { }
.prods-2 .main .pull-right .box .cnt ul li.active a { color:#707070; }
.prods-2 .main .pull-right .box .rgt { float: right; text-align: right; }
.prods-2 .main .pull-right .lst { overflow: hidden; }
.prods-2 .main .pull-right .lst ul { margin-left: -10px; margin-right: -10px; padding-top: 4px; }
.prods-2 .main .pull-right .lst ul li { float: left; width: 33.33%; padding: 0 10px; margin-top: 36px; }
.prods-2 .main .pull-right .no-res { margin-top: 30px; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod { }
.prod .main { margin-top: 42px; }
.prod .main .pull-left { width: 100%; margin-right: -605px; }
.prod .main .pull-left .ins { padding-right: 625px; }
.prod .main .pull-left .ins .slider { }
.prod .main .pull-left .ins .slider .gal-thumbs { float: left; width: 154px; height: 556px; padding-top: 34px; }
.prod .main .pull-left .ins .slider .gal-thumbs .item { border: 1px solid #d7d7d7; margin: 8px 0; cursor: pointer; }
.prod .main .pull-left .ins .slider .gal-big { float: right; width: 814px; }
.prod .main .pull-left .ins .tabs { margin: 30px 0 0 161px; }
.prod .main .pull-left .ins .tabs .nav-tabs { border-color: #000; }
.prod .main .pull-left .ins .tabs .nav-tabs li { margin-bottom: 0; }
.prod .main .pull-left .ins .tabs .nav-tabs li a { border-bottom: 0; font-weight: 500; padding-top: 8px; padding-bottom: 8px; margin-right: 16px; }
.prod .main .pull-left .ins .tabs .nav-tabs li:last-child a { margin-right: 0; }
.prod .main .pull-left .ins .tabs .nav-tabs li.active a { background-color: #fff; color: #000; border-color: #d7d7d7; box-shadow: 1px -3px 8px 0px rgba(0, 0, 0, 0.14); }
.prod .main .pull-left .ins .tabs .tab-content { max-width: 520px; margin-top: 14px; line-height: 22px; }
.prod .main .pull-right { width: 605px; position: relative; }
.prod .main .pull-right .ins { float: right; width: 100%; max-width: 565px; }
.prod .main .pull-right .ttl { border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; }
.prod .main .pull-right .ttl h1 { margin: 0; font-size: 30px; font-family: 'Playfair Display', serif; font-weight: 400; }
.prod .main .pull-right .cat { font-size: 24px; font-weight: 200; margin-top: 30px; }
.prod .main .pull-right .box { margin-top: 20px; max-width: 412px; display: none; }
.prod .main .pull-right .box.marg10 { margin-top: 10px; }
.prod .main .pull-right .box .box-ttl { font-size: 24px; font-family: 'Playfair Display', serif; }
.prod .main .pull-right .box .box-txt { margin-top: -2px; }
.prod .main .pull-right .box .box-sel { }
.prod .main .pull-right .box .box-sel ul li { cursor: pointer; }
.prod .main .pull-right .box .box-sel-1 { margin-top: 10px; position: relative; }
.prod .main .pull-right .box .box-sel-1 span { display: block; border: 1px solid #000; line-height: 44px; padding: 0 42px 0 8px; font-size: 20px; color: #707070; background: url(../img/arrow-down-22x12.png) no-repeat center right 12px; cursor: pointer; }
.prod .main .pull-right .box .box-sel-1 ul { position: absolute; top: 46px; left: 0; width: 100%; background: #fff; display: none; z-index: 10; }
.prod .main .pull-right .box .box-sel-1 ul li { border: 1px solid #000; border-top: 0; line-height: 44px; padding: 0 8px; font-size: 20px; color: #707070; background: #f3f3f3; cursor: pointer; }
.prod .main .pull-right .box .box-sel-1 ul li.active { color: #000; }
.prod .main .pull-right .box .box-sel-2 { }
.prod .main .pull-right .box .box-sel-2 ul { }
.prod .main .pull-right .box .box-sel-2 ul li { float: left; margin: 10px 28px 0 0; border: 1px solid #fff; overflow: hidden; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod .main .pull-right .box .box-sel-2 ul li:hover,
.prod .main .pull-right .box .box-sel-2 ul li.active { box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.21); }
.prod .main .pull-right .box .box-sel-2 ul li:last-child { margin-right: 0; }
/*.prod .main .pull-right .box .box-sel-2 ul li img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod .main .pull-right .box .box-sel-2 ul li:hover img { -moz-transform: scale(1.6); -webkit-transform: scale(1.6); transform: scale(1.6); }*/
.prod .main .pull-right .box .box-sel-3 { }
.prod .main .pull-right .box .box-sel-3 ul { }
.prod .main .pull-right .box .box-sel-3 ul li { float: left; margin: 13px 24px 0 0; }
.prod .main .pull-right .box .box-sel-3 ul li:last-child { margin-right: 0; }
.prod .main .pull-right .box .box-sel-3 ul li img { border: 1px solid #fff; overflow: hidden; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod .main .pull-right .box .box-sel-3 ul li img:hover,
.prod .main .pull-right .box .box-sel-3 ul li.active img { box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.21); }
.prod .main .pull-right .box .box-sel-3 ul li a { display: block; text-align: center; margin-top: 3px; text-decoration: underline; font-size: 14px; position: relative; color: #000; }
.prod .main .pull-right .group { }
.prod .main .pull-right .group > div { float: left; }
.prod .main .pull-right .group > div:first-child { margin-right: 24px; width: 220px; }
.prod .main .pull-right .group > div:first-child .box-sel-1 span { line-height: 58px; }
.prod .main .pull-right .group > div:first-child .box-sel-1 ul { top: 60px; }
.prod .main .pull-right .group > div:last-child .box-sel-3 ul { margin-top: -4px; }
.prod .main .pull-right .qty-prc { }
.prod .main .pull-right .qty-prc .qty { float: left; width: 50%; padding-right: 10px; margin-top: 30px; }
.prod .main .pull-right .qty-prc .qty .qty-ttl { font-size: 24px; font-family: 'Playfair Display', serif; }
.prod .main .pull-right .qty-prc .qty .qty-sel { margin-top: 13px; border: 1px solid #000; width: 132px; }
.prod .main .pull-right .qty-prc .qty .qty-sel button,
.prod .main .pull-right .qty-prc .qty .qty-sel input { display: inline-block; vertical-align: top; height: 44px; background: none; border: 0; margin: 0; padding: 0; text-align: center; }
.prod .main .pull-right .qty-prc .qty .qty-sel button { width: 35px; background-position: center center; background-repeat: no-repeat; }
.prod .main .pull-right .qty-prc .qty .qty-sel button:first-child { background-image: url(../img/btn-minus.png); }
.prod .main .pull-right .qty-prc .qty .qty-sel button:last-child { background-image: url(../img/btn-plus.png); }
.prod .main .pull-right .qty-prc .qty .qty-sel input { width: 60px; font-size: 26px; }
.prod .main .pull-right .qty-prc .prc { float: right; width: 50%; margin-top: 60px; font-size: 20px; }
.prod .main .pull-right .qty-prc .prc span { font-size: 30px; font-weight: 500; }

.prod .main .pull-right .btns { margin-top: 24px; }
.prod .main .pull-right .btns > div { float: left; width: 50%; }
.prod .main .pull-right .btns > div:last-child { padding-left: 10px; }
.prod .main .pull-right .btns .add-to-cart { background: #000; color: #fff; text-align: center; font-family: 'Playfair Display', serif; cursor: pointer; max-width: 214px; line-height: 48px; }
.prod .main .pull-right .btns .add-to-fav { background: url(../img/fav.png) no-repeat center left; padding-left: 28px; cursor: pointer; margin-top: 12px; }
.prod .main .pull-right .req { border-top: 1px solid #e1e1e1; margin-top: 24px; }
.prod .main .pull-right .req .req-box { background: #ebebeb; width: 350px; margin-top: 24px; padding: 8px 14px 16px 14px; }
.prod .main .pull-right .req .req-ttl { font-size: 24px; font-family: 'Playfair Display', serif; }
.prod .main .pull-right .req .req-lnk { display: inline-block; border-bottom: 1px solid #000; position: relative; margin: 22px 0 0 36px; padding-bottom: 4px; cursor: pointer; }
.prod .main .pull-right .req .req-lnk:before { content: ""; display: block; background: url(../img/request.png) no-repeat 0 0; width: 32px; height: 32px; position: absolute; top: 0; left: -36px; }
.prod .main .pull-right .lnks { border-top: 1px solid #e1e1e1; margin-top: 24px; padding-top: 34px; }
.prod .main .pull-right .lnks > div { float: left; width: 50%; }
.prod .main .pull-right .lnks > div div { display: inline-block; line-height: 25px; font-size: 24px; background-position: center left; background-repeat: no-repeat; padding-left: 43px; font-family: 'Playfair Display', serif; cursor: pointer; }
.prod .main .pull-right .lnks .shr { background-image: url(../img/share.png); }
.prod .main .pull-right .lnks .hlp { background-image: url(../img/help.png); }
.prod .rels { }
.prod .rels .m-ttl { margin-top: 70px; }
.prod .rels .slider-5 { margin-top: 66px; padding: 0 48px; }
.prod .rels .slider-5 .slider-5-item { padding: 0 8px; }

.flo-shr { position: fixed; top: 0; width: 430px; height: 100%; background: #fff; box-shadow: 1px -3px 7px 0px rgba(0, 0, 0, 0.35); z-index: 101; padding-left: 1px; right: -440px; }
.flo-shr .flo-ttl { margin-top: 100px; border-bottom: 1px solid #ccc; font-family: 'Playfair Display', serif; padding: 0 0 10px 14px; position: relative; }
.flo-shr .flo-ttl .flo-close-share { position: absolute; bottom: 13px; right: 84px; background: url(../img/close.png) no-repeat 0 0; width: 22px; height: 22px; cursor: pointer; }
.flo-shr .flo-item { border-bottom: 1px solid #ccc; padding: 15px 14px 22px 14px; }
.flo-shr .flo-prod { }
.flo-shr .flo-prod .flo-img { float: left; width: 104px; position: relative; }
.flo-shr .flo-prod .flo-det { float: right; width: 100%; margin-left: -104px; }
.flo-shr .flo-prod .flo-det .flo-ins { padding-left: 128px; }
.flo-shr .flo-prod .flo-det .flo-prod-ttl { font-size: 26px; font-family: 'Playfair Display', serif; }
.flo-shr .flo-prod .flo-det .flo-prod-cat { margin-top: -4px; }
.flo-shr .flo-soc { margin-top: 42px; }
.flo-shr .flo-soc a { display: inline-block; vertical-align: top; margin-right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #000; background-position: center center; background-repeat: no-repeat; }
.flo-shr .flo-soc a.fb { background-image: url(../img/share-facebook.png); }
.flo-shr .flo-soc a.tw { background-image: url(../img/share-twitter.png); }
.flo-shr .flo-btns { padding: 35px 14px 22px 14px; }
.flo-shr .flo-btns > div { display: inline-block; background-position: center left; background-repeat: no-repeat; padding-left: 50px; cursor: pointer; }
.flo-shr .flo-btns .flo-send { background-image: url(../img/email-2.png); background-position: center left 2px; }
.flo-shr .flo-btns .flo-prnt { background-image: url(../img/print.png); line-height: 35px; margin-top: 14px; }

.flo-snd { position: fixed; top: 0; width: 430px; height: 100%; background: #fff; box-shadow: 1px -3px 7px 0px rgba(0, 0, 0, 0.35); z-index: 101; padding-left: 1px; right: -440px; }
.flo-snd .flo-ttl { margin-top: 100px; border-bottom: 1px solid #ccc; font-family: 'Playfair Display', serif; padding: 0 0 10px 14px; position: relative; }
.flo-snd .flo-ttl .flo-close-send { position: absolute; bottom: 13px; right: 84px; background: url(../img/close.png) no-repeat 0 0; width: 22px; height: 22px; cursor: pointer; }
.flo-snd .flo-frm { max-width: 340px; padding: 0 14px; }
.flo-snd .flo-frm .form-group { margin-top: 18px; }
.flo-snd .flo-frm .form-group input { border-color: #d7d7d7; border-radius: 5px; height: 46px; padding: 0 23px; }
.flo-snd .flo-frm .form-group textarea { border-color: #d7d7d7; border-radius: 5px; height: 114px; padding: 10px 23px; }
.flo-snd .flo-frm .captcha { margin-top: 18px; }
.flo-snd .flo-frm .chk { display: inline-block; margin: 20px 0 0 12px; }
.flo-snd .flo-frm .chk a { display: block; float: right; margin-left: 12px; }
.flo-snd .flo-frm .mybtn { margin-top: 20px; }
.flo-snd .flo-frm .mybtn button { background: #000; border: 0; margin: 0; padding: 0; width: 100%; height: 50px; text-align: center; font-size: 26px; color: #fff; }

.popup-box { position: relative; }
.popup-box .pop-ins { width: 740px !important; max-width: 100% !important; margin: auto auto; padding: 30px 10px 110px 10px; }
.popup-box .pop-close { background: url(../img/close-lg.png) no-repeat center center; width: 35px; height: 35px; cursor: pointer; border: 0; padding: 0; margin: 0; position: absolute; top: 30px; right: 30px; }
.popup-box .pop-logo { }
.popup-box .pop-ttl { text-align: center; font-size: 30px; color: #fff; background: #000; padding: 18px 20px; margin: 26px 0 62px 0; }
.popup-box .form-group { margin-top: 16px; }
.popup-box .form-group-l { float: left; width: 50%; padding-right: 34px; }
.popup-box .form-group-r { float: right; width: 50%; padding-left: 34px; }
.popup-box .form-group .form-control { display:block; width:100%; height:auto; padding:4px 12px 28px 12px; color:#000; border-color: #d7d7d7; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.popup-box .form-group .form-control:focus { padding-top:16px; padding-bottom:16px; }
.popup-box .form-group textarea.form-control { height: 150px; }
.popup-box .pop-error { margin-top: 20px; color: #ff0000; text-align: center; }
.popup-box .bot { margin-top: 10px; }
.popup-box .bot .lft { float: left; }
.popup-box .bot .lft span { display: block; font-size: 14px; color: #000; margin-top: 5px; }
.popup-box .bot .lft .captcha { margin-top: 14px; }
.popup-box .bot .rgt { float: right; }
.popup-box .bot .rgt button { margin: 40px 0 0 0; }
/********************* PRODUCT *********************/

@media only screen and (max-width: 1640px) {
/********************* PRODUCT *********************/
.prod .main .pull-left { width: 50%; margin-right: 0; }
.prod .main .pull-left .ins { padding-right: 0; }
.prod .main .pull-left .ins .slider .gal-thumbs { float: none; width: 100%; height: auto; padding-top: 0; margin-top: 20px; }
.prod .main .pull-left .ins .slider .gal-thumbs .item { margin: 0 10px; }
.prod .main .pull-left .ins .slider .gal-big { float: none; width: 100%; }
.prod .main .pull-left .ins .tabs { margin-left: 0; margin-top: 40px; }
.prod .main .pull-left .ins .tabs .tab-content { max-width: 100%; }
.prod .main .pull-right { width: 50%; padding-left: 40px; }
.prod .main .pull-right .ins { float: none; max-width: 100%; }
/********************* PRODUCT *********************/
}

@media only screen and (max-width: 1570px) {
/********************* HEADER *********************/
header .main-menu > div > ul > li { margin: 0 4px; }
header .main-menu > div > ul > li a { font-size: 16px; }
/********************* HEADER *********************/

/********************* ABOUT US *********************/
.about .box-2 .pull-left { width: 700px; }
.about .box-2 .pull-right { margin-left: -700px; }
.about .box-2 .pull-right .ins { padding-left: 720px; }
.about .box-2 .pull-right .ins .ins-2 { max-width: 100%; float: none; }

.about .box-4 .pull-left { margin-right: -700px; }
.about .box-4 .pull-left .ins { padding-right: 720px; }
.about .box-4 .pull-left .ins .ins-4 .ttl h2 { font-size: 30px; }
.about .box-4 .pull-left .ins .ins-4 .sttl { font-size: 24px; margin-top: 10px; }
.about .box-4 .pull-left .ins .ins-4 .dt { font-size: 18px; margin-top: 0; }
.about .box-4 .pull-left .ins .ins-4 .txt { line-height: 22px; margin-top: 20px; }
.about .box-4 .pull-right { width: 700px; }
/********************* ABOUT US *********************/

/********************* PRODUCTS CATEGORIES *********************/
.prods .lst ul { margin-left: -10px; margin-right: -10px; margin-top: 0; }
.prods .lst ul li { padding: 0 10px; margin-top: 60px; }
/********************* PRODUCTS CATEGORIES *********************/
}

@media only screen and (max-width: 1280px) {
/********************* HEADER *********************/
header .main-menu > div > ul > li { margin: 0 3px; }
header .main-menu > div > ul > li a { font-size: 15px; }
/********************* HEADER *********************/
}

@media only screen and (max-width: 1280px) {
label.sm { font-size: 16px; }

.c-item .c-ttl a { font-size: 30px; }

.c-item-2 .c-ttl { padding-bottom: 10px; }
.c-item-2 .c-ttl h2,
.c-item-2 .c-ttl h2 a { font-size: 24px; }

.a-item .a-ins .a-txt { display: none; }

/********************* HOMEPAGE *********************/
.home .box .ttl a { font-size: 30px; line-height: normal; }
.home .box .txt a { font-size: 18px; line-height: normal; }
.home .box .lnk { margin-top: 30px; }
.home .box .lnk a .the-arrow { width: 60px; }
.home .box .lnk a .the-arrow.rgt { top: 1px; }
.home .box .lnk a .the-arrow.rgt > .shaft { width: 60px; }
.home .box .lnk a.animated-arrow { font-size: 20px; }
.home .box .lnk a.animated-arrow:hover > .the-arrow.lft > .shaft { width: 60px; }
.home .box .lnk a.animated-arrow:hover > .main { -webkit-transform: translateX(-76px); transform: translateX(-76px); }

.home .hp-prods { margin-top: 100px; }
.home .hp-prods .ins h2 { font-size: 30px; }
.home .hp-prods .ins .slider-1-c { margin-top: 60px; }

.home .hp-news .ttl h2 { font-size: 30px; }
.home .hp-news .slider-2-c-2 { margin-left: -10px; margin-right: -10px; }
.home .hp-news .slider-2 { margin-top: 40px; }
.home .hp-news .slider-2 .slider-2-item { padding: 0 10px; }
.home .hp-news .n-item .n-img { margin-right: 20px; }
.home .hp-news .n-item .n-img img { max-width: 240px; }
.home .hp-news .n-item .n-det { padding-right: 20px; padding-left: 20px; }
.home .hp-news .n-item .n-det .n-ttl { margin-top: 20px; }
.home .hp-news .n-item .n-det .n-ttl a { font-size: 20px; }
.home .hp-news .n-item .n-det .n-txt a { line-height: normal; }
.home .hp-news .n-item .n-det .n-lnk { margin-top: 20px; }
.home .hp-news .n-item .n-det .n-lnk a { font-size: 18px; }

.home .hp-not-only { margin-top: 100px; padding-top: 40px; padding-bottom: 50px; }
/********************* HOMEPAGE *********************/

.m-ttl h1 { font-size: 30px; padding: 0 10px 14px 10px; min-width: 200px; }
.m-ttl span { font-size: 24px; padding: 0 10px 14px 10px; min-width: 240px; }

/********************* ABOUT US *********************/
.about .box-1 { margin-top: 60px; }
.about .box-1 .ttl h1 { font-size: 30px; }
.about .box-2 .pull-right .ins .ins-2 .ttl h2 { font-size: 30px; }
.about .box-2 .pull-right .ins .ins-2 .sttl { font-size: 18px; margin-top: 20px; }
.about .box-2 .pull-right .ins .ins-2 .txt { margin-top: 20px; }
.about .box-2 .pull-right .ins .ins-2 .sign { margin-top: 30px; }
.about .box-2 .pull-right .ins .ins-2 .sign img { max-width: 200px; }
.about .box-3 { margin-top: 100px; }
.about .box-3 .ttl h2 { font-size: 30px; }
.about .box-3 .lst {  margin-top: 0; }
.about .box-3 .lst ul li { width: 25%; }
.about .box-4 { padding-bottom: 90px; }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact .mttl { font-size: 30px; }
.contact .frm { padding-top: 10px; }
.contact .frm .form-group-l { padding-right: 8px; }
.contact .frm .form-group-r { padding-left: 8px; }
/********************* CONTACT *********************/

/********************* NEWS *********************/
.news { margin-top: 10px; }
.news .main .lst ul li { margin-top: 30px; }
.news .n-item.n-item-lg .n-img { margin-right: 24px; }
.news .n-item.n-item-lg .n-det { padding-right: 24px; }
.news .n-item .n-det .n-ttl { margin-top: 20px; }
.news .n-item .n-det .n-ttl a { font-size: 24px; }
.news .n-item.n-item-lg .n-det .n-txt { margin-top: 20px; }
.news .n-item .n-det .n-txt a { line-height: normal; }
.news .n-item .n-det .n-lnk { margin-top: 20px; }
.news .n-item .n-det .n-lnk a { font-size: 18px; }
/********************* NEWS *********************/

/********************* NEWS INSIDE *********************/
.news-ins .ttl { margin-top: 40px; }
.news-ins .ttl h1 { font-size: 30px; }
.news-ins .dt { font-size: 20px; }
.news-ins .txt { margin-top: 20px; }
.news-ins .soc { margin-top: 30px; padding-top: 30px; }
.news-ins .soc span { font-size: 20px; }
.news-ins .soc a { margin-left: 20px; }
.news-ins .soc a i { font-size: 24px; }
.news-ins .rel .rel-ttl { font-size: 30px; }
.news-ins .rel .slider-3-c { margin-top: 40px; }
.news-ins .rel .slider-3-c-2 { margin-left: -10px; margin-right: -10px; }
.news-ins .rel .slider-3 .slider-3-item { padding: 0 10px; }
/********************* NEWS INSIDE *********************/

/********************* TERMS *********************/
.terms .main { margin-top: 60px; }
.terms .pull-right .ins { padding-left: 274px; }
/********************* TERMS *********************/

/********************* PRODUCTS *********************/
.prods-2 .main .pull-right .lst ul li { width: 50%; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod .main .pull-right .ttl h1 { font-size: 24px; }
.prod .main .pull-right .cat { font-size: 20px; margin-top: 10px; }
.prod .main .pull-right .box { max-width: 100%; }
.prod .main .pull-right .box .box-ttl { font-size: 20px; }
.prod .main .pull-right .qty-prc .qty .qty-ttl { font-size: 20px; }
.prod .main .pull-right .qty-prc .prc { font-size: 18px; }
.prod .main .pull-right .qty-prc .prc span { font-size: 24px; }
.prod .main .pull-right .req .req-ttl { font-size: 20px; }
.prod .main .pull-right .lnks > div div { font-size: 20px; }
.prod .rels .m-ttl { margin-top: 60px; }
.prod .rels .slider-5 { margin-top: 40px; padding: 0 40px; }
/********************* PRODUCT *********************/

.flo-shr .flo-ttl { margin-top: 30px; }
.flo-shr .flo-ttl .flo-close-share { right: 14px; }
.flo-shr .flo-item { border-bottom: 1px solid #ccc; padding: 14px; }
.flo-shr .flo-prod .flo-det .flo-ins { padding-left: 114px; }
.flo-shr .flo-prod .flo-det .flo-prod-ttl { font-size: 20px; }
.flo-shr .flo-soc { margin-top: 30px; }
.flo-shr .flo-btns { padding: 20px 14px 14px 14px; }
.flo-shr .flo-btns > div { padding-left: 40px; }

.flo-snd .flo-ttl { margin-top: 30px; }
.flo-snd .flo-ttl .flo-close-send { right: 14px; }
.flo-snd .flo-frm { max-width: 100%; }
.flo-snd .flo-frm .form-group { margin-top: 14px; }
.flo-snd .flo-frm .form-group input { height: 36px; padding: 0 10px; }
.flo-snd .flo-frm .form-group textarea { padding: 6px 10px; }
.flo-snd .flo-frm .chk { margin: 20px 0 0 14px; }
.flo-snd .flo-frm .chk a { margin-left: 10px; }
.flo-snd .flo-frm .mybtn button { height: 40px; font-size: 20px; }

.popup-box .pop-ins { padding-bottom: 30px; }
.popup-box .pop-ttl { font-size: 24px; padding: 10px; margin-bottom: 30px; }
.popup-box .form-group-l { padding-right: 10px; }
.popup-box .form-group-r { padding-left: 10px; }
}

@media only screen and (max-width: 1200px) { /* .col-lg- */
label{margin-bottom:5px !important;font-size:16px !important;}
.form-group-lg { margin-top: 20px; }
.form-control{font-size:16px !important;}
.input-lg { height:38px !important;padding-left:10px !important;padding-right:10px !important;font-size:16px !important;}

.btn-custom{font-size:16px;}

.pagin { margin-top: 60px; }

/********************* HEADER *********************/
header .top .pull-left ul li a { padding-left: 35px; }
header .main-menu { display: none; }
header .mob-btn { display: block; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 60px; }
footer .logo a img { max-width: 91px; }
footer .menu ul { margin-left: -5px; margin-right: -5px; }
footer .menu ul li { float: none; display: inline-block; padding: 0 5px; }
footer .copy { margin-top: 10px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-we-can .pull-right { padding-left: 20px; }
.home .hp-together .pull-left { padding-right: 20px; }
.home .hp-not-only .pull-left { padding-right: 20px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .box-4 .pull-left { margin-right: -600px; }
.about .box-4 .pull-left .ins { padding-right: 620px; }
.about .box-4 .pull-right { width: 600px; display: flex; justify-content: center; flex-direction: column; }
/********************* ABOUT US *********************/
}

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

.pagin { margin-top: 40px; }

.c-item .c-ttl a { font-size: 20px; }

.c-item-2 .c-ttl h2,
.c-item-2 .c-ttl h2 a { font-size: 20px; }
.c-item-2 .c-img { margin-top: 10px; }

.p-item .p-ttl { margin-top: 10px; }
.p-item .p-txt a { font-size: 16px; line-height: normal; }

/********************* HEADER *********************/
header { position: relative; top: auto; left: auto; }
header .top .pull-left ul li:last-child { display: block; }
header .top .pull-right ul li:first-child { display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .menu ul li a { font-size: 16px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-we-can { margin-top: 60px; }
.home .hp-we-can .pull-left { float: none; margin-right: 0; }
.home .hp-we-can .pull-left .ins { padding-right: 0; }
.home .hp-we-can .pull-right { float: none; width: 100%; padding-left: 0; margin-top: 20px; }
.home .hp-together { margin-top: 60px; }
.home .hp-together .pull-left { float: none; width: 100%; padding-right: 0; margin-top: 20px; }
.home .hp-together .pull-right { float: none; margin-left: 0; }
.home .hp-together .pull-right .ins { padding-left: 0; }

.home .box .ttl a { font-size: 24px; }
.home .box .txt { margin-top: 10px; }
.home .box .txt a { font-size: 18px; }
.home .box .lnk { margin-top: 20px; }
.home .box .lnk a.animated-arrow { font-size: 18px; }

.home .hp-prods { margin-top: 60px; padding: 30px 0; }
.home .hp-prods .ins h2 { font-size: 24px; }
.home .hp-prods .ins .slider-1-c { margin-top: 40px; }
.home .hp-prods .ins .slider-1 .slider-1-item { margin-right: 20px; }
.home .hp-prods .ins .lnk { margin-top: 30px; }
.home .hp-prods .ins .lnk a { font-size: 20px; }

.home .hp-news { margin-top: 60px; }
.home .hp-news .ttl h2 { font-size: 24px; }
.home .hp-news .slider-2 { margin-top: 30px; }
.home .hp-news .n-item .n-img img { max-width: 180px; }
.home .hp-news .n-item .n-det .n-txt a { font-size: 16px; }
.home .hp-news .n-item .n-det .n-lnk a { font-size: 16px; }

.home .np-nsl { margin-top: 60px; height: auto; padding: 20px; }
.home .np-nsl .ins .ins-2 { padding-top: 20px; padding-bottom: 20px; }
.home .np-nsl .ins .ins-2 .ttl { font-size: 20px; line-height: normal; }
.home .np-nsl .ins .ins-2 .frm { margin-top: 20px; }
.home .np-nsl .ins .ins-2 .frm .mybtn button { font-size: 16px; }
.home .np-nsl .ins .ins-2 .chk a { font-size: 16px; }

.home .hp-not-only { margin-top: 60px; padding-top: 30px; padding-bottom: 30px; }
.home .hp-not-only .pull-left { float: none; width: 100%; padding-right: 0; margin-top: 20px; }
.home .hp-not-only .pull-right { float: none; margin-left: 0; }
.home .hp-not-only .pull-right .ins { padding-left: 0; }
/********************* HOMEPAGE *********************/

.m-ttl { margin-top: 30px; }
.m-ttl h1 { margin: 0; font-size: 24px; min-width: auto; padding-bottom: 8px; }
.m-ttl span { min-width: auto; padding-bottom: 8px; }
.m-ttl-2 h2 { font-size: 18px; }
.m-txt { font-size: 16px; }

/********************* ABOUT US *********************/
.about { }
.about .box-1 { margin-top: 40px; }
.about .box-1 .ttl h1 { font-size: 24px; }
.about .box-1 .txt { line-height: normal; margin-top: 20px; font-size: 16px; }

.about .box-2 { margin-top: 60px; padding: 40px 0 40px 20px; }
.about .box-2 .pull-left { width: 100%; }
.about .box-2 .pull-right { margin-left: 0; margin-top: 30px; }
.about .box-2 .pull-right .ins { padding-left: 0; }
.about .box-2 .pull-right .ins .ins-2 .ttl h2 { font-size: 24px; }
.about .box-2 .pull-right .ins .ins-2 .txt { font-size: 16px; }

.about .box-3 { margin-top: 60px; }
.about .box-3 .ttl h2 { font-size: 24px; }
.about .box-3 .lst ul li { width: 33.33%; }

.about .box-4 { margin-top: 60px; padding-top: 40px; padding-right: 20px; }
.about .box-4 .pull-left { float: none !important; margin-right: 0; }
.about .box-4 .pull-left .ins { padding-right: 0; }
.about .box-4 .pull-left .ins .ins-4 { max-width: 100%; }
.about .box-4 .pull-left .ins .ins-4 .ttl h2 { font-size: 24px; }
.about .box-4 .pull-left .ins .ins-4 .sttl { font-size: 20px; }
.about .box-4 .pull-left .ins .ins-4 .dt { font-size: 16px;}
.about .box-4 .pull-left .ins .ins-4 .txt { line-height: normal; font-size: 16px; }
.about .box-4 .pull-right { float: none !important; width: 100%; }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact .mttl { margin-top: 30px; font-size: 24px; }
.contact .frm { padding-top: 16px; }
.contact .frm .form-group { margin-top: 10px; }
.contact .frm .form-group-l { padding-right: 5px; }
.contact .frm .form-group-r { padding-left: 5px; }
/********************* CONTACT *********************/

/********************* NEWS *********************/
.news { margin-top: 0; }
.news .main .lst ul li { margin-top: 30px; }
.news .n-item .n-img img { max-width: 260px; }
.news .n-item .n-det .n-ttl a { font-size: 20px; }
.news .n-item .n-det .n-txt a { font-size: 16px; }
.news .n-item .n-det .n-lnk a { font-size: 16px; }
/********************* NEWS *********************/

/********************* NEWS INSIDE *********************/
.news-ins .ttl { margin-top: 30px; }
.news-ins .ttl h1 { font-size: 24px; }
.news-ins .dt { font-size: 18px; }
.news-ins .txt { line-height: normal; font-size: 16px; }
.news-ins .soc { margin-top: 20px; padding-top: 20px; }
.news-ins .soc span { font-size: 18px; }
.news-ins .soc a { margin-left: 10px; }
.news-ins .soc a i { font-size: 20px; }
.news-ins .rel { margin-top: 40px; }
.news-ins .rel .rel-ttl { font-size: 24px; }
.news-ins .rel .slider-3-c { margin-top: 30px; }
.news-ins .rel .slider-3 .slider-3-item a:after { border-width: 11px; }
/********************* NEWS INSIDE *********************/

/********************* TERMS *********************/
.terms .main { margin-top: 30px; }
.terms .pull-left ul { margin-top: -10px; }
.terms .pull-left ul li a { font-size: 16px; padding: 10px 0 10px 30px; }
.terms .pull-right .ins .ttl { font-size: 16px; }
.terms .pull-right .ins .txt { font-size: 16px; }
/********************* TERMS *********************/

/********************* PRODUCTS CATEGORIES *********************/
.prods .lst ul li { width: 33.33%; }
/********************* PRODUCTS CATEGORIES *********************/

/********************* PRODUCTS *********************/
.prods-2 .main { margin-top: 0; }
.prods-2 .main .pull-left { float: none !important; width: 100%; }
.prods-2 .main .pull-left .flt-btn { display: block; }
.prods-2 .main .pull-left .flt-cnt { display: none; }
.prods-2 .main .pull-left .flt-cnt .ttl { display: none; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul li a { font-size: 16px; padding-left: 24px; }
.prods-2 .main .pull-left .flt-cnt .flt-item .flt-box ul li a:before { top: 4px; }
.prods-2 .main .pull-right { float: none !important; margin-left: 0; margin-top: 20px; }
.prods-2 .main .pull-right .ins { padding-left: 0; }
.prods-2 .main .pull-right .txt { line-height: normal; font-size: 16px; margin-top: 0; }
.prods-2 .main .pull-right .box .lft { font-size: 16px; }
.prods-2 .main .pull-right .box .cnt { font-size: 16px; }
.prods-2 .main .pull-right .box .cnt span { font-size: 16px; }
.prods-2 .main .pull-right .box .cnt ul li a { font-size: 16px; }
.prods-2 .main .pull-right .box .rgt { font-size: 16px;}
.prods-2 .main .pull-right .lst ul li { width: 33.33%; }
.prods-2 .main .pull-right .no-res { margin-top: 20px; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod .main { margin-top: 30px; }
.prod .main .pull-left { float: none !important; width: 100%; }
.prod .main .pull-left .ins .tabs .nav-tabs li a { font-size: 16px; }
.prod .main .pull-left .ins .tabs .tab-content { font-size: 16px; line-height: normal; }
.prod .main .pull-right { float: none !important; width: 100%; margin-top: 40px; padding-left: 0; }
.prod .main .pull-right .ttl h1 { font-size: 20px; }
.prod .main .pull-right .cat { font-size: 18px; }
.prod .main .pull-right .box .box-ttl { font-size: 18px; }
.prod .main .pull-right .box .box-txt { font-size: 16px; }
.prod .main .pull-right .box .box-sel-1 span { line-height: 34px; font-size: 16px; }
.prod .main .pull-right .box .box-sel-1 ul { top: 36px; }
.prod .main .pull-right .box .box-sel-1 ul li { line-height: 34px; font-size: 16px; }
.prod .main .pull-right .box .box-sel-2 ul li { margin-right: 10px; }
.prod .main .pull-right .box .box-sel-3 ul li { margin: 10px 10px 0 0; }
.prod .main .pull-right .group > div { float: none; }
.prod .main .pull-right .group > div:first-child { margin-right: 0; width: 100%; }
.prod .main .pull-right .group > div:first-child .box-sel-1 span { line-height: 34px; }
.prod .main .pull-right .group > div:first-child .box-sel-1 ul { top: 36px; }
.prod .main .pull-right .qty-prc .qty .qty-ttl { font-size: 18px; }
.prod .main .pull-right .qty-prc .qty .qty-sel input { font-size: 24px; }
.prod .main .pull-right .qty-prc .prc { font-size: 16px; }
.prod .main .pull-right .qty-prc .prc span { font-size: 20px; }
.prod .main .pull-right .req .req-box { width: 100%; }
.prod .main .pull-right .req .req-ttl { font-size: 18px; }
.prod .main .pull-right .req .req-txt { font-size: 16px; }
.prod .main .pull-right .lnks > div div { font-size: 18px; }
/********************* PRODUCT *********************/

.flo-shr { width: 300px; right: -300px; }
.flo-shr .flo-prod .flo-det .flo-prod-ttl { font-size: 18px; }
.flo-shr .flo-prod .flo-det .flo-prod-cat { font-size: 16px; }
.flo-shr .flo-btns > div { font-size: 16px; }

.flo-snd { width: 300px; right: -300px; }
.flo-snd .flo-frm .form-group input { font-size: 16px; }
.flo-snd .flo-frm .form-group textarea { font-size: 16px; }
.flo-snd .flo-frm .form-group  { font-size: 16px; }
.flo-snd .flo-frm .form-group ::-webkit-input-placeholder { font-size: 16px; }
.flo-snd .flo-frm .form-group :-moz-placeholder { /* Firefox 18- */ font-size: 16px; }
.flo-snd .flo-frm .form-group ::-moz-placeholder {  /* Firefox 19+ */ font-size: 16px; }
.flo-snd .flo-frm .form-group :-ms-input-placeholder { font-size: 16px; }
.flo-snd .flo-frm .form-group :-ms-input-placeholder { font-size: 16px; }
.flo-snd .flo-frm .chk a { font-size: 16px; }

.popup-box .pop-ins { width: 100% !important; }
.popup-box .pop-close { background-size: 30px 30px; width: 30px; height: 30px; top: 20px; right: 20px; }
.popup-box .pop-ttl { font-size: 20px; }
.popup-box .form-group-l { padding-right: 8px; }
.popup-box .form-group-r { padding-left: 8px; }
}

@media only screen and (max-width: 768px) { /* .col-sm- */

}

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

.c-item { max-width: 300px; }

.c-item-2 .c-ttl h2 a { font-size: 18px; }

/********************* HEADER *********************/
header .top .pull-left { margin-top: 22px; }
header .top .pull-left ul li a { padding-left: 0; width: 25px; margin-top: 6px; height: 17px; background-position: 0 0; }
header .top .pull-left ul li a span { display: none; }
header .top .pull-right ul li:nth-child(2),
header .top .pull-right ul li:nth-child(3) { display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .menu { margin-top: 20px; }
footer .copy span { display: block; border-left: 0; padding-left: 0; margin-left: 0; line-height: normal; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-news .slider-2-c-2 { margin-left: 0; margin-right: 0; }
.home .hp-news .slider-2 .slider-2-item { padding-left: 0; padding-right: 0; }
.home .hp-news .n-item .n-img { margin-right: 10px; }
.home .hp-news .n-item .n-det { padding: 10px; }
.home .np-nsl { padding: 10px; }
.home .hp-not-only { padding-right: 10px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .box-2 { padding: 30px 0 30px 10px; }
.about .box-3 .lst { margin-top: 20px; }
.about .box-3 .lst ul { margin-left: -5px; margin-right: -5px; }
.about .box-3 .lst ul li { padding: 0 5px; margin-top: 10px; }
.about .box-4 { padding-top: 30px; padding-right: 10px; }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact .frm .bot .lft { float: none; }
.contact .frm .bot .rgt { float: none; margin-top: 20px; }
.contact .frm .bot .rgt button { margin-top: 0; }
/********************* CONTACT *********************/

/********************* NEWS *********************/
.news { margin-top: 10px; }
.news .main .lst ul li { margin-top: 20px; }
.news .n-item.n-item-lg .n-img { margin-right: 10px; }
.news .n-item .n-det { padding: 14px 10px; }
/********************* NEWS *********************/

/********************* NEWS INSIDE *********************/
.news-ins .rel .slider-3-c-2 { margin-left: -5px; margin-right: -5px; }
.news-ins .rel .slider-3 .slider-3-item { padding: 0 5px; }
/********************* NEWS INSIDE *********************/

/********************* TERMS *********************/
.terms .pull-left { float: none !important; width: 100%; }
.terms .pull-left ul { margin-top: 0; }
.terms .pull-right { float: none !important; margin-left: 0; margin-top: 30px; }
.terms .pull-right .ins { padding-left: 0; }
/********************* TERMS *********************/

/********************* PRODUCTS CATEGORIES *********************/
.prods .lst ul { margin-left: -5px; }
.prods .lst ul li { padding: 0 5px; margin-top: 40px; }
/********************* PRODUCTS CATEGORIES *********************/

/********************* PRODUCTS *********************/
.prods-2 .main .pull-right .box { padding: 10px 0; }
.prods-2 .main .pull-right .box > div { float: none; width: 100%; }
.prods-2 .main .pull-right .box .cnt { text-align: left; margin-top: 20px; }
.prods-2 .main .pull-right .box .rgt { float: none; text-align: left; margin-top: 20px; }
.prods-2 .main .pull-right .lst ul { margin-left: -5px; margin-right: -5px; padding-top: 0; }
.prods-2 .main .pull-right .lst ul li { width: 50%; padding: 0 5px; margin-top: 30px; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod .main .pull-left .ins .slider .gal-thumbs .item { margin: 0 5px; }
.prod .rels .slider-5 { padding: 0 30px; }
.prod .rels .slider-5 .slider-5-item { padding: 0 5px; }
/********************* PRODUCT *********************/
}

@media only screen and (max-width: 640px) {
/********************* ABOUT US *********************/
.about .box-3 .lst ul li { width: 50%; }
/********************* ABOUT US *********************/

/********************* PRODUCTS CATEGORIES *********************/
.prods .lst ul li { width: 50%; }
/********************* PRODUCTS CATEGORIES *********************/

/********************* PRODUCT *********************/
.prod .main .pull-left .ins .tabs .nav-tabs { border-color: #000; }
.prod .main .pull-left .ins .tabs .nav-tabs li { float: none; }
.prod .main .pull-left .ins .tabs .nav-tabs li a { margin-right: 0; background: #eee; }
.prod .main .pull-left .ins .tabs .nav-tabs li.active a { border: none; box-shadow: none; background: #ddd; }
.prod .main .pull-left .ins .tabs .tab-content { max-width: 520px; margin-top: 14px; line-height: 22px; }

.popup-box .bot .lft { float: none; }
.popup-box .bot .lft span { margin-top: 10px; }
.popup-box .bot .rgt { float: none; }
.popup-box .bot .rgt button { margin-top: 20px; }
/********************* PRODUCT *********************/
}

@media only screen and (max-width: 480px) {
.c-item { max-width: 240px; }

/********************* HOMEPAGE *********************/
.home .hp-prods .ins .slider-1-c .slider-1-bg { top: 40px; }
/********************* HOMEPAGE *********************/
}

@media only screen and (max-width: 479px) {
/********************* NEWS *********************/
.news .n-item { padding: 10px; }
.news .n-item .n-img { float: none; }
.news .n-item.n-item-lg .n-img { margin-right: 0; }
.news .n-item .n-img img { max-width: 100%; }
.news .n-item .n-det { padding: 10px 0; }
/********************* NEWS *********************/

/********************* PRODUCTS CATEGORIES *********************/
.prods .lst ul { margin-left: 0; margin-right: 0; }
.prods .lst ul li { float: none; width: 100%; padding: 0; margin-top: 30px; }
/********************* PRODUCTS CATEGORIES *********************/
}

@media only screen and (max-width: 420px) {
/********************* PRODUCTS *********************/
.prods-2 .main .pull-right .lst ul { margin-left: 0; margin-right: 0; }
.prods-2 .main .pull-right .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod .rels .slider-5 { padding: 0 30px; }
.prod .rels .slider-5 .slider-5-item { padding-left: 0; padding-right: 0; }
/********************* PRODUCT *********************/
}

.icms-content { overflow: hidden; }
.icms-content .form-control[disabled] { background: #e4e4e4; }
.icms-content .m-ttl { margin-top: 34px; }
.icms-content .btn-sm { font-size: 14px; }
.icms-content .chckbx label { display: inline-block; vertical-align: middle; margin: 0 0 0 12px; font-weight: 400; cursor: pointer; }
.icms-content .page-ttl {border-bottom: 1px solid #000;padding-top: 30px;}
.icms-content .page-ttl h1, .page-ttl h2 {font-size: 24px;margin: 0;padding:0 0 15px 0;color: #000;text-align: center;font-weight: normal;}
.icms-content .page-sttl {border-bottom: 1px solid #000;padding-top: 30px;}
.icms-content .page-sttl h1, .page-sttl h2 {font-size: 18px;color: #000;margin: 0;padding:0 0 10px 0;color: #000;text-align: center;font-weight: normal;}
.icms-content .simple-form-content { margin-top: 24px; }
.icms-content .simple-form-content-ins { max-width: 650px; margin: auto auto; }
.icms-content .simple-form-content-ins-top { padding-top: 30px; }
.icms-content .simple-form-content label { line-height: normal;}
.icms-content .simple-form-content .lft {float: left;}
.icms-content .simple-form-content .rgt {float: right;}
.icms-content .register-info {text-align: center; margin-top: 20px;}
.icms-content .register-info h1, .icms-content .register-info h2, .icms-content .register-info h3 {font-size: 26px; line-height: normal; color: #000; font-weight: normal; }
.icms-content .register-info p { line-height: normal; color: #000; }
.icms-content .my-page {max-width: 100%; margin: auto auto; padding: 0px;}
.icms-content .my-page .my-menu{margin-top: 20px;}
.icms-content .my-page .my-menu ul{padding: 0; margin: 0; list-style: none;}
.icms-content .my-page .my-menu ul li{padding: 3px 0; margin: 0; list-style: none;}
.icms-content .my-page .my-menu ul li a{text-decoration: none;line-height: normal;}
.icms-content .my-page .my-menu ul li a.active{font-weight:700;}
.icms-content .my-page .my-dashboard{text-align: left; margin-top: 20px;}
.icms-content .my-page .my-dashboard .greeting{ padding-top: 3px;}
.icms-content .my-page .my-dashboard .greeting b{font-weight: 700;}
.icms-content .my-page .my-dashboard .my-dash-box{border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.icms-content .my-page .my-dashboard .my-dash-box h2{margin: 0; padding: 0; margin-top: 20px; font-size: 20px;}
.icms-content .my-page .my-dashboard .my-dash-box .txt{ padding: 5px 0;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info{ padding: 10px 0 5px 0;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info span{font-weight: 600;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info .p-ttl{padding-bottom: 10px;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info .p-sub {}
.icms-content .my-page .my-boxes{text-align: center;}
.icms-content .my-page .my-boxes .my-forms {padding-top: 20px;}
.icms-content .my-page .my-boxes .my-forms input{}
.icms-content .my-page .my-boxes .my-forms input[type="checkbox"]{margin-top: 9px;}
.icms-content .my-page .my-boxes .my-forms select {}
.icms-content .my-page .my-boxes .my-forms textarea {}
.icms-content .my-page .my-boxes .my-forms .txt{ text-align: center; padding-top: 10px;}
.icms-content .my-page .my-boxes > div.txt{ padding-top: 10px;}
.icms-content .my-page .prd-list-fav{margin-top: 20px;}
.icms-content .my-page .prd-list-fav ul{list-style: none; padding: 0; margin: 0;}
.icms-content .my-page .prd-list-fav ul li{list-style: none; padding: 0; margin: 10px 0 40px 0; float: left; width: 33.33%;}
.icms-content .my-page .prd-list-fav ul li div.img-wrapper{position: relative; overflow: hidden;}
.icms-content .my-page .prd-list-fav ul li div.img-wrapper img{display: block; width: 100%;}
.icms-content .my-page .prd-list-fav ul li div.item-text{position: relative; padding-top: 10px;}
.icms-content .my-page .prd-list-fav ul li div.item-text a.item-link{text-decoration: none; display: block;}
.icms-content .my-page .prd-list-fav ul li div.item-text a.item-link .ttl{ line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.icms-content .my-page .prd-list-fav ul li div.item-text a.item-link .code{ line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.icms-content .my-page .prd-list-fav ul li div.actions{margin-top: 10px;}
.icms-content .my-page .prd-list-fav ul li div.actions .avail{ font-weight: 700; display: block;}
.icms-content .my-page .prd-list-fav ul li div.actions .my-button{ font-weight: 700; display: inline-block; cursor: pointer;}
.icms-content .my-page .my-points {margin-top: 20px;}
.icms-content .my-page .my-points .box-info{ padding: 0px 0 20px 0;}
.icms-content .my-page .my-points .box-info span{font-weight: 700;}
.icms-content .my-page .my-points table{background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse;}
.icms-content .my-page .my-points table thead{}
.icms-content .my-page .my-points table thead tr{}
.icms-content .my-page .my-points table thead tr td{ padding: 15px 10px; border-top: none;}
.icms-content .my-page .my-points table thead tr td:first-child{}
.icms-content .my-page .my-points table thead tr td:last-child{}
.icms-content .my-page .my-points table tbody{}
.icms-content .my-page .my-points table tbody tr{}
.icms-content .my-page .my-points table tbody tr td{padding: 10px 10px; position: relative; border: 1px solid #ecf0f1;}
.icms-content .my-page .my-points table tbody tr td b{font-weight: 700;}
.icms-content .my-page .my-points table tbody tr td:first-child{border-left: 0;}
.icms-content .my-page .my-points table tbody tr td:last-child{border-right: 0;}
.icms-content .my-page .my-points table tbody tr.expired {background-color: #F5F5F5;}
.icms-content .my-orders-list {margin-top: 20px;}
.icms-content .my-orders-list .my-list-ord {margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.icms-content .my-orders-list .my-list-ord .my-o-order-id {}
.icms-content .my-orders-list .my-list-ord .my-o-order-id span { font-weight: 600; display: block;}
.icms-content .my-orders-list .my-list-ord .my-o-order-date { text-align: center;}
.icms-content .my-orders-list .my-list-ord .my-o-order-date span { font-weight: 600; display: block;}
.icms-content .my-orders-list .my-list-ord .my-o-order-status { text-align: right;}
.icms-content .my-orders-list .my-list-ord .my-o-order-status span { font-weight: 600; display: block;}
.icms-content .my-orders-list .my-list-ord .my-list-item {padding-top: 10px; display: none;}
.icms-content .my-orders-list .my-list-ord .my-list-item table {background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse;}
.icms-content .my-orders-list .my-list-ord .my-list-item table th { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 5px 5px;}
.icms-content .my-orders-list .my-list-ord .my-list-item table td {padding: 5px 5px; position: relative; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; vertical-align: top;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-img {float: left; margin-right: 10px;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-img img {max-width: 110px; width: 100%; display: block;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-ttl { text-decoration: none; font-weight: 700;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-code { text-decoration: none;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-attrs {padding-top: 5px;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-attrs div {font-weight: 600; font-size: 16px;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-qty { font-weight: 700;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-price { font-weight: 700;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-price-old { text-decoration: line-through; padding-top: 5px;}
.icms-content .my-orders-list .my-o-but {text-align: center;}
.icms-content .my-orders-list .my-o-but button {margin-top: 10px;}
.icms-content .my-orders-list .my-order-info {margin-top: 10px;}
.icms-content .my-orders-list .my-order-info .myo-i-ttl{ font-weight: 700;}
.icms-content .my-orders-list .my-order-info .myo-i-rows{ line-height: normal;}
.icms-content .my-orders-list .my-order-info .myo-i-rows-other{ line-height: normal;}
.icms-content .shopping-bag {padding: 0;}
.icms-content .shopping-bag form {margin: 0;}
.icms-content .shopping-bag a.sc-img{float: left; margin-right: 10px;}
.icms-content .shopping-bag a.sc-img img{max-width: 150px; width: 100%; display: block;}
.icms-content .shopping-bag a.sc-ttl{ text-decoration: none; font-weight: 600;}
.icms-content .shopping-bag div.sc-attrs{padding-top: 5px; padding-bottom: 25px;}
.icms-content .shopping-bag div.sc-attrs div{ }
.icms-content .shopping-bag div.sc-attrs div.notify{color: #000;}
.icms-content .shopping-bag div.sc-price{ color: #000;}
.icms-content .shopping-bag div.sc-price-old{ text-decoration: line-through; padding-top: 5px;}
.icms-content .shopping-bag div.sc-price-t{ font-weight: 700;}
.icms-content .shopping-bag div.sc-price-t-old{ text-decoration: line-through; padding-top: 5px;}
.icms-content .shopping-bag div.sc-qty{ color: #000;}
.icms-content .shopping-bag div.sc-qty form{ display: inline-block; }
.icms-content .shopping-bag div.sc-qty input{border: 0; background: transparent; padding: 0; margin: 0px; width: 30px; display: inline-block; text-align: center; margin-top: 0px;}
.icms-content .shopping-bag div.sc-qty button{padding: 0px; margin: 0px; width: 20px; display: inline-block;}
.icms-content .shopping-bag .update-qty{float: left;}
.icms-content .shopping-bag .sc-remove{position: absolute; bottom: 10px; left: 170px; display: block; border-bottom: 1px solid #000; text-decoration: none;} /*.icms-content .shopping-bag .update-qty button{ position: relative; padding: 5px 10px; background: #e2e6e7; color: #292f38; min-width: 0 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; margin-bottom: 0px; } .icms-content .shopping-bag .update-qty button:focus{ border: 2px outset buttonface;}*/
.icms-content .shopping-bag .sc-txt{ text-align: right; line-height: 28px;}
.icms-content .shopping-bag .sc-val{ line-height: 28px; font-weight: 600;}
.icms-content .shopping-bag .sc-val label{padding-right: 5px; display: inline-block;}
.icms-content .shopping-bag .sc-val .icheckbox_flat{/*float: left; margin-top: 1px;*/}
.icms-content .shopping-bag .sc-txt-t{ text-align: right; font-weight: 700;}
.icms-content .shopping-bag .sc-val-t{ font-weight: 700;}
.icms-content .shopping-bag .sc-more-options{}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form{ border-top: 1px solid #dfdfdf; padding-top: 10px; padding-bottom: 10px;}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form label{margin-bottom:0; font-size: 18px; line-height: 36px;}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form input{width: 170px; float: left; margin-right: 10px;}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form button{height: 36px;} /*.icms-content .shopping-bag .sc-more-options .sc-coupon-form button{ position: relative; padding: 8px 15px; background: #e2e6e7; color: #292f38;  min-width: 0 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; margin-bottom: 0px;}*/
.icms-content .shopping-bag .sc-credits{margin-top: 20px; border-top: 1px solid #dfdfdf; padding-top: 10px;}
.icms-content .shopping-bag .sc-credits label{ display: inline-block; cursor: pointer;}
.icms-content .shopping-bag .sc-points {border-top: 1px solid #dfdfdf; padding-top: 10px;}
.icms-content .shopping-bag .sc-points .sc-av-points {}
.icms-content .shopping-bag .sc-points .sc-av-points span {font-weight: 700;}
.icms-content .shopping-bag .sc-points .sc-point-options {}
.icms-content .shopping-bag .sc-points .sc-point-options .sc-p-ttl {padding: 5px 0 5px 0;}
.icms-content .shopping-bag .sc-points .sc-point-options table{width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; max-width: 400px;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr{}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td{text-align: left; padding: 5px;  border: 1px solid #ddd;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.frst{width: 33%;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.scnd{width: 34%; text-align: center; font-weight: 700;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.scnd select{width: auto; max-width: 100%; text-align: center; border: 0; display: inline-block; font-weight: 700;  padding: 0 5px 0 0; margin: 0;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.thrd{width: 33%; text-align: right;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.final{text-align: left; padding: 5px 0 0 0; border: 0px solid #ddd;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.final button{margin-top: 0px;}
.icms-content .sb-table {background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse;}
.icms-content .sb-table th,.icms-content .sb-table td{border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.icms-content .sb-table th{ color: #000;}
.icms-content .sb-table tr:first-child th:nth-child(4) {width: 150px;}
.icms-content .sb-table tr:first-child th:nth-child(3){width: 100px;} /*.icms-content .sb-table tr:first-child th:first-child{width:320px;}  */
.icms-content .sb-table tr:first-child th:nth-child(2){width: 100px;}
.icms-content .sb-table tr:first-child th{padding: 15px 10px; border-top: none;}
.icms-content .sb-table tr:first-child th:first-child, .icms-content .sb-table tr td:first-child{}
.icms-content .sb-table tr:first-child th:last-child, .icms-content .sb-table tr td:last-child{}
.icms-content .sb-table tr:last-child td{border-bottom: none; padding: 10px 10px;}
.icms-content .sb-table td{padding: 10px 10px; position: relative;}
.icms-content .sb-table td[colspan],.icms-content .sb-table td[colspan] + td{padding-top: 14px; padding-bottom: 14px;}
.icms-content .sb-table tr.sc-mini td {padding-top: 5px; padding-bottom: 5px; border-top: 0px; border-bottom: 0px;}
.icms-content .sb-table tr.empty td {padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-bottom: 0px; height: 10px;}
.icms-content .my-sc-steps {margin-top: 15px;}
.icms-content .my-sc-steps .step-sc {margin-top: 5px;}
.icms-content .my-sc-steps .step-sc h3.step-title{background: #ccc; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; padding: 10px 10px 10px 10px; color: #fff; position: relative; font-size: 16px; margin: 0px; font-weight: 600;}
.icms-content .my-sc-steps .step-sc h3.step-title.active {background: #000; color: #fff;}
.icms-content .my-sc-steps .step-sc .step-content{padding: 10px 10px; background: #fff;}
.icms-content .sc-step-form {}
.icms-content .sc-step-form input{}
.icms-content .sc-step-form button[type="submit"] {}
.icms-content .sc-step-form select {}
.icms-content .sc-step-form textarea {}
.icms-content .sc-step-form label { line-height: 30px;}
.icms-content .sc-step-form h2.ttl {font-size: 20px; text-align: center; margin: 0; padding: 10px 0 10px 0; line-height: normal;}
.icms-content .sc-step-form .txt { text-align: center; padding-top: 10px;}
.icms-content .sc-step-form .more { text-align: center; padding-top: 10px;}
.icms-content .sc-step-form .more a { text-decoration: none;}
.icms-content .sc-step-options {}
.icms-content .sc-step-options .sc-option{padding: 20px 0;}
.icms-content .sc-step-options .sc-option .sc-option-txt{ padding-top: 5px;}
.icms-content .sc-step-options .sc-option .sc-option-ttl{display: inline-block; padding-left: 10px; line-height: 20px; color: #000;}

.ckeckout-page { }
/*.ckeckout-page .btn-danger,
.ckeckout-page .btn-primary { background-color: #7f40a1 !important; border-color: #7f40a1 !important; }*/
.ckeckout-page .form-group:after { content: ""; display: block; clear: both; }
.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; color: #fff; background: #000; font-size: 18px; }
.ckeckout-page h2.marg-15 { margin-bottom: 15px; }
.ckeckout-page label { font-size: 18px; font-weight: 500; 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:#ff0000;font-size:16px;}
.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 { font-size: 16px; }
.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:normal;}
.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:normal;}
.ckeckout-page .checkout-cart tfoot td strong{font-weight:normal;}
.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 (min-width:1100px){
.checkout-register label, .checkout-login label{width:31%;min-height:30px;line-height:30px;float:left;}
.checkout-register label + input,
.checkout-register label + div,
.checkout-login label + input{width:65%;float:right;}
.ckeckout-page .checkout-cart tbody td.name{padding-left:7px;}
}

@media only screen and (max-width: 1200px) { /* .col-lg- */
.icms-content { font-size: 16px; }
.icms-content .page-ttl h1, .page-ttl h2 {font-size: 20px;}
.icms-content .my-page .my-dashboard .my-dash-box h2{font-size: 16px; }

.icms-content .simple-form-content { margin-top: 0; }
.icms-content .simple-form-content-ins { max-width: 100%; }
.icms-content .simple-form-content-ins-top { padding-top: 0; }
.icms-content .simple-form-content .lft {float: none;margin-top: 20px;}
.icms-content .simple-form-content .rgt {float: none;}
.icms-content .register-info h1, .icms-content .register-info h2, .icms-content .register-info h3 {font-size: 20px; }

.ckeckout-page h2.ttl { padding: 6px 10px; font-size: 16px; }
}

@media only screen and (max-width: 992px) {
.icms-content .shopping-bag .update-qty {float: none; padding-bottom: 20px;}
.icms-content .shopping-bag .sc-remove{left: 15px;}
.icms-content .shopping-bag .sc-txt{text-align: center;}
.icms-content .shopping-bag .sc-val{border-bottom: 1px solid #e3e3e3; padding-bottom: 10px;}
.icms-content .shopping-bag .sc-val label{padding-left: 5px; display: inline-block;}
.icms-content .shopping-bag .sc-val .icheckbox_flat{float: none; margin: auto;}
.icms-content .shopping-bag .sc-txt-t{text-align: center;}
.icms-content .shopping-bag .sc-val-t{border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.icms-content .shopping-bag .sc-more-options{text-align: center;}
.icms-content .shopping-bag .sc-points{max-width: 100%; margin-left: auto; margin-right: auto;}
.icms-content .sb-table {display: block; text-align: center;}
.icms-content .sb-table thead {display: block;}
.icms-content .sb-table thead tr {display: block; position: absolute; top: -9999px; left: -9999px; display: block;}
.icms-content .sb-table tbody {display: block;}
.icms-content .sb-table tbody tr {display: block;}
.icms-content .sb-table tbody tr td {display: block; position: relative; padding-left: 32% !important; border-left: none !important; border-right: none !important; border-top: none;}
.icms-content .sb-table tbody tr td:before {content: attr(data-title); position: absolute; top: 50%; left: 0px; width: 30%; padding-right: 0px; -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.icms-content .sb-table td[colspan]{width: 100%; text-align: center; padding-left: 15px !important;}

.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) {
.icms-content .my-page .prd-list-fav ul li{width: 50%;}

.ckeckout-page .checkout-shipping-methods { float: none; width: 100%; padding-right: 0; }
.ckeckout-page .checkout-payment-methods { float: none; width: 100%; padding-left: 0; }
}