body,
td,
th,
input,
textarea,
select,
a {outline: 0 none;}
a,button,[role="button"],input,label,select,textarea{
    touch-action:manipulation
}
html {
    height: 100%;
    overflow-x: hidden!important;
    margin: 0!important;
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -ms-transform: all 1.3s ease-out;
    transition: all 1.3s ease-out;
    scroll-behavior: smooth;
}
body {
    color:#333;
    font-size: 14px;
    line-height: 1.4;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden!important;
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -ms-transform: all 1.3s ease-out;
    transition: all 1.3s ease-out;
    background-color: #fff;
}

.clr{
    clear:both;
    display:table;
    float:none
}
a{
    outline:none;
    text-decoration:none;
    color: #111;
    vertical-align: baseline;
    background: 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a:hover,
a:focus {
    color: #0090C5;
    -webkit-transition: color 0.4s ease 0s;
    transition: color 0.4s ease 0s;
    text-decoration: none;
}
::-webkit-scrollbar{width:7px; height: 7px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0); -webkit-border-radius:18px;border-radius:18px}
::-webkit-scrollbar-thumb{-webkit-border-radius:18px;border-radius:18px;background:rgba(162,163,167,.9);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(74,144,226,.1)}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}
.font-size-18 {font-size: 1.125rem;}
.font-size-20 {font-size: 1.25rem;}
.sortable-handler { touch-action: none; }
img {
    display: inline-block;
    max-width: 100%;
    height: auto !important;
}
.nums_tab,capcha{
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none
}

strong,strong *,b,b *{
    font-weight:bold
}
em,em *,i,i *{
    font-style:italic
}
u,u *{
    text-decoration:underline
}
.cap{
    text-transform:uppercase
}
ul, ol {padding-left: 2rem;}
.site-wrap::before {
    display: none;
    content: 'mobile';
}

