/*=== Font Awesome 4.6.1=== */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
a,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nDW5FUgIgejJvrHuLWqrSMw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nPDoBG10JtAX-GAwn6iwU1Y.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nGhQuge17febRYSUkWKdLWA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nBBtmDLrZTTOm3p1EhiGCXc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nEV356qNqHCUb41pS3zqMSE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJXlO07AV7jCoaoExpzGIXF8.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJXn0X2a-UD0eEo-sntC2K9c.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJXIVpjigYYbZOvnhY_Z5vk4.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJcOu5P_uCqYG0-iz1pktLzQ.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJWVK-H8IGVDFdUGcxnxwa3k.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJTvI7rel44YKg4wt2ABIvDs.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJdbvlX87CS9_IgWvysdluIM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAPxlHrF2VTwtgaLzAildVYo.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeABSto3_YrLFT4koFxHE9Nps.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAHHBnOVHG2Rm3MKhC1_sIDE.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAGmQMc5lRQnvP92JE1FSdr0.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeAE-qJbM9GDG0ZjY-r1X847g.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeACtzjzv1S_1NYJPSdEw9o-Y.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeADn8OlxV1N2WpeXfK2HtpfA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #222;
    background-color: #FFF;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ===== A ===== */
a {
    color: #222;
    text-decoration: none;
}

a:hover {
    color: #ffab00;
}

.empty-message {
    color: #FF0000;
    font-weight: bold;
    font-style: italic;
    padding: 10px 0;
    text-align: center;
}

.required {
    color: #FF0000;
}

.money {
    font-weight: bold;
    color: #FF0000;
}

.money.large {
    font-size: 115%;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* ===== IMAGE ===== */
img {
    border: 0;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {}

.img-verify-code {
    vertical-align: middle;
}

/* ===== IMAGE ===== */
.image-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
}

.image-wrapper img {
    width: 100%;
}

.image-wrapper .style-news {
    -webkit-transform: scale(0.5) rotateX(180deg);
    -moz-transform: scale(0.5) rotateX(180deg);
    -ms-transform: scale(0.5) rotateX(180deg);
    -o-transform: scale(0.5) rotateX(180deg);
    transform: scale(0.5) rotateX(180deg);
    background-color: rgba(72, 56, 101, 0.9);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 7;
}

.image-wrapper:hover .style-news {
    opacity: .6;
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    -ms-transform: scale(1) rotateX(0deg);
    -o-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg);
    visibility: visible;
}

.image-wrapper:hover .style-news.circle {}

.viewmore {
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #FFF;
    padding: 0 10px;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    min-width: 100px;
    line-height: 32px;
    margin-top: -16px;
}

/* ===== BACK TOP ===== */
#back-top {
    position: fixed;
    bottom: 65px;
    right: 10px;
    text-align: center;
    z-index: 9999;
    display: none;
    margin: 0;
}

#back-top a {
    background: #ffab00;
    width: 44px;
    height: 44px;
    display: inline-block;
    color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#back-top a:hover {
    color: #222;
}

#back-top .fa {
    display: block;
    padding-top: 3px;
}

/* ===== LIST GROUP ===== */
.list-group {
    list-style: none;
}

.list-group li {
    padding: 6px 0;
}

.list-group li .name {
    font-weight: normal;
}

.list-group li a {
    position: relative;
}

.list-group li .arrow {
    padding-left: 15px;
}

.list-group li .arrow:before {
    display: block;
    content: "\f105";
    font-size: 130%;
    font-family: "FontAwesome";
    position: absolute;
    top: -4px;
    left: 0;
}

.page-heading {
    position: relative;
    font-size: 125%;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffab00;
    border-left: 5px solid #ffab00;
    padding: 12px 15px;
    margin-top: 15px;
    overflow: hidden;
    background: #FFF;
}

/* ===== BANNER ===== */
.logo {
    text-align: center;
    padding: 30px 0;
}

.logo .img-logo {
    max-width: 100%;
    max-height: 200px;
}

.banner {
    text-align: center;
}

.banner .img-banner {
    max-width: 100%;
}

/* ===== BREAD CRUMB ===== */
.breadcrumb {
    padding: 10px 0;
    list-style: none;
    background-color: transparent;
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #777777;
}

.breadcrumb>.active {
    color: #3e3e3e;
}

/* ===== FOOTER =====*/
.footer-content,
.copyright-content,
.footer-content .border-right-footer {
    position: relative;
}

.footer-content a {
    color: #FFF;
}

.footer-content a:hover {
    color: #ffab00;
}

.footer-content .footer-block {
    text-align: left;
    padding: 15px 0;
}

.footer-content .title-footer-block {
    color: #ffab00;
    position: relative;
    display: block;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 115%;
    font-weight: bold;
}

/* ===== CONTACT =====*/
.footer-content .contact {
    position: relative;
    padding-right: inherit;
}

.footer-content .contact .icon {
    float: left;
    margin-right: 10px;
}

.footer-content .contact .icon em {
    color: #222;
    width: 30px;
    height: 30px;
    background: #FFF;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.footer-content .contact .icon em:before {
    position: absolute;
    top: 8px;
    left: 8px;
}

.footer-content .contact p {
    color: #FFF;
    padding: 5px 0 15px 0;
}

.footer-content .contact .social {
    padding-top: 10px;
}

.footer-content .contact .social ul {
    float: left;
    width: 100%;
}

.footer-content .contact .social ul li {
    float: left;
}

/* ===== COPY RIGHT ===== */
.copyright-content .copy-right,
.copyright-content .designed {
    font-size: 85%;
    color: #ccc;
    padding: 10px 0;
}

.copyright-content .copy-right {
    text-align: left;
}

.copyright-content .designed {
    text-align: right;
}

.copyright-content .designed a {
    color: #ccc;
}

/* ===== BLOCK ===== */
.block {
    position: relative;
    margin-top: 20px;
}

