@charset "utf-8";

body{ font-family: 'Montserrat', sans-serif; font-weight: 300; }

a, a:hover{ text-decoration: none; }
a:hover{ color: #e4007e; }

img{max-width: 100%; height: auto; vertical-align: bottom; }

h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-family: 'Philosopher', sans-serif; }

h2{ font-size: 3em; color: #e4007e; text-align: center; }
h3{ margin-bottom: 1em; font-family: 'Montserrat', sans-serif; font-size:2em; color: #e4007e; text-align: center;}

.ease{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.clear{ clear: both; }

section .container{ padding: 6.25em 1.5em; }

.dk{display: block;}
.mobile{display: none;}

/* Header */
header{ width: 100%; height: 90px; position: fixed; z-index: 9999;}
header h1.logo{ float: left; margin-top: 14px; background: url('../img/pic-logo.png') no-repeat; background-size:auto 62px; text-indent: -9999px;}
header h1.logo a{ width: 170px; height: 62px; display: block;}
header.active{ height: 69px; background: #e4007e; box-shadow: 0 1px 5px rgba(0, 0, 0, .15); }
header.active h1.logo{ background: url('../img/pic-logo_s.png') no-repeat; background-size:auto 41px;}
header.active #menu-toggle{ top: 6px; color: #fff; }
header .container{ overflow: hidden; }

section .container.caption{ padding: 4em 1.5em; }

.caption p{ color: #666; font-size: .875em; }
.caption a{ color: #666; }
.caption a:hover{ color:#e4007e; text-decoration: underline; }
.caption span{ color:#e4007e ; font-style: italic; }

.mb_gap{ height:69px; display: none;}
.title{ margin-top:35px; text-transform: uppercase; }
/* /Header */

/* Side Menu */
#sidebar-wrapper { z-index: 1000; position: fixed; top: 0px; right: 0; width: 600px; height: 100%; margin-right: -600px; overflow-y: auto; background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.sidebar-nav { position: absolute; top: 0; width: 600px; margin: 0; padding: 1em; list-style: none;}
.sidebar-nav li { text-indent: 20px; line-height: 40px;}
.sidebar-nav li a { text-decoration: none; color: #999; display: block;}
.sidebar-nav li a:hover { text-decoration: none; color: #fff; background: #e4007e;}
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none;}
.sidebar-nav li li{ float: left; width: 50%; list-style: none; }
.sidebar-nav > .sidebar-brand { height: 55px; font-size: 18px; line-height: 55px;}
.sidebar-nav > .sidebar-brand a { color: #999;}
.sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none;}
#menu-toggle { float: right; z-index: 1; position: relative; top: 17px; right: 0; color: #e4007e;}
#menu-toggle:hover{ text-shadow: 0 0 10px #ddd; opacity: .55; }
#menu-close i{ color: #fff; }
#menu-close:hover i{ color: #e4007e; }
#sidebar-wrapper.active { right: 600px; width: 600px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle { margin: 5px 5px 0 0;}

li.sidebar-brand{ margin-bottom: 30px;  }
.search{ max-width: 450px; margin: 5px 0 0 0; overflow: hidden; }
.input_searchtxt{ float: left; width: calc(100% - 49px); margin: 0; padding:10px !important; line-height: 1.5em; background: #999; border:1px solid #999 !important; }
.input_searchtxt:focus{ outline: 0; color: #fff; background: #999; border:1px solid #e4007e !important; }
.input_searchbtn{ float: left; width: 49px; height: 49px; border:1px solid #999 !important;}
a .input_searchbtn{ background:#999 url('../img/icon-search.png') center center no-repeat; background-size: auto 24px; color: #fff; }
a:hover .input_searchbtn{ background:#e4007e url('../img/icon-search.png') center center no-repeat; background-size: auto 24px; cursor: pointer; }
/* /Side Menu */

/* Banner */
.ws_images li{ list-style: none !important; }
/* /Banner */

/* Inner */
img.img_100{ width: 100%; height: auto; }

.share_wrap{ margin:3em 0 0 0; border: 1px solid #ccc; border-left: 0; border-right: 0; }
.share_wrap .container{ padding:0; }
.share_wrap ul{ margin: 0; padding: 0; list-style: none; }
.share_wrap li{ float: left; margin-right: 5px; font-size: 2em; }
.share_wrap a{ color: #999 }
.share_wrap a:hover{ color: #e4007e; }
.share_wrap p{ margin-top: 17px; text-align: right; line-height: 1em; }

.iframe-rwd { height: 0; position: relative; padding-bottom: 65.25%; padding-top: 30px; overflow: hidden;}
.iframe-rwd iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
/* /Inner */

/* Product */
.product_wrap { padding-bottom: 6.25em; }
.list_wrap { margin: 0 -30px; }
.product_list { width: 100%; margin: 0 auto; display: table;}
.product_title{ margin-bottom: 20px; font-size: 2em; line-height: 1em; text-align: left;}
.product_title span{ font-size: .7em; color: #999; display: block;}
.list_img { width: 50%; height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; vertical-align: middle; display: table-cell;}
.list_img > img { display: none;}
.list_img:hover { opacity: .8;}
.list_txt { width: 50%; height: 374px; padding-left: 5%; padding-right: 22%; vertical-align: middle; background-color: #F2F2F2; display: table-cell;}
.list_txt h3 { font-size: 1.875rem; font-weight: 300; display: inline-block; text-transform: uppercase; }
.list_txt > a > h3:hover { font-weight: 400; color: #802A6F;}
.list_txt > p { height: 130px; margin-top: 1em; overflow: hidden; color: #9E9E9E; font-size: .9375rem; direction: ltr;}

.product_list:nth-of-type(even) { direction: rtl; text-align: left;}
.product_list:nth-of-type(even) .list_txt{  padding-left: 22%; padding-right: 5%; direction: ltr;}
.list_txt.list_txt_even { padding-left: 22%; padding-right: 5%;}

.spec_table{ width: 100%; border: 1px solid #999; border-collapse: collapse;}
.spec_table td{ padding: 10px 10px; line-height: 2em; background: #fff; }
.spec_tdcap00{ font-weight: bold; color: #fff; background: #999 !important; text-align: center; }
.spec_table td.spec_tdcap01{ width: 60px; background: url('../img/icon-spec01.png') center center no-repeat; background-size: auto 40px; }
.spec_table td.spec_tdcap02{ width: 60px; background: url('../img/icon-spec02.png') center center no-repeat; background-size: auto 40px; }
.spec_table td.spec_tdcap03{ width: 60px; background: url('../img/icon-spec03.png') center center no-repeat; background-size: auto 40px; }
.spec_table td.spec_tdcap04{ width: 60px; background: url('../img/icon-spec04.png') center center no-repeat; background-size: auto 40px; }
.spec_table td.spec_tdcap05{ width: 60px; background: url('../img/icon-spec05.png') center center no-repeat; background-size: auto 40px; }
.spec_table td.spec_tdcap06{ width: 60px; background: url('../img/icon-spec06.png') center center no-repeat; background-size: auto 40px; }
.spec_table td.spec_tdcap07{ width: 60px; background: url('../img/icon-spec07.png') center center no-repeat; background-size: auto 40px; }
/*.product_list:last-of-type { margin-bottom: 5em;}*/

.btn_more{ padding: 8px 10px; border: 1px solid #ccc !important; }
a.btn_more{ color: #999; }
a:hover.btn_more{ color: #fff; background: #e4007e; border-color: #e4007e !important; }
.btn_more i{ margin-right: 7px; }

.pthumb_list{ width: 100%; margin-top: 3em; padding: 0 5px; }
.pthumb_list a h2{ margin-top: 10px; font-family: 'Montserrat', sans-serif; font-size: 1em; font-weight: 700; text-align: center; color:#000;}
.pthumb_list a:hover h2{  color:#e4007e;}
a:hover .pthumb_img{ opacity: .75;}
.pthumb_img img{ width: 100%; height: auto; vertical-align: bottom; }
.col-product:nth-child(1) .pthumb_list, .col-product:nth-child(2) .pthumb_list, .col-product:nth-child(3) .pthumb_list{ margin-top: 0; }

.spec{ font-size: 1em; overflow: hidden; }
.spec span{ width: 102px; padding: 3px 0; display: inline-block; border-bottom: 1px dotted #999; }
.spec p{ width: calc(100% - 127px); margin-left: 20px; padding: 3px 0; display: inline-block; border-bottom: 1px dotted #999; }

.p_list_no{ font-size: .815em; color: #999; text-align: center; }
/* /Products */

/* News */
.news_wrap{ padding-bottom: 6.25em; }
.news_list{ width: 100%; border: 1px solid #ccc; }
.news_img img{ width: 100%; height: auto; vertical-align: bottom; }
.news_txt{ padding: 1.5em; background: #fff; }
.news_txt div{ height: 160px; }
a .news_txt h2{ margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-size: 1em; font-weight: 700; text-align: left; color:#000;}
a:hover .news_txt h2{  color:#e4007e;}
a:hover .news_img{ opacity: .75;}
a .news_txt p, .news_txt span{ font-size: .875em; color: #666; }
.news_wrap a.btn_more { margin-top: 5em !important; display: inline-block; }
.news_wrap .news_list{ margin-top: 2em; }
.col-news:nth-child(1) .news_list, .col-news:nth-child(2) .news_list, .col-news:nth-child(3) .news_list{ margin-top: 0; }
/* News */

/* Contact */
#form_wrap{ }
#form_wrap div{ margin-bottom: 1em; overflow: hidden; }
#form_wrap span{ float: left; width: 110px; padding:0 20px 0 0;  font-size: 1.3em; line-height: 1.7em; text-align: right; }
#form_wrap textarea{height: 175px;}
#form_wrap input, #form_wrap textarea{ float: left; width: calc(100% - 110px); padding: 5px 0; border: 0; border-bottom: 1px solid #ccc; }
#form_wrap input:focus, #form_wrap textarea:focus{ outline: 0; background: #ffecf7; border-bottom: 1px solid #e4007e; }

.btn{border-radius: 0;}
.btn-outline-primary{ border-color: #ccc; color: #999; }
.btn-outline-primary:hover{ background: #e4007e; border-color: #e4007e; }

i.icon_contact{ margin-bottom: 10px; font-size: 3em; color: #ff7ec9; }

.captcha{ float: left; }
.codeimg{ float: left; border: 1px solid #ccc; }
.safecode{float: left; width: 80px !important; margin-left: 10px;}
/* /Contact */

/* Footer */
footer{ padding:1.875em 1.5em .5em 1.5em; border-top: 1px solid #ccc; font-size: .875em; }
footer ul{ float: right; margin: 0; padding: 0; list-style: none; overflow: hidden;}
footer li{ float: left; margin-left: 15px; }
footer a{ color: #666; }
footer a:hover{ color: #e4007e; }
footer p.copyright{ float: right; margin-top: 5px; color: #666; }
footer i{ float: left; margin-top: 10px; margin-right: 15px; font-size: 2em !important; }
/* /Footer */