.box_shadow {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}
.box_border {
    border: 1px solid #ced4da;
}
.box_border_2x {
    border: 2px solid #ced4da;
}
.box_radius {
    -webkit-border-radius:4px !important;
    border-radius:4px !important
}
.text-green {color: #0ba84c;}
.bg-red,
.bg-green,
.bg-blue,
.bg-orange {
  color: #fff !important;
}
.bg-green {background-color: #0b5c16;}
.bg-blue {background-color: #0090C5;}
.bg-red {background-color: #d90000 !important;}
.bg-orange {background-color: #ff7500 !important;}
.btn.bg-blue:hover {background-color: #2374a0;}
.bg-gray {background-color: #f4f4f4;}
.bg-gray-light {background-color: #f4f4f4;}
.text-link{
    display:inline;
    border:0 none;
    background:none;
    padding:0;
    margin:0
}
.text-link--accent{
    color:#9fb2c1;
    border-bottom:1px solid currentColor;
    padding-bottom:1px
}
.text-link--accent:not([disabled]):hover,.text-link--accent:focus{
    color:#8099ad
}

.hidden{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    visibility:hidden
}
.visible{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity:1;
    visibility:visible
}
.header--fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
/*layout*/
.search-box,#masthead .on_menu_left {position: relative;}
/*color*/
#menuMain ul > li.root > a,#menuMain ul > li.menu__overflow > a,.rootmenu-hovercate ul li a,.search__icon,.article-meta .readmore a {color: #0090C5;}
.content-section .text-green li a,.content-section .item-title,.article__share a i, .article__print a i,.navbar-info .hotline a {
    color: #0090C5;
}
.article-meta .readmore a:hover {color: #2374a0;}
.article-meta .name {color: #43484e;}
.article-meta .name.bold {font-weight: 600;}
.content-section .text-green li a:hover,.toc-title {color: #ed1c24;}
#footer {background-color: #1b394e;}
.text-blue {color: #007ec4;}
.text-red {color: red}
.product-info .item-cart-box .row,.postcomment .row {margin-left: -5px; margin-right: -5px;}
.product-info .item-cart-box .row [class*="col-"],.postcomment .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}

/*end*/
.site-wrap {position: relative;}
section {
    -webkit-transition: max-height .8s;
    -moz-transition: max-height .8s;
    -o-transition: max-height .8s;
    transition: max-height .8s;
}
.site-header {
    max-width: 100%;
    margin: auto;
    color: #43484e;
    background-color: #fff;
}
.shoppingcart.template-article .site-header {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.site-header.transparent_white{
    background-color: rgba(255,255,255,0);
    color: #fff;
}
.header--fixed.header-scroll .site-header.header-scroll.transparent_white {
    background-color: rgba(255,255,255,1);
    color: #43484e;
    -webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,.06);
    box-shadow: 0 10px 50px 0 rgba(0,0,0,.06);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.site-header .main-header__main-line .logo__image-scroll {
    display: none;
}
.site-header .main-header__main-line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.site-header .main-header__widget-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: center;
    padding: 15px 0;
    width: 100%;
}
.site-header .main-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0 8px;
}
.site-header .main-header__logo .titleHome {position: absolute; top: -999px; left: 0; font-size: initial; margin: 0;}
.site-header .main-header__logo .logo_mobile {display: none;}
.site-header .main-header__logo img {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
}
body.home-index {background-color: #FFF8F5;}
.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.elementor-shape-bottom {
    bottom: -1px;
    z-index: 2;
    pointer-events: none;
}
.elementor-shape svg {
    display: block;
    width: -webkit-calc(100% + 1.3px);
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.elementor-shape[data-negative=false].elementor-shape-bottom {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.elementor-shape .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.slider-section {position: relative;}
.elementor-shape-bottom .elementor-shape-fill {
    fill: #fff8f5;
}
.slider-section > .elementor-shape-bottom svg, .section-element > .elementor-shape-bottom svg {
    width: calc(105% + 1.3px);
    height: 50px;
}
.slider-section .slider-container {
    position: relative;
    z-index: 1;
}


.section-element, .section-foreground {position: relative;}
.section-element.vehicle-menu.fixed {position: fixed; top:81px}
.section-background {
    z-index: -1;
    top: 0;
}
.section-foreground {
    position: relative;
    width: 100%;
    height: 100%;
}
.section-background {
    position: absolute;
    width: 100%;
    height: 100%;
}
.section-foreground {
    padding-top: 0;
    padding-bottom: 0;
}
.container_inner {
    margin: 0 auto;
}
section.section-element .section-foreground .container_inner {
    min-height: 415px;
    margin: 0 auto;
}
section.section-element.vehicle-menu {
    background-color: #2D96CD;
    display: flex;
    width: 100%;
}
section.section-element.vehicle-banner .section-foreground .container {min-height: 499px;}
section.section-element.FeaturesExterior {background-color: #f8f8f8;}
section.section-element.FeaturesExterior .section-foreground .container_inner {
    min-height: -moz-calc(100vh) !important;
    min-height: -webkit-calc(100vh) !important;
    min-height: calc(100vh) !important;
    height: -moz-calc(100vh) !important;
    height: -webkit-calc(100vh) !important;
    height: calc(100vh) !important;
}
section.section-element .features-inner {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    color: #fff;
    line-height: normal;
    -moz-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    -o-transform: translate(50%,50%);
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%);
    padding: 30px 40px;
    margin: 2rem;
    background-color: rgba(0,0,0,.4);
    letter-spacing: 1px;
    display: inline-block;    
    position: relative;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}
section.section-element .features-inner.no-background {
    background-color: transparent;
    color: #111;
}
section.section-element .content-ux img {width: 100% !important;}
section.section-element .features-inner .name {margin-bottom: 0;}
section.section-element.vehicle-banner .section-foreground .container_inner .name {font-size: 3rem;font-weight: 600; margin: 0;}
.section-background .background-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
section.FeaturesExterior .featureTxtShader {
    position: absolute;
    background-color: rgba(0,0,0,.4);
    height: 100%;
    width: 41.666667%;
    right: 0;
}
section.FeaturesExterior .featItemsWrap {
    position: relative;
    width: 100%;
    z-index: 9;
}
section.FeaturesExterior .featItemsRightWrap {
    padding-left: 58.333333%;
    width: 100%;
    height: 100%;
    position: relative;
    right: 0;
}
section.FeaturesExterior .featItemsRightWrap .featItem2 {
    position: relative;
    z-index: 10;
    color: #fff;
    padding: 40px;
    padding-bottom: 100vh;
}
.section-element.section-element-0 {
    padding: 2.5rem 0 25px;
    background-color: #E6EEF1;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.site-wrap .section-element.section-element-0+.section-element-0 {padding-top: 1rem;}
.section-element.section-element-1 {
    padding: 3rem 0 2.5rem;
}
.section-element.section-element-2 {
    padding: 0 0 25px;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.section-element.section-element-3 {
    background-position: -60px -250px;
    background-repeat: no-repeat;
    padding: 50px 0 25px;
}
.section-element.section-element-4 {
    padding: 50px 0 25px;
}
.section-element.section-control {
    padding: 3rem 0;
}
.section-element.section-element-1,.section-element.section-element-3, .section-element.section-element-4,.section-element.section-element-main,
.section-element.section-element-breadcrumb {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.section-element.section-element-main {
    padding: 45px 0 25px;
}
.section-element.section-element-page {
    padding: .5rem 0 2rem;
}
.section-element.section-element-block {
    padding: 2rem 0;
}
.section-element .elementor-container {
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.section-element.section-element-block .elementor-container {
    max-width: 790px;
}
/**/
.btn {border-radius: 0; white-space: normal;}
.btn .gruxIcon {font-size: 1.5rem; vertical-align: middle;}
.btn-container {display: block; position: relative;}

.widget-toc {
    background-color: #F9F9F9;
    border: 1px solid #e6e6e6;
    margin-bottom: 1rem;
    padding: 1rem;
}
.widget-toc.float-right,.widget-toc.float-left {width: 280px;}
.widget-toc.float-right {float: right; margin-left: 10px;}
.widget-toc.float-left {float: left; margin-right: 10px;}
.toc-title {
    font-size: 1.125rem;
    padding-left: 1rem;
    font-weight: 600;
}
.widget-toc ol {
    padding-left: 1.75rem;
    list-style: none;
    counter-reset: item;
    font-size: .875rem;
    margin-bottom: 0;
}
.widget-toc ol li {
    display: block;
    margin: 4px 0;
    position: relative;
}
.widget-toc  ol li:before {
    /*content: counters(item, ".");
    counter-increment: item;*/
    position: absolute;
    margin-right: 100%;
    right: 0.5rem;
}
.article-section {
    position: relative;
}
.article__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #43484e;
}
.article-section .article__desc {
    font-weight: 600;
    font-size: 1.077rem;
    color: #333;
    margin-bottom: 20px;
}
.article-section .article__entry {
    padding-bottom: 1.5rem;
}
.article-section .article__info {
    padding: .5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: .813rem;
    background-color: #f4f4f4;
}
.article__info>span {
    line-height: 1;
}
.article__info>span:not(:last-child) {
    margin-right: 15px;
}
.article__author, .article__date, .article__view {
    display: inline-block;
    color: #909090;
    font-size: 12px;
}
.article-section .article__info .article__author {
    margin-left: 20px;
}
.article__vote {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.article__vote .vote_result {margin-left: .5rem;}
.article__share a {
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    color: #444;
    white-space: nowrap;
    text-transform: uppercase;
}
.article__share a i {
    margin-right: 11px;
    font-size: 15px;
}
.article__share a:hover, .article__share a:focus {
    color: #0090C5;
    text-decoration: none;
}
.share-title {
    display: inline-block;
    vertical-align: middle;
}
.btn--share {
    display: block;
}
.article__other {
    list-style: none;
    padding: 0;
    margin: 0;
}
.article__other li {
    display: block;
    margin: .188rem 0;
}
.article__other li a {
    display: block;
    padding: .313rem 0;
    position: relative;
}
.article__other li a:before {
    content: '\f0f6';
    font-family: 'FontAwesome';
    font-size: .875rem;
    margin-right: .5rem;
}
.breadcrumb {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: .813em;
    letter-spacing: 1px;
    color: #2d96cd;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.breadcrumb::-webkit-scrollbar { display: none;}
.breadcrumb>li+li:before {
    content: "/\00a0";
    color: #2d96cd;
    padding: 0 8px;
}
.breadcrumb a,.breadcrumb>.active a{
    color:#2d96cd;
}

.social{ display:table; margin-top: 1rem;}
.social>a{
    width:32px;
    height:32px;
    line-height:32px;
    border-radius: 16px;
    text-align:center;
    color:#fff;
    font-size:18px;
}
.social>a:not(:first-child){margin-left:.75rem;}
.social>a,.social>span{
    float:left
}
.social>span a{
    display:block;
    line-height:30px;
    background:#999;
    color:#fff;
    padding:0 20px
}
.social-share .social-share-item {
    float: left;
    position: relative;
    top: 0;
}
.social-share .social-share-item:not(:first-child) {
    margin-left: 20px;
}
.hide{
    display:none
}
.content-section {padding: 2rem 0 0;}
.box,.box-heading {position: relative;}
.box {margin-bottom: 1rem;}
.box-heading {
    font-size: 1.6rem;
    color: #111;
    margin: 0 0 20px;
    font-weight: 600;
    line-height: 1.4;
    position: relative;
    display: block;
}
.box-heading > * {
    padding: 0;
    margin-bottom: 0;
    display: block;
    line-height: 1.8;
    position: relative;
}
.box-heading.line-bottom:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.box-heading.line-heading .line1 {
    display: inline-block;
    position: relative;
    width: 124px;
}
.box-heading.line-heading .line1:before, .box-heading.line-heading .line1:after {
    content: "";
    background: #013378;
    display: inline-block;
    height: 2px;
    position: absolute;
    top: 8px;
    width: 42px;
}
.box-heading.line-heading .line1:before {
    left: 0;
}
.box-heading.line-heading .line1:after {
    right: 0;
}
.box-heading.line-heading .line1 .ico-bg {
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    margin: 0 auto;
    position: relative;
    width: 20px;
}
.box-heading.line-heading .line1 .ico-bg.car {
    background-size: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="m265.144531 256c0 5.050781-4.09375 9.144531-9.144531 9.144531s-9.144531-4.09375-9.144531-9.144531 4.09375-9.144531 9.144531-9.144531 9.144531 4.09375 9.144531 9.144531zm0 0"></path><path fill="black" d="m183.769531 293.3125c22.5625 17.222656 35.757813 44.015625 35.660157 72.402344v97.324218c24.1875 4.328126 48.953124 4.328126 73.140624 0v-97.324218c.019532-28.394532 13.230469-55.171875 35.753907-72.464844 22.519531-17.292969 51.800781-23.136719 79.238281-15.820312l55.542969 14.785156c4.0625-22.992188 4.234375-46.5.511719-69.550782-43.347657-15.660156-123.757813-39.808593-207.617188-39.808593s-164.269531 24.148437-207.617188 39.808593c-3.722656 23.050782-3.550781 46.558594.511719 69.550782l55.542969-14.785156c27.472656-7.421876 56.835938-1.542969 79.332031 15.882812zm72.230469-101.3125c35.347656 0 64 28.652344 64 64s-28.652344 64-64 64-64-28.652344-64-64c.039062-35.328125 28.671875-63.960938 64-64zm0 0"></path><path fill="black" d="m256 301.714844c25.246094 0 45.714844-20.46875 45.714844-45.714844s-20.46875-45.714844-45.714844-45.714844-45.714844 20.46875-45.714844 45.714844c.03125 25.234375 20.480469 45.683594 45.714844 45.714844zm0-73.144532c15.148438 0 27.429688 12.28125 27.429688 27.429688s-12.28125 27.429688-27.429688 27.429688-27.429688-12.28125-27.429688-27.429688 12.28125-27.429688 27.429688-27.429688zm0 0"></path><path fill="black" d="m256 512c141.386719 0 256-114.613281 256-256s-114.613281-256-256-256-256 114.613281-256 256c.160156 141.316406 114.683594 255.839844 256 256zm0-484.570312c126.238281 0 228.570312 102.332031 228.570312 228.570312s-102.332031 228.570312-228.570312 228.570312-228.570312-102.332031-228.570312-228.570312c.140624-126.179688 102.390624-228.429688 228.570312-228.570312zm0 0"></path></svg>');
}
.box-heading .name {
    font-size: 2rem;
    line-height: 1.4;
    color: #43484e;
}
.box-heading .name.h4 {font-size: 1.6rem;}
.box-heading > .viewall {
    position: absolute; 
    right: 0; 
    top: 0;
    font-size: 12px;
    font-weight: 400;
    display: block;
    transition: all .3s;
    color: #fff;
}
.box-heading > .viewall:hover {
    color: #333;
}

.box-heading .sub-heading {
    margin-bottom: 0;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 725px;
    color: rgba(67,72,78,0.7);
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 400;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.order-support,.other-product {
    background-color: #fff;
    padding: .5rem;
    font-size: 0.813rem;
}
.order-support .box-heading,.other-product .box-heading {
    padding: 0 0 8px;
    border-bottom: #ececec 1px solid;
    margin-bottom: 8px;
    display: block;
}
.order-support .box-heading .name,.other-product .box-heading .name {
    font-size: 1.143rem;
}
/*section*/

.scroll-menu-expand ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.scroll-menu-expand > ul > li {margin-bottom: 20px;}
.scroll-menu-expand ul li a {
    display: block;
    padding: 5px 0;
    color: #757575;
}
.scroll-menu-expand ul li a.root {
    font-weight: 600; 
    font-size: 16px;
    color: #000;
    padding-left: 12px;
    position: relative;
}
.scroll-menu-expand ul li a.root::before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 3px;
    background-color: #009cd7;
}
.scroll-menu-expand ul li a:hover {color: #009cd7;}
/**/
.ads-box a {display: block; margin-bottom: .5rem;}
.ads-box a img {width: 100%;}
.ads-box a:last-child {margin-bottom: 0;}
.site-content::before {
    display: none;
    content: 'mobile';
}

.section {margin-bottom: 20px;}
.article-scroll {
    height: 100%;
    max-height: 455px;
    overflow-x: hidden;
    overflow-y: auto;
}
.article-grid {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.article-grid .items {position: relative;}
.article-grid .article-block {
    position: relative; 
    margin-bottom: 1.5rem;
    background-color: #fff;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
.FeaturesExterior .article-grid .article-block {background-color: transparent;}
.featured:hover .article-block {
    box-shadow: 0 0 0 0 rgba(0,0,0,.20);
    z-index: 1;
}
.article-grid .article-block.no-bg {background-color: transparent;}
.article-meta {
    padding-top: .75rem;
}
.featured .article-block .article-meta {
    padding: 1rem;
}
.FeaturesExterior .article-grid .article-block .article-meta {
    display: flex;
    flex-direction: column;
    padding-top: 0;
}
.FeaturesExterior .article-grid .article-block .article-meta .description{
    max-height: 300px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.FeaturesExterior .article-grid .article-block .article-meta .name {
    font-size: 1.37rem;
    margin-bottom: 1rem;
    overflow: unset;
    -webkit-line-clamp: unset;
}
.view-carousel {position: relative;}
.view-carousel .carousel-control {
    position: absolute;
    color: #000;
    font-size: 2rem;
    font-weight: 100;
    text-align: center;
    opacity: 1;
    bottom: 0;
    left: 0;
    z-index: 10;
    text-shadow: none;
    line-height: 47px;
    width: 47px;
    height: 47px;
    cursor: pointer;
    background-color: rgba(0,0,0,.1);
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}
.view-carousel .carousel-control:hover {
    background-color: rgba(45,150,205,9);
    color: #fff;
}
.view-carousel .carousel-control.right:before {
    content: "\f105";
}
.view-carousel .carousel-control.left:before {
    content: "\f104";
}
.view-carousel .carousel-control.left {
    right: auto;
}
.view-carousel .carousel-control.right {
    left: 50px;
}
.article-list .article-meta {padding: 0;}
.article-list.linebottom .article-block {
    border-bottom: 1px dashed rgba(173,173,173,.3);
    padding-bottom: .625rem;
    margin-bottom: .625rem;
}
.article-grid .i-Thumbs {display:block; overflow: hidden; position: relative;}
.article-block .i-Thumbs img {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.testimonial .article-block .i-Thumbs img {
    border-radius: 50%;
    border: 4px solid #fff;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.article-grid .i-Thumbs .box-label {
    position: absolute;
    right: .5rem;
    top: .5rem;
    z-index: 5;
    height: 24px;
    line-height: 1.6;
    font-size: 0.857rem;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f59b90;
}
.view-carousel .featured .article-block .i-Thumbs {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.article-grid .i-Thumbs a {display: block; position: relative; overflow: hidden; z-index: 2;}
.article-grid .i-Thumbs a img {-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;}
.article-meta .name {
    margin-top: 0;
    font-size: 1.078rem;
    line-height: 1.2;
    display: block;
    margin-bottom: 0;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-list .article-meta .name {font-size: .857rem; font-weight: 600; margin-bottom: .357rem;}
.featured .article-meta .name {
    font-weight: 400;
    margin-bottom: .625rem;
}
.article-meta .description {
    margin: 0;
    font-size: .813rem;
    color: rgba(67,72,78,0.7);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-meta .description > i {
    display: inline-block;
    margin-right: 12px;
    font-style: normal;
    color: #fff;
}
.article-meta .description > i::before {
    background-color: #a87e72;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
}
.article-meta p.description+p {margin-top: .5rem;}
.article-meta .name.clamp {
    height: 42px;
    -webkit-line-clamp: 2;
}
.article-list .article-meta .name.clamp {height: auto;}
.article-meta .description.clamp {
    -webkit-line-clamp: 3;
}
.article-meta .description.line-content {
    padding: .625rem 0;
    margin-bottom: .375rem;
    border-top: 1px solid rgba(123,123,123,.2);
    border-bottom: 1px solid rgba(123,123,123,.2);
} 
.article-meta .box-price {
    height: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.box-price .price__regular {color: #df0000;}
.box-price .price__old {
    margin-left: 15px; 
    text-decoration: line-through;
    color: #999;
}
.article-meta .box-control {
    padding: .75rem 0;
}
.article-meta .box-control .btn {
    padding: .375rem 1.875rem;
    font-size: .813rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.article-meta .box-control .btn.bg-orange-dark:hover {
    background-color: #f59b90!important;
}
.article-list.linebottom .article-block:last-child {border-bottom-width: 0;}
.article-grid .article-meta .date {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .625rem;
    margin-bottom: 1rem;
    position: relative;
}
.article-grid .article-meta .date:after {
    content: attr(data-updated);
    color: #888;
}
.article-grid .article-meta .readmore{
    display: block; 
    line-height: 18px; 
    text-transform: uppercase; 
    font-size: 0.75rem;
    letter-spacing: 2px; 
    margin-top: 1.25rem;
}
.article-grid .article-meta .readmore a{
    display: block; 
    position: relative;
    transition: all 0.3s;
}
.article-grid .article-meta .readmore a:after{
    font-family: FontAwesome;
    content: '\f178';
    margin-left: 5px;
    display: inline-block;
}
/**/
.box-category-heading {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    height: 44px;
    line-height: 24px;
    text-transform: uppercase;
    color:#fff;
    background-color: #0090C5;
    position:relative;
    cursor:pointer;
}
.box_radius .box-category-heading {border-top-left-radius: 3px; border-top-right-radius: 3px;}
.box-category-heading p, .box-category-heading .name {
    margin: 0;
    padding: 0;
    line-height: 24px;
    display: block;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box-category-heading .name {font-size: initial; font-weight: 600;}
.box-category {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-category li {
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: #f6f6f6;
    position: relative;
    display: block;
}
.box-category li:last-child {border-bottom: 0;}
.box-category a:hover {text-decoration:none}
.box-category li a {
    line-height: 18px;
    padding: 10px 5px 10px 30px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.box-category li ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.box-category li li {
    background-color: #fff;
}
.box-category li li a {
    color: #0f59a7;
    font-weight: 400;
}
.box-category.boss-menu-cate li a.title:after {
    position: absolute;
    content: '\f105';
    top: 10px;
    right: 5px;
    font-family: 'FontAwesome';
}
.box-category li a.title:before {
    position: absolute;
    content: '\f0f6';
    top: 8px;
    left: 10px;
    font-family: 'FontAwesome';
}
.box-category li li a.title:before {display: none;}
/*product*/

.products-grid {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.products-grid.products-list figure {margin-bottom: 0;}
.product_title {
    font-size: 1.6rem;
    color: #111;
    margin: 0 0 20px;
    font-weight: 600;
    line-height: 1.4;
    position: relative;
}
.product_title.bg_title {
    background: #f6f6f6;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
}
.result-products-list .product_title:not(:first-child) {
    margin-top: 1rem;
}
.product_title .name {margin-bottom: 0;}
.product_title.bg_title .name {font-size: 1.375rem; font-weight: 600;}
.products-grid .product_box {margin-bottom: 1rem;}
.view-carousel .products-grid .product_box {margin-bottom: 0;}
.product_box:hover {
    box-shadow: unset;
}
.product_box.box_lists .product-hover {
    text-align: left;
    -webkit-box-shadow: 0px 0 0 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0 0 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0 0 0 rgba(0,0,0,0.75);
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background: #fff;
    font-size: 1rem;
    position: relative;
}
.product_box:not(.no-shadow):hover .product-hover {
    -o-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
    background: #fff;
    z-index: 1;
}
.product_box.no_shadow:hover .product-hover {box-shadow:none}
.product_box .product-hover .smart-box-hover {
    display: block;
    position: relative;
}
.product_box .product-hover .product-box-label {
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    left:0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: block;
    padding: .313rem 1rem;
    background-color: rgba(0,0,0,.6);
}
.product_box.box_lists .product-hover figure {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    z-index: 1;
}
.product_box .product-hover .product-box-name {
    font-weight: 600;
    font-size: 1rem;
    color: #333;
    line-height: 20px;
    margin-bottom: 0;
    display: block;
}
.product_box.no-shadow .product-hover .product-box-name {
    color: #2D96CD;
    font-weight: 400;
}
.products-list .product_box .product-hover .product-box-name {font-size: .813rem;}
.product_box.box_lists .product-hover .product-box-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.product_box.box_lists .product-hover .product-box-desc {
    margin-bottom: 0;
    margin-top: 8px;
    font-size: .813rem;
    color: #888;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.product_box.box_lists .product-hover .product-box-desc ul {padding-left: 1.5rem;}
.product_box.box_lists .product-hover .product-box-desc ul li {margin-bottom: .313rem;}
.product_box.box_lists .product-hover .product-box-desc:not(.full-clamp) {-webkit-line-clamp: 4;}
.product-cat .product_box.box_lists .product-simple-info {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
    text-transform: uppercase;
    background-color: rgba(0,0,0,.5);
}
.product-cat .product_box.box_lists .product-simple-info .product-box-name {margin-bottom: .5rem;}
.product-cat .product_box.box_lists .product-hover .product-simple-info a {color: #fff;} 
.product-cat .product_box.box_lists .product-hover .product-simple-info ul {display: flex; justify-content: center; margin: 0;} 
.product-cat .product_box.box_lists .product-hover .product-simple-info ul li h4 { margin-bottom: 0;}
.product-cat .product_box.box_lists .product-hover .product-simple-info ul li { position: relative;}
.product-cat .product_box.box_lists .product-hover .product-simple-info ul li:not(:first-child):before { 
    border-left: 1px solid #fff;
    content: '';
    height: 10px;
    position: absolute;
    left: 0;
    top: 2px;
}
.product-cat .product_box.box_lists .product-hover .product-simple-info ul li a { font-size: 12px; display: block; padding: 0 8px;}
.product-box-price {
    height: 30px;
    font-size: .875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.product-box-price .price__regular {color: #023577; font-weight: 600; font-size: .938rem;}
.products-list .product-box-price .price__regular {color: #f00;}
.product-box-price .price__old {
    margin-left: 15px; 
    text-decoration: line-through;
    color: #999;
}
.product_box .vehicle-info {
    background-color: #f3f3f3;
    padding: 5px 0;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}
.product_box .vehicle-info span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    position: relative;
}
.product_box .vehicle-info span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    display: block;
    width: 1px;
    height: 12px;
    background-color: #ddd;
}
.product_box .vehicle-info span:first-child:before {display: none;}
/**/
.product-detail-container {
    background: rgba(0,0,0,.8);
    width: 100%;
    padding: 0 1rem;
    color: #fff;
}
.magnifyarea {margin-left: 19px;}
.magnifyarea img {max-width: unset; height: unset!important;}
.product-img-box, .product-img-box .product-image, .product-image-gallery,.product-image-gallery.loading {position: relative;}
.product-image-gallery {margin: 0; padding: 0; list-style: none;}
.product-image-gallery li a {display: block;}
.product-img-box, .product-img-box .product-image {padding:0;}
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
    position: relative;
    display: block;
}
.no-touch .product-image:hover {
    border-color: #3399cc;
}
.product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    margin: 0 auto;
}
.product-image-gallery .gallery-image { display: none;}
.product-image-gallery .gallery-image.visible { display: block;}
.product-image-gallery .gallery-image.visible.hidden { visibility: hidden;}
.product-image-gallery:before, .product-image-gallery:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.product-image-gallery:before {
    background-color: white;
    opacity: 0.8;
    z-index: 2;
}
.product-image-gallery:after {
    background-image: url(../images/opc-ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {display: block;}
.product-image-thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-image-thumbs:not(.owl-loaded){
    margin-left: -3px;
    margin-right: -3px;
    justify-content: center;
}
.product-image-thumbs .item {
    position: relative;
    padding: 7px 1px;
}
.product-image-thumbs:not(.owl-loaded) .item {
    width: 100%;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 6px;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.product-image-thumbs a {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0 0 0 1px rgba(216,216,216,0);
    -moz-box-shadow: 0 0 0 1px rgba(216,216,216,0);
    box-shadow: 0 0 0 1px rgba(216,216,216,0);
}
.product-image-thumbs a.active {
    border-color: #ff7500;
    box-shadow: 0 0 0 1px rgba(255,117,0,1);
}
.product-image-thumbs a.active:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff7500;
}
.more-views { margin: .5rem auto;}
.more-views .product-image-thumbs { 
    position: relative; 
    list-style: none;
}

.more-views .product-image-thumbs a {width: 100%; padding: 3px;}
.more-views .product-image-thumbs a img {
    max-width: 100%;
    height: auto;
}
.price-box-info {padding: 1rem 0;font-size: .813rem;}
.product-detail-container .price-box-info {padding-left: 1rem;}
.price-box-info .price__regular, .price-box-info .price__old {
    display: block;
    line-height: 22px;
    text-decoration: none;
}
.price-box-info .amount {
    font-size: 1.75rem;
    display: block;
}
.product-single .price-box-info .amount {color: #f00; font-size: 1.875rem;}
.price-box-info .price__old {
    margin-top: -10px;
    text-decoration: line-through;
    color: #999;
    font-size: 1.25rem;
}
.special-box-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding-left: 1rem;
    border-left: 1px solid rgba(255,255,255,.2);
}
.special-box-info .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}
.vehicle-menu .vehicle-wrap {
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.vehicle-menu .vehicle-ext {
    flex-basis: auto;
    flex-grow: 1;
}
.vehicle-menu .special-box-info {border-left-width: 0;}
.vehicle-menu .special-box-info .column {flex-basis: auto; flex: inherit;}
.vehicle-dropdown {
    background-color: #1B3A4F;
    padding: 0 1rem 0 0;
    height: 100%;
}
.vehicle-dropdown:before {
    content: '';
    position: absolute;
    top: 0;
    background: #1B3A4F;
    width: 100vh;
    display: block;
    bottom: 0;
    right: 100%;
}
.vehicle-dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.vehicle-dropdown .menu-title {padding: .75rem 0;}
.vehicle-dropdown .dropdown-exten {
    display: none;
    flex-wrap: nowrap;
    flex-direction: column;
}
.vehicle-dropdown a {
    display: flex; 
    flex-wrap: wrap;
    height: 100%;
    color: #fff;
    font-size: 1.214rem;
    align-content: center;
    align-items: center;
}
.vehicle-dropdown .dropdown-menu a {
    font-size: initial;
    padding: 1rem 2rem;
    color: #2596cf;
}
.vehicle-dropdown .dropdown-menu .dropdown-exten a {
    flex-wrap: nowrap;
    padding: .5rem .313rem;
    color: #fff;
    border-bottom: 1px solid #345165;
    background-color: #1B3A4F;
}
.vehicle-dropdown .dropdown-menu .dropdown-exten a:last-child {border-bottom-width: 0;}
.vehicle-dropdown .dropdown-menu a:hover {color: #19678e;}
.vehicle-dropdown .dropdown-item:active {
    background-color: #e6eef1;
}
.vehicle-dropdown a span+span {margin-left: 5px;}
.vehicle-dropdown a span+span .ext {border-left: 1px solid rgba(255,255,255,.2); padding-left: 5px; margin-left: 5px;}
.vehicle-dropdown a .gruxIcon {font-size: 2rem; display: inline-flex;}
.vehicle-dropdown .dropdown-menu a .gruxIcon {font-size: 1.5rem;}
.vehicle-dropdown a .gw-grux-down03:before,.vehicle-dropdown a .gw-grux-right03:before {margin-top: 5px;}
.vehicle-dropdown .dropdown-toggle::after {display: none;}
.special-box-info .column .inner {
    padding: .75rem 1rem;
    display: block;
    height: 100%;
    color: #fff;
}
.special-box-info .column .gruxIcon {font-size: 2rem;}
.special-box-info .column span {
    display: block;
    text-align: center;
    font-size: .813rem;
}
.vehicle-menu .special-box-info .column .inner {
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.vehicle-menu .special-box-info .column span {font-size: 14px;}
.vehicle-menu .special-box-info .column .gruxIcon {font-size: initial;}
.vehicle-menu .special-box-info .column [class^='gw-']:before, .vehicle-menu .special-box-info .column [class*=' gw-']:before {line-height: 1.6;}
.vehicle-menu .special-box-info .column span+span {margin-left: 5px; font-weight: 600;}

.special-box-info .column .desc1 {font-size: 16px;}
.special-box-info .column .desc2 {font-size: 11px;}
.colorVehicle .name {font-size: 1.375rem; margin: 0;}
.colorVehicle ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.colorVehicle .psListColor li {
    position: relative;
    display: inline-block;
    width: 67px;
    height: 67px;
    padding: 0;
    margin: 0;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
}
.colorVehicle .psListColor li:not(:last-child){margin-right: 4px;}
.colorVehicle .psListColor li.selected {
    border-width: 5px;
    border-color: #2e8ec7 !important;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.icon-svg--size-10 {
    width: 10px;
    height: 10px;
}
.view360 {
    width: 100%; height: 100%; 
    overflow: hidden;
    user-select: none;
    cursor: url(../images/openhand360.cur), w-resize;
    pointer-events: auto;
}
.view360 ul {padding: 0; margin: 0; list-style: none;}
.view360 img {width: 100%; display: block;}
.product-info .item-code, .product-info .item-info, .product-info .item-promo, .product-info .item-price, .product-info .item-cart, .product-info .item-guide {
    display: block;
    position: relative;
    margin-bottom: 15px;
}
.product-info .item-info {color: #777;}
.product-info .price-box-info {padding: .5rem 0 0;}
.product-info .item-code {line-height: 2;}
.product-info .item-code b {color: #777; font-weight: 400;}
.product-info .detail-stock {
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
}
.product-info .detail-stock.instock {
    color: rgb(73, 168, 63);
}
.product-info .item-promo {
    border: 1px dashed #2698d6;
    background-color: #eff8ff;
    border-radius: 4px;
    padding: .813rem;
    font-size: 0.813rem;
    color: #555;
}
.product-info .item-promo .name {
    font-size: 1rem;
    font-weight: 600;
    color: #f00;
    margin-bottom: .5rem;
}
.product-info .item-promo p:last-child {
    padding-bottom: 0;
}
.product-info .item-cart-box .add-cart-button {margin-bottom: 10px;}
.product-option .item {
    border-radius: 4px;
    margin: .313rem;
    display: block;
    padding: .5rem;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    background-color: #fff;
}
.product-option .item.active {
    -webkit-box-shadow: 0 0 0 1px rgba(0,144,197,0.75);
    -moz-box-shadow: 0 0 0 1px rgba(0,144,197,0.75);
    box-shadow: 0 0 0 1px rgba(0,144,197,0.75);
}
.product-option .item a {
    display: block;
    text-align: center;
}
.product-option .item a span {
    font-size: 13px;
    line-height: 16px;
    height: 17px;
    display: block;
    overflow: hidden;
}
.product-option .item a strong {
    color: #f00; display: block;
    margin-top: .313rem;
}
.product-option .item a span:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(../images/uncheck.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.product-option .item.active a span:before {
    background-image: url(../images/check.png);
}
.product-option.owl-theme .owl-nav [class*=owl-] {width: 32px;}
.product-option.owl-theme .owl-nav .owl-prev,.product-option.owl-theme .owl-nav .owl-next { background-color: transparent;}
.product-option.owl-theme .owl-nav .owl-prev {left: -20px; background-position: 0px 10px;}
.product-option.owl-theme .owl-nav .owl-next {right: -20px; background-position: -60px 10px;}
.product-detail-page, .other_products {
    margin-top: 1rem;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs {
    background: #fff;
    padding: 0;
    margin-bottom: -1px;
    border: 0;
    border-bottom: 1px solid #dfe4e8;
    height: 40px;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    top: 0;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs li a {
    padding: 10px 30px 11px;
    color: #111;
    text-transform: uppercase;
    display: block;
    border-top: 0 solid transparent;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs .active {
    color: #fff;
    font-weight: 600;
    background-color: #007ec4;
    border-top-color: #ffea00;
}
#product-page .product-detail-page .product_desc .tab-content {
    padding: 15px 30px;
}
.vehicle-detail-table {display: block; position: relative;}
.vehicle-detail-table dl {
    display: block;
    margin: 0;
    padding: .5rem 0;
    line-height: 1.6;
    border-bottom: 1px solid #eee; 
}
.vehicle-detail-table dl:before,.vehicle-detail-table dl:after {content: ''; display: table; line-height: 0;}
.vehicle-detail-table dl:after {clear: both;}
.vehicle-detail-table dl:last-child {border-bottom-color: transparent;}
.vehicle-detail-table dl dt {
    float: left;
    font-weight: 400;
    width: 32%;
    color: #999;
}
.vehicle-detail-table dl dd {margin-bottom: 0;}
/**/
.product_gallery .tabs-container .nav-tabs {
    background: #fff;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
}
.product_gallery .tabs-container .nav-tabs li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    cursor: pointer;
    text-align: center;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    top: 0;
}
.product_gallery .tabs-container .nav-tabs li:not(:first-child) {margin-left: 10px;}
.product_gallery .tabs-container .nav-tabs li a {
    padding: .813rem 1rem;
    color: #333;
    font-size: .875rem;
    display: block;
    border: 1px solid transparent;
    border-bottom-width: 3px;
}
.product_gallery .tabs-container .nav-tabs li a:hover {background-color: transparent;}
.product_gallery .tabs-container .nav-tabs li:not(:first-child) a{
    border-left-width: 0;
}
.product_gallery .tabs-container .nav-tabs .active {
    background-color: transparent;
    border-bottom-color: #333;
    font-weight: 600;
}
.product_gallery .tab-content {
    padding: 0;
}
.product_gallery .tab-content .tab-pane {
    position: relative;
    overflow: hidden;
}

.product_gallery .row .items {
    overflow: hidden;
}
.product_gallery .row:not(.no-gutters) .items, .product_gallery .row .gallery_box {margin-bottom: 1.5rem;}
.product_gallery .row .gallery_box .items {margin-bottom: 0;}
.product_gallery .row .gallery_box .gallery_name {font-size: 1.125rem; color: #2D96CD; padding-top: .75rem;}
.product_gallery .items:after {
    content: "";
    display: block;
    padding-bottom: 300px;
}
.product_gallery .items.single:after {
    padding-bottom: 300px;
}
.product_gallery .items.video.single:after {padding-bottom: 420px;}
.product_gallery .items.double:after {
    padding-bottom: 600px;
}
.gallery__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    display: flex;
    z-index: 1;
    font-weight: lighter;
    font-size: 2em;
    color: #fff;
    opacity: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.video a.gallery__link {
    opacity: .8;
}
.video span.icon-icon-play {
    font-size: 5rem;
}
.product_gallery .items:hover .gallery__link {opacity: .8;}
.gallery__content {
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    height: 50px;
    display: flex;
    z-index: 1;
    font-weight: lighter;
    font-size: 1.143em;
    padding-left: 1.5rem;
    color: #fff;
    text-align: center;
    align-items: center;
}
.gallery__bg {
    position: absolute;
    top: -1%;
    left: -1%;
    right: -1%;
    bottom: -1%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.video .gallery__bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal-backdrop.show {opacity: .9;}
button.close {text-shadow: none;}
.discovery360 button.close {
    color: #eee;
    padding: .313rem .75rem;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .8;
}
.discovery360 .close:not(:disabled):not(.disabled):focus, .discovery360 .close:not(:disabled):not(.disabled):hover {
    color: #fff;
    opacity: 1;
}
#popupConfig .modal-dialog .modal-header {
    padding: 0;
    border-bottom: none;
    position: relative;
    background-color: transparent;
}
#popupConfig .modal-dialog .modal-header button {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.1);
    position: absolute;
    line-height: 22px;
    z-index: 99;
    padding: 0;
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#popupConfig .modal-dialog .modal-header button:focus {outline: none;}
/**/
.proComment,.proComment .textcomment {position: relative;}
.postcomment {
    padding-left: 60px;
    position: relative;
}
.postcomment:before {
    position: absolute;
    top: 0;
    left: 5px;
    content: '';
    background: url(../images/default-avatar.jpg) no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}
.postcomment .textcomment:before, .postcomment .textcomment:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
}
.postcomment .textcomment:before {
    border-right: 9px solid #ddd;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    top: 10px;
    left: -8px;
}
.postcomment .textcomment:after {
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    top: 11px;
    left: -7px;
}
.postcomment .box-security .input-group-addon > img {
    border: 1px solid #ddd;
    border-left-width: 0;
    border-right-width: 0;
    padding: 4px 2px;
}
.proComment .listComment {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ebebeb
}
.proComment .listComment li {
    padding: 8px 5px 12px 60px;
    position: relative;
    display: block;
    color: #777;
    line-height: 1.6
}
.proComment .listComment li:before {
    position: absolute;
    top: 8px;
    left: 5px;
    width: 40px;
    height: 40px;
    content: '';
    border-radius: 3px;
    background: url(../images/1.png);
}
.proComment .listComment li:nth-child(even) { background-color: #f7f9fa; }
.proComment .listComment li h6 {
    position: relative;
    margin-top: 0;
    margin-bottom: 2px;
    line-height: 1.6;
    color: #047fc6;
}
.proComment .listComment li h6 span.date {
    color: #999;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px
}
.proComment .listComment li h6 span.date:after {
    content: attr(data-updated);
}
.proComment .listComment li h6 span.func {
    background-color: #eebc49;
    color: #000;
    font-size: 10px;
    line-height: 16px;
    height: 16px;
    padding: 0 6px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    margin-left: 10px;
    margin-top: 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}
.proComment .listComment li h6 span.func:before {
    width: 0; 
    height: 0; 
    border-right: 4px solid #eebc49;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    content: '';
    top: 4px;
    left: -4px;
}
.proComment .listComment li .reply {display: block; margin-top: 10px; padding: 5px 5px 5px 55px; background-color: #eee; position: relative;}
.proComment .listComment li .reply h6 {color: #000;}
.proComment .listComment li .reply:before {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #eee;
    position: absolute;
    content: '';
    top: -5px;
    left: 20px;
}

.box-rating h5 {font-size: .857em; margin-bottom: 15px; font-weight: 600;}
.box-rating ul {list-style: none; padding: 0; margin: 0 0 10px;}
.box-rating ul li {display: block; position: relative;}
.box-rating ul li label {
    position: relative; 
    padding-left: 22px; 
    font-size: 13px;
    display: flex;
    align-items: center;
}
.box-rating ul li input {margin-top: 0; position: absolute; left: 0; top: 3px;}
.star_rating {
    display: inline-block;
    height: 20px;
    width: 120px;
    margin-right: 5px;
    vertical-align: middle;
    overflow: hidden;
    background-image: url(../images/icons/icon_star.png);
    background-repeat: no-repeat;
}
.star_rating.star_small {
    background-size: 80px 85px;
    height: 16px;
    width: 80px;
}
.star_rating.star_0 { background-position: 0 0;}
.star_rating.star_1 { background-position: 0 -22px;}
.star_rating.star_2 { background-position: 0 -44px;}
.star_rating.star_3 { background-position: 0 -66px;}
.star_rating.star_4 { background-position: 0 -88px;}
.star_rating.star_5 { background-position: 0 -108px;}
.star_rating.star_small.star_1 { background-position: 0 -13px;}
.star_rating.star_small.star_2 { background-position: 0 -27px;}
.star_rating.star_small.star_3 { background-position: 0 -42px;}
.star_rating.star_small.star_4 { background-position: 0 -57px;}
.star_rating.star_small.star_5 { background-position: 0 -71px;}
/**/
.form-group #reloadImg {
    border: 1px solid #ced4da; 
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: .375rem;
    display: inline-block;
    height: 100%;
}
.form-group .form-control {font-size: .813rem;}
.form-group .form-control:focus {outline: none; box-shadow: none;}

.material-field {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.material-field label {
    position: absolute;
    font-size: 12px;
    padding: 0 10px;
    pointer-events: none;
    -o-transition: .1s ease all;
    transition: .1s ease all;
    left: 0;
    margin-bottom: 0;
    top: 14px;
    color: #999;
}
.material-field input,.material-field .field__input {
    position: relative;
    top: 7px;
    box-sizing: border-box;
    float: left;
    border: none;
    color: #333;
    background: 0 0;
    height: 43px;
    padding: 10px;
    width: 100%;
    font-size: 12px;
    box-shadow: none;
    z-index: 100;
}
.material-field input[type=date]{
    width:100%
}
.material-field input[type=date]::-webkit-calendar-picker-indicator{
    -webkit-appearance:none
}
.material-field.is-dirty input~label,.material-field.is-dirty .field__input~label,.material-field input:focus~label{
    font-size:10px;
    top:6px;
    color:#999
}
.material-field.is-dirty input~label,.material-field.is-dirty .field__input~label,.material-field input:focus~label span.required{color:#999}
.material-field.material-disabled{
    background:#ddd;
    color:#999
}
.material-field.readonly{
    background:#ddd;
    color:#999
}
.material-radio__input>* {
    display: inline-block;
    vertical-align: middle;
}
.material__required {
    margin-left: 2px;
    color: #d90000;
}
.material-field input.form-control:disabled, .material-field input.form-control[readonly] {background-color: transparent;}
.material-field input:focus,.material-field .field__input:focus {
    outline: 0;
    background-color: transparent;
    box-shadow: none;
}
.formError {margin-top: -36px!important;}
.content-box {
    border: 1px solid rgba(175,175,175,0.25);
    border-radius: 5px;
}
.content-box__row {
    padding: 1.14286em;
    position: relative;
    zoom: 1;
}
.content-box__row ~ .content-box__row{
    border-top:1px solid rgba(173,173,173, 0.25)
}
.content-box__row:after, .content-box__row:before {
    content: "";
    display: table;
}
.content-box__row:after {
    clear: both;
}
.display-table .content-box__row {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.content-box__row:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.content-box__row:last-child{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.content-box__row-spacing-vertical {
    padding-top: 0.85714em;
    padding-bottom: 0.85714em;
}
.content-box__row--secondary{
    background-color:#f9f9f9
}
.review-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.review-block ~ .review-block {
    margin-top: 0.85714em;
    padding-top: 0.85714em;
    border-top: 1px solid rgba(173,173,173,0.25);
}
.review-block__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.review-block__link {
    max-width: 10em;
    font-size: 0.85714em;
}
.review-block__label {
    color: #999;
    padding-right: 1.14286em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 6em;
    -ms-flex: 0 1 6em;
    flex: 0 1 6em;
}
.review-block__content {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
    padding-right: 1.14286em;
}
.radio-wrapper, .checkbox-wrapper {
    zoom: 1;
    margin-bottom: 1em;
}
.radio-wrapper:after, .radio-wrapper:before, .checkbox-wrapper:after, .checkbox-wrapper:before {
    content: "";
    display: table;
}
.radio-wrapper:after, .checkbox-wrapper:after {
    clear: both;
}
.radio-wrapper:last-child,.checkbox-wrapper:last-child{
    margin-bottom:0
}
.radio-wrapper.content-box__row,.checkbox-wrapper.content-box__row{
    margin-bottom:0
}
.radio__input, .checkbox__input {
    padding-right: 0.75em;
    white-space: nowrap;
}
.radio__label, .checkbox__label {
    cursor: pointer;
    vertical-align: middle;
    font-weight: 400;
}
.radio__label__primary {
    cursor: inherit;
    font-family: inherit;
    vertical-align: top;
}
.radio__label__accessory {
    text-align: right;
    padding-left: 0.75em;
    white-space: nowrap;
}
.display-table .radio-wrapper, .display-table .checkbox-wrapper {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.display-table .radio__input, .display-table .checkbox__input,.display-table .radio__label, .display-table .checkbox__label,.display-table .radio__label__primary, .display-table .radio__label__accessory {
    display: table-cell;
}
.display-table .radio__label, .display-table .checkbox__label,.display-table .radio__label__primary {
    width: 100%;
}

.content-box .input-checkbox,.content-box .input-radio{
    border-color:#d9d9d9;
    background-color:#fff
}
.content-box .input-checkbox:hover,.content-box .input-radio:hover{
    border-color:#cccccc
}
.content-box .input-checkbox:disabled,.content-box .input-radio:disabled{
    background-color:#fafafa;
    border-color:#cccccc
}

.input-checkbox:after,.input-radio:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:scale(0.2);
    transform:scale(0.2);
    -webkit-transition:all 0.2s ease-in-out 0.1s;
    transition:all 0.2s ease-in-out 0.1s;
    opacity:0
}
.input-checkbox,.input-radio{
    width:18px;
    height:18px;
    -webkit-box-shadow:0 0 0 0 #ed1c24 inset;
    box-shadow:0 0 0 0 #ed1c24 inset;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    position:relative;
    cursor:pointer;
    vertical-align:-4px;
    border:1px solid;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: inherit;
}
.input-radio { border-radius: 50%;}
.input-radio:after{
    width:6px;
    height:6px;
    margin-left:-3px;
    margin-top:-3px;
    background-color:#fff;
    border-radius:50%
}
.input-checkbox{
    border-radius:4px
}
.input-checkbox:after{
    width:10px;
    height:8px;
    margin-left:-5px;
    margin-top:-4px;
    background-image:url(../images/checkbox-tick.png);
    background-image:url(../images/checkbox-tick.svg),none
}
.input-checkbox:focus,.input-radio:focus{
    border:2px solid #ed1c24
}
.input-checkbox:checked,.input-radio:checked{
    border:none;
    -webkit-box-shadow:0 0 0 10px #ed1c24 inset;
    box-shadow:0 0 0 10px #ed1c24 inset
}
.input-checkbox:checked:after,.input-radio:checked:after{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.input-checkbox:checked:focus,.input-radio:checked:focus{
    border-color:#b1151b
}
.content-box__emphasis {
    font-weight: 600;
}
.blank-slate{
    padding:1.14286em;
    text-align:center;
}
.section--shipping-method .blank-slate p {font-size: 12px;}
.blank-slate__icon{
    margin-bottom:1.14286em
}
.icon--offsite{
    width:102px;
    height:52px;
    background-image:url(../images/offsite-small.png);
    background-image:url(../images/offsite-small.svg),none
}
/**/
.formCountMain {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    position:relative
}
.formCount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.formCount .couterMain {
    position: relative;
    width: 100%;
    min-height: 1px;
    margin: 35px 0;
}
.formCountMain .couterMain-warp{
    padding:20px 0;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
}
.counterBox{
    height:100%;
    text-align:center;
    position:relative;
    padding:0 3rem;
    z-index:10
}
.counterBox>span{
    font-size:2.813rem;
    color: #c88c2b;
    display:block;
    text-align:center;
    font-weight:bold;
    line-height:1.2;
    margin-top:-10px
}
.counterBox>.counter:after {
    content: " +";
    font-size: 1.875rem;
    color: #fff;
}
.counterBox>p{
    color: rgba(255,255,255,0.6);
    font-size:.813rem;
    letter-spacing: 2px;
    display:block;
    margin:0;
    text-align:center;
    line-height:1.2;
    text-transform:uppercase
}
.counterBox:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:2px;
    background:rgba(255,255,255,0.15);
    display:none
}
.counterBox+.counterBox:after{
    display:block
}

.page-contact {padding: 1rem 0;}
.contact-form.form-vertical {
    padding: 1.125rem 1.5rem;
    position: relative;
    background-color: #fff;
}
.contact-form .form-header {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
}
.contact-form .form-desc {
    margin-bottom: 1rem;
}
.contact-form .group-inner > div {
    display: inline-block;
    vertical-align: top;
}
.contact-form.form-vertical .form-control {
    font-size: .813rem;
    background-color: #f7efec;
    border: 0;
    padding: .625rem 1.125rem;
    border-radius: 0;
    height: 2.625rem;
}
.contact-form.form-vertical textarea.form-control {height: auto;}
.component-google-map {height: 100%;}
.component-google-map .component-google-map-box {
    height: 0;
    overflow: hidden;
}
.component-google-map .component-google-map-button {
    width: 100%;
    display: block;
    line-height: 25px;
    font-size: 0.875rem;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 20px 0px 20px 0px;
    background-color: #FAFAFA;
}
.component-google-map .component-google-map-button:hover {text-decoration:none;}
.component-google-map .component-google-map-button i {display: block;}
.component-google-map .component-google-map-button .fa {
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
}
.component-google-map .component-google-map-button .component-google-map-button-label-hide, .component-google-map.state-open .component-google-map-button .component-google-map-button-label-show {
    display: none;
}
.component-google-map.state-open .component-google-map-button .component-google-map-button-label-hide {
    display: block;
}
.component-google-map .component-google-map-button .component-google-map-button-label-show {
    display: block;
}
/**/
.box-social {position: relative;}
.box-social a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-left: 10px;
}
.box-social a:first-child {margin-left: 0;}
footer{
    color: #fff;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
footer,.footer-item .box-content .content h3,.footer-item .box-content .content h4,.footer-item .box-content .content .link-list h3 {font-size: 0.813rem; color:#a6c9d6}
footer a{
    text-decoration:none;
    color: #fefefe;
}
#footer .footer-wrap {padding: 2.5rem 0 1.5rem;}
#footer .footer-info {padding-bottom: .5rem; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,.2);}
#footer .footer-item {margin-bottom: 1rem;}
#footer .footer-item p:not(:last-child) {margin-bottom: 10px;}
#footer .footer-font p {padding-left: 18px; position: relative; margin: 0;}
#footer .footer-font p:not(:last-child) {margin-bottom: 10px;}
#footer .footer-font p .fa {
    position: absolute;
    left: 0;
    top: 1px;
}
.footer-item h2, .footer-item .title{
    font-size: 15px; 
    font-weight: 600; 
    color: #fff;
    text-transform: uppercase; 
    line-height: 20px; 
    margin-top: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}
.footer-item .title {margin-bottom: 1.125rem;}
.footer-item .box-content .content h3,.footer-item .box-content .content h4,.footer-item .box-content .content .link-list h3 {margin-bottom: 0;}
.footer-item .box-content {color: rgba(255,255,255,0.6);}
.footer-item .box-content .content ul {list-style: none; padding: 0; margin: 0;}
.footer-item .box-content .content .list-flex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.footer-item .box-content .content .link-list a{
    padding-bottom: 2px; 
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    color: rgba(255,248,245,0.6);
    transition: all 0.3s;
}
.footer-item .box-content .content .link-list a:hover{ 
    padding-left: 5px;
    color: #0090C5;
    text-decoration: none;
}
.footer-item p .fa {
    width: 14px;
    margin-right: 5px;
}
.content-map {
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
}
.content-map iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#footer .newsletter {
    position: relative;
}
#footer .newsletter .form-control {border-width: 0; font-size: 14px;}
#footer .newsletter .newsletter__submit {
    letter-spacing: 0.08em;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.ft-copyright {
    color: #bbb;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    clear: both;
    padding: .813rem 1.5rem;
    background-color: #04243a;
    flex-wrap: wrap;
}
.ft-copyright .footer__link, .ft-copyright .footer__text {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.ft-copyright .footer__link {
    color: #bbb;
}
#masthead  {
    -webkit-box-shadow: 0px 0 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0 1px 0px rgba(0,0,0,0.75);
    position: relative;
    z-index: 1021;
    width: 100%;
    background-color: #fff;
}
#masthead.fixed {position: fixed;}
#masthead .on_menu_left {
    border: 0 solid rgba(0, 0, 0, .1);
    margin-left: 1rem;
    background: #fff;
    display: none;
    border-radius: 5px;
    width: 45px;
    line-height: 39px;
    height: 39px;
}
#masthead .on_menu_left span, #masthead .on_menu_left span::before, #masthead .on_menu_left span::after {
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 36px;
    background: #2e8ec7;    
}
#masthead .on_menu_left span {
    border: 0;
    top: 50%;
    right: 3px;
    margin-top: -1px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}
#masthead .on_menu_left span::before, #masthead .on_menu_left span::after {
    content: '';
    right: 0;
    /* 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-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
#masthead .on_menu_left span:before {
    top: -8px;
}
#masthead .on_menu_left span:after {
    top: 8px;
}
#masthead .on_menu_left.nav-is-visible span { background: rgba(170, 170, 170, 0);}
#masthead .on_menu_left.nav-is-visible span::before, #masthead .on_menu_left.nav-is-visible span::after { background: #2e8ec7;}
#masthead .on_menu_left.nav-is-visible span::before {
    -webkit-transform: translateX(6px) translateY(-4px) rotate(45deg);
    -moz-transform: translateX(6px) translateY(-4px) rotate(45deg);
    -ms-transform: translateX(6px) translateY(-4px) rotate(45deg);
    -o-transform: translateX(6px) translateY(-4px) rotate(45deg);
    transform: translateX(6px) translateY(-4px) rotate(45deg);
}
#masthead .on_menu_left.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(6px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(6px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(6px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(6px) rotate(-45deg);
    transform: translateX(4px) translateY(6px) rotate(-45deg);
}
header nav#stickyNavigation {
    display: flex;
    z-index: 4001;
    background-color: rgba(245,245,245,.9);
    position: fixed;
    top: -70px;
    width: 100%;
    height: 70px;
    margin-left: 0;
}
header nav#stickyNavigation .brandLogo {
    height: 70px;
    width: 90px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0;
}
header nav#stickyNavigation.brandLogo a {display: block;}
header nav#stickyNavigation #header-Menu {
    padding: 0;
    margin: 0;
    background-color: #f6f6f6;
}
.menu_left {
    height: 100%;
    display: table;
    margin: 0;
    padding: 0;
}
.menu_left>li {
    display: table-cell;
    vertical-align: middle;
    float: none !important;
    cursor: pointer;
}
.menu_left>li>a {
    font-size: 1.1rem;
    line-height: 1.2rem;
    padding: 0 20px;
    width: 100%;
    border-bottom: none;
    margin: 0;
    outline: none;
    display: block;
    overflow: auto;
}
.menu_left ul {
    margin: 0;
    padding: 0;
    border-bottom: none;
    border-color: #c5c5c5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#mainNavigation.navbar {padding: 0;}
#mainNavigation.navbar .navbar-brand {
    margin-right: .313rem;
    padding-top: 0;
    padding-bottom: 0;
}
#mainNavigation.navbar .logo {
    max-width: 128px;
    display: block;
}
.titleSeo {
    position: absolute;
    line-height: 0;
    left: 0;
    top: -999px
}
#menuMain .buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    transition: padding 0.8s ease;
}
#menuMain .buttons .brandName {
    font-size: 1.214rem;
    line-height: 1.5rem;
    color: #003478;
    height: 100%;
    font-weight: 700;
    white-space: nowrap;
    margin: 0;
    flex: 0 0 100%;
}
#menuMain .buttons .hotline-info {
    display: flex;
    margin-top: 3px;
    flex: 0 0 100%;
    align-items: center;
}
#menuMain .buttons .hotline-info .hotline-phone {
    letter-spacing: 1px;
    color: #fb0303;
    font-size: 15px;
    font-weight: 600;
}
#menuMain .buttons .hotline-info .hotline-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    margin-right: 5px;
    background-color: #fb0303;
} 
#menuMain > ul,#menuMain > ul > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#menuMain ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
#menuMain ul > li {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#menuMain ul > li > a {
    padding: .5rem 1rem;
    display: block;
    line-height:24px;
    position: relative;
    text-decoration:none;
    font-weight: 400;
    white-space: nowrap;
}
#menuMain ul > li.root > a {
    height: 100%;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 1.75rem .813rem;
}
#menuMain ul > li.menu__overflow > a {font-size: 1.143rem;}
#menuMain ul.navLev_overflow > li.root > a {
    padding: .5rem;
    text-align: left;
    text-transform: initial;
}
#menuMain ul > li.root > a:hover,#menuMain ul > li > a.current {color: inherit;}
.rootmenu-hovercate {
    min-width: 190px;
    line-height: 20px;
    list-style: none;
    font-weight: 400;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 20;
    display: none;
    background: #fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    3px 3px 3px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         3px 3px 3px 0px rgba(50, 50, 50, 0.25);
}
.rootmenu-hovercate ul {
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 230px;
}
.rootmenu-hovercate:not(.mega) ul li:not(:first-child) {border-top: 1px solid #eee;}
.rootmenu-hovercate ul li {position: relative;}
.rootmenu-hovercate ul li a {
    font-size: 14px;
}
.mega.rootmenu-hovercate {
    padding: 0 1rem;
}
.mega.rootmenu-hovercate > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.mega.rootmenu-hovercate > ul > li {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.mega.rootmenu-hovercate ul li a {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.2;
    display: block;
    position: relative;
}
#menuMain .mega.rootmenu-hovercate > ul > li > a {
    font-weight: 600;
    font-size: initial;
    padding: 8px 0;
}
.rootmenu-hovercate:not(.mega) ul li .submenu:after {
    font-family: FontAwesome;
    content: '\f105';
    position: absolute;
    right: 1rem;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.mega.rootmenu-hovercate ul li li a {color: #111;}
.mega.rootmenu-hovercate ul li li a:after {
    font-family: FontAwesome;
    content: '\f105';
    position: absolute;
    left: 2px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.rootmenu-hovercate ul li a:hover {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.rootmenu-hovercate:not(.mega) ul li ul {
    visibility:hidden;
    opacity:0;
    position:absolute;
    left:100%;
    top:0;
    z-index:22;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
    background:#fff;
    padding: 0;
    transition:transform 0.4s ease 0s;
    -webkit-transition:-webkit-transform 0.4s ease 0s;
    -moz-transition:-moz-transform 0.4s ease 0s;
    transform:scale(0.7, 1);
    -webkit-transform:scale(0.7, 1);
    -moz-transform:scale(0.7, 1);
    transform-origin:0 0 0;
    -webkit-transform-origin:0 0 0;
    -moz-transform-origin:0 0 0;
}
.mega.rootmenu-hovercate ul li ul,.rootmenu-hovercate ul li:hover ul {
    visibility:visible;
    opacity:1;
    transform:scale(1,1);
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
}

.rootmenu-hovercate ul li a span {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 11px;
    text-align: right;
    font-weight: 400;
    color: #999;
}
/*search*/
.space-search {display: block; height: 50px;}
.navbar-search {
    display: flex;
    justify-content: flex-start;
    z-index: 2;
    background-color: rgba(243,243,243,.9);
    width: 100%;
    position: absolute;
}
.search-content {
    padding: .75rem .5rem .75rem 2.75rem;
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.search__icon {
    position: absolute;
    font-size: 20px;
    left: .5rem;
    display: flex;
    align-items: center;
}
.search_query {
    width: 100%;
    color: #333;
    border-radius: 0;
    border: none;
    padding: 0 35px;
    position: relative;
}
.search_query:focus {outline: none;}
.search_query.placeholder {color: #666; }

.search-content input[type="text"] {
    text-transform: none;
    padding: 0 70px 0 0;
    background-color: transparent;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -o-box-shadow: none!important;
    letter-spacing: 1px;
}
.navbar-search .news_offers {
    background-color: #2e8ec7;
    min-width: 120px;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
    color: #fff;
    line-height: 21px;
    padding: 0 10px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
}
.navbar-search .news_offers:hover {color: #003478;}
.navbar-search .news_offers .news_offers_icon  {display: none}
.contact_panel {position: relative;}
.contact__list.owl-carousel .item {padding-right: 55px;}
.contact__list .item {
    padding: .5rem 1rem;
    height: 49px;
    background-color: #9ec96a;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.contact__list .item.bg_contact1 {
    background-color: #d63c45;
}
.contact__list .item .department_locate {
    display: block;
    margin-left: auto;
}
.contact__list .item .gruxIcon {color: #fff; font-size: 1.75rem;}
.contact__list .item > a {color: #fff;} 
.contact__list .item .department_toggleList {
    margin: 0;
    cursor: pointer;
    font-size: 3.5em;
}
.gw_contactPanel__contactList {
    display: none;
    background-color: #fff;
    color: #777;
    margin: 0 60px;
    position: relative;
    z-index: 1002;
}
.owl-theme .owl-nav [class*=owl-] {
    height: 49px;
    width: 40px;
    border-radius: 0;
    top: calc(50% - 25px);
}
.owl-theme .owl-nav .owl-next {
    right: 0;
    background-position: -60px -50px;
    background-color: rgba(0,0,0,.2);
}
.owl-theme .owl-nav .owl-prev {
    left: 0;
    background-position: 10px -50px;
    background-color: rgba(0,0,0,.2);
}
.more-views .owl-theme .owl-nav .owl-next,.more-views .owl-theme .owl-nav .owl-prev {
    background-color: rgba(0,0,0,0);
}
.more-views .owl-theme .owl-nav .owl-next {
    right: -20px;
    background-position: -59px 10px;
}
.more-views .owl-theme .owl-nav .owl-prev {
    left: -20px;
    background-position: 0px 10px;
}
.more-views .owl-theme .owl-nav [class*=owl-] {width: 32px;}
.more-views .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: rgba(0,0,0,0);
    opacity: 1;
}
.contact__list.owl-theme .owl-nav .owl-prev {
    left: 0; display: none;
}
#section-type-vehicle .owl-theme .owl-nav .owl-prev {left: -2rem;}
#section-type-vehicle .owl-theme .owl-nav .owl-next {right: -2rem;}
#section-type-vehicle .owl-theme .owl-nav [class*=owl-]:hover {background-color: rgba(45,150,205,9); opacity: .9;}
.contact__list .user-hotline-info {
    color: #fff;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.contact__list .user-hotline-info span+span {margin-left: .5rem;}
#panel {
    opacity: 0;
    display: none;
    background: #fff;
    z-index: 1023!important;
    position: relative
}
#panel.nav-is-visible {
    opacity: 1;
    display: block;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
}
.navigationMenu .panel {border: none;}
.navigationMenu .nav-heading {
    color: #333;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35rem;
    margin: 0;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    position: relative;
}
.navigationMenu .nav-heading a {
    display: block;
    padding: .5rem 0;
    color: #333;
}
.navigationMenu .nav-heading .fa-chevron-down {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    line-height: 40px;
    margin: 0;
    padding: 0 15px 0 30px;
    width: auto;
    font-size: 12px
}
.navigationMenu .nav-heading [data-toggle="collapse"].fa-chevron-down:before {content:"\f077"}
.navigationMenu .nav-heading [data-toggle="collapse"].collapsed.fa-chevron-down:before {content:"\f078"}
.navigationMenu .navi-nofollow {
    color: #333;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 15px;
    font-family: RobotoSlab-Regular;
    font-size: 14px
}
.sub-list {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 0;
    background: #f7f7f7
}
.panel .sub-list {background-color: #f7f7f7;}
.panel .sub-list .sub-list {
    background-color: #eee;
}
.sub-list li {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.sub-list li:last-child {border-bottom-width: 0;}
.sub-list a {
    display: block;
    padding: 9px 50px 9px 32px;
    color: #333;
    font-size: 14px;
    position: relative;
}
.sub-list .sub-list a {
    padding-left: 50px;
}
.sub-list a:not(.fa):before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f138";
    left: 15px;
    top: 10px;
    font-size: 12px;
    color: #0090C5;
}
.sub-list .sub-list a:not(.fa):before {
    left: 35px;
    content: "\f10c";
}
.sub-list .fa-angle-down {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    line-height: 37px;
    margin: 0;
    padding: 0 15px 0 25px;
    width: auto;
}
.panel .sub-list .nav-level-sub {
    position: relative;
    padding-right: 50px;
}
.bx-main-slider {
    position: relative; z-index: 1;
    overflow: hidden;
}
.ms-layer.ms-caption {
    color: #fff;
    min-width: 380px;
    max-width: 500px;
}
.ms-layer.ms-caption .name {font-size: 2rem;}
.ms-layer.ms-caption h3 {text-transform: uppercase; margin-bottom: .5rem;}
.ms-layer.ms-caption p {font-size: 1.071rem; line-height: 1.4;}
.ms-layer.ms-caption .btn {font-size: .813rem; letter-spacing: 1px; margin-top: .5rem;}
.ms-layer.ms-caption.mc {text-align: center;}
/**/
.sub_catagory {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.sub_catagory a {
    display: block;
    width: 100%;
    padding: 4px;
    min-height: 1px;
    justify-content: center;
    text-align: center;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0 1px 0px rgba(0,0,0,0.75);
}
.filters-toolbar-wrapper {
    background: #f6f6f6;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 1rem;
}
.filters-toolbar--has-filter {
    position: relative;
}
.filters-toolbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.filters-toolbar__item-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.filters-toolbar__item-child {
    margin-right: .5rem;
    margin-top: .313rem;
    margin-bottom: .313rem;
}

.filters-toolbar__label, .filters-toolbar__input-wrapper {
    display: inline-block;
}
.filters-toolbar__item-child label {
    margin-bottom: 0;
}
.filters-toolbar__input {
    border: 0 solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 20px;
    height: 30px;
    color: #003773;
    opacity: 1;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-label {
    font-size: 0.85714em;
    text-transform: uppercase;
}
.select-group {
    position: relative;
    z-index: 2;
}
.select-group select {
    font-size: 13px;
    border-radius: 4px;
    background-image: none;
    background-color: #fff;
}
.select-group .icon {
    height: calc(8em / 16);
    position: absolute;
    right: 6px;
    top: 50%;
    font-size: 1.25rem;
    transform: translateY(-50%);
    width: calc(8em / 16);
    z-index: 1;
}
/**/
.shopping-cart .checkout .shopping-cart__inner {padding-right: 0; border-right-width: 0;}
.shopping-cart .shopping-cart__inner .shopping-cart__product {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted rgba(175,175,175,0.25);
}
.shopping-cart .shopping-cart__inner .shopping-cart__product:last-child {border-bottom-width: 0; margin-bottom: 0;}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media {overflow: initial;}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media>a{
    max-width: 120px;
    position: relative;
    border: 1px solid rgba(175,175,175,0.25);
    border-radius: 10px;
    margin-right: 20px;
}
.shopping-cart .checkout .shopping-cart__inner .shopping-cart__product .media>a {max-width: 85px}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media .product-image {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    padding: 3px;
}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media img {
    max-width: 100%; height: auto !important; display: inline-block;
}
.product-thumbnail__quantity {
    font-size: 0.85714em;
    font-weight: 500;
    line-height: 1.75em;
    white-space: nowrap;
    text-align: center;
    border-radius: 1.75em;
    background-color: rgba(114,114,114,0.9);
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1.75em;
    height: 1.75em;
    padding: 0 0.58333em;
    position: absolute;
    right: -0.75em;
    top: -0.75em;
    z-index: 3;
}
.shopping-cart .shopping-cart__inner .product-name {
    font-weight: 600;
    display: block;
    color: #0090C5;
}
.shopping-cart .shopping-cart__inner .product-option {
    display: block;
    font-size: 12px;
    color: #999;
}

.shopping-cart .checkout .cart_subtotal {
    font-size: 1.5em;
    border-top:1px solid rgba(175,175,175,0.25); 
    margin-top:20px; 
    padding-top: 20px;
}
.shopping-cart .shopping-cart__inner .product-price {
    font-size: 16px;
    font-weight: bold;
    color: #ed1c24;
    display: block;
    margin-top: 10px;
}
.section--total-lines {
    padding: 1.5em 0;
    border-top: 1px solid rgba(175,175,175,0.25);
}
.section--total-lines .cart_total-price, .section--total-lines .cart_total-shipping {font-weight: 600;}
.section--total-lines .cart_total-shipping .small-text {font-size: 12px; color: #999; font-weight: 400;}

.step__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.step__footer__continue-btn {
    float: right;
    padding: 0.65em 1.7em;
}
.step__footer__previous-link {
    margin-right: 1em;
}

/**/
.menuFixed {
    position: fixed;
    bottom: 90px;
    left: 0;
    margin: 0;
    padding: 0;
    z-index:1022;
    cursor: pointer;
    pointer-events: none;
}
.menuFixed.right,.menuFixed.right li,.menuFixed.right li .divIcon {right:0;}
.menuFixed:hover li .divText{
    transform:translateX(0%);
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
}
.menuFixed li{
    display: block;
    position: relative;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    color: #ffffff;
    width: 100%;
    height:0px;
    left:0;
    clear: both;
}
.menuFixed li a{
    color: #ffffff;
}
.menuFixed li .divText{
    display: block;
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    height: 50px;
    padding-left: 50px;
    z-index: 1;
    background-color: #24292f;
    border-top: solid 1px rgba(255,255,255,.1);
    transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    pointer-events: auto;
}
.menuFixed.right li .divText{
    padding-left: 0;
    padding-right: 50px; 
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
}
.menuFixed li.gt .divText{
    background-color: #24292f;
}

.menuFixed li:hover .divText{
    background-color: #1b394e;
}
.menuFixed li .divText span{
    color: #ffffff;
}
.menuFixed li .divText > span{
    display: block;
    font-size: 14px;
    line-height: 23px;
    padding:13px 10px 0px 25px;
}
.menuFixed li .divText .social{
    padding: 0;
}
.menuFixed li .divText .social > span{
    float:left;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 18px;
    position: relative;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.menuFixed li .divText .social > span i{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.menuFixed li .divText .social .facebook:hover{
    background: #305891;
}
.menuFixed li .divText .social .google:hover{
    background: #d34836;
}
.menuFixed li .divText .social .plug:hover{
    background: #f00;
}
.menuFixed li .divText .social .twitter:hover{
    background: #1da1f2;
}
.menuFixed li .divIcon{
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 49px;
    height: 50px;
    top: 0;
    left: 0;
    background-color: #0090C5;
    border-top: solid 1px rgba(255,255,255,.1);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer-events: auto;
    font-size: 22px;
    line-height: 30px;
}
.menuFixed li.gt .divIcon{
    background-color: #620083;
}
.menuFixed li:hover .divIcon{
    background-color: #1b394e;
}
.menuFixed li:hover{
    background-color: #d25a0c;
}
.menuFixed li.liShare:hover .divText,
.menuFixed li.liShare:hover .divIcon {
    background-color: #488058;
}
.menuFixed li:hover .divText .social a{
    color: #ffffff;
}
.modal-contact-form .form-group label {
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: 600;
}
.modal-dialog .modal-content .modal-header{
    background-color: #2e8ec7;
    color: #fff;
}
/**/
.pageNumber {
    line-height: 100%;
    padding:0;
    display:block;
    line-height:46px;
    text-align:center;
    position: relative;
    margin:1rem 0 1.5rem 0;
}
.pageNumber a {
    display: inline-block;
    width:46px;
    height:46px;
    text-align:center;
    margin: 0 .313rem;
    font-size: 1rem;
    background: #f0efef;
    font-weight:700;
    color: #000;
    border:1px solid #dfdfdf;
    text-decoration: none;
}
.pageNumber a:hover {
    background: #2374a0;
    color: #FFF;
    border:1px solid #2374a0;
}
.pageNumber a.current {
    background: #2e8ec7;
    color: #FFF;
    border:1px solid #2e8ec7;
}
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}
.zalo-chat-widget {bottom: 102px!important;
    right: 22px!important;
}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: -20px;
    z-index: 9999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    left: 33px;
    bottom: 37px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 35px;
    white-space: nowrap;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
    color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}