.block:first-child {
    margin-top: 0;
}

.block.block-border-top {
    padding: 10px 0;
    border-top: 1px solid #ccc;
    margin-top: 0;
}

.block .block-img {
    float: left;
    margin-right: 10px;
}

.block .block-img.block-img-border {
    border: 1px solid #bababa;
}

.block .block-img .img-default {
    width: 80px;
}

.block .block-img .img-cart {
    width: 40px;
}

.block .block-img .img-square {
    width: 80px;
}

.block .block-caption {
    overflow: hidden;
    zoom: 1;
}

.block .block-caption .block-title {
    font-weight: normal;
}

.block .block-caption .block-title.title-other-news {
    padding-top: 10px;
}

.block .block-caption .block-price {
    margin-top: 10px;
}

.block .block-caption .block-price .price {
    color: #e11428;
    display: block;
    font-weight: bold;
}

.block .block-caption .block-price .old-price {
    display: block;
    font-size: 85%;
    color: #c7c7c7;
    text-decoration: line-through;
}

/* ===== SUPPORT ONLINE ===== */
.support-online {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.support-online:first-child {
    margin-top: 0;
}

.support-online .online-text {
    position: relative;
    padding-top: 10px;
    font-weight: bold;
}

/* ===== ADVERT ===== */
.advert {
    position: relative;
    margin-top: 20px;
}

.advert:first-child {
    margin-top: 0;
}

.advertise {
    margin-top: 20px;
    background: #FFF;
}

.comment-facebook {
    background: #FFF;
}

/* ===== STATISTIC ===== */
.statistic li {
    position: relative;
}

.statistic li .statistic-text {
    padding-left: 20px;
}

.statistic li .statistic-number {
    float: right;
}

.statistic li .statistic-text:before {
    content: "";
    background: url(../images/icon-statistic.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
}

.statistic li .statistic-text.today:before {
    background-position: 0 -16px;
}

.statistic li .statistic-text.yesterday:before {
    background-position: 0 -32px;
}

.statistic li .statistic-text.week:before {
    background-position: 0 -48px;
}

.statistic li .statistic-text.month:before {
    background-position: 0 -64px;
}

.statistic li .statistic-text.total:before {
    background-position: 0 -80px;
}

/* ===== GRID ===== */
.grid-sort {
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #FFF;
}

.grid-sort .grid-left {
    float: left;
    margin-right: 10px;
}

.grid-sort .grid-right {
    float: right;
}

.grid-sort .grid-right>label {}

.grid-sort .form-control {
    display: inline;
    width: auto;
}

.grid-sort .grid-view {
    display: inline-block;
    color: #777;
    width: 32px;
    height: 32px;
    border: 1px solid #ebebeb;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background: #FFF;
    padding: 8px;
}

.grid-sort .grid-view.selected {
    color: #3e3e3e;
    cursor: not-allowed;
}

.grid-content {
    border: 1px solid #ccc;
    padding: 10px 0;
    background: #FFF;
}

.grid-bottom {
    padding: 15px 10px;
    border: 1px solid #ccc;
    border-top: none;
    background: #FFF;
}

/* ===== PAGING ===== */
.pagination {
    list-style: none;
    text-align: center;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    text-decoration: none;
    color: black;
    background-color: white;
    border: 1px solid #dddddd;
    margin-left: 5px;
    font-weight: bold;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;

    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    color: #FFF;
    background-color: #ffab00;
    border-color: #ffab00;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 2;
    color: #FFF;
    background-color: #ffab00;
    border-color: #ffab00;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #999999;
    background-color: white;
    border-color: #dbdbdb;
    cursor: not-allowed;
}

/* ===== TABS ===== */
.tabs {
    list-style: none;
}

.tabs>li {
    position: relative;
    display: inline-block;
    background: #ffab00;
    padding: 0 15px;
    margin-right: 5px;
}

.tabs>li.active,
.tabs>li:hover,
.tabs>li:focus {
    background-color: #3e3e3e;
}

.tabs>li>a {
    position: relative;
    font-weight: bold;
    display: block;
    color: #FFF;
    font-size: 115%;
    padding: 10px 0;
    text-transform: uppercase;
}

.tabs>li>a:hover,
.tabs>li>a:focus,
.tabs>li.active>a,
.tabs>li.active>a:hover,
.tabs>li.active>a:focus {
    color: #FFF;
}

.tab-content>.tab-pane {
    border: 1px solid #ccc;
    padding: 15px;
    display: none;
}

.tab-content>.tab-pane img,
.tab-content>.tab-pane iframe,
.tab-content>.tab-pane object,
.tab-content>.tab-pane embed {
    max-width: 100%;
}

.tab-content>.active {
    display: block;
}

/* ===== CART ===== */
.col-cart {
    position: relative;
    padding-right: 15px;
}

.col-order {}

.btn-cart-content {
    padding-top: 15px;
    text-align: center;
    background: #FFF;
}

.btn-cart-content .btn-default {
    width: 200px;
}

.message-cart {
    padding: 30px 0;
    font-size: 145%;
    font-weight: bold;
    text-align: center;
}

/* ===== CONTACT US ===== */
.contact-us p {
    padding-bottom: 10px;
}

.contact-us .company-name {
    color: #3e3e3e;
    position: relative;
    display: block;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 115%;
    font-weight: bold;
}

/* ===== CONTROL ===== */
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
}


/* ===== STARRR ===== */
.starrr {
    display: inline-block;
    margin-left: 5px;
}

.starrr a {
    font-size: 24px;
    padding: 0 2px;
    cursor: pointer;
    color: #FFD119;
    text-decoration: none;
}

.user-review {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 5px 0;
}

/* ===== RATING ===== */
.rating {
    margin-bottom: 6px;
}

.rating .rating-box {
    font-size: 0;
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

.rating .rating-box .star {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    margin: .1rem;
    color: #dedddc;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rating .rating-box .star:before {
    content: "\f005";
}

.rating .rating-box span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    line-height: 1;
}

.rating .rating-box span .star {
    color: #f0c808;
}

.rating .rating-value {
    color: #888;
}

/* ===== BUTTON CALL ===== */
.btn-call-now,
.btn-shopping-cart,
.btn-link-car {
    display: none;
}

@media screen and (max-width:650px) {

    .btn-call-now,
    .btn-shopping-cart {
        display: block;
        height: 60px;
        position: fixed;
        width: 90px;
        bottom: -10px;
        border-top: 1px solid rgba(51, 187, 51, 1);
        background: #e11428;
        text-decoration: none;
        box-shadow: 0 0 5px #ddd;
        -webkit-box-shadow: 0 0 5px #ddd;
        -moz-box-shadow: 0 0 5px #ddd;
        z-index: 999999999;
    }

    .btn-call-now.full-width {
        width: 100%;
        color: #FFF;
        font-weight: bold;
        font-size: 125%;
        text-indent: 30px;
        border-bottom-right-radius: 30px;
        border-top-right-radius: 30px;
    }

    .btn-call-now {
        right: 0;
        border-bottom-left-radius: 30px;
        border-top-left-radius: 30px;
    }

    .btn-shopping-cart {
        left: 0;
        border-bottom-right-radius: 30px;
        border-top-right-radius: 30px;
    }

    .btn-call-now em,
    .btn-shopping-cart em {
        position: relative;
        color: #FFF;
        font-size: 45px;
    }

    .btn-call-now em:before {
        position: absolute;
        top: 5px;
        left: 30px;
    }

    .btn-call-now.full-width em:before {
        left: -28px;
    }

    .btn-shopping-cart .btn-shopping-cart-number {
        display: inline-block;
        color: #FFF;
        text-indent: 40px;
    }

    .btn-shopping-cart em:before {
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .btn-link-car {
        display: block;
        position: fixed;
        height: 40px;
        width: 50%;
        color: #FFF;
        font-weight: 700;
        background: #2d96cd;
        text-decoration: none;
        z-index: 999999999;
        right: 0;
        bottom: 0;
        padding: 10px 10px;
    }
}

/* === TEXT SEARCH === */
.text-search {
    float: left;
    position: relative;
    display: table-cell;
    width: 100%;
    padding: 9px 0;
    color: #555;
    background-image: none;
    border: none;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
}

.text-search:focus {
    outline: 0;
}

/* === LABEL === */
.lbl-checkbox {
    cursor: pointer;
}

/* ===== TABLE ===== */
table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
    padding: 8px 0;
    line-height: 1.42857143;
    vertical-align: middle;
}

table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 2px solid #483865;
}

