/*
Theme Name:  M.O.I
Description: M.O.I Template
Design by: Viivue
Author CSS: Viivue
Version: 1.0
Text Domain: M.O.I
*/

blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
blockquote em,
blockquote i {
    font-style: normal;
    font-weight: 300;
}
blockquote strong,
blockquote b {
    font-weight: 400;
}
small {
    font-size: smaller;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 20px 0; display: block;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
hr {
    background:#a6b2b4;
    border: 0;
    height: 1px;
    margin: 0 0 18px;
}
.clearfix:after,
.grid:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/**
 * 2.0 - COMMON FORMAT
 */
/*_Media*/
.media {margin:10px}
.media,.bd {overflow:hidden; _overflow:visible; zoom:1}
.media .img {float:left;margin-right:10px}
.media .img img {display:block}
.media .imgr {float:right;margin-left:10px}
/*_Float*/
.listh {overflow:hidden}
.right,.colr {float:right}
.left,.col,.col1,.col2,.col3,.col4,.listh li {float:left}
/*_Inner*/
.noborder{border:0 !important}
input[type='submit'],input[type='button']{cursor:pointer}
strong{font-weight:bold !important}
.italic{font-style:italic !important}
.uppercase{text-transform:uppercase}
.text-center{text-align:center}
.rounded{position:relative; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}

/**
 * 3.0 - Repeatable Patterns
 */
/**
 * 4.0 - Basic Structure
 */
.relative {position:relative;}
.absolute {position:absolute;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
.visible_phone {display:none;}
.align-left {text-align: left;}.align-right{text-align: right;}
.float-left {float: left;}.float-right{float: right;}
.uppercase {text-transform: uppercase;}
.clear {clear: both;}
.clear:after {clear: both; content: ""; display: table;}
.hidden {display: none;}
.show {display: block;}
img {max-width: 100%;}
.responsive_block {display: none;}

html, body {background: #fff; position: relative;}

/****************************
 * Header
 ****************************/
.header-row-sign-up {background: #000; color: #fff; text-transform: uppercase; text-align: center; line-height: 1.2; padding: 22px 0;}
.header-row-1 .col-left, .header-row-1 .col-right {float: left; width: 40%; padding-top: 35px;}
.header-row-1 .col-right .inner {float: right;}
.header-row-1 .col-mid {float: left; width: 20%; text-align: center}
.header-row-1 .col-mid a {max-width: 116px; display: inline-block;}
.header-row-1 .col-mid img {width: 100%; height: auto}
.header-row-1 .logo a svg {width: 130px;}
.header-row-1 .col-left .inner p {color: #000; text-transform: uppercase; letter-spacing: 3px; line-height: 1}
.header-row-1 .col-left .inner span {font-size: 14px; display: block}
.header-row-1 .free-shipping a.hotline {
    background: #F7908F; color: #000; display: inline-block; text-decoration: none; padding: 10px 30px 10px 60px; position: relative;
    -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;
}
.header-row-1 .free-shipping a.hotline:before {
    position: absolute; content: ''; width: 47px; height: 47px; background: url("../images/icon-hotline.png") center no-repeat;
    left: 8px; top: 7px;
}
.header-row-1 .free-shipping a.hotline:hover, .header-row-1 .free-shipping a.hotline:focus,
.free-shipping-mobile a.hotline:hover, .free-shipping-mobile a.hotline:focus {text-decoration: none; color: #ff9897;}
.free-shipping-mobile a.hotline {color: #fff;}
.free-shipping-mobile a.hotline span {display: block;}
.header-row-1 .col-right a {
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.header-row-1 .col-right a:hover,
.header-row-1 .col-right a:focus {text-decoration: none; color: #ff9897;}
.header-row-1 .search-form,
.header-row-1 .user-login,
.header-row-1 .wishlist,
.header-row-1 .cart {float: left; display: inline-block; position: relative; padding: 0 10px 0 0;}
.header-row-1 .cart {padding: 0;}
.header-row-1 .search-form .icon-search #s {
    width: 0; font-size: 14px;
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.header-row-1 .cart .woo-cart-details {
    position: absolute; right: 0; top: 100%; line-height: 22px; display: inline-block; background: #ff9897; color: #fff;
    width: 22px; height: 22px; text-align: center; margin-top: -16px; margin-right: -11px; font-size: 14px;
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.header-row-1 .cart .woo-cart-details.none {opacity: 0;}
.header-row-1 .search-form .icon-search:hover #s {width: 150px; border-bottom: 1px solid #19191c}
.header-row-1 .search-form .icon-search {position: relative; left: 15px;}
/****************************
 * Menu
 ****************************/
.col-menu {text-align: center; line-height: 0;}
.col-menu .main-menu {display: inline-block}
.col-menu ul.menu li {list-style: none; display: inline-block; float: left; padding: 0 60px; box-sizing: border-box; position: relative}
.col-menu ul.menu li a {padding: 24px 0; color: #19191c; text-transform: uppercase; letter-spacing: 2px; display: inline-block; line-height: 1;}
.col-menu ul.menu li a:hover, .col-menu ul.menu li a:focus,
.col-menu ul.menu li.current_page_item > a,
.col-menu ul.menu li.current_page_parent > a,
.col-menu ul.menu li.current-page-ancestor > a,
.col-menu ul.menu li ul.sub-menu li.active > a {text-shadow: 1px 0 0 #19191c, 1px 0 0 #19191c; text-decoration: none}

.col-menu ul.menu li ul.sub-menu {
    position: absolute; opacity: 0; z-index: -1; top: 80px; padding: 10px 20px;
    width: 280px; box-sizing: border-box; background: #fcfcfc; border: 1px solid rgba(0,0,0,0.1);
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.col-menu ul.menu li:hover ul.sub-menu {
    opacity: 1;
    z-index: 99;
    top: 57px;
}
.col-menu ul.menu li ul.sub-menu li {padding: 10px 0; width: 100%; text-align: left; border-bottom: 1px dashed rgba(0,0,0,0.3)}
.col-menu ul.menu li ul.sub-menu li:last-child {border-bottom: 0;}
.col-menu ul.menu li ul.sub-menu li a {padding: 0; font-size: 13px; line-height: 1.2}
.col-menu ul.menu li ul.sub-menu li a:before {
    position: absolute; content: ''; width: 5px; height: 5px; background: #ff9897; left: -11px; top: 15px; opacity: 0;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.col-menu ul.menu li ul.sub-menu li:hover a:before,
.col-menu ul.menu li ul.sub-menu li.active a:before {opacity: 1;}
#primary {
    padding: 60px 0 70px;
    background: rgba(255,152,151,0.07);
    background: -moz-linear-gradient(top, rgba(255,152,151,0.07) 0%, rgba(246,41,12,0.07) 0%, rgba(240,47,23,0.07) 0%, rgba(255,152,151,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,152,151,0.07) 0%, rgba(246,41,12,0.07) 0%, rgba(240,47,23,0.07) 0%, rgba(255,152,151,0) 100%);
    background: -o-linear-gradient(top, rgba(255,152,151,0.07) 0%, rgba(246,41,12,0.07) 0%, rgba(240,47,23,0.07) 0%, rgba(255,152,151,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,152,151,0.07) 0%, rgba(246,41,12,0.07) 0%, rgba(240,47,23,0.07) 0%, rgba(255,152,151,0) 100%);
    background: linear-gradient(to bottom, rgba(255,152,151,0.07) 0%, rgba(246,41,12,0.07) 0%, rgba(240,47,23,0.07) 0%, rgba(255,152,151,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9897', endColorstr='#ff9897', GradientType=0 );
}
.home #primary {padding: 0;}

.header-row-2 {border-top: 3px solid #fcfcfc;}
.row-page-title .page-title {text-transform: uppercase; font-size: 36px; text-align: right; line-height: 1.2;}
.row-page-title .page-title,
.row-page-title .breadcrumbs {float: right; width: 50%; margin: 0;}
.row-page-title .breadcrumbs {display: none;}
.header-row-3 {margin-bottom: 48px;}
.home .header-row-3 {margin-bottom: 0;}
.row-page-title .breadcrumbs span {text-transform: uppercase;}
.row-page-title .breadcrumbs span:last-child span {font-weight: 600;}
.row-page-title .breadcrumbs .ic {display: inline-block; padding: 0 5px;}
/****************************
 * Home
 ****************************/
.txt_white,
.txt_white_uppercase {color: #fff}
.page-banner {position: relative}
.banner-text {position: absolute; width: 100%; left: 0; top: 0; color: #fff; padding-top: 75px;}
.banner-text .twentytwenty-container img {max-height: 790px;}
.page-banner .twentytwenty-handle {
    top: auto; bottom: 35px; width: 29px; height: 27px; border: none; background: url("../images/icon-arrow.png") center no-repeat;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
    margin-left: -16px;
}
.page-banner .twentytwenty-horizontal .twentytwenty-handle:before {
    width: 9999px; height: 1px; left: auto; right: 25px; bottom: auto; margin: 0; top: 50%;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none;
    border-top:1px solid #fff;
}
.page-banner .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 9999px; height: 1px; left: 25px; right: auto; bottom: auto; margin: 0;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none;
    border-top:1px dotted #fff;
}
.page-banner .twentytwenty-left-arrow,
.page-banner .twentytwenty-right-arrow {display: none;}
/*Home product*/
a.btn_white {color: #fff; border-color: #fff;}
a.btn_white:before {border-left-color: #fff;}
a.btn_white:before {border-left-color: #fff;}
.home .list-products {background: #b11b29; padding: 75px 80px 55px;}
.home .list-products .container {max-width: 1400px;}
.home .list-products .product-item {float: left; width: 25%; padding: 0 10px 20px; box-sizing: border-box;}
.home .list-products .product-item .inner{position: relative; background-size: cover; background-position: center}
.home .list-products .product-intro {float: left; width: 50%; padding: 0 10px 20px; box-sizing: border-box; text-align: center; color: #fff; position: relative}
.home .list-products .product-intro .inner {
    position: absolute; width: 100%; left: 0; top: 40%;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%); transform: translateY(-50%);
}
.home .list-products .product-intro p {margin-bottom: 10px;}
.home .list-products .product-intro .txt_s30_italic {font-size: 27px;}
.home .list-products .product-item {background-position: center; background-size: cover}
.home .list-products .product-title {display: none;}
.home .list-products .hover {
    position: absolute; left: 0; top: 0;width: 0; height: 100%; background: rgba(0,0,0,0.7); opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.home .list-products .hover .bg {
    padding: 35px; position: absolute; width: 100%; box-sizing: border-box; left: 0; top: 50%; opacity: 0;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%); transform: translateY(-50%);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.home .list-products .product-item .inner:hover .hover {opacity: 1; width: 100%;}
.home .list-products .product-item .inner:hover .hover .bg {opacity: 1;}
.home .list-products .product-content {position: absolute; width: 100%; left: 0; bottom: 0; padding: 25px 20px; box-sizing: border-box; line-height: 1;}
.home .list-products .product-price {float: left; width: 50%; color: #fff; font-size: 20px; font-weight: 600; line-height: 1; margin: 0;}
.home .list-products .product-price span {}
.home .list-products .product-wl-cart.woocommerce {float: left; width: 50%; text-align: right;}
.home .list-products #wl-wrapper.wl-button-wrap {display: inline-block; width: auto; padding: 0;}
.home .list-products #wl-wrapper .wl-add-to,
.home .list-products .single_add_to_cart_button {padding: 0 !important; background: transparent !important; border: none !important;}
.home .list-products .woocommerce .single_add_to_cart_button:hover {background: transparent !important;}
.home .list-products #wl-wrapper .wl-add-to {padding-right: 10px !important;}
.home .list-products #wl-wrapper .wl-add-to:before {
    position: absolute; content: ''; width: 1px; height: 100%; background: #fff; right: -2px; top: 0;
}
.home .list-products .single_add_to_cart_button {padding-left: 10px !important;}
.home .list-products #wl-wrapper .wl-add-to i,
.home .list-products .single_add_to_cart_button i {font-style: normal; color: #fff;}
.home .list-products #wl-wrapper .wl-add-to.in-wishlist i {color: #ff9897;}
.woocommerce div.product div.images .img {width: 100% !important;}
/*Testimonial homepage*/
.list-testimonials {background-position: center; background-size: cover; background-attachment: fixed}
.home [data-slick-one] {max-width: 860px; margin: auto; padding: 90px 0;}
[data-slick-one] .testimonial-item {padding: 60px 90px 30px; background: #fff; color: #34343a; box-sizing: border-box; text-align: center}
[data-slick-one] .testimonial-content {position: relative; margin-bottom: 45px;}
[data-slick-one] .testimonial-content:before {
    position: absolute; content: ''; background: url('../images/icons.png') no-repeat -79px -10px;
    width: 35px; height: 27px; left: -45px; top: -20px;
}
[data-slick-one] .testimonial-content:after {
    position: absolute; content: ''; background: url('../images/icons.png') no-repeat -123px -7px;
    width: 56px; height: 45px; left: 100%; top: 100%; margin-left: -15px; margin-top: -8px;
}
[data-slick-one] .testimonial-content p {margin: 0;}
[data-slick-one] .testimonial-name {display: inline-block; position: relative; font-size: 18px; font-weight: 600; text-transform: uppercase; padding: 0 15px;}
[data-slick-one] .testimonial-name:before {
    position: absolute; content: ''; width: 98px; height: 1px; background: #a0a0a3; top: 50%; right: 100%;
}
[data-slick-one] .testimonial-name:after {
    position: absolute; content: ''; width: 98px; height: 1px; background: #a0a0a3; top: 50%; left: 100%;
}
[data-slick-one] .testimonial-date {display: block;}
/*Blog homepage*/
.home .list-posts {background-size: cover; background-position: center; background-attachment: fixed}
.home .list-posts .row-1 {color: #fff; text-align: center; padding: 50px 0 40px;}
.home .list-posts .row-2 {margin-bottom: 55px;}
.home .list-posts .row-1 p:first-child {padding-bottom: 10px;}
.home .list-posts p {margin: 0;}
.home .list-posts .post-item {padding: 0 15px; box-sizing: border-box}
.home .list-posts .post-item .inner {background-size: cover; background-position: center; position: relative; overflow: hidden; cursor: pointer}
.post-item.featured .post-thumnail {overflow: hidden}
.home .list-posts .post-item .inner:before,
.post-item .inner .post-thumnail:before {
    content: ""; position: absolute; top: -170%; left: -210%; width: 220%; height: 220%; opacity: 0; z-index: 1; filter: alpha(opacity=0);
    -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg);
    background: rgba(255,255,255,0.13);
    background: linear-gradient(to right,rgba(255,255,255,0.13) 0%,rgba(255,255,255,0.13) 77%,rgba(255,255,255,0.5) 92%,rgba(255,255,255,0) 100%);
}
.home .list-posts .post-item .inner:hover:before,
.post-item .inner:hover .post-thumnail:before {
    opacity: 1;
    filter: alpha(opacity=100);
    top: -40%;
    left: -40%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.home .list-posts .post-item .post-details {
    position: absolute; width: 100%; left: 0; bottom: 0; padding: 70px 30px 25px; box-sizing: border-box; color: #fff;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.7));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,0.7));
    background: -o-linear-gradient(transparent, rgba(0,0,0,0.7));
}
.home .list-posts .post-item .post-title {font-size: 24px; color: #fff;}
.home .list-posts .post-item .post-title a {color: #fff;}
.home .list-posts .post-item .post-title a:hover, .home .list-posts .post-item .post-title a:focus {text-decoration: none;}
.home .main_content .slick-prev {
    background: url('../images/icons.png') no-repeat -69px -89px;
    width: 88px; height: 15px; z-index: 1; left: -35px;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.main_content .slick-prev:before {display: none;}
.home .main_content .slick-prev:hover, .home .main_content .slick-prev:focus {
    background: url('../images/icons.png') no-repeat -69px -89px; left: -55px;
}
.home .main_content .slick-next {
    background: url('../images/icons.png') no-repeat -69px -64px;
    width: 88px; height: 15px; right: -35px;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.main_content .slick-next:before {display: none;}
.home .main_content .slick-next:hover, .home .main_content .slick-next:focus {
    background: url('../images/icons.png') no-repeat -69px -64px;
    right: -55px;
}
/*Instagram homepage*/
.instagram-wrapper {padding:  60px 0 50px; background-size: 100% 100%; background-position: center}
.main_content .moi-cosmetics,
.main_content .moi-follow,
.main_content .moi-btn {
    position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #34343a; z-index: 10;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%); transform: translateY(-50%);
}
.main_content .moi-cosmetics {
    font-size: 24px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding-top: 45px;
}
.main_content .moi-follow {text-transform: uppercase; padding: 0 40px 35px; box-sizing: border-box}
.main_content .moi-cosmetics:before {
    position: absolute; content: ''; background: url('../images/icons.png') no-repeat -6px -49px;
    width: 30px; height: 30px; left: 50%; top: 0; margin-left: -15px;
}
.main_content .moi-follow:before {
    position: absolute; content: ''; background: url('../images/icons.png') no-repeat -6px -92px;
    width: 39px; height: 24px; left: 50%; bottom: 0; margin-left: -20px;
}
.main_content .moi-btn {
    display: inline-block; font-size: 14px; border: 1px solid #000; padding: 15px 75px 15px 15px; background: #000;
    color: #fff; line-height: 1; text-transform: uppercase; letter-spacing: 2px; position: relative; width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%); transform: translateX(-50%);
}
.main_content .moi-btn:before {
    position: absolute; content: ''; width: 0; height: 0; right: 15px; top: 50%; margin-top: -4px; z-index: 1;
    border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 6px solid #fff;
}
.main_content #sb_instagram .sbi_photo {background: #fff;}
.main_content #sb_instagram .sbi_link {background: rgba(0,0,0,0.58)}
#sbi_0 .sbi_link, #sbi_2 .sbi_link, #sbi_4 .sbi_link {display: none !important; opacity: 0 !important;}
#sbi_0 .sbi_photo, #sbi_2 .sbi_photo {pointer-events: none;}
/****************************
 * Product page
 ****************************/
#primary.product-page {padding-bottom: 0;}
.product-page ul.products {margin: 0 -30px;}
.product-page ul.products li {width: 33.33% !important; margin: 0 !important; padding: 0 30px 80px !important; box-sizing: border-box; clear: none !important;}
.product-page ul.products li .woocommerce-loop-product__title,
.product-page ul.products li .price {padding: 10px 0 !important; letter-spacing: 2px; font-size: 20px !important; font-weight: 600 !important; text-transform: uppercase; text-align: center; line-height: 1; color: #19191c !important;}
.product-page ul.products li .price {padding: 0 !important;}
.product-page ul.products li .price {}
.product-page ul.products li .button {background: #000 !important; color: #fff !important; width: calc(100% - 30px); padding: 15px 40px !important; border-radius: 0; line-height: 1; box-sizing: border-box; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; position: relative; border: none !important;}
.product-page ul.products li .button:before {
    position: absolute; content: '\e908'; padding: 15px 25px; border-left: 1px dashed #fff; font-family: 'icomoon' !important; right: 0; top: 0;
}
.product-page ul.products li .button:after {display: none;}
.product-page ul.products li .button:hover {background: #ff9897 !important;}
.product-page .added_to_cart {display: none !important;}
.single a.added_to_cart {display: none !important;}
/****************************
 * Single Product page
 ****************************/
.single-product .page-title {opacity: 0}
.product-page .pif-has-gallery .wp-post-image--secondary {padding: 0 30px; box-sizing: border-box}
.single .product .product_title {text-transform: uppercase; font-size: 36px; letter-spacing: 2px; margin: 0;}
.single div.product .price {font-size: 24px; color: #19191c !important; font-weight: 600; letter-spacing: 2px;}
.single .cart .single_add_to_cart_button {
    background: #000 !important; color: #fff !important; text-transform: uppercase; font-weight: 400 !important; letter-spacing: 2px;
    font-size: 13px !important; line-height: 1; padding: 19px 45px !important; border-radius: 0 !important;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    border: none !important;
}
.single .cart .single_add_to_cart_button:hover {
    background: #ff9897 !important;
}
.woocommerce div.product form.cart div.quantity {border: 1px solid #000;margin-right: 12px;}
.woocommerce div.product form.cart div.quantity input {background: transparent; padding: 13px 0 14px !important;}
.woocommerce div.product form.cart #wl-wrapper {width: 100%; float: left; text-align: left; padding-top: 15px;}
.single #wl-wrapper .wl-add-but {
    color: #ff9897 !important; padding: 0 0 0 35px !important; margin-top: 15px; background: transparent; text-transform: uppercase; letter-spacing: 3px; position: relative; display: inline-block; border: none !important;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.single #wl-wrapper .wl-add-but:before {
    position: absolute; font-family: 'icomoon'; content: '\e900';left: 0; bottom: 0; font-size: 20px;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.single #wl-wrapper .wl-add-but:hover, .single #wl-wrapper .wl-add-but:hover:before {color: #19191c !important; background: none !important;}
.single #wl-wrapper .wl-add-but:hover {text-decoration: underline;}
.single.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 60px 0 30px; padding: 0;
}
.single.woocommerce div.product .woocommerce-tabs ul.tabs:before {display: none !important;}
.single.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 0; background: transparent; border: none; border-radius: 0; margin: 0;
}
.single.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.single.woocommerce div.product .woocommerce-tabs ul.tabs li:after {display: none;}
.single.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #19191c; text-transform: uppercase; letter-spacing: 2px; padding: 0 35px; display: inline-block;
    border-right: 1px solid #000; line-height: 1;
}
.single.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a {padding-left: 0;}
.single.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child a {padding-right: 0; border-right: 0;}
.single.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.single.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {color: #ffbab9;}
[data-scrollbar-enable] {max-height: 288px;}
[data-scrollbar-enable] .mCSB_scrollTools a+.mCSB_draggerContainer {margin: 0;}
[data-scrollbar-enable] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #ff9897 !important; width: 5px !important;}
[data-scrollbar-enable] .mCSB_scrollTools .mCSB_draggerRail {background: #555555 !important;}
[data-scrollbar-enable] ul {margin-left: 20px;}

.woocommerce div.product .woocommerce-tabs .panel {margin: 0}
.slider-imge {width: 25%; float: right; margin: -10px 0 0 !important; padding-right: 40px !important; box-sizing: border-box;}
.flex-viewport {width: 75%; float: right}
.slider-imge li {padding: 10px 0 !important;}
.main_content .slider-imge .slick-next, .main_content .slider-imge .slick-prev {
    background: url('../images/icons.png') no-repeat -96px -157px; width: 22px; height: 14px;
    left: 50%; margin-left: -27px; right: auto; top: -6px;
    -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
}
.main_content .slider-imge .slick-next:hover, .main_content .slider-imge .slick-prev:hover,
.main_content .slider-imge .slick-next:focus, .main_content .slider-imge .slick-prev:focus {
    background: url('../images/icons.png') no-repeat -60px -158px;
}
.main_content .slider-imge .slick-prev {
    top: auto; bottom: -6px;
    -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
.main_content .slider-imge .slick-prev:hover,
.main_content .slider-imge .slick-prev:focus {
    -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
}
.main_content .slider-imge .slick-next:hover,
.main_content .slider-imge .slick-next:focus {
    -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
.pswp__caption__center {display: none !important;}
.list-related-product {text-align: center; background: #ff9897; padding: 60px 0;}
.list-related-product h3.txt_has_bg {color: #fff; padding: 17px 110px 17px 30px}
.list-related-product .product-related {margin-bottom: 0; margin-top: 40px;}
.list-related-product .product-related .type-product {padding: 0 15px;}
.list-related-product .woocommerce-loop-product__title {margin-top: 15px; margin-bottom: 0;}
.list-related-product .woocommerce-loop-product__title,
.list-related-product .price {
    padding: 10px 0 !important; letter-spacing: 2px; font-size: 20px !important; font-weight: 600 !important; text-transform: uppercase; text-align: center; line-height: 1; color: #19191c !important;
}
.woocommerce .list-related-product li .button {
    margin-top: 15px; text-align: left; font-size: 12px;
    background: #000 !important; color: #fff !important; width: calc(100% - 30px); padding: 15px 17px !important; border-radius: 0; line-height: 1;
    box-sizing: border-box; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; position: relative;
}
.woocommerce .list-related-product li .button:hover {color: #fff !important; background-color: transparent !important;}
.woocommerce  .list-related-product a:hover, .list-related-product a:focus {text-decoration: none;}
.woocommerce .list-related-product li .button:before {
    position: absolute; content: '\e908'; padding: 15px 17px; border-left: 1px dashed #fff; font-family: 'icomoon' !important; right: 0; top: 0;
}
.list-related-product .slick-prev, .list-related-product .slick-next {top: 33%;}
.main_content .slick-prev {
    background: url('../images/icons.png') no-repeat -93px -126px;
    width: 58px; height: 11px; z-index: 1; left: -20px;
}
.main_content .slick-prev:before {display: none;}
.main_content .slick-prev:hover, .main_content .slick-prev:focus {background: url('../images/icons.png') no-repeat -93px -126px;}
.main_content .slick-next {
    background: url('../images/icons.png') no-repeat -19px -126px;
    width: 58px; height: 11px; right: -20px;
}
.main_content .slick-next:before {display: none;}
.main_content .slick-next:hover, .main_content .slick-next:focus {background: url('../images/icons.png') no-repeat -19px -126px;}
/****************************
 * Blog page
 ****************************/
.post-item.featured .col-left {float: left; width: 65%; background-size: cover; background-position: center;}
.post-item.featured .col-right {float: left; width: 35%;}
.post-item.featured {position: relative}
.post-item.featured .col-right .inner {
    position: absolute; top: 50%; right: 0; width: 35%; background: #fff; padding: 30px 45px; box-sizing: border-box;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%); transform: translateY(-50%);
}
.list-featured-wrapper ul.slick-dots {margin: 0; position: absolute; display: inline-block; left: 65%; bottom: 0; text-align: left;}
.list-featured-wrapper ul.slick-dots li {margin: 0; padding: 0 7px; width: 60px; height: 3px;}
.list-featured-wrapper ul.slick-dots li button {width: 60px; height: 3px; padding: 0; background: #ebebeb; position: relative;}
.list-featured-wrapper ul.slick-dots li button:before {
    width: 0; height: 100%; content: ''; background: #ebebeb; left: 0; top: 0;
    -webkit-transition: width 4s ease-in; -moz-transition: width 4s ease-in;
    -o-transition: width 4s ease-in; transition: width 4s ease-in;
}
.list-featured-wrapper ul.slick-dots li.slick-active button:before {width: 100%; background: #ff9897}

.post-item.featured .featured-link {position: relative; z-index: 10;}
.post-item.featured .post-date {font-weight: 600; padding-bottom: 10px;}
.post-item .post-date {font-size: 14px; margin-bottom: 0; font-weight: 400; padding-bottom: 10px;}
.post-item.featured .post-title {font-size: 30px; text-transform: capitalize; color: #19191c}
.post-item .inner {overflow: hidden}
.post-item .inner .post-thumnail {position: relative; background-position: center; background-size: cover;}
.post-item .post-title {font-size: 24px; text-transform: capitalize; color: #fff; margin-bottom: 20px;}
.post-item .post-content {background: #ff9796; padding: 45px 25px 30px; box-sizing: border-box; margin-top: 10px; color: #fff;}
.post-item .post-content p.post-excerpt {margin: 0;}
.post-item .post-link {
    position: absolute; bottom: -25px; left: 50%; z-index: 11; border: 1px solid #000;
    padding: 14px 29px; background: #000; color: #fff; line-height: 1; letter-spacing: 2px; text-transform: uppercase;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%); transform: translateX(-50%);
}
.post-item .post-link:hover, .post-item .post-link:focus {text-decoration: none; background: #fff; color: #000;}

.list-post-wrapper {margin: 0 -10px;}
.list-post-wrapper .post-item {float: left; width: 33.33%; padding: 0 10px 20px; box-sizing: border-box;}
.slick-slide img {width: 100%;}
/****************************
 * Single Blog
 ****************************/
.single-page .page-content > .container {max-width: 800px;}
.single-page .post-date {font-size: 15px; padding-bottom: 10px; font-weight: 600;}
.single-page .post-info {position: relative}
.single-page a.back {
    position: absolute; right: 0; top: 0;font-size: 15px; font-weight: 600; display: inline-block; padding-left: 20px;
}
.single-page .post-info .page-title-primary {border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px; margin-top: 20px;}
.single-page a.back:before {
    position: absolute; content: '\f177'; font-family:'FontAwesome'; left: 0; top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.single-page a.back:hover, .single-page a.back:focus {text-decoration: none; color: #ff9897;}
.single-page a.back:hover:before, .single-page a.back:focus:before {color: #ff9897;}
.nav-links {display: none;}
/****************************
 * Contact page
 ****************************/
.bg-pink {
    background: #ff9796; color: #fff; padding: 30px 75px 20px; box-sizing: border-box; text-align: center; position: relative;
}
.bg-pink:before {
    position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0;background: url("../images/bg_text.png") center no-repeat; opacity: 0.16;
}
.bg-pink > .wpb_wrapper {display: inline-block; text-align: left;}
.bg-pink a{color: #fff}
.bg-pink p {margin-bottom: 10px;}
.main_content .padding-right120 {padding-right: 150px;}
/*Contact form*/
.main_content .gform_wrapper {margin: auto; padding: 0; width: 100%;}
.main_content .gform_wrapper form  {width: 100%; overflow: hidden; padding: 0; position: relative;}
.main_content .gform_wrapper form .gform_heading {text-align: left; margin: 0;}

.main_content .gform_wrapper form .gform_heading .gform_title {
    font-size: 18px; line-height: 1.6; text-transform: uppercase;
    display: inline-block; position: relative; padding: 0 0 15px 0; margin: 0;
}
.main_content .gform_wrapper form .gform_heading .gform_description {
    font-size: 25px; line-height: 1.2; font-weight: 500;
    display: inline-block; position: relative; padding: 0; margin: 0 0 25px 0;
}
.main_content .gform_wrapper form .gform_body {line-height: 0; width: 100%; position: relative;}
.main_content .gform_wrapper form .gform_body ul {margin: 0 -8px !important; padding: 0; list-style: none;}
.main_content .gform_wrapper form .gform_body ul li {
    margin: 0 0 15px !important; padding: 0 8px !important; width: 100%; float: left; clear: none;
}
.main_content .gform_wrapper form .gform_body li.show-label {padding: 15px 8px 0 !important;}
.main_content .gform_wrapper form .gform_body ul li.full-width {width: 100% !important; clear: both; float: none;}
.main_content .gform_wrapper form .gform_body ul li.gform_validation_container {display: none;}

.main_content .gform_wrapper form .gform_body .gfield_label {
    display: none; text-transform: uppercase; margin: 0 0 10px 0; color:#737582;
    font-size: 14px; font-weight: 700; line-height: 18px;
}
.main_content .gform_wrapper form .gform_body li.show-label .gfield_label {
    display: block; color: #fff !important;
}

/*Checkbox field*/
.main_content .gform_wrapper form .gform_body ul li .ginput_container_checkbox ul {padding: 0 15px; overflow: hidden;}
.main_content .gform_wrapper form .gform_body ul li .ginput_container_checkbox li {
    position: relative; padding-left: 25px !important; width: 100%; margin: 0 0 10px 0 !important;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.main_content .gform_wrapper form .gform_body ul li .ginput_container_checkbox li input {
    position: absolute; top: -2px; left: 5px; width: 20px !important; height: 13px;
    margin: 0; padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.main_content .gform_wrapper form .gform_body ul li label {
    display: block; width: auto; padding: 0 0 0 9px; font-style: normal; text-align: left;
}
.main_content .gform_wrapper form .gform_body ul li.ginput_container_checkbox label {margin: 0; padding: 0;}
/*End Checkbox field customize*/

.main_content .gform_wrapper .gfield_required {display: none;}
.main_content .gform_wrapper form .gform_body .ginput_container,
.main_content .gform_wrapper form .gform_body .gfield_captcha_container {width: 100%; margin: 0;}
.main_content .gform_wrapper form .gform_body .ginput_container input,
.main_content .gform_wrapper form .gform_body .ginput_container textarea,
.main_content .gform_wrapper form .gform_body .ginput_container select,
.gfield_captcha_input_container input {
    background: transparent; padding: 8px 0!important; margin-bottom: 12px; color:#19191c; border-bottom: 1px solid #6f717e; text-transform: uppercase;
    font-size: 14px !important; line-height: 1.3 !important; font-style: normal; font-weight: 400;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important;
}
::-webkit-input-placeholder {color:#19191c; font-weight: 400;}
:-moz-placeholder {color:#19191c; font-weight: 400;}
::-moz-placeholder {color:#19191c; font-weight: 400;}
:-ms-input-placeholder {color:#19191c; font-weight: 400;}
.main_content .contact-left .gform_wrapper form .gform_body .ginput_container input,
.main_content .contact-left .gform_wrapper form .gform_body .ginput_container textarea,
.main_content .contact-left .gform_wrapper form .gform_body .ginput_container select,
.contact-left .gfield_captcha_input_container input {color: #fff;}

.main_content .gform_wrapper input[type="text"],
.main_content .gform_wrapper input[type="url"],
.main_content .gform_wrapper input[type="email"],
.main_content .gform_wrapper input[type="tel"],
.main_content .gform_wrapper input[type="number"],
.main_content .gform_wrapper input[type="password"] {font-size: 14px;}
.main_content .gform_wrapper form .gform_body .ginput_container textarea {
    height:120px; width:100%; vertical-align: middle; background: #fff; color: #19191c;
}
.main_content .gform_wrapper form .gform_body .ginput_container select {
    width: 100%; margin-left: 0 !important; background: transparent; color: #19191c;
}
.main_content .gform_wrapper form .gform_body .ginput_container select option {background: rgba(255, 152, 151, 0.3); text-transform: none; font-size: 16px;}
.main_content .gform_wrapper .gfield_description {font-size: 14px; line-height: 1.3; padding-bottom: 10px;}

.main_content .gform_wrapper ul li.one-half-left {width: 48%; float: left; clear: none;}
.main_content .gform_wrapper ul li.one-half-right {width: 48%; float: right; clear: none;}

/*Send to...*/
.main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox {margin:0; padding: 0;}
.main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li {float: left; margin:0 20px 0 0;}
.main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li input,
.main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li label  {vertical-align: middle;}
.main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li input {
    margin: 5px 5px 0 0; padding: 0 !important; background: none;
}
/*Contact form - Captcha*/
.gfield_captcha_container {overflow: hidden; vertical-align: middle; position: relative;}
.main_content .gform_wrapper form .gform_body .gfield_captcha_container img {
    height: 41px !important; width: 25%;
    position: absolute; top: 50%; left:0; margin-top: -20px;
}
.gfield_captcha_container .gfield_captcha {display: inline-block;}
.gfield_captcha_container .gfield_captcha_input_container {display: inline-block;}
.main_content .gform_wrapper form .gfield_captcha_input_container {width:70%; float: right; padding-left: 5%; padding-top: 0;}
.main_content .gform_wrapper form .gfield_captcha_input_container input {width:100%;}

/*Contact form - Submit button*/
.main_content .gform_wrapper form .gform_footer {
    padding:35px 0 0; margin:0; display: block; position: relative; text-align: right;
}
.main_content .gform_wrapper form .gform_footer button {display: inline-block; background: none; border: none;}
.main_content .gform_wrapper form .gform_footer button span {
    color: #fff; background-color: #000 !important; border: none !important; position: relative;
    text-transform: uppercase; padding: 15px 45px 15px 20px !important; letter-spacing: 2px;
    font-family: 'proximanova', sans-serif; font-size: 16px;line-height: 1; font-weight: 500; display: inline-block;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.main_content .gform_wrapper form .gform_footer button span:before {
    position: absolute; content: ''; width: 0; height: 0; right: 15px; top: 50%; margin-top: -4px; z-index: 1;
    border-bottom :4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 6px solid #fff;
}
.main_content .gform_wrapper form .gform_footer button:hover span {background-color: #ff9796 !important;}
.gform_ajax_spinner {display: none;}

/*Contact form - Confirmation message*/
#gforms_confirmation_message {margin-top: 65px; color:#000;}
.gform_wrapper .validation_message {margin-left:80px;}

/*Contact - Validation Message*/
.main_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.main_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin-top: 0; margin-left: 0 !important;}
.main_content .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
.main_content .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half{width: 49%;}
.main_content .gform_wrapper .top_label .gfield_error {}
.main_content .gform_wrapper form .validation_error {
    color:#fd0000 !important; margin:0 0 20px 0!important; border: none; padding: 0; text-align: left;
    font-family: 'proximanova', sans-serif; font-size: 16px; font-weight: 400; width: auto;
}
.main_content .gform_wrapper form .gform_body .validation_message {display: none;}
.main_content .gform_wrapper form .gform_body li.gfield.gfield_error,
.main_content .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 0 8px !important; background: none !important; border: none !important;
}
.main_content .gform_wrapper form .gform_body li.gfield.gfield_error input,
.main_content .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input,
.main_content .gform_wrapper form .gform_body li.gfield.gfield_error textarea,
.main_content .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning textarea {
    border: none !important; border-bottom: 1px solid #fd0000 !important;
}
.main_content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}
.main_content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error {width: 100% !important; max-width: 50% !important;}
.main_content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error.full-width:not(.gf_left_half):not(.gf_right_half) {
    width: 100% !important; max-width: 100% !important;
}

/*Contact - Submit successful*/
.main_content .gforms_confirmation_message .gform_confirmation_wrapper {color: #fff; text-align: center;}

/*Cong tac vien*/
.main_content .gform_wrapper form .gform_body ul li.column1-3 {box-sizing: border-box; width: 33.33%;}
.main_content .gform_wrapper form .gform_body ul li.column2-3 {box-sizing: border-box; width: 66.67%}
.main_content .gform_wrapper form .gform_body ul li.column1-2 {box-sizing: border-box; width: 50%}
.main_content .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
    color: #ff9897; font-weight: 600; font-size: 20px; text-align: center;
    margin: 30px 0 15px !important;
}
.main_content .gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li input {
    visibility: hidden; margin: 0 15px 0 0; vertical-align: baseline;
}
.main_content .gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li label:before {
    position: absolute; content: ''; width: 14px; height: 14px; border: 1px solid #dddddd; left: 8px; top: 2px;
}
.main_content .gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li label:after {
    opacity: 0; content: ''; background: transparent;
    position: absolute; width: 22px; height: 7px; top: -1px; left: 10px;
    border: 2px solid #ff9897; border-top: none; border-right: none;
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}
.main_content .gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.main_content .gform_wrapper ul.gform_fields li.gfield .gfield_checkbox li input[type=checkbox]:checked + label {font-weight: 400;}
.main_content #gform_wrapper_3 form .gform_footer {text-align: left}
/****************************
 * Footer
 ****************************/
footer {background: #0a0b0c; position: relative}
footer:before {
    position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0;
    background: url("../images/ft-bg.png") left no-repeat;
}
footer * {color: #fff !important;}
.footer-row-1 {padding: 40px 0 20px;}
.footer-row-1 .row-2 .col-left,
.footer-row-1 .row-2 .col-right,
.footer-row-1 .row-2 .col-mid {float: left; width: 33.33%;}
.footer-row-1 .row-2 .col-mid {text-align: center;}
.footer-row-1 .row-2 .col-mid .inner {text-align: left; display: inline-block;}
.footer-row-1 .row-2 .col-right {text-align: right;}
.footer-row-2 {padding: 24px 0; border-top: 1px solid #2c2c2d; font-size: 11px; text-align: center; line-height: 1; position: relative; z-index: 11;}
/*Mailchimp*/
.mc-text {text-align: center;}
.mc-text p:first-child {margin-bottom: 17px;}
#mc_embed_signup {text-align: center; margin: 20px 0 30px;}
#mc_embed_signup_scroll {display: inline-block; position: relative; border: 1px solid #fff;}
#mc_embed_signup .mc-field-group input.email {width: 470px; font-size: 14px; padding: 15px; line-height: 1; box-sizing: border-box; background: transparent; font-family: 'proximanova', sans-serif;}
#mc_embed_signup ::-webkit-input-placeholder {color:#fff; font-weight: 400;}
#mc_embed_signup :-moz-placeholder {color:#fff; font-weight: 400;}
#mc_embed_signup ::-moz-placeholder {color:#fff; font-weight: 400;}
#mc_embed_signup :-ms-input-placeholder {color:#fff; font-weight: 400;}
#mc-embedded-subscribe {
    position: absolute; right: 0; top: 0; padding: 15px 75px 15px 15px !important; letter-spacing: 2px; color: #000 !important; background: #fff !important; text-transform: uppercase; font-size: 14px; line-height: normal; border-radius: 0;
    border: none !important;
    font-family: 'proximanova', sans-serif;
}
#mc_embed_signup_scroll:before {
    position: absolute; content: ''; width: 0; height: 0; right: 15px; top: 50%; margin-top: -4px; z-index: 1;
    border-bottom :4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 6px solid #000;
}
#mc-embedded-subscribe:hover {color: #ff9897 !important;}
div.mce_inline_error {display: none !important;}

footer .moi-cosmetics,
footer .social-title {font-size: 16px; text-transform: uppercase; letter-spacing: 3px; line-height: 1; padding-bottom: 5px;}
footer .list-social a {display: inline-block; margin-left: 33px}

/*****************************
*   MY ACCOUNT PAGE
*****************************/
.woocommerce-account .woocommerce-MyAccount-navigation {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding: 0 40px 0 0; float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: block; margin: 0; padding: 0; list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {padding: 0; margin: 0 0 10px 0;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #fff; background-color: rgba(0,0,0,0.7) !important; border-left: 4px solid transparent !important;
    text-transform: uppercase; padding: 18px 30px !important; display: block; line-height: 1.2; font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus {text-decoration: none;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {border-color: #ff9796 !important; color: #fff;}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {color: #fff !important; background-color: #000 !important;}
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button {
    color: #000 !important; background-color: transparent !important; border: 1px solid #000 !important; font-size: 14px;
    text-transform: uppercase; padding: 14px 25px !important;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    line-height: 1.2; font-weight: 600; display: inline-block;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.woocommerce .quantity .qty {
    background: #fff; padding: 12px 3px 12px 14px!important; color: #767676; border: 1px solid #c1c1c1; line-height: 1.3 !important; font-style: normal;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {padding: 12px 10px;}

.woocommerce-account .woocommerce-MyAccount-content {width: 70%; float: right;}
.woocommerce-MyAccount-content h2 {font-size: 35px;}
.woocommerce table.shop_table {
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
.woocommerce-account .addresses .title .edit {margin: 10px 0;}

/*Login page*/
.woocommerce form.login, .woocommerce form.register {max-width: 650px; margin: 2em auto;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
/*****************************
*   CART PAGE
*****************************/

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {padding: 13px 10px;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 150px;}

/*****************************
*   CHECK OUT PAGE
*****************************/
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    background: #fff; padding: 10px 14px!important; color:#767676; border: 1px solid #c1c1c1;
    font-family: 'Roboto', sans-serif; font-size: 16px !important; line-height: 1.3 !important; font-style: normal;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 40px; border: 1px solid #c1c1c1;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px;}

.woocommerce ul.woocommerce-error {padding: 1em 2em 1em 3.5em; margin: 0 0 2em;}
.woocommerce-message {border-color: #ff9897;}
.woocommerce-message::before {color: #ff9897}

#primary.home {padding-top: 0;}
#primary.home .banner-wrapper {display: none;}
/*.header-row-3 .tp-leftarrow:before, .header-row-3 .tp-rightarrow:before {display: none;}
.header-row-3 .tp-rightarrow, .header-row-3 .tp-leftarrow {
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.header-row-3 .tp-rightarrow {background: url('../images/icons.png') no-repeat -69px -64px; width: 88px; height: 15px;}
.header-row-3 .tp-rightarrow:hover {background: url('../images/icons.png') no-repeat -69px -64px; margin-left: 10px;}
.header-row-3 .tp-leftarrow {background: url('../images/icons.png') no-repeat -69px -89px;  width: 88px; height: 15px;}
.header-row-3 .tp-leftarrow:hover {background: url('../images/icons.png') no-repeat -69px -89px; margin-left: -10px;}
*/

/*****************************
*   About PAGE
*****************************/
.su-menh > .vc_column-inner > .wpb_wrapper {position: relative}
.su-menh > .vc_column-inner > .wpb_wrapper:before {
    position: absolute; content: ''; width: 500%; height: 100%; background: #ffdcda; top: -120px; right: -150%; padding: 120px 0 25px; z-index: 3;
}
.su-menh > .vc_column-inner > .wpb_wrapper:after {
    position: absolute; content: ''; width: 111px; height: 153px; background: url("../images/icon-gt.png") center no-repeat; top: -150px; right: 40%; z-index: 2;
}
.su-menh > .vc_column-inner > .wpb_wrapper .max-width-415:before {
    position: absolute; content: ''; width: 173px; height: 220px; background: url("../images/icon-gt-2.png") center no-repeat; top: 95%; left: -175%; z-index: 3;
}
.su-menh > .vc_column-inner > .wpb_wrapper .wpb_wrapper {position: relative; z-index: 10;}
.page-gioi-thieu .page-content {overflow-x: hidden}
.main_content .z-index-10 {position: relative; z-index: 10;}
.main_content .max-width-415 {max-width: 415px;}
.main_content .max-width-470 {max-width: 470px}

.main_content #sb_instagram .sbi_loader {display: none;}

/*Check-out*/
#billing_country_field, .shipped_via {display: none;}
tr.shipping td {font-size: 0; color: transparent; line-height: 1.5 !important;}
tr.shipping td span {font-size: 16px; color: #19191c}
.woocommerce .wc-bacs-bank-details-account-name {font-size: 20px; margin-bottom: 10px;}
.woocommerce ul.order_details {margin-bottom: 0; padding-bottom: 30px;}