/*
Theme Name: BH12
Theme URI: http://e-web.vn/
Author: Hieu.dev
Author URI: http://e-web.vn/
Description: Kho giao diện website wordpress lớn nhất Việt Nam
Version: 2.2
Text Domain: ew
Domain Path: /languages/
Tags:
*/
@charset "UTF-8";
@import url('css/libs.css');
@font-face{
    font-family:'FontAwesome';
    src:url('font-awesome/fonts/fontawesome-webfont.eot');
    src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
        url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
        url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family: 'FontAwesome';
    font-weight:normal;
    font-style:normal;
    display:inline-block;
    text-decoration:inherit
}
@font-face {
    font-family: "ADRHurmeGeometricSans4 Bold";
    font-weight: bold;
    src: url('fonts/ADRHurmeGeometricSans4Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: "UTM Avo Bold";
    font-weight: lighter;
    src: url('fonts/UTMAvoBold.ttf');
    font-display: swap;
}
body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
}
a,
a:link,
a:active,
a:hover {
    text-decoration: none;
    outline: 0
}
a,
a:link,
a:active {
    color: #c32830
}
a:hover {
    color: #ed1c24
}
img {
    outline: 0;
    max-width: 100%;
    height: auto
}
p{margin: 0 0 10px}
p:last-child{margin: 0 0 0}
input:focus,
button:focus {
    outline: 0
}
/* =Forms
--------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    margin-bottom: 15px
}
button, input { overflow: visible; }
input:focus,textarea:focus, select:focus, button:focus {outline: none}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"], input[type="reset"], input[type="url"], textarea, select {width: 100%; border: 1px solid #c3c3c3;background-color: #fff;color: #a8a8a8; border-radius: 5px;line-height: 38px;padding: 0 10px}
select{-moz-appearance: none; -webkit-appearance: none; appearance: none; height: 40px;width: auto; background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;}
textarea{padding: 0 10px; overflow: auto; vertical-align: top;line-height: inherit}
input[type="submit"], button[type="submit"], input[type="button"], input[type="search"], input[type="reset"]{border-radius: 5px;color: #fff;padding: 0 20px; line-height: 38px; background-color: #A5241C;border: 1px solid #A5241C}
input[type="submit"], button[type="submit"], input[type="button"], input[type="search"], input[type="reset"]{-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover input[type="search"]:hover, input[type="reset"]:hover{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; width: auto; padding: 0; /* Addresses excess padding in IE8/9 */ }
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; }
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: border-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}
input[type="search"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto; }
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
select:-moz-focusring{color: transparent;text-shadow: 0 0 0 rgba(255, 255, 255, 0.5)}
option {background-color: #fff}
::-webkit-input-placeholder {color:#a8a8a8}
::-moz-placeholder {color:#a8a8a8}
::-ms-placeholder {color:#a8a8a8}
::placeholder {color:#a8a8a8}
input[type='radio']:after {width: 18px; height: 18px; border-radius: 18px; top: -2px; left: -1px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 1px solid #C3C3C3; }
input[type='radio']:checked:after {background-color: #333468}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-top: 10px; color: #c32830; font-family: 'Roboto', sans-serif; line-height: 1.2 }
.h1, h1 { font-size: 1.7em; line-height: 1.3; }
.h2, h2 { font-size: 1.6em; line-height: 1.3; }
.h3, h3 { font-size: 1.25em; }
.h4, h4 { font-size: 1.125em; }
.h5, h5 { font-size: 1em; }
.h6, h6 { font-size: .85em; opacity: .8; }
.mobile-menu ul{margin: 0; padding: 0}
.roboto{font-family: 'Roboto', sans-serif}
.black{color: #010101}
.block{display: block}
iframe {max-width: 100% }
a,
button,
input[type=submit],
.owl-prev,
.owl-next,
.owl-prev .fa,
.owl-next .fa {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}
.flw{float: left; width: 100%}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.t_red {color: red}
.ml15 {margin-left: 15px!important}
.mt10 {margin-top: 10px!important}
.bold{font-weight: 700}
.quantity input[type=number]::-webkit-inner-spin-button, 
.quantity input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0}
ul li, ol li{list-style-position: inside}
#ppo-overlay {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 998
}
.feature-box {
    background-color: #fef4d1;
    border: 1px solid #f6d97d;
    padding: 10px;
    margin: 0
}
.feature-box .title {
    color: #ca1406;
    font-size: 14px;
    font-weight: bold
}
.feature-box p {
    margin: 10px 0;
    padding: 0
}
.feature-box .about-content {
    margin-top: 10px;
    line-height: 18px
}
.feature-box .feature-text {
    color: #d90000;
    font-size: 16px
}
.feature-box .note {
    color: #898989
}
.wpcf7 .wpcf7-form-control {
    width: 100%;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    padding: .5em
}
.wpcf7 .wpcf7-form-control.wpcf7-submit {width: 100%; background: #c32830; color: #fff; border: 0; padding: 0 30px; text-transform: uppercase }
.wpcf7 .wpcf7-form-control.wpcf7-submit:hover {background: #2c6fa9 }
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=number],
.wpcf7-form input[type=date],
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    min-height: 34px;
    padding: 6px 10px;
    line-height: 20px;
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
input.wpcf7-not-valid, textarea.wpcf7-not-valid { background: #fff url(images/error.png) no-repeat 98% center; border: 1px solid #f00!important}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{background-color: #e8e8e8}
.wpcf7 .wpcf7-not-valid-tip{ position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: .8; background-color: #f1f1f1; color: #b20000;}
.wpcf7 .wpcf7-not-valid-tip:after {bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px; }
.wpcf7 .ajax-loader, .wpcf7 form.invalid .wpcf7-response-output{display: none!important}
.processing{position:relative}
.processing:before{content:'';margin:0px auto;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(0,0,0,0.1) !important;border-right:3px solid rgba(0,0,0,0.1) !important;border-bottom:3px solid rgba(0,0,0,0.1) !important;opacity:.8;border-left:3px solid #446084;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px;pointer-events:none}
.processing:before{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;z-index:99}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.wpcf7-form{float: left; width: 100%}
.wpcf7-form .processing *{opacity:.8}
.wpcf7-spinner{display: none!important}
.wpb_flexslider.flexslider .slides img {width: auto !important; max-width: 100%; margin: auto }
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
    overflow: hidden
}
.wpb_gallery_slides.wpb_image_grid img:hover {
    opacity: .7;
    cursor: pointer
}
.wpb_wrapper img {
    max-width: 100%;
    height: auto
}
.vc_carousel-slideline img {
    display: block;
    max-width: 100%;
    margin: auto
}
.vc_single_image-img.attachment-full {
    width: 100% !important
}
.vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    background-color: #fff !important
}
section>article>.vc_row {
    margin-left: 0;
    margin-right: 0
}
section>article>.vc_row>.vc_column_container.vc_col-sm-12 {
    float: none;
    margin-right: auto;
    margin-left: auto
}
@media(min-width:1200px) {
    section>article>.vc_row>.vc_column_container {
        max-width: 1230px
    }
}
@media(min-width:992px) and (max-width:1199px) {
    section>article>.vc_row>.vc_column_container {
        max-width: 970px
    }
}
@media(min-width:768px) and (max-width:991px) {
    section>article>.vc_row>.vc_column_container {
        max-width: 750px
    }
}
@media(max-width:991px) {
    .vc_column_container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .vc_column_container>.vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}
section>article>.vc_row.fullwidth>.vc_column_container {
    width: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important
}
section>article>.vc_row.fullwidth>.vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0
}
.form-control {
    border-radius: 0;
    max-width: 100%
}
.text-shadow {
    text-shadow: 0 1px 2px #333
}
.box-shadow {
    box-shadow: 0 4px 10px 0 #555;
    -moz-box-shadow: 0 4px 10px 0 #555;
    -webkit-box-shadow: 0 4px 10px 0 #555
}
.show-small {
    display: none;
    text-align: center
}
.hide-small {
    display: block
}
#scroll-to-bottom,
#scroll-to-top {
    width: 46px;
    height: 46px;
    position: fixed;
    right: 40px;
    opacity: .6;
    cursor: pointer
}
#scroll-to-bottom:hover,
#scroll-to-top:hover {
    opacity: 1
}
#scroll-to-bottom {
    top: 40px;
    background: url('images/toBottom.png') no-repeat
}
#scroll-to-top {
    display: none;
    bottom: 15%;
    background: url('images/toTop.png') no-repeat
}
#breadcrumbs {
    color: #c32830;
    padding: 15px 0;
    margin-bottom: 30px;
    font-size: 13px;
    background: #eee
}
#breadcrumbs .page-title {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #c32830
}
#breadcrumbs .breadcrumbs {
    color: #c32830;
    display: inline-block
}
#breadcrumbs .breadcrumbs a {
    padding: 0 5px
}
#breadcrumbs .breadcrumb_last {
    color: #ed1c24;
    padding-left: 5px
}
.paging {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 30px
}
.wp-pagenavi a,
.wp-pagenavi span {
    line-height: 20px;
    padding: 6px 12px;
    margin: 0 5px 0 0;
    border: 1px solid #c32830;
    color: #c32830;
    background: #fff;
    display: inline-block
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
    background: #c32830;
    color: #fff;
    border: 1px solid #c32830
}
.btn-regiser {
    display: none;
    position: fixed;
    right: 2px;
    bottom: 2px;
    border-radius: 22px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    background: red;
    z-index: 9999;
    cursor: pointer
}
.btn-regiser i {
    margin-left: 5px;
    margin-top: -1px;
    margin-right: -1px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: red;
    float: right;
    line-height: 37px;
    text-align: center
}
#your-cart {width: 64px; height: 64px; position: fixed; top: 40%; right: 0; cursor: pointer; z-index: 1000 }
#your-cart .cart-qty { color: #333; margin: 3px 0 0; display: block; text-align: center; font-weight: bold; position: relative; z-index: 1 }
#your-cart:after{ content: "\f07a"; font-family: 'FontAwesome'; width: 64px; height: 64px; float: left; text-align: center; line-height: 64px; position: absolute; top: 0; font-size: 30px; background-color: rgba(245, 186, 24, .7); border-radius: 50%; color: #fff}
.site-title {position: absolute; text-indent: -9999px; margin: 0 }
.desktop-header .top-head {background: #f3f3f3; border-bottom: 1px solid #ebebeb; color: #222; font-size: 13px; padding: 10px 0 }
.desktop-header .top-head .slogan {font-weight: bold }
.desktop-header .top-head strong {color: #c32830}
.desktop-header .top-head a {color: #222 }
.desktop-header .top-head a:hover {color: #c32830}
.desktop-header .top-head .nav {float: right }
.desktop-header .top-head .nav>li {display: inline-block }
.desktop-header .top-head .nav>li>a {background: none; padding: 0 15px; border-right: 1px solid #ccc }
.desktop-header .top-head .nav>li:last-child>a {border-right: 0 }
.desktop-header .header_logo img {height: 54px; max-height: 54px; width: auto; }
.mid-head{padding: 20px 0;}
.mid-head .row{display: flex; align-items: center;}
.header_logo .logo-text {font-size: 30px; font-weight: 500 }
.header-search {overflow: hidden; border: 1px solid #ebebeb; border-radius: 40px }
.header-search .sep {border-right: 1px solid #ccc; float: left; height: 20px; margin-left: 10px; margin-right: 10px; margin-top: 10px }
.header-search select {float: left; height: 40px; width: 170px; padding: 0 15px; border: 0; outline: 0; position: relative; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url('images/arrow-down.png') no-repeat right center; margin-bottom: 0;}
.header-search input {float: left; height: 40px; border: 0; outline: 0; width: calc(100% - 240px); margin-bottom: 0;}
.header-search button {float: right; height: 40px; width: 40px; border: 0; outline: 0; padding: 0; background: #c32830 url('images/icon-search.png') no-repeat center; color: #fff; margin-bottom: 0;}
.header-hotline {color: #ef1d2e; font-family: "ADRHurmeGeometricSans4 Bold"; font-size: 20px; position: relative }
.header-hotline:before { content: '\f095'; font-family: 'FontAwesome'; position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #c32830; color: #fff; border-radius: 50%; left: -50px; top: 10px}
.header-hotline p{ margin: 0; color: #333; font-size: 20px}
.header-hotline a {color: #ef1d2e; display: block}
.top-nav {width: 100%; position: relative; z-index: 999; color: #fff; background: #c32830; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, .2); box-shadow: 0 2px 7px rgba(0, 0, 0, .2); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.top-nav.fixed {position: fixed }
.main-menu {position: relative }
.main-menu ul {list-style: none; margin: 0; padding: 0 }
.main-menu li{display: inline-block;position: relative; float: left}
.main-menu li:last-child a{border-right: 0}
.main-menu li.menu-item-has-children:after, .main-menu ul li .sub-menu li.menu-item-has-children:after{ position: absolute; right: 5px; top: 50%; margin-top: -6px; content: "\f107"; font-family: FontAwesome; line-height: 1}
.main-menu ul li .sub-menu li.menu-item-has-children:after{content:'\f105'; right: 10px}
.main-menu li a{color: #fff; border-right: 1px solid #f74343; text-transform: uppercase; display: block; font-size: 15px; font-weight: 500; font-family: 'Roboto',sans-serif; line-height: 50px; padding: 0 15px}
.main-menu li.current-menu-item, .main-menu li:hover{ background-color: #c83237}
/*Sub Menu*/
.main-menu ul li .sub-menu{ -webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.main-menu ul li .sub-menu{ min-width:260px;opacity: 0;padding:0;position:absolute}
.main-menu ul li .sub-menu .wrapper-sub{margin-top: 0;background-color: #fff; position: relative}
.main-menu ul li .sub-menu .wrapper-sub:before{content:''; background-color: #D10909; height: 1px; width: 100%; position: absolute; top: 0; left: 0}
.main-menu>ul>li>.sub-menu>.wrapper-sub{ margin-top: 15px}
.main-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.main-menu ul li .sub-menu li { text-align: left; margin:0;width: 100%; -webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s; background-color: #1B59B5}
.main-menu ul li .sub-menu li:hover{background-color: #236DDC}
.main-menu ul li .sub-menu li a{text-transform: none; line-height: 40px; color: #fff; border-right: none}
.main-menu ul li .sub-menu ul {left:260px;margin-top: -40px}
.main-menu .sub-menu .sub-menu {-webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1);}
/*Mobile Menu*/
body.menu-open .mobile-menu {z-index: 99999999; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; }
.mobile-menu {background: rgba(51, 51, 51, 0.97); top: 0; bottom: 0; left: 0; height: 100%; overflow: hidden; position: fixed; visibility: hidden; z-index: -1; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; }
.mobile-menu ul {width: 250px; text-align: initial; list-style: none; }
.mobile-menu ul > li:last-child {border-bottom: none; }
.mobile-menu ul li {border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
.mobile-menu ul li.menu-item-has-children::after {content: '\f078'; position: absolute; top: 0; right: 20px; font: 1em/46px 'FontAwesome'; pointer-events: none; -webkit-transition: -webkit-transform .5s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; transition: transform .5s ease-in-out; color: #fff}
.mobile-menu ul li.menu-item-has-children.active::after {-webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); }
.mobile-menu ul li a {padding: 1em; display: block; color: #fff; line-height: 20px; border-left: 2px solid transparent; }
.mobile-menu ul li:hover > a, .mobile-menu ul li.active > a, .mobile-menu ul li.current-menu-item > a {border-color: ##0766aa; }
.mobile-menu ul li.menu-item-has-children > a {display: inline-block; }
.mobile-menu .sub-menu a {padding-left: 20px; }
.mobile-menu .sub-menu a::before {content: '-'; display: inline-block; font-family: 'FontAwesome'; color: #999; margin: 0 5px 0 0; }
.mobile-menu .sub-menu .sub-menu a::before {content: '--'; } 
.mobile-menu .close-menu {text-align: center; display: block; color: #1C4286; font-size: 28px; line-height: 50px; }


.top-nav .container {
    position: relative
}
.nav-cart {
    display: none;
    padding: 1px 45px 0 30px;
    background: #ed1c24;
    color: #fff;
    font-family: "ADRHurmeGeometricSans4 Bold";
    position: absolute;
    right: 15px;
    top: -10px;
    cursor: pointer
}
.nav-cart:before,
.nav-cart:after {
    position: absolute;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 10px solid #7e0300
}
.nav-cart:before {
    left: -6px;
    border-left: 6px solid transparent
}
.nav-cart:after {
    right: -6px;
    border-right: 6px solid transparent
}
.nav-cart>span.lb {
    line-height: 58px
}
.nav-cart>span.icon {
    background: url('images/icon-cart.png') no-repeat;
    min-width: 44px;
    height: 37px;
    position: relative;
    top: 13px;
    display: inline-block
}
.nav-cart>span.icon>.num {
    background: #ffd02f;
    color: #111;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -15px
}
.menu-search {
    float: right;
    padding: 30px 0 0 0
}
.menu-search .icon-search {
    cursor: pointer;
    background: url('images/icon-search.png') no-repeat right center;
    width: 18px;
    height: 18px;
    display: block
}
.search-tooltip {
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 3;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
    display: none;
    width: 292px
}
.search-tooltip .inner_tooltip {
    overflow: hidden
}
.search-tooltip input {
    width: 230px;
    height: 37px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-right: 0;
    float: left
}
.search-tooltip .btn {
    height: 37px;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff;
    background: #d6ac4f;
    border: 1px solid #d6ac4f;
    border-left: 0;
    float: left
}
.search-tooltip .btn:hover {
    background: #333
}
.search-tooltip .arrow-wrap {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: 10px;
    overflow: hidden
}
.search-tooltip .arrow {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 15px;
    right: 0;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    background: #fff;
    visibility: hidden\9
}
#searchform{position: relative;}
#searchform input[type="submit"], #searchform button[type="button"]{position: absolute; top: 0; right: 0; padding: 0 10px; border-radius: 0 5px 5px 0; margin-bottom: 0;}
#searchform input[type="text"] {margin-bottom: 0;}
#main .widget {margin: 0 0 15px; overflow: hidden; }
#main .widget:last-child{margin-bottom: 0}
.welcome-box {background: url('images/bg-01.png') no-repeat center center; background-size: cover; color: #fff; padding: 30px 0; margin-top: 0!important}
.welcome-box h2, .welcome-box h3 {color: #fff; margin: 0 0 15px; font-size: 20px; font-weight: 600 }
.product-categories {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: center;
    float: left; width: 100%
}
.product-categories .item {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 15px;
    text-align: center;
}
.product-categories .item img {
    margin-bottom: 10px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5)
}
.product-categories .item:hover img {
    border-color: #ddd
}
.product-categories .item h3 {
    margin: 0;
    font-size: 14px;
    color: #000
}
.product-categories .item a:hover h3 {
    color: #c32830
}
.icon-inner {max-width: 184px; float: none; margin: 0px auto 10px auto; width: 100%; height: 140px; position: relative; overflow: hidden; display: table }
.icon-inner img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.product-categories .item:nth-child(6n+1){clear: both}
#main .full-width-with-gutter .container, #main .full-width-screen .container{ width: auto}
#main .full-width-screen [class*=col-] {padding-right: 0; padding-left: 0}
#main .full-width-screen.widget_media_image img{width: 100%}
.get-products .product:nth-child(4n+1){clear: both}
.woocommerce .woocommerce-result-count{margin: 5px 10px 0 0}
.widget.list-project .filter-item:nth-child(4n+1){clear: both}
.homepage-area .widget-title, .list-project .widget-title {border-bottom: 1px solid #ccc; position: relative; margin-bottom: 30px; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #c32830 }
.homepage-area .widget-title:before, .list-project .widget-title:before {position: absolute; content: ""; width: 90px; height: 1px; bottom: -1px; background: #c32830 }
.homepage-area .widget-title h2, .list-project h2 {font-weight: 600; text-transform: uppercase; font-size: 20px; float: left; margin-bottom: 10px }
.homepage-area .view-all {color: #fff; background: #ed1c24; text-transform: uppercase; line-height: 40px; padding: 10px 15px }
.homepage-area .widget-title .child-cats, .list-project .child-cats {font-family: "Roboto", sans-serif; float: right; margin-top: 5px }
.homepage-area .widget-title .child-cats a, .list-project .child-cats a {color: #333; display: inline-block; border-right: 1px solid #333; line-height: 1.2; padding: 0 6px; font-size: 13px }
.homepage-area .widget-title .child-cats a:last-child, .list-project .child-cats a:last-child {border-right: 0 }
.homepage-area .widget-title .child-cats a:hover, .list-project .child-cats a:hover {color: #c32830 }
.homepage-area .widget_text{background: url('images/bg-01.png') no-repeat center center/cover; padding: 30px 0; margin-top: 0!important}
.homepage-area .widget_text .widget-title{ color: #31e4ff; margin: 0 0 15px ; border-bottom: none; font-family: 'Roboto', sans-serif; font-weight: 500;}
.homepage-area .widget_text .widget-title:before{ content: none}
.homepage-area .widget_text .textwidget{ color: #fff; text-align: justify;}
.homepage-area .widget_text .textwidget a{color: #fff; text-decoration: underline;}
.product-grid-container .entry {position: relative; margin-bottom: 30px !important; border: 1px solid #ddd }
.product-grid-container .entry:hover {-webkit-box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.5) }
.product-grid-container .entry .thumbnail {margin-bottom: 10px; padding: 5px; border: 0; text-align: center }
.product-grid-container .entry .thumbnail img {width: 100% }
.product-img{position: relative;}
.image-slide-left{ -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display: flex; align-items: center; justify-content: center; height: 100%; transition: transform .65s ease; margin-bottom: 0}
.image-front {transform: translateX(0%)}
.image-back { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all .65s ease; transform: translateX(100%)}
.product .entry:hover .image-front {transform: translateX(-100%)}
.product .entry:hover .image-back {opacity: 1; visibility: visible; transform: translate(0%)}
.product-grid-container .entry .product-meta {overflow: hidden; padding: 15px 10px; border-top: 1px solid #ddd }
.product-grid-container .entry h2, .product-grid-container .entry h3 {font-size: 14px; line-height: 1.5; margin-bottom: 5px; min-height: 42px }
.product-grid-container .entry h3 a, .product-grid-container .entry h2 a {color: #010101 }
.product-grid-container .entry h3 a:hover, .product-grid-container .entry h2 a:hover {color: #ed1c24 }
.product-grid-container .entry .price {text-align: center; font-family: 'Roboto', sans-serif }
.product-grid-container .entry .price del .amount {text-decoration: line-through; font-size: 15px; color: #494949; margin-bottom: 0; min-height: 14px; line-height: .9; font-weight: 400 }
.product-grid-container .entry .price ins, .product-grid-container .entry .price .amount {font-size: 16px; font-weight: bold; color: #d30112; background-color: transparent; }
.product-grid-container .entry .btn-buy {border-radius: 2px; text-align: center; font-family: "UTM Avo Bold"; color: #fff; background: #c32830; line-height: 38px; padding: 0; display: block; width: 100%; margin-top: 5px; height: 38px; position: relative; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.product-grid-container .entry .btn-buy:hover{color: #fff}
/*.homepage-area .entry .btn-buy span {
    position: absolute;
    left: 25px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}*/
.product-grid-container .entry .btn-buy .fa {
    font-size: 16px;
    margin-right: 5px;
    position: absolute;
    left: -50px;
    top: 11px;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.product-grid-container .entry .btn-buy:hover .fa {
    left: 5px;
    visibility: visible
}
.product-grid-container .entry .btn-buy:hover span {
    left: 28px
}
.product-grid-container .entry .btn-buy:hover {
    background: #2465c5
}
.product-grid-container .entry .sale_tag {
    color: #fff;
    background: #ed1c24;
    line-height: 26px;
    padding: 3px 10px 3px 6px;
    text-transform: uppercase;
    position: absolute;
    top: -1px;
    right: -1px
}
.product-grid-container .entry .sale_tag:before,
.product-grid-container .entry .sale_tag:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -10px
}
.product-grid-container .entry .sale_tag:before {
    bottom: 0;
    border-bottom: 16px solid #ed1c24;
    border-left: 10px solid transparent
}
.product-grid-container .entry .sale_tag:after {
    top: 0;
    border-top: 16px solid #ed1c24;
    border-left: 10px solid transparent
}
.product-grid-container .entry .hot_tag {
    color: #fff;
    background: #ffd02f;
    line-height: 26px;
    padding: 3px 10px 3px 6px;
    text-transform: uppercase;
    position: absolute;
    top: -1px;
    left: -1px
}
.product-grid-container .entry .hot_tag:before,
.product-grid-container .entry .hot_tag:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: -10px
}
.product-grid-container .entry .hot_tag:before {
    bottom: 0;
    border-bottom: 16px solid #ffd02f;
    border-right: 10px solid transparent
}
.product-grid-container .entry .hot_tag:after {
    top: 0;
    border-top: 16px solid #ffd02f;
    border-right: 10px solid transparent
}
.product-grid-container .btn-view-more {
    background-color: #c32830;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0;
    margin-bottom: 30px
}
.product-grid-container .btn-view-more:hover {
    background-color: #ed1c24
}
.category-feature{margin-top: 0}
.category-feature .cate-item:nth-child(2n+1){clear: both}
.category-feature .entry{margin: 30px 0 0!important}
.category-feature .product-meta {padding: 5px 10px!important}
.category-feature .product-meta h2{min-height: inherit; margin-bottom: 0; font-size: 18px}
.category-feature .product-meta h2 a{color: #d30112; display: block}
.category-feature .cate-item .thumbnail{margin-bottom: 0}

.recent-posts-widget .widget-title {
    padding-bottom: 10px;
    text-transform: uppercase
}
.recent-posts-widget .entry .thumbnail {
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 0;
    border: 0;
    position: relative
}
.recent-posts-widget .entry .entry-title {
    font-size: 15px;
    margin-bottom: 10px
}
.recent-posts-widget .owl-nav {
    position: absolute;
    right: 0;
    top: -70px
}
.recent-posts-widget .owl-nav .owl-prev,
.recent-posts-widget .owl-nav .owl-next {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    background: #c32830;
    color: #fff;
    font-size: 20px
}
.recent-posts-widget .owl-nav .owl-next {
    margin-left: 5px
}
.pswp {
    z-index: 100000;
    display: none
}
.product-gallery__trigger {
    position: absolute;
    top: .5em;
    right: .6em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
    display: none
}
.product-gallery__trigger:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    box-sizing: content-box
}
.product-gallery__trigger:after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: content-box
}
#gallery_slider {
    margin: 0 0 10px
}
#gallery_slider .flex-viewport {
    border: 1px solid #eee
}
#gallery_slider,
#gallery_nav {
    border: 0;
    border-radius: 0;
    background: none;
    display: none
}
#gallery_slider ul,
#gallery_nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}
#gallery_slider ul.slides li,
#gallery_nav ul.slides li {
    float: left
}
#gallery_slider ul.slides li img {
    cursor: pointer
}
#gallery_slider .flex-direction-nav .flex-nav-next,
#gallery_slider .flex-direction-nav .flex-nav-prev,
#gallery_nav .flex-direction-nav .flex-nav-next,
#gallery_nav .flex-direction-nav .flex-nav-prev {
    background: rgba(22, 72, 146, .9);
    position: absolute;
    top: calc(50% - 25px);
    width: 40px;
    height: 50px;
    opacity: 0;
    z-index: 10
}
#gallery_slider:hover .flex-direction-nav .flex-nav-next,
#gallery_slider:hover .flex-direction-nav .flex-nav-prev,
#gallery_nav:hover .flex-direction-nav .flex-nav-next,
#gallery_nav:hover .flex-direction-nav .flex-nav-prev {
    opacity: 1
}
#gallery_slider .flex-direction-nav .flex-nav-prev,
#gallery_nav .flex-direction-nav .flex-nav-prev {
    left: 0
}
#gallery_slider .flex-direction-nav .flex-nav-next,
#gallery_nav .flex-direction-nav .flex-nav-next {
    right: 0
}
#gallery_slider .flex-direction-nav a,
#gallery_nav .flex-direction-nav a {
    width: 17px;
    height: 32px;
    background: url('images/btn-nav.png') no-repeat;
    top: 56%;
    opacity: 1
}
#gallery_slider .flex-direction-nav .flex-prev,
#gallery_nav .flex-direction-nav .flex-prev {
    left: 10px
}
#gallery_slider .flex-direction-nav .flex-next,
#gallery_nav .flex-direction-nav .flex-next {
    right: 10px
}
#gallery_slider .flex-direction-nav a:before,
#gallery_nav .flex-direction-nav a:before {
    display: none
}
#gallery_slider .flex-direction-nav .flex-next,
#gallery_nav .flex-direction-nav .flex-next {
    background-position: -17px 0
}
#gallery_nav {
    margin: 0 0 20px
}
#gallery_nav ul.slides li {
    position: relative;
    cursor: pointer;
    border: 1px solid #eee
}
#gallery_nav ul.slides li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6)
}
#gallery_nav ul.slides li.flex-active-slide:after {
    display: none
}
.flexslider .disabled-copy {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}
.product-title {
    color: #c32830;
    font-size: 25px
}
.product-content {
    text-align: left !important;
    margin-bottom: 30px !important
}
.product-content #main_image {
    border: 1px solid #ddd;
    padding: 10px
}
.product-content .btn-guide {
    background: #c32830;
    color: #fff;
    border-radius: 0;
    display: block;
    margin-bottom: 20px;
    padding: 10px 12px;
    text-transform: uppercase
}
.product-content .btn-guide:hover {
    background: #2465c5
}
.product-info {
    margin-bottom: 15px
}
.product-info .chinhsach_wrap {
    position: relative;
    overflow: hidden
}
.product-info .chinhsach_wrap a {
    position: absolute;
    top: 0;
    width: 25%;
    height: 100%
}
.product-info .chinhsach_wrap a.cs1 {
    left: 0
}
.product-info .chinhsach_wrap a.cs2 {
    left: 25%
}
.product-info .chinhsach_wrap a.cs3 {
    left: 50%
}
.product-info .chinhsach_wrap a.cs4 {
    left: 75%
}
.woocommerce-variation.single_variation{margin-bottom: 15px;}
.price-box {border-top: 1px solid #ddd; padding: 15px 0 0 }
.price-box .label {color: #c32830; font-size: 100%; padding: 0; margin-bottom: 10px; margin-right: 5px; background: none; border-radius: 0; text-align: left }
.price-box .price, .price-box .price ins, .woocommerce-variation-price .price, .woocommerce-variation-price .price ins {color: #ed1c24!important; font-size: 23px!important; font-weight: bold }
.price-box .price del, .woocommerce-variation-price .price del {text-decoration: line-through; margin-left: 5px; font-size: 15px; color: #000!important }
.product-info .product-attribute{margin-bottom: 10px}
.product-info .add-to-cart, .buy-contact {margin-top: 20px; overflow: hidden }
.text-qty{display: block;}
.woocommerce .quantity .qty { width: 60px; text-align: left; padding: 0 0 0 10px; font-size: 16px; float: left; margin-right: 2px; border: 1px solid #e8e8e8; }
.woocommerce .quantity .gp-btn {float: left; width: 20px; }
.woocommerce .quantity .gp-btn button.plus, .woocommerce .quantity .gp-btn button.minus {background-color: #fff; border: 1px solid #e8e8e8; outline: none; box-shadow: none; height: 19px; width: 20px; padding: 0; text-align: center; line-height: 10px; font-size: 14px; margin: 0; float: left; }
.woocommerce .quantity .gp-btn button.minus{ margin-top: 4px; }
.product-info .add-to-cart .btn, .buy-contact .btn {text-transform: uppercase; color: #fff; font-size: 16px; font-weight: 700; margin-top: 4px; background: #ec1b24; background: -webkit-linear-gradient(#ec1b24, #d2071d); background: -o-linear-gradient(#ec1b24, #d2071d); background: -moz-linear-gradient(#ec1b24, #d2071d); background: linear-gradient(#ec1b24, #d2071d); padding: 6px 12px!important; line-height: 1.6!important; border: none;}
.product-info .add-to-cart .btn:hover, .buy-contact .btn:hover {background: #2465c5; background: -webkit-linear-gradient(#2465c5, #c32830); background: -o-linear-gradient(#2465c5, #c32830); background: -moz-linear-gradient(#2465c5, #c32830); background: linear-gradient(#2465c5, #c32830) }
.product-info .add-to-cart .btn .small, .buy-contact .btn .small {font-size: 12px; display: block; text-transform: none; font-weight: 400 }
.woocommerce div.product form.cart .group_table td:first-child{width: 7em}
.woocommerce div.product form.cart .group_table td:first-child .text-qty{display: none;}
.woocommerce form .form-row input.input-text{line-height: 38px;}
.post-by-product {margin-bottom: 10px }
.post-by-product .head {background: #c32830; line-height: 40px; padding: 0 15px; color: #fff; font-size: 15px; font-family: "ADRHurmeGeometricSans4 Bold"; text-transform: uppercase }
.post-by-product .body{padding: 15px 0 0}
.post-by-product li{border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.post-by-product li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.post-by-product li a{color: #000}
.post-by-product li:hover a{color: #ed1c24}
.product-contact {background: #f5f5f5; padding: 15px }
.product-contact .title {position: relative; color: #333; padding-bottom: 10px; margin: 0 0 20px; text-transform: uppercase; font-size: 18px; font-family: "ADRHurmeGeometricSans4 Bold"}
.product-contact .title:after {position: absolute; content: ""; width: 45px; height: 2px; background: #333; bottom: 0; left: 0 }
.product-contact .glyphicon, .product-contact .fa {margin-right: 10px; color: #c32830 }
.product-contact a {color: #c32830 }
.product-contact a:hover {color: #ed1c24 }
#product-content-tabs {margin-top: 30px; margin-bottom: 30px }
#product-content-tabs>ul {margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd }
#product-content-tabs>ul li {display: inline-block; font-size: 15px; text-align: center; border: 1px solid #ddd; border-bottom: 0; margin-right: 5px; margin-bottom: -1px }
#product-content-tabs>ul li a {padding: 10px 15px; display: block; border-top: 2px solid #f5f5f5; border-bottom: 2px solid #c32830; color: #000; background-color: #f5f5f5 }
#product-content-tabs>ul li.ui-tabs-active {border-color: #c32830 }
#product-content-tabs>ul li.ui-tabs-active a {color: #fff; border-color: #c32830; background-color: #c32830 }
#product-content-tabs>.ui-tabs-panel {padding: 20px; border: 1px solid #ddd; border-top: 0 }
#product-content-tabs>.ui-tabs-panel .wrap-img {position: relative; overflow: hidden; display: inline-block }
#product-content-tabs>.ui-tabs-panel .wrap-img .disabled-copy {position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer }
#product-content-tabs>.ui-tabs-panel ul, #product-content-tabs>.ui-tabs-panel ol {margin: 0; padding: 0 }
#product-content-tabs>.ui-tabs-panel li {margin-bottom: 8px; list-style-position: inside; list-style-image: url('images/bullet.gif') }
#product-content-tabs>.ui-tabs-panel iframe {width: 100%; max-width: 100% }
#product_share {background: #ebf0f9; padding: 15px 15px 0; margin-bottom: 30px }
#product_share a{display: block; line-height: 0}
#product_share .like-social-box {text-align: right; margin-top: 30px }
#product_share .like-social-box a.post-share {width: 80px; display: inline-block; margin-right: 10px; background: #3e599a; text-decoration: none; color: #fff; cursor: pointer }
#product_share .like-social-box a.post-share:last-child {margin-right: 0 }
#product_share .like-social-box a.post-share span.count {display: block; width: 100%; text-align: center; line-height: 42px; background: #fff; color: #000 }
#product_share .like-social-box a.post-share span.txt {width: 100%; display: block; background-color: #4665af; color: #fff; line-height: 36px; text-align: center }
#product_share .like-social-box a.post-share.facebook span.txt {background-color: #4665af }
#product_share .like-social-box a.post-share.facebook:hover span.txt {background: #3e599a }
#product_share .like-social-box a.post-share.twitter span.txt {background-color: #529fda }
#product_share .like-social-box a.post-share.twitter:hover span.txt {background: #4b8cbe }
#product_share .like-social-box a.post-share.gplus span.txt {background-color: #d24238 }
#product_share .like-social-box a.post-share.gplus:hover span.txt {background: #b8382e }
.featured-carousel {
    margin-bottom: 30px
}
.featured-carousel .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(0, 0, 0, .6);
    color: #fff
}
.featured-carousel .caption .entry-title {
    margin-bottom: 5px;
    font-size: 20px
}
.featured-carousel .caption .entry-meta,
.featured-carousel .caption .entry-meta a {
    color: #ddd
}
.featured-carousel .owl-controls .owl-prev,
.featured-carousel .owl-controls .owl-next {
    position: absolute;
    top: calc(50% - 25px);
    font-size: 50px;
    line-height: 50px
}
.featured-carousel .owl-controls .owl-prev {
    left: 0
}
.featured-carousel .owl-controls .owl-next {
    right: 0
}
.faq .widget-title {
    padding-top: 11px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 30px
}
.faq .widget-title:before {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    bottom: -1px;
    background: #c32830
}
.accordion-title {
    font-size: 16px;
    margin: 0;
    background: #fff;
    position: relative
}
.accordion-title a {
    color: #c32830;
    padding: 15px 30px 15px 0;
    display: block;
    border-bottom: 2px solid #ddd;
    -webkit-transition: border 200ms ease-out;
    -moz-transition: border 200ms ease-out;
    transition: border 200ms ease-out
}
.accordion-title a span {
    background: #c32830;
    color: #fff;
    margin-right: 15px;
    width: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    border-radius: 50%
}
.accordion-title a:hover {
    color: #333
}
.accordion-title a:hover:after {
    border-color: #333
}
.accordion-title a:after {
    content: "\e259";
    position: absolute;
    top: 17px;
    right: 0;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.accordion-title.ui-accordion-header-active a:after {
    content: "\e260"
}
.accordion-title.ui-accordion-header-active a {
    color: #ed1c24;
    border-color: #fff
}
.accordion-title.ui-accordion-header-active a span {
    background-color: #ed1c24
}
.ui-accordion-content {
    padding: 0 0 15px;
    background: #fff;
    border-bottom: 2px solid #ddd;
    margin-top: -3px
}
.ui-accordion-content.map {
    padding: 0
}
.ui-accordion-content.map p {
    margin: 0
}
.page-title {
    margin-top: 0;
    margin-bottom: 30px
}
article[class*=post-], article.page {
    padding: 15px;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5)
}
article.page {
    margin-bottom: 30px
}
.home article.page,
.home-page article.page,
.page-builder article.page {
    padding: 0;
    margin-bottom: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none
}
.newsletter + #footer, .section-google-map + #footer, .section-partner + #footer{margin-top: 0;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #c32830; padding: 0 1em; line-height: 38px; font-size: 14px; font-family: "UTM Avo Bold";}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background: #2465c5;}
.page-news article.page {
    padding: 10px;
    margin-bottom: 0;
    border: 0
}
article .page-title,
article .entry-title {
    font-size: 22px;
    font-weight: bold;
    color: #c32830
}
article .page-title {
    margin-bottom: 20px
}
.entry-meta {
    margin-bottom: 10px
}
.entry-meta,
.entry-meta a {
    color: #6f6f6f;
    font-size: 13px
}
.entry-meta a:hover {
    color: #000
}
.entry-meta>.entry-date,
.entry-meta>.byline,
.entry-meta>.edit-link,
entry-meta>.comments-link {
    margin-right: 10px
}
.entry-content {
    line-height: 22px;
    text-align: justify;
    margin-bottom: 15px
}
.entry-content h1,
.entry-content .h1 {
    font-size: 22px
}
.entry-content h2,
.entry-content .h2 {
    font-size: 20px
}
.entry-content h3,
.entry-content .h3 {
    font-size: 18px
}
.entry-content h4,
.entry-content .h4 {
    font-size: 16px
}
.entry-content h5, .entry-content .h5, .entry-content h6, ntry-content .h6 {
    font-size: 14px
}
.entry-content iframe {
    display: block;
    margin: auto
}
.entry-content table {
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.entry-content table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.entry-content table>tbody>tr>td, .entry-content table>tbody>tr>th, .entry-content table>tfoot>tr>td, .entry-content table>tfoot>tr>th, .entry-content table>thead>tr>td, .entry-content table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border: 1px solid #ddd;
}
.entry-content li{margin-bottom: 10px}
.archive-title, #other_products .widget-title, .faq .widget-title {text-transform: uppercase; font-size: 22px; color: #c32830}
.archive-description {
    border: 1px solid #e0ecf9;
    padding-bottom: 15px;
    margin-bottom: 30px;
    background: #f6faff;
    padding: 15px
}
.archive-content {
    margin-bottom: 15px
}
.archive-content .entry {overflow: hidden; margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px; border: 1px solid #ccc; background: #fff; -webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5) }
.archive-content .entry .entry-title {font-size: 20px; margin: 0 0 5px }
.archive-content .entry .entry-title a {color: #c32830}
.archive-content .entry .entry-title a:hover {color: #333 }
.archive-content .entry .thumbnail {border-radius: 0; margin-bottom: 0; padding: 0; border: none;}
.archive-content .entry .thumbnail:hover {border-color: #a7304f }
.archive-content .entry .description {text-align: justify }
.archive-content .entry .description p {margin-bottom: 0 }
.archive-content .entry .description .more-link {display: inline-block; margin-top: 10px; float: right; }
.single .share-nav {
    text-transform: uppercase;
    letter-spacing: .2em;
    padding: 30px 0 20px;
    overflow: hidden
}
.single .post-navigation {
    float: right;
    width: 100%
}
.single .post-navigation .screen-reader-text {
    display: none
}
.single .post-navigation .nav-links>a {
    width: 50%;
    color: #333
}
.single .post-navigation .nav-links>a:hover {
    color: #333
}
.single .post-navigation .nav-links a[rel="prev"] {
    float: left
}
.single .post-navigation .nav-links a[rel="next"] {
    float: right;
    text-align: right
}
.single .post-navigation .nav-links .meta-nav {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    border: 0;
    overflow: hidden;
    display: inline-block;
    width: 6px;
    height: 12px;
    text-indent: -9999px
}
.single .post-navigation .nav-links a[rel="prev"] .meta-nav {
    background-image: url('images/larr.png')
}
.single .post-navigation .nav-links a[rel="next"] .meta-nav {
    background-image: url('images/rarr.png')
}
.single .share-social-box {
    float: left;
    position: relative;
    top: -10px;
    margin: 0
}
.related-posts {
    margin: 20px 0
}
.related-posts .title {
    font-size: 22px !important;
    margin: 0 0 15px;
    text-transform: uppercase
}
.related-posts ul {
    padding-left: 18px
}
.related-posts .entry {
    margin-bottom: 30px
}
.related-posts .entry .thumbnail {
    margin-bottom: 10px;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5)
}
.related-posts .entry .entry-title {
    font-size: 16px;
    margin: 0 0 5px
}
.sidebar .widget {
    margin-bottom: 30px
}
.sidebar .widget .widget-title {padding: 0 12px; line-height: 40px; margin: 0; background: #1B4286; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold; border-bottom: 3px solid #ddd; border-radius: 2px }
.sidebar .widget.cat-posts-list-widget .widget-content {
    border: 0
}
.sidebar .widget.cat-posts-list-widget .widget-content .item {
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px dashed #ccc
}
.sidebar .widget.cat-posts-list-widget .widget-content .item:last-child {
    border-bottom: 0
}
.sidebar .widget.cat-posts-list-widget .widget-content .item .thumbnail {
    margin: 0;
    border-radius: 0;
    padding: 0
}
.sidebar .widget.cat-posts-list-widget .widget-content .item h4 {
    margin: 0;
    font-size: 18px;
    line-height: 20px
}
.sidebar .widget.widget-product-info {
    border: 1px solid #ddd;
    background: #fff
}
.sidebar .widget.widget-product-info .product-info {
    padding: 15px;
    margin-bottom: 0
}
.sidebar .widget.widget-product-info .product-info .price-box {
    border-bottom: 0;
    padding-bottom: 0
}
.sidebar .widget.widget-product-info .product-info .add-to-cart .btn, .buy-contact .btn {
    margin-top: 0;
    display: block;
    border-radius: 5px;
    text-align: center
}
.sidebar .widget.widget-product-info .hotline {
    font-family: "UTM Avo Bold";
    font-size: 22px;
    color: #ffd02f;
    background: #c32830;
    text-align: center;
    padding: 16px;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px
}
.sidebar .widget.widget-product-info .hotline a {
    color: #ffd02f
}
.sidebar .widget.widget-product-info .hotline a:hover {
    color: #fff
}
.sidebar .widget.widget_search {
    float: none;
    padding-top: 0
}
.sidebar .widget.widget_search .search-field {
    border: 1px solid #ccc;
    padding: 5px 10px
}
.sidebar .widget.widget_search .search-submit {
    border: 1px solid #ccc;
    padding: 5px 10px
}
.sidebar .widget.widget_search .search-submit:hover {
    background: #333;
    color: #fff
}
.sidebar .widget ul,
.sidebar .widget ol {
    margin: 0;
    padding-left: 0;
    list-style: none
}
.sidebar .widget ul li,
.sidebar .widget ol li {
    background: url('images/bullet.gif') no-repeat left 12px;
    padding: 3px 0 5px 15px
}
.sidebar .widget table {
    width: 100%
}
.cartInfo.quickCart {margin: 0; padding: 15px }
.cartInfo table th {color: #c32830 }
.cartInfo table td {vertical-align: middle !important }
.cartInfo .thumb {width: 97px; border-right: 0 }
.cartInfo .quantity {width: 98px }
.cartInfo .quantity .qtyval {border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 0; border-right: 0; color: #888; float: left; font-size: 14px; height: 22px; text-align: center; width: 30px }
.cartInfo .quantity .qtyval:focus {outline: 0 }
.cartInfo .quantity .plus, .cartInfo .quantity .minus {border: 1px solid #eee; color: #888; float: left; font-size: 14px; height: 22px; text-align: center; text-decoration: none; width: 25px }
.page-cart .btnCart {text-align: right }
.page-cart .btnCart a {border-radius: 0; border: 0; padding: 10px 20px; background: #ed1c24; color: #fff; text-transform: uppercase; cursor: pointer; outline: 0; display: inline-block }
.page-cart .btnCart a.btn-primary {background-color: #c32830 }
.page-cart .btnCart a.btn-primary:hover {background-color: #ed1c24 }
.page-cart .btnCart a:hover {background: #c32830 }
.btnCart a {border-radius: 0; color: #fff }
.btnCart .btn.btn-danger:hover {background-color: #c32830 !important; border-color: #c32830 !important }
.coupon-area {text-align: right; margin-bottom: 10px; text-transform: uppercase }
.coupon-area input {padding: 5px }
.coupon-area input:focus {outline: 0 }
.page-cart .checkout .title {font-size: 18px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; color: #c32830 }
.page-cart .checkout .cartCheckout {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 13px }
.page-cart .checkout .cartCheckout td {padding: 0 0 10px }
.page-cart .checkout .cartCheckout .cart-meta {color: #666 }
.page-cart .checkout .cartInfo-price {margin: 0 0 10px; font-size: 16px; text-transform: uppercase }
.page-cart .checkout .cartInfo-price .totalAmount {font-weight: 600 }
.product-quantity .text-qty{display: none}
.footer-categories {background: #e9e9e9 url('images/bg-categories.png') no-repeat center; background-size: cover; padding: 40px 0 10px; /* margin-top: 30px */ }
.footer-categories .title {border-bottom: 1px solid #ccc; position: relative; margin-bottom: 30px; padding-bottom: 10px; text-transform: uppercase; font-size: 24px; font-weight: 600 }
.footer-categories .title:before {position: absolute; content: ""; width: 90px; height: 1px; bottom: -1px; background: #c32830 }
.footer-categories .title span {color: #000 }
.footer-categories .col-wrap {overflow: hidden }
.footer-categories .col-wrap .col {width: 20%; float: left; margin-bottom: 30px }
.footer-categories .col-wrap .col .widget-title {font-size: 15px; font-weight: 600; margin: 0 0 15px; line-height: 1.5; text-transform: uppercase; }
.footer-categories .col-wrap .col .widget-title:before{
    content: '\f024';
    font-family: 'FontAwesome';
    float: left; margin-right: 5px
}
.footer-categories .col-wrap .col ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.footer-categories .col-wrap .col ul li {
    margin-bottom: 5px
}
.footer-categories .col-wrap .col ul li:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    float: left; margin-right: 5px
}
.footer-categories .col-wrap .col ul li a {
    font-size: 14px;
    color: #333
}
.footer-categories .col-wrap .col ul li a:hover {
    color: #c32830
}
.commitment {
    padding: 60px 0;
    background-image: url('images/bg-commitment.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}
.commitment a {
    color: #fff
}
.commitment img {
    margin-bottom: 15px
}
.commitment h3 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 15px
}
.newsletter {
    background: #eaeaea;
    padding: 22px 0
}
.newsletter .form-wrap {
    background: url('images/form-title.png') no-repeat left center;
    padding-left: 300px
}
.newsletter form {
    border: 1px solid #ccc;
    border-radius: 40px;
    background: #fff;
    padding: 2px 2px 2px 15px;
    overflow: hidden
}
.newsletter .input-text {
    float: left;
    width: calc(100% - 120px);
    padding-left: 10px
}
.newsletter .input-text .fa {
    color: #c32830
}
.newsletter .input-text input {border: 0; padding: 15px 15px 15px 5px; width: calc(100% - 20px); margin-bottom: 0; line-height: 1;}
.newsletter button {float: right; border: 0; border-radius: 40px; padding: 0; height: 50px; width: 110px; background: #c32830; text-transform: uppercase; color: #fff; margin-bottom: 0; }
.newsletter .socials {
    text-align: right
}
.newsletter .socials a {
    display: inline-block;
    margin-left: 5px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100%
}
.newsletter .socials .icon-fb {
    background-image: url('images/icon_facebook.png')
}
.newsletter .socials .icon-gplus {
    background-image: url('images/icon-google-plus.png')
}
.newsletter .socials .icon-tw {
    background-image: url('images/icon_twitter.png')
}
.newsletter .socials .icon-yt {
    background-image: url('images/icon_youtube.png')
}
#footer {
    background: #c32830;
    color: #fff;
    margin-top: 30px;
}
#footer a {
    color: #fff
}
#footer a:hover {
    color: rgb(255 255 255 / 70%)
}
#footer .footer-widgets {
    padding-bottom: 30px
}
#footer .footer-widgets .widget {padding-top: 50px }
#footer .footer-widgets .widget .widget-title {
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 0 0 15px;
    color: #fff;
    font-size: 15px;
    position: relative
}
#footer .footer-widgets .widget .widget-title:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 2px;
    background: #fff;
    bottom: 0;
    left: 0
}
#footer .footer-widgets .widget ul,
#footer .footer-widgets .widget ol {
    margin: 0;
    padding: 0;
    list-style: none
}
#footer .footer-widgets .widget li {
    margin-bottom: 10px;
}
#footer .footer-widgets .widget li:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    float: left; margin-right: 5px
}
#footer .copyright {
    padding: 20px 0;
    background: #000;
    font-size: 13px
}
.modal-dialog.wide {
    width: 500px;
    margin: 50px auto
}
.modal .modal-content {
    border-radius: 0;
    background: #f9f9f9
}
.modal .modal-header {
    padding: 0 0 15px;
    border-bottom: 0
}
.modal .modal-header .close {
    font-size: 30px;
    margin-top: -5px;
    margin-right: 5px;
    font-weight: 100;
    color: #666;
    opacity: .99999999;
    z-index: 999999999;
    -webkit-font-smoothing: antialiased;
    text-shadow: none
}
.modal .modal-header .modal-title {
    margin: 0;
    color: #333;
    font-size: 20px;
    padding-top: 30px;
    letter-spacing: .1rem;
    text-align: center;
    text-transform: uppercase
}
.modal .modal-body {
    padding: 15px 15px 0
}
.modal .modal-body .name {
    margin-top: 10px;
    font-size: 15px;
    color: #e30613
}
.modal .modal-body .hotline {
    font-style: italic;
    font-size: 12px;
    text-align: center;
    margin-top: 5px
}
.modal .modal-body .hotline strong {
    color: #e30613;
    font-size: 14px
}
.modal .modal-footer {
    border-top: 0;
    padding: 15px;
    text-align: center
}
.modal .modal-footer a {
    font-weight: 400;
    color: #e30613;
    letter-spacing: .1em
}
.mobile-header {display: none; background: #fff; border-bottom: 1px solid #c32830; width: 100% }
.mobile-header .left-menu, .mobile-header .right-menu {border: 0; background: #c32830; color: #fff; text-transform: uppercase; padding: 10px 15px; margin-bottom: 0; }
.mobile-header .left-menu {margin-right: auto}
.mobile-header .left-menu i{font-size: 30px}
.mobile-header .right-menu {margin-left: auto; }
.mobile-header .right-menu .fa {margin-right: 5px }
.mobile-header .right-menu a {color: #fff; display: block; line-height: 31px }
.mobile-header .title img {max-height: 36px; width:auto }
.st-menu {
    position: fixed;
    top: 0;
    left: -150px;
    display: none;
    width: 150px;
    height: 100%;
    z-index: 99999;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    background: #c32830;
    color: #000
}
.st-menu>.logo {
    text-align: center;
    display: block;
    padding: 15px
}
.st-menu .nav {
    margin: 15px 0 0;
    padding: 0
}
.st-menu .nav ul {
    list-style: none
}
.st-menu .nav>li>ul.sub-menu {
    padding-left: 35px
}
.st-menu .nav>li>ul.sub-menu>li>ul.sub-menu {
    padding-left: 18px
}
.st-menu ul li {
    width: 100%
}
.st-menu ul li a {
    color: #fff;
    padding: 5px 15px;
    display: block;
    text-transform: uppercase
}
.st-menu ul li a:hover,
.st-menu ul li a:focus {
    color: #000;
    background: none
}
.st-menu ul.sub-menu li a {
    padding-left: 0
}
.st-menu li.menu-item-has-children {
    background-image: url('images/arrow_right.png');
    background-repeat: no-repeat;
    background-position: top 10px right 10px
}
.st-menu li.menu-item-has-children.dropdown {
    background-image: url('images/arrow_bot.png');
    background-position: top 10px right 12px
}
.st-menu ul li.menu-item-has-children span.arrow {
    content: "";
    height: 26px;
    width: 33px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}
.bar {
    margin: 0 auto;
    display: block;
    width: 25px;
    height: 2px;
    margin-bottom: 3px;
    background: #fff;
    box-shadow: inset 0 9999in;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.bar:nth-child(1) {
    margin-top: 5px
}
.menu-icon {
    display: none
}
.st-menu-open .menu-icon {
    display: block
}
.st-menu-open .menu-icon+span {
    display: none
}
.st-menu-open .bar:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 5px
}
.st-menu-open .bar:nth-child(2) {
    display: none
}
.st-menu-open .bar:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px
}
.st-menu .searchcontainer {
    position: relative;
    margin-top: 15px;
    padding: 0 15px
}
.st-menu .searchcontainer span {
    color: #de4a22;
    font-size: 16px;
    left: 21px;
    position: absolute;
    top: 8px
}
.st-menu .searchcontainer .input-text {
    width: 100%;
    padding: 5px;
    color: #000
}
#callNowButton {
    display: none;
    position: fixed;
    left: 2px;
    bottom: 2px;
    border-radius: 22px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 0;
    background: #090;
    z-index: 9999
}
#callNowButton i {
    margin-right: 5px;
    margin-top: -1px;
    margin-left: -1px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("images/callbutton.png") center center no-repeat #090;
    float: left
}
#callNowButton a {
    text-decoration: none;
    outline: 0;
    color: #fff
}
#callNowButton span {
    font-size: 15px
}
#registerNowButton {
    display: none;
    color: #fff;
    height: 50px;
    width: 50px;
    position: fixed;
    right: 8px;
    bottom: 8px;
    border-radius: 50%;
    background: url("images/regbutton.png") center center no-repeat red;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.7);
    text-decoration: none;
    z-index: 9999
}
@-webkit-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
}
@-moz-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@-o-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
/*.scrolled{animation: fontbulger 0.5s;-webkit-animation: fontbulger 0.5s}*/
.menu-fixed {z-index: 999999!important;position: fixed;top: 0;left: 0;right: 0}
.woocommerce .woocommerce-breadcrumb{ font-weight: 700; margin: 0}
.woocommerce .woocommerce-breadcrumb a{ color: #c32830; font-weight: 400}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width: 100%}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{ margin: 0 5px 0 0; float: left; border-radius: 0; border: 1px solid #ddd; border-bottom: 2px solid #c32830; padding: 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background-color: #1C4286; color: #fff; border-bottom-color: #1C4286; border: 1px solid #1C4286}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{display: none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding: 10px 15px}
.woocommerce div.product .woocommerce-tabs ul.tabs{margin-bottom: 0}
.woocommerce div.product .woocommerce-tabs .panel{ border: 1px solid #ddd; border-radius: 0; border-top: none; padding: 20px; float: left; width: 100%}
.woocommerce span.onsale{ border-radius: 3px; background-color: #ed1c24; padding: 0 10px; top: 5px; left: 20px}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{vertical-align: initial; padding: 5px 0;}
.woocommerce div.product form.cart .variations select{padding: 6px 5px;}
.woocommerce div.product form.cart .variations label{color: initial; font-size: 14px;}
.panel-title span{background: #333; color: #fff; margin-right: 10px; width: 26px; line-height: 26px; display: inline-block; text-align: center; border-radius: 50%}
.panel-group .panel{ border: none; box-shadow: none; -webkit-box-shadow: none;}
.panel-default>.panel-heading{background-color: #fff; padding: 10px 0;border-bottom: 2px solid #ddd}
.indicator{font-style: inherit}
.indicator:before{font-family: 'FontAwesome'}
.indicator.pt-cong:before{content: '\f078'}
.indicator.pt-tru:before{content: '\f077'}
.panel-body{padding: 15px 0}
.bg-heading .panel-title a[role="button"]{color: red}
.bg-heading .panel-title span{background-color: red}
.google-map{margin-bottom: 30px}
.widget-post-by-cate-home .post{margin-bottom: 10px}
.widget-post-by-cate-home .post:nth-child(4n+1){clear: both}
.widget-post-by-cate-home .thumbnail{margin-bottom: 5px}
.widget-post-by-cate-home .entry-title{color: #010101; font-size: 16px; margin-bottom: 5px; height: 44px;}
.widget-post-by-cate-home .blog-exp{ height: 60px;}
.project-content .filter-item:nth-child(4n+1) {clear: both}
.single-project-item {padding-bottom: 10px}
.single-project-item .thumbnail{margin-bottom: 0; overflow: hidden}
.single-project-item .img-holder {display: block; overflow: hidden; position: relative}
.single-project-item .img-holder img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%}
.single-project-item:hover .img-holder img {transform: scale(1.1)}
.overlay {text-align: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 10; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; -webkit-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5);}
.single-project-item:hover .img-holder .overlay {opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1)}
.overlay .box {display: table; height: 100%; width: 100%}
.overlay .box .content {display: table-cell; text-align: center; vertical-align: middle}
.single-project-item .img-holder .overlay .box .content {margin-bottom: 0; padding: 0 5px}
.single-project-item .img-holder .overlay .box .content a {color: #fff; font-size: 18px; text-transform: capitalize; margin: 0 0 3px; transition: all 500ms ease}
.single-project-item .img-holder .overlay .box .content p {font-weight: 400; color: #c32830; margin: 0; padding: 0 15px}
.single-project-item .h4 {display: block}
.sec-title h2{color: #141414; font-size: 30px; font-weight: 700; line-height: 34px; text-transform: uppercase; margin: 0 0 30px}
.working-area .single-working-item .icon-box {background: #fff none repeat scroll 0 0; border: 1px solid #f7f7f7; border-radius: 50%; display: block; height: 180px; padding: 9px; position: relative; width: 180px; margin: 0 auto; transition: all 500ms ease; }
.working-area .single-working-item .icon-box .icon {background: #f7f7f7 none repeat scroll 0 0; border-radius: 50%; display: block; height: 160px; width: 160px; text-align: center; line-height: 160px; color: #c32830; font-size: 50px; transition: all 500ms ease; }
.working-area .single-working-item .icon-box .count {background: #fff none repeat scroll 0 0; border: 1px solid #f7f7f7; border-radius: 50%; display: block; height: 45px; left: 5px; position: absolute; text-align: center; top: 10px; width: 45px; transition: all 500ms ease; }
.working-area .single-working-item .icon-box .count span {color: #252525; font-size: 18px; line-height: 45px; font-weight: 700; transition: all 500ms ease; }
.working-area .single-working-item:hover .icon-box, .working-area .single-working-item:hover .icon-box .count{ background-color: #c32830}
.working-area .single-working-item:hover .icon-box .count span{color: #fff}
.working-area .single-working-item .text-box h3 {color: #252525; font-size: 20px; font-weight: 500; text-transform: capitalize; margin: 21px 0 9px; }
.working-area .single-working-item .text-box p {color: #9a9a9a }
.section-title {max-width: 300px; margin-top: 0; margin-bottom: 30px; font-size: inherit; line-height: inherit; }
.border-title {position: relative; display: block; padding: 12px 0 9px; color: #fff; text-align: center; text-transform: uppercase; border-radius: 5px 4px 4px 5px/5px; background-color: #c32830}
.border-title::before, .border-title::after {content: ''; display: block; height: 1px; position: absolute; top: 23px; background-color: #c32830; width: 500%; z-index: 0; }
.border-title::before {right: 100%; }
.border-title::after {left: 100%; }
.overflow{overflow: hidden}
.title-video{z-index: 1}
.title-video:before, .title-video:after{content: none}
.section-partner{ padding: 10px 0}
.section-google-map{line-height: 0}
.section-google-map iframe{width: 100%}
.testimonial-ctrl {position: absolute; top: 10px; right: 15px; background-color: #fff; }
.testimonial-ctrl [class^="ctrl-"] {display: inline-block; width: 25px; height: 25px; line-height: 23px; font-size: 16px; text-align: center; border: 1px solid #c32830; color: #c32830; cursor: pointer; }
.testimonial {margin-bottom: 10px}
.testimonial .thumbnail {float: left; width: 110px; margin-right: 15px; border-radius: 50%; padding: 2px 2px 2px 5px; border: 0; background-image: linear-gradient(45deg, #f4b214, #fae5ad); margin-bottom: 0}
.testimonial .thumbnail img{border-radius: 50%}
.testimonial .uname { font-weight: 700; font-size: 16px; }
.testimonial .ucomment {color: #666; font-size: 13px; line-height: 22px; margin-bottom: 0}
.owl-theme .owl-controls{margin-top: 0}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {position: absolute; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 0; padding: 0; opacity: .3; border-radius: 0; background: transparent}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {color: #fff; font-size: 30px; line-height: 40px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background-color: transparent; opacity: 1}
.owl-theme .owl-controls .owl-nav .owl-prev {left: 0}
.owl-theme .owl-controls .owl-nav .owl-next {right: 0}
#slider .owl-theme .owl-controls .owl-nav .owl-prev, #slider .owl-theme .owl-controls .owl-nav .owl-next{width: 60px; height: 60px; margin: -30px 0 0 0;}
#slider .owl-theme .owl-controls .owl-nav .owl-prev, #slider .owl-theme .owl-controls .owl-nav .owl-next{font-size: 60px; line-height: 60px}
.module-video, .module-test{margin-bottom: 20px}
.related-posts .post:nth-child(3n+1){clear: both}
.related-posts .du-an:nth-child(3n+1){clear: both}
.sidebar .widget .support-online li{background: none; padding-left: 0}
.wrapper-block{border: 1px solid #DBDBDB; border-top: none; padding: 10px}
.sidebar .widget-title:before{content: none}
.project-title-mb{display: none}
.archive .project-title-mb{display: block}
.archive .filter-item:nth-child(3n+1){clear: both}
.fb-comments,
.fb-comments > span,
.fb-comments > span > iframe {max-width: 100%; width: 100% !important}
.ellipsis1, .ellipsis2, .ellipsis3, .ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer}
.ellipsis1{-webkit-line-clamp: 1}
.ellipsis2{-webkit-line-clamp: 2}
.ellipsis3{-webkit-line-clamp: 3}
.ellipsis4{-webkit-line-clamp: 4}

.woocommerce div.product div.images .flex-control-thumbs li img{margin: 0 auto; width: auto}
.gallery figure img{max-width:100%;height:auto;margin:0 auto;display:block;}
.gallery figure{float:left;margin:0 2% 1em 0;}
.gallery.gallery-columns-1 figure{width:100%;margin:0 0 1em 0;float:none;}
.gallery.gallery-columns-3 figure{width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3){margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4){clear:left;}
.gallery.gallery-columns-2 figure{width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even){margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd){clear:left;}
.gallery.gallery-columns-4 figure{width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4){margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5){clear:left;}
.gallery.gallery-columns-5 figure{width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5){margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6){clear:left;}
.gallery.gallery-columns-6 figure{width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6){margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7){clear:left;}
.gallery.gallery-columns-7 figure{width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7){margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8){clear:left;}
.gallery.gallery-columns-8 figure{width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8){margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9){clear:left;}
.gallery.gallery-columns-9 figure{width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9){margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10){clear:left;}
@media (max-width:767px){img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb{display:block;margin:1em auto;float:none;}
.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure{width:100%;margin:0 0 1em 0;float:none;}
}

@media(min-width:1200px) {
    .container {
        width: 1230px
    }
}
@media(min-width:991px) and (max-width:1200px) {
    h2, .h2 {
        font-size: 26px
    }
    #product-content-tabs>ul li {
        font-size: 14px;
        margin-right: 0
    }
    .add-to-cart .pull-left.ml15{margin-left: 0!important; clear: both}
}
@media(min-width:320px) and (max-width:480px) {
    .add-to-cart .pull-left.ml15{margin-left: 0!important; clear: both}
}
/*col-md*/
@media screen and (max-width: 1199px) {
    
}
/*col-sm*/
@media(max-width:991px) {
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.5 }
    h1, .h1 {font-size: 30px }
    h2, .h2 {font-size: 22px }
    h3, .h3 {font-size: 16px }
    html {margin-top: 0 !important }
    /*#wpadminbar {display: none; visibility: hidden }*/
    .mobile-header {display: flex; justify-content: space-around; align-items: center;}
    .desktop-header {display: none }
    .btn-regiser {display: block }
    #slider+#main, #slider+.page-builder, #breadcrumbs+.page-builder, #breadcrumbs+#main {margin-top: 0 }
    .archive-content .entry .thumbnail{margin-bottom: 10px;}
    .product-contact {margin-top: 30px; float: left; width: 48% }
    .product-contact {margin-left: 15px }
    .product-content .sidebar {margin-top: 30px }
    #product_share .like-social-box {margin-top: 0 }
    .homepage-area .widget-title .child-cats, .list-project .widget-title .child-cats{display: none }
    .footer-categories .col-wrap .col {width: 33.333% }
    .newsletter .form-wrap {padding-left: 0; background: none }
    #callNowButton, #registerNowButton {display: block }
    .single-project-item{padding-bottom: 0;}
    .single-project-item .thumbnail{margin-bottom: 10px;}
    .get-products .product:nth-child(4n+1){clear: inherit}
    .get-products .product:nth-child(3n+1){clear: both}
    .widget-post-by-cate-home .post:nth-child(4n+1){clear: inherit}
    .widget-post-by-cate-home .post:nth-child(3n+1){clear: both}
    .project-content .filter-item:nth-child(4n+1) {clear: inherit}
    .project-content .filter-item:nth-child(2n+1) {clear: both}
    .related-posts .post:nth-child(3n+1){clear: inherit}
    .related-posts .post:nth-child(2n+1){clear: both}
    .related-posts .du-an:nth-child(3n+1){clear: inherit}
    .related-posts .du-an:nth-child(2n+1){clear: both}
    .project-title-mb{display: block}
    .project-title-dk{display: none}
    .single-project-item .overlay{opacity: 0; display: none}
    .owl-dots{display: none!important}
    .product-categories .item:nth-child(6n+1){clear: inherit}
    .product-categories .item:nth-child(4n+1){clear: both}
    .widget.list-project .filter-item:nth-child(4n+1){clear: inherit}
    .widget.list-project .filter-item:nth-child(3n+1){clear: both}
    .widget-post-by-cate-home .entry-title{font-size: 14px; height: 40px; margin-bottom: 0;}
    .footer-item:nth-child(2n+1){clear: both}
    .product-grid-container .entry .price{width: 100%; display: flex; align-items: center; justify-content: space-between;}
}
/*col-xs*/
@media(max-width:767px) {
    .show-small {display: block }
    .hide-small {display: none }
    #product-content-tabs>ul li {margin-right: 0 }
    #product-content-tabs>ul li a {padding: 6px 8px; border-top-color: #f5f5f5; background: #f5f5f5 }
    #product-content-tabs>ul li.ui-tabs-active a {background: #fff }
    #product_share .like-social-box {margin-top: 15px; text-align: center }
    .newsletter .socials {margin-top: 30px; text-align: center }
    .wpb_single_image {text-align: center !important }
    .single .post-navigation {float: none; width: 100%; overflow: hidden; margin-bottom: 15px }
    .single .share-social-box {float: none; top: 0 }
    #footer .copyright {text-align: center }
    #footer .copyright .t_right {text-align: center !important; margin-top: 15px }
    .get-products .product:nth-child(3n+1){clear: inherit}
    .get-products .product:nth-child(2n+1){clear: both}
    .widget-post-by-cate-home .post:nth-child(3n+1){clear: inherit}
    .widget-post-by-cate-home .post:nth-child(2n+1){clear: both}
    .single-project-item .img-holder .overlay {opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); }
    .sec-title h2{font-size: 22px}
    .working-area .single-working-item .icon-box{width: 130px; height: 130px}
    .working-area .single-working-item .icon-box .icon{width: 110px; height: 110px; line-height: 110px}
    .archive .filter-item:nth-child(3n+1){clear: inherit}
    .archive .filter-item:nth-child(2n+1){clear: both}
    .product-categories .item:nth-child(4n+1){clear: inherit;}
    .product-categories .item:nth-child(2n+1){clear: both}
    .archive-content .entry .entry-title{font-size: 16px;}
    .widget.list-project .filter-item:nth-child(3n+1){clear: inherit}
    .widget.list-project .filter-item:nth-child(2n+1){clear: both}
}
@media(max-width:599px) {
    #product-content-tabs>ul li {
        display: block
    }
    #product-content-tabs>ul li.ui-tabs-active {
        border-top: 0
    }
    #product-content-tabs>ul li a {
        padding: 10px
    }
    .product-contact {
        width: 100%;
        float: none;
        margin-left: 0
    }
}
@media(max-width:480px) {
    article .page-title, article .entry-title {font-size: 18px }
    .footer-categories .col-wrap .col {width: 50% }
    .modal-dialog .modal-body .col-sm-4 {display: none }
    .modal-dialog.wide {width: 96% }
    .ew-col-12{width: 100%}
    .product-grid-container .entry .product-meta{padding: 10px 3px; text-align: center}
    .testimonial-ctrl [class^="ctrl-"]{display: none}
    .section-title.border-title{margin: 0 auto 20px}
    .module-video .border-title::before {content: ''}
    .module-video .border-title::after {content: ''}
    .archive-title{font-size: 18px}
    .woocommerce div.product .woocommerce-tabs ul.tabs li{width: 100%}
}
@media(max-width:430px) {
    .page-cart .btnCart a {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}
@media(max-width:425px) {
    #footer .footer-widgets .col-xs-6 {
        width: 100%
    }
}
@media(max-width:359px) {
    .footer-categories .col-wrap .col {
        width: 100%
    }
}
@media(max-width:320px) {
    
}
@media(max-width:319px) {

}
@media(max-width:240px) {
    body {
        font-size: 13px
    }
}