table>caption+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>th,
table>thead:first-child>tr:first-child>th,
table>caption+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>td,
table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

table .alignright {
    text-align: right;
}

table .aligncenter {
    text-align: center;
}

table {
    border: 1px solid #e1e1e1;
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
    padding: 8px;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.table-noborder {
    border: none;
}

.table-noborder>thead>tr>th,
.table-noborder>tbody>tr>th,
.table-noborder>tfoot>tr>th,
.table-noborder>thead>tr>td,
.table-noborder>tbody>tr>td,
.table-noborder>tfoot>tr>td {
    border: none;
}

/* ===== MENU TOP ===== */
ol,
ul {
    list-style: none;
}

/* -------------------------------- 
Main components 
-------------------------------- */
@media only screen and (min-width: 992px) {
    .menu-fixed-top {
        top: 0;
        right: 0;
        left: 0;
        z-index: 99999;
        position: fixed;
        opacity: 0.85;
        filter: alpha(opacity=85);
    }
}

.cd-nav-toggle {
    position: relative;
    display: block;
    float: left;
    margin-right: 0;
    padding: 9px 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    color: #222;
    background-color: #ffab00;
    border-color: #ffab00;
    text-transform: uppercase;
    z-index: 9999;
}

.cd-nav-toggle:hover,
.cd-nav-toggle:focus,
.cd-nav-toggle:active {
    color: #FFF;
    border-color: #FFF;
    outline: none;
}

@media only screen and (min-width: 992px) {
    .cd-nav-toggle {
        display: none;
    }

    .cd-nav-content {
        position: relative;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        height: 46px;
        z-index: 3;
    }

    .cd-nav-content:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media only screen and (max-width: 991px) {
    body {
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        -o-transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    }

    body.overflow-hidden {
        position: fixed;
        width: 100vw;
        overflow: hidden;
        -webkit-transform: translateX(260px);
        -ms-transform: translateX(260px);
        transform: translateX(260px);
    }

    .cd-primary-nav {
        left: -260px !important;
        height: 100vh !important;
    }

    .cd-overlay {
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 999;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    body.overflow-hidden .cd-overlay {
        opacity: 1;
        visibility: visible;
    }
}

.cd-primary-nav,
.cd-primary-nav ul {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    background: #3e3e3e;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-primary-nav a,
.cd-primary-nav ul a {
    display: block;
    padding: 0 15px;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #555;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.cd-primary-nav.is-hidden,
.cd-primary-nav ul.is-hidden {
    /* secondary navigations hidden by default */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-primary-nav.moves-out>li>a,
.cd-primary-nav ul.moves-out>li>a {
    /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.cd-primary-nav .see-all a {
    /* different style for the See all button on mobile and tablet */
    color: #ffd700;
}

.cd-primary-nav .cd-secondary-nav .sub-title-menu {
    font-weight: normal;
}

.cd-primary-nav .cd-secondary-nav .sub-title-menu.center {
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .cd-primary-nav {
        /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
        visibility: hidden;
        -webkit-transition: visibility 0s 0.3s;
        -moz-transition: visibility 0s 0.3s;
        transition: visibility 0s 0.3s;
    }

    .cd-primary-nav.nav-is-visible {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        -moz-transition: visibility 0s 0s;
        transition: visibility 0s 0s;
    }

    .cd-primary-nav a,
    .cd-primary-nav ul a {
        padding-top: 15px;
        padding-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 992px) {
    .cd-primary-nav {
        position: relative;
        padding: 0;
        height: auto;
        width: auto;
        overflow: visible;
        background: transparent;
    }

    .cd-primary-nav:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-primary-nav.moves-out>li>a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    .cd-primary-nav ul {
        position: relative;
        height: auto;
        width: auto;
        background: transparent;
        overflow: visible;
        z-index: 3;
    }

    .cd-primary-nav ul.is-hidden {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-primary-nav ul.moves-out>li>a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    .cd-primary-nav>li {
        float: left;
    }

    .cd-primary-nav>li>a {
        /* main navigation buttons style */
        position: relative;
        display: inline-block;
        height: 70px;
        line-height: 70px;
        padding: 0 20px;
        color: #FFF;
        font-weight: normal;
        text-transform: uppercase;
        overflow: visible;
        border-bottom: none;
        -webkit-transition: color 0.3s, box-shadow 0.3s;
        -moz-transition: color 0.3s, box-shadow 0.3s;
        transition: color 0.3s, box-shadow 0.3s;
    }

    .cd-primary-nav>li>a:hover,
    .cd-primary-nav>li>a.selected {
        color: #222;
        background: #ffab00;
    }

    .cd-primary-nav .go-back,
    .cd-primary-nav .see-all {
        display: none;
    }

    .cd-primary-nav .cd-secondary-nav {
        position: absolute;
        top: 70px;
        width: 100%;
        background: #FFF;
        padding: 20px 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;

        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-top: none;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    .cd-primary-nav .cd-secondary-nav:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-primary-nav li.is-fixed-width {
        position: relative;
    }

    .cd-primary-nav li.is-fixed-width .cd-secondary-nav {
        width: 240px;
        padding: 10px;
        top: 70px;
        left: -1px;
        background: #FFF;
        border: 1px solid rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    .cd-primary-nav li.is-fixed-width .cd-secondary-nav>li {
        width: 100%;
    }

    .cd-primary-nav .cd-secondary-nav.is-hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s;
    }

    .cd-primary-nav .cd-secondary-nav .see-all,
    .cd-primary-nav .cd-secondary-nav .go-back {
        visibility: hidden;
    }

    .cd-primary-nav .cd-secondary-nav>li {
        /* change the height according to your needs - you can even set height: auto */
        /* here you set the number of columns - use width percentage */
        width: 25%;
        float: left;
        position: relative;
    }

    .cd-primary-nav .cd-secondary-nav>li:nth-child(4n+2) {
        /* +2 because we have 2 list items with display:none */
        margin-right: 0;
        border-right: none;
    }

    .cd-primary-nav .cd-secondary-nav>li>a {
        padding: 5px 8%;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .cd-primary-nav .cd-secondary-nav>li>a .sub-title-menu {
        font-weight: normal;
    }

    .cd-primary-nav .cd-secondary-nav a {
        padding: 5px 15px;
        color: #222;
        border-bottom: none;
    }

    .cd-primary-nav .cd-secondary-nav a:hover {
        color: #ffab00;
    }

    .cd-primary-nav .cd-secondary-nav .has-children {
        position: relative;
    }

    .cd-primary-nav .cd-secondary-nav .has-children>ul {
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 1000;
        display: none;
        min-width: 240px;
        margin-top: -6px;
        margin-left: -1px;
        background-color: #FFF;
        padding: 5px 0;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    .cd-primary-nav .cd-secondary-nav .has-children:hover>ul {
        display: block;
    }
}

.has-children>a,
.go-back a {
    position: relative;
}

.has-children>a::before,
.has-children>a::after,
.go-back a::before,
.go-back a::after {
    /* arrow icon in CSS - for element with nested unordered lists */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.has-children>a::before,
.go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.has-children>a::after,
.go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (min-width: 992px) {

    .has-children>a::before,
    .has-children>a::after,
    .go-back a::before,
    .go-back a::after {
        background: #c9cbc4;
    }

    .has-children>a:hover::before,
    .has-children>a:hover::after,
    .go-back a:hover::before,
    .go-back a:hover::after {
        background: #ffab00;
    }
}

.has-children>a {
    padding-right: 40px;
}

.has-children>a::before,
.has-children>a::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
    padding-left: 40px;
}

.cd-primary-nav .go-back a::before,
.cd-primary-nav .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

@media only screen and (min-width: 992px) {

    .has-children>a::before,
    .has-children>a::after {
        right: 8%;
    }

    .cd-primary-nav>.has-children>a {
        /* main navigation arrows on larger devices */
        padding-right: 30px !important;
    }

    .cd-primary-nav>.has-children>a::before,
    .cd-primary-nav>.has-children>a::after {
        width: 9px;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background: #FFF;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: width 0.3s, -webkit-transform 0.3s;
        -moz-transition: width 0.3s, -moz-transform 0.3s;
        transition: width 0.3s, transform 0.3s;
    }

    .cd-primary-nav>.has-children>a::before {
        right: 12px;
    }

    .cd-primary-nav>.has-children>a::after {
        right: 7px;
    }

    .cd-primary-nav>.has-children>a.selected::before,
    .cd-primary-nav>.has-children>a.selected::after {
        width: 14px;
    }

    .cd-primary-nav>.has-children>a.selected::before {
        -webkit-transform: translateX(5px) rotate(-45deg);
        -moz-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        -o-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg);
    }

    .cd-primary-nav>.has-children>a.selected::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-primary-nav>.has-children>a:hover::before,
    .cd-primary-nav>.has-children>a:hover::after,
    .cd-primary-nav>.has-children>a.selected::before,
    .cd-primary-nav>.has-children>a.selected::after {
        background: #3e3e3e;
    }

    .cd-primary-nav .go-back a {
        padding-left: 12%;
    }

    .cd-primary-nav .go-back a::before,
    .cd-primary-nav .go-back a::after {
        left: 12%;
    }
}

/* ===== MENU LEFT ===== */
.vertical-menu {
    z-index: 100;
}

.vertical-menu .primary-menu {
    position: static;
    float: none;
    width: 100%;
}

.vertical-menu .primary-menu li {
    position: relative;
    border: 1px solid #FFF;
    width: 100%;
    height: auto;
}

.vertical-menu .primary-menu li a {
    position: relative;
    display: block;
    padding: 6px 0px;
}

.vertical-menu .primary-menu>li>a {
    font-weight: normal;
}

.vertical-menu .primary-menu li .caret {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
    border: none;
    margin: -5px 0;
}

.vertical-menu .primary-menu>li .caret:before {
    position: absolute;
    font-family: "FontAwesome";
    font-weight: normal;
    left: 10px;
    top: 8px;
}

.vertical-menu .primary-menu li a:hover,
.vertical-menu .primary-menu li a:focus,
.vertical-menu .primary-menu li:hover>a,
.vertical-menu .primary-menu li:hover>a:hover,
.vertical-menu .primary-menu li:hover>a:focus,
.vertical-menu .primary-menu li:hover>.caret,
.vertical-menu .primary-menu li.open>a,
.vertical-menu .primary-menu li.open>a:hover,
.vertical-menu .primary-menu li.open>a:focus,
.vertical-menu .primary-menu li.open>.caret {
    color: #3e3e3e;
}

.vertical-menu .secondary-menu {
    position: absolute;
    display: none;
    left: -9999px;
    top: -9999px;
    right: auto;
    height: auto !important;
    width: 270px;
    z-index: 1000;
    background: #fff;
}

.active-hover ul>li:hover>.secondary-menu {
    left: 100%;
    top: -1px;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
}

@media (min-width: 992px) {
    .vertical-menu .primary-menu li:hover {
        border: 1px solid #bababa;
    }

    .vertical-menu .primary-menu li a:hover,
    .vertical-menu .primary-menu li a:focus,
    .vertical-menu .primary-menu li:hover>a,
    .vertical-menu .primary-menu li:hover>a:hover,
    .vertical-menu .primary-menu li:hover>a:focus,
    .vertical-menu .primary-menu li:hover>.caret,
    .vertical-menu .primary-menu li.open>a,
    .vertical-menu .primary-menu li.open>a:hover,
    .vertical-menu .primary-menu li.open>a:focus,
    .vertical-menu .primary-menu li.open>.caret {
        padding-left: 10px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .vertical-menu .primary-menu>li .caret:before {
        content: "\f105";
        font-size: 130%;
    }

    .vertical-menu .primary-menu li.has-children-menu:hover>a:after {
        border: 2px solid white;
        content: "";
        height: 100%;
        position: absolute;
        right: -4px;
        top: 0;
        width: 0;
        z-index: 9999;
    }

    .vertical-menu .secondary-menu {
        padding: 15px;
        border: 1px solid #bababa;
    }
}

@media (max-width: 991px) {
    .phone-vertical-menu .open>.secondary-menu {
        max-width: 100%;
        position: relative;
        display: block;
        left: auto !important;
        width: 100% !important;
        top: 100%;
        padding: 0 0 0 15px;
    }

    .vertical-menu .primary-menu li>.caret:before {
        content: "\f067";
    }

    .vertical-menu .primary-menu li.open>.caret:before {
        content: "\f068";
    }

    .vertical-menu .secondary-menu li a {
        padding-left: 15px;
    }

    .vertical-menu .secondary-menu li a:before {
        display: block;
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 125%;
        position: absolute;
        left: 0;
    }
}

/* ===== BOX ===== */
.box {
    margin-top: 20px;
}

.box .box-header {
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.box .box-content {
    position: relative;
    background: #FFF;
    padding: 10px 0;
}

.box-product .box-content {
    padding-top: 10px;
}

.box .box-header .box-title {
    color: #ffab00;
    position: relative;
    text-transform: uppercase;
    font-size: 125%;
    font-weight: normal;
    padding: 12px 15px 8px 15px;
    display: inline-block;
    background: #3e3e3e;
    min-width: 350px;
    margin-bottom: -1px;
}

/*===== Box Left =====*/
.box-left,
.box-center {
    margin-top: 15px;
}

.box-left .title-box-left,
.box-center .box-center-title {
    color: #FFF;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    font-size: 125%;
    font-weight: normal;
    padding: 12px 5px;
    display: block;
    background: #3e3e3e;
}

.box-center .box-center-title {
    text-align: left;
    padding: 10px 15px;
}

.box-left .box-left-content,
.box-center .box-center-content {
    position: relative;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    background: #FFF;
}

#idnguoinhan .box-center-title {
    color: #222;
    background: #FFF;
    border-left: 5px solid #ffab00;
}

#idnguoinhan .box-center-content {
    padding: 0;
    border: none;
}

/* ===== BANK LIST ===== */
.bank-list {
    font-size: 15px;
    background-color: #f1f1f1;
    padding: 8px 6px;
}

.bank-list .bank-list-title {
    font-weight: bold;
}

.bank {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px;
}

.bank .bank-img {
    width: 70px;
    margin-right: 5px;
}

.bank .bank-img img {
    max-width: 100%;
}

.bank .bank-content {
    -ms-flex: 1;
    flex: 1;
}

.bank .bank-content p {
    font-size: 14px;
}

.bank .bank-content p strong {
    font-weight: 600;
}

/* ===== PRODUCTS ===== */
.product {
    position: relative;
    text-align: center;
    background-color: #fff;
}

.product>img,
.product a>img {
    margin-right: auto;
    margin-left: auto;
}

.product .product-image {
    position: relative;
    overflow: hidden;
}

.product .product-image a:hover>img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.product .product-icon {
    position: absolute;
    color: #FFF;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    top: 6px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    z-index: 9;
}

.product .icon-new {
    background: #0094da;
    left: 6px;
}

.product .icon-sale {
    background: #e11428;
    right: 6px;
}

.product .caption {
    padding: 10px;
}

.product .caption .name {
    margin-bottom: 6px;
    font-weight: normal;
    max-height: 44px;
    overflow: hidden;
}

.product .caption .name a {
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.product .caption .description {
    display: none;
}

.product .caption .content-price {
    margin-bottom: 10px;
}

.product .caption .content-price .price {
    font-size: 115%;
    color: #e11428;
    font-weight: bold;
    vertical-align: baseline;
}

.product .caption .content-price .old-price {
    font-size: 85%;
    color: #c7c7c7;
    text-decoration: line-through;
}

.product .caption .content-price .view {
    display: none;
}

/* ===== PRODUCT LIST ===== */
.product-list .product {
    text-align: left;
}

.product-list .product .product-image {
    float: left;
    width: 33.33%;
    margin-right: 20px;
}

.product-list .product .caption {
    padding: 0;
}

.product-list .product .caption .name {
    font-size: 120%;
}

.product-list .product .caption .description {
    display: block;
    color: #777;
    margin-bottom: 10px;
}

.product-list .product .caption .description h2,
.product-list .product .caption .description h3,
.product-list .product .caption .description h4,
.product-list .product .caption .description h5,
.product-list .product .caption .description h6,
.product-list .product .caption .description p,
.product-list .product .caption .description li {
    margin-bottom: 6px;
}

.product-list .product .caption .description ul,
.product-list .product .caption .description ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-list .product .caption .description ul li {
    position: relative;
    list-style: none;
    vertical-align: middle;
    padding: 0;
}

/* ===== DETAIL PRODUCT ===== */
.primary-product {
    position: relative;
    padding: 20px 0;
    background: #FFF;
}

.primary-product .image-block {
    position: relative;
    float: left;
    width: 40%;
    margin-right: 2%;
    padding-bottom: 20px;
    cursor: pointer;
}

.primary-product .detail-block {
    position: relative;
    float: right;
    width: 58%;
}

.primary-product .detail-block .product-name {
    font-size: 145%;
    padding-bottom: 10px;
}

.primary-product .detail-block .social-sharing {
    padding-bottom: 10px;
}

.primary-product .detail-block .product-row {
    position: relative;
    padding-top: 3px;
    display: block;
}

.primary-product .detail-block .product-row label {
    display: inline-block;
    color: #777;
    text-align: right;
    width: 125px;
    padding-right: 10px;
}

.primary-product .detail-block .product-row span {
    display: inline-block;
}

.primary-product .detail-block .product-row.short-description {
    font-weight: bold;
    white-space: pre-line;
}

.primary-product .detail-block .product-buy {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-top: 20px;
}

.primary-product .detail-block .product-buy .product-row {
    padding-bottom: 5px;
}

.primary-product .detail-block .product-buy .product-row label {
    color: #222;
    font-size: 115%;
    width: 120px;
    text-align: left;
}

.primary-product .detail-block .product-buy .product-price {
    font-size: 115%;
    color: #F00;
    font-weight: bold;
}

.primary-product .detail-block .product-buy .old-product-price {
    color: #777;
    padding-left: 5px;
    font-weight: normal;
    text-decoration: line-through;
}

.primary-product .detail-block .product-buy .form-control {
    font-size: 115%;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.primary-product .detail-block .product-buy .btn-default {
    width: 200px;
}

.primary-product .detail-block .product-hotline {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 15px;
    margin-top: 10px;
}

.primary-product .detail-block .product-hotline p {
    font-size: 150%;
    color: #015697;
}

.primary-product .detail-block .product-hotline .phone {
    color: #ee2d24;
    font-weight: 700;
}

.info-product {
    position: relative;
    background: #FFF;
}

/* ===== NEWS ===== */
.first-news {
    display: block;
    background-color: #fff;
}

.first-news>img,
.first-news a>img {
    margin-right: auto;
    margin-left: auto;
}

.first-news .title {
    padding: 10px 0;
    text-align: center;
    font-size: 130%;
    font-weight: normal;
}

/* ===== NEWS LIST ===== */
.news-list {}

.news-list .news-item {
    position: relative;
    padding: 15px;
    border-top: 1px solid #e1e1e1;
}

.news-list .news-item:first-child {
    border-top: none;
}

.news-list .news-item .news-item-img {
    border: 1px solid #e1e1e1;
}

.news-list .news-item .news-item-caption {
    padding-left: 15px;
}

.news-list .news-item .news-item-caption .news-item-title {
    display: block;
    font-size: 120%;
    font-weight: normal;
    padding-bottom: 10px;
}

.news-list .news-item .news-item-caption .news-item-description {
    color: #777;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
}

/* ===== DETAIL NEWS ===== */
.news {
    position: relative;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #FFF;
    border: 1px solid #ccc;
}

.news .news-title {
    position: relative;
    font-size: 145%;
    color: #3e3e3e;
    padding: 15px 0;
    overflow: hidden;
}

.news .news-description {
    font-weight: bold;
    padding-top: 20px;
}

.news .news-content {
    position: relative;
    padding: 20px 0;
}

.news .news-content img,
.news .news-content iframe,
.news .news-content object,
.news .news-content embed {
    max-width: 100%;
}

/* ===== LAYOUT ===== */
/* ===== SECTIONS ===== */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/* ===== GROUPING ===== */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
}

/* ===== GRID COLUMN SETUP ===== */
.col {
    display: block;
    float: left;
}

.col:first-child {
    margin-left: 0;
}

/* all browsers except IE6 and lower */

.col_12 {
    width: 100%;
}

.col_9 {
    width: 75%;
}

.col_8 {
    width: 66.66%;
}

.col_6 {
    width: 50%;
}

.col_4 {
    width: 33.33%;
}

.col_3 {
    width: 25%;
}

/* ===== MEDIA ===== */
/* Large desktops and laptops */
@media (min-width: 1200px) {
    /* .container {
        width: 1180px;
    } */

    .slideshow .container {
        width: auto;
    }
}


/* ===== Desktop ===== */
@media (min-width: 992px) {

    .cart .title-cart .cart-small,
    .logo,
    .hotline {
        display: none;
    }

    .footer-content .border-right-footer:before {
        left: 75%;
        width: 25%;
        position: absolute;
        height: 1000%;
        border-left: 1px solid #555;
        background: none;
        display: block !important;
    }

    .footer-content .contact {
        padding-left: 15px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 991px) {

    .col_3,
    .col_9 {
        width: 50%;
    }

    body {
        background: #fff !important;
    }

    .container {
        padding: 0 10px;
    }

    .top .container,
    .header .container,
    .menu .container,
    .slideshow .container {
        padding: 0;
    }

    .cart .title-cart .cart-large,
    .banner,
    .addon {
        display: none;
    }

    .footer-block,
    .contact {
        width: 100%;
    }

    .primary-product .image-block {
        width: 100%;
        margin-right: 0;
    }

    .primary-product .detail-block {
        width: 100%;
    }

    .news-list {
        padding-left: 0;
    }

    .collapse-title:hover {
        cursor: pointer;
    }

    .collapse-title:after {
        display: block;
        content: "\f055";
        font-family: "FontAwesome";
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .collapse-title.active:after {
        content: "\f056";
    }

    .collapse-content.hidden {
        display: none;
    }
}

@media (min-width: 481px) {
    .block.block-border-top:first-child {
        padding-top: 0;
        border-top: none;
    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {

    .col_12,
    .col_9,
    .col_8,
    .col_6,
    .col_4,
    .col_3 {
        width: 100%;
    }

    body {
        background: #fff !important;
    }

    .container {
        padding: 0 10px;
    }

    .top .container,
    .header .container,
    .menu .container,
    .slideshow .container {
        padding: 0;
    }

    .owl-sliderbanner,
    .box {
        margin-bottom: 16px;
    }

    .box .box-content,
    .center-content {
        margin: 0;
        padding: 0;
    }

    .copyright-content .copy-right,
    .copyright-content .designed {
        text-align: center;
        padding: 0;
    }

    .grid-sort .grid-left {
        display: none;
    }

    .product {
        border: none;
        box-shadow: none;
    }

    .block .block-caption .block-title.title-other-news {
        padding-top: 0;
    }

    .news-list .news-item .news-caption {
        padding-left: 0;
    }

    .news-list .news-item .news-item-caption {
        padding-left: 0;
        padding-top: 15px;
    }

    .news-list .news-item .news-item-caption .news-item-description,
    .product-list .product .caption .description,
    .product-cart .block-img {
        display: none;
    }

    .primary-product .detail-block .product-buy {
        padding: 10px;
    }

    .primary-product .detail-block .product-buy .btn-default {
        width: 100%;
    }

    .pagination .hidden-number {
        display: none;
    }
}

/*======================= NEW ===*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*===== OWL THEME =====*/
.owl-theme {
    position: relative;
}

.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    display: inline-block;
    position: absolute;
    top: 50%;
    zoom: 1;
    width: 24px;
    height: 52px;
    margin-top: -26px;
    outline: none;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    background: rgba(0, 0, 0, 0.05) !important;
}

.owl-carousel .owl-nav .owl-next {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.owl-carousel .owl-nav .owl-prev {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.owl-carousel .owl-nav [class*='owl-']::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    border-top: 2px solid #111;
}

.owl-carousel .owl-nav .owl-prev::before {
    margin-left: 6px;
    border-left: 2px solid #111;
    transform: rotate(-45deg) skew(-20deg, -20deg);
}

.owl-carousel .owl-nav .owl-next::before {
    margin-left: 0px;
    border-right: 2px solid #111;
    transform: rotate(45deg) skew(20deg, 20deg);
}

.owl-theme .owl-nav [class*='owl-']:hover {
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-nav .owl-prev {
    left: 0;
}

.owl-theme .owl-nav .owl-next {
    right: 0;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-dots {
    text-align: center;
    line-height: 1px;
    -webkit-tap-highlight-color: transparent;
    margin-top: 20px;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    outline: none !important;
}

.owl-theme .owl-dots .owl-dot span {
    opacity: 0.6;
    width: 30px;
    height: 4px;
    margin: 0 4px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #483865;
}

@media (max-width: 575px) {
    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
    }
}

/*===== OWL BANNER =====*/
.owl-sliderbanner .owl-nav .owl-next,
.owl-sliderbanner .owl-nav .owl-prev {
    width: 30px;
    height: 60px;
    margin-top: -30px;
    border-radius: 5px;
}

.owl-sliderbanner .owl-nav .owl-prev::before {
    border-top-color: #fff;
    border-left-color: #fff;
    margin-left: 8px;
}

.owl-sliderbanner .owl-nav .owl-next::before {
    border-top-color: #fff;
    border-right-color: #fff;
    margin-left: 2px;
}

.owl-sliderbanner .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 0;
}

.owl-sliderbanner .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

/* ===== OWL SLIDER PRODUCT ===== */
.owl-gallery-images {
    background: #fff;
    margin-bottom: 10px;
}

.owl-gallery-images .item a {
    display: block;
}

.owl-gallery-thumbs {
    padding: 0 30px;
}

.owl-gallery-thumbs .owl-item {
    filter: Alpha(Opacity=80);
    /*IE7 fix*/
    opacity: 0.8;
}

.owl-gallery-thumbs .selected,
.owl-gallery-thumbs .owl-item:hover {
    cursor: pointer;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
}

.owl-gallery-thumbs .owl-item .item {
    border: 1px solid #ddd;
    padding: 4px;
}

.owl-gallery-thumbs .selected .item {
    border-color: #003045;
}

.owl-gallery-thumbs .owl-item .item img {}

/*=== FANCYBOX ===*/
@charset "UTF-8";

body.fancybox-active {
    overflow: hidden
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.fancybox-is-closing .fancybox-stage {
    overflow: visible
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide>base,
.fancybox-slide>link,
.fancybox-slide>meta,
.fancybox-slide>script,
.fancybox-slide>style,
.fancybox-slide>title {
    display: none
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px
}

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: .6
}

.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--zoom svg path {
    fill: transparent
}

.fancybox-navigation {
    display: none
}

.fancybox-show-nav .fancybox-navigation {
    display: block
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px
}

.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, .6)
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "�";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    transition: background-color .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
    top: 0;
    right: -40px
}

.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
    color: #fff;
    background: transparent
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
    position: relative
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-slide>.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 700
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

p.fancybox-share__links {
    margin-right: -10px
}

.fancybox-share__button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    min-width: 130px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: all .2s
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    background: transparent;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
    border: 0;
    border-bottom: 2px solid #d7d7d7
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

.fancybox-close-small {
    position: absolute;
    right: 2px !important;
    top: 20px !important;
    width: 36px;
    height: 36px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 100;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    margin: -18px 0 0 0;
    padding: 0;
    opacity: 1;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: none !important;
    outline: none !important;
}

.fancybox-close-small:hover,
.fancybox-close-small:focus {
    color: #fff !important;
    background-color: #eee !important;
    outline: none !important;
}

.fancybox-close-small:hover:before,
.fancybox-close-small:focus:before,
.fancybox-close-small:hover:after,
.fancybox-close-small:focus:after {
    outline: none !important;
}

.fancybox-close-small:after,
.fancybox-close-small:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 10px;
    height: 2px;
    width: 18px;
    border-radius: 0;
    color: #fff !important;
    background: #999 !important;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.fancybox-close-small:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.fancybox-close-small:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*=== ROW COLUMN ===*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.form-group {
    margin-bottom: 10px;
}

.form-group .form-control {
    width: 100%;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 576px) {
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

/*== CAPTCHA ==*/
.captcha {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    width: 300px;
}

.captcha input {
    color: #0094da;
    font-weight: 500;
    height: 39px;
}

.captcha .captcha-img {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    min-width: 110px;
    height: 39px;
    background-color: #fff;
    margin: 0 5px;
}

.captcha .captcha-img img {
    max-width: 100%;
    border: none !important;
}

.captcha a {
    min-width: 44px;
    width: 44px;
    border: 0;
    outline: none !important;
    cursor: pointer;
    text-decoration: none !important;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .2);
    background-image: url(../images/reload.svg);
    background-repeat: no-repeat;
    background-position: center;
}

/*== TAGS */
.list-tags>span {
    display: inline-block;
    margin-right: 5px;
}

.list-tags a {
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 3px 10px;
    margin: 0 3px 5px 0;
    white-space: nowrap;
}

.list-tags a:hover,
.list-tags a:focus {
    background-color: #f1f1f1;
}

/*== EMPTY CART */
.empty-cart {
    text-align: center;
    padding: 30px 0;
}

.empty-cart img {
    max-width: 100%;
}

.empty-cart p {
    margin-bottom: 20px;
}

.empty-cart .empty-cart-title {
    color: #e31d1a;
    font-size: 150%;
    font-weight: bold;
}

/* ===== ERROR ===== */
.error {
    text-align: center;
    padding: 2rem 0;
    background-color: #fff;
}

.error .error-title {
    font-size: 200%;
    font-weight: 700;
    margin-bottom: 10px;
}

.error p {
    margin-bottom: 10px;
}

/*== SUCCESS CART */
.box-order {
    margin-bottom: 20px;
}

.box-order .box-order-title {
    font-size: 110%;
    padding-bottom: 4px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.box-order .order-date {
    color: #888;
    font-size: 14px;
    font-weight: normal;
}

.box-order .order-title {
    color: #e31d1a;
    font-size: 150%;
    font-weight: bold;
    padding: 10px 0;
}

.box-order.thanks {
    text-align: center;
    margin-bottom: 40px;
}

.box-order.thanks img {
    max-width: 200px;
}

.box-order.thanks p {
    margin-bottom: 4px;
}

/* ===== CART BANK ===== */
.cart-note {
    color: #e31d1a;
    font-weight: 700;
    font-style: italic;
    padding: 10px 0;
}

.cart-bank {
    display: none;
    position: relative;
    background: #f0f0f0;
    padding: 0 10px;
}

.cart-bank:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 48%;
    width: 0;
    height: 0;
    border-bottom: 6px solid #f0f0f0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.cart-bank p {
    margin-bottom: 6px;
}

.cart-bank p:last-child {
    margin-bottom: 0;
}

.cart-bank .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.cart-bank .media:last-child {
    border-bottom: none;
}

.cart-bank .media img {
    width: 100px;
    margin-right: 10px;
}

/*== CHANGE */
.product {
    width: 100%;
}

.col-product {
    display: -ms-flexbox;
    display: flex;
}

.product-list .col-product {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.box-product .row,
.box-product-list .row {
    margin-left: -5px;
    margin-right: -5px;
}

.box-product .col-product,
.box-product-list .col-product {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 992px) {}

@media (max-width: 991px) {
    .col-right {
        -ms-flex-order: -1;
        order: -1;
    }
}

@media (min-width: 481px) {}

@media (max-width: 480px) {}
.section-breadcrumb{
    margin-left: 68px;
}