.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}



.btn-lienhe {
    padding: 7px 15px;
    background-color: #fab900;
    color: #000;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase
}

.btn-lienhe span {
    vertical-align: middle
}

.btn-lienhe .theme-icons {
    margin-right: 5px;
    font-size: 28px;
    vertical-align: middle
}

.lienhe-mobile {
    display: none
}

.lienhe-mobile .btn-lienhe {
    margin: auto 0 auto auto
}

.video_iframe {
    padding-top: 56.25%;
    position: relative
}

.video_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.support-menu {
    animation: uptocallmini 1.5s 0s ease-out infinite
}

.support-menu .icon-phone {
    animation: calltrap_spin 3s infinite linear;
    display: inline-block;
    font-size: 35px;
    margin: 5px;
    background-position-y: 1em
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-link:before {
    content: "\e905"
}

.icon-check-circle:before {
    content: "\e901"
}

.icon-briefcase:before {
    content: "\e903"
}

.icon-users:before {
    content: "\e904"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-lock:before {
    content: "\f023"
}

.icon-eye-slash:before {
    content: "\f070"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-thumbs-up:before {
    content: "\f164"
}

.icon-thumbs-down:before {
    content: "\f165"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-file-pdf-o:before {
    content: "\f1c1"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope-o:before {
    content: "\f003"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-o:before {
    content: "\f006"
}

.icon-check:before {
    content: "\f00c"
}

.icon-close:before {
    content: "\f00d"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-times:before {
    content: "\f00d"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-check-square-o:before {
    content: "\f046"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-phone:before {
    content: "\f095"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-facebook-f:before {
    content: "\f09a"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-sort-desc:before {
    content: "\f0dd"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-asc:before {
    content: "\f0de"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-comment-o:before {
    content: "\f0e5"
}

.icon-comments-o:before {
    content: "\f0e6"
}

.icon-angle-double-left:before {
    content: "\f100"
}

.icon-angle-double-right:before {
    content: "\f101"
}

.icon-angle-double-up:before {
    content: "\f102"
}

.icon-angle-double-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-mobile:before {
    content: "\f10b"
}

.icon-mobile-phone:before {
    content: "\f10b"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-paper-plane:before {
    content: "\f1d8"
}

.icon-send:before {
    content: "\f1d8"
}

.icon-paper-plane-o:before {
    content: "\f1d9"
}

.icon-send-o:before {
    content: "\f1d9"
}

.icon-volume-control-phone:before {
    content: "\f2a0"
}

.icon-bars:before {
    content: "\f0c9"
}

.icon-navicon:before {
    content: "\f0c9"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-eye:before {
    content: "\f06e"
}

.icon-camera:before {
    content: "\f030"
}

.icon-info-circle:before {
    content: "\f05a"
}

.icon-address-card-o:before {
    content: "\f2bc"
}

.icon-vcard-o:before {
    content: "\f2bc"
}

.icon-home:before {
    content: "\e900"
}

.icon-home3:before {
    content: "\e902"
}

.icon-phone-hang-up:before {
    content: "\e943"
}

.icon-clock:before {
    content: "\e94e"
}

.icon-youtube:before {
    content: "\ea9d"
}

.icon-linkedin2:before {
    content: "\eaca"
}

.icon-phone2:before {
    content: "\e942"
}

.icon-location:before {
    content: "\e947"
}

.icon-location2:before {
    content: "\e948"
}

.icon-download:before {
    content: "\e960"
}

.icon-hangouts:before {
    content: "\ea8e"
}

.icon-whatsapp:before {
    content: "\ea93"
}

.top-menu {
    background-color: #001444;
    text-align: right;
    padding: 10px 0
}

.top-menu ul li a {
    font-size: 15px;
    color: #fff;
    -webkit-transition: text-shadow .25s ease-in-out;
    -o-transition: text-shadow .25s ease-in-out;
    transition: text-shadow .25s ease-in-out;
    padding: 0 25px
}

.top-menu ul li {
    display: inline-block
}

.in-menu li {
    display: inline-block
}

.main-menu .in-menu li a {
    padding: 17px 15px;
    color: #000;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    line-height: 1.5;
    font-size: 16px;
    display: block;
    font-family: averta-600
}

.main-menu .in-menu li a:hover {
    color: #001444
}

#header {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 999;
    top: 0
}

#content {
    padding-top: 104px
}


.main-menu .row {
    align-items: center

}

.main-menu {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

dl,
ol,
ul {
    margin-bottom: 0;
    padding: 0
}

.product-main img {
    width: 100%
}

.sliders-main .item .title {
    font-size: 24px;
    font-family: averta-600;
    color: #000;
    text-transform: uppercase;
    margin-top: 12px
}

.top-menu ul li:last-child a {
    padding-right: 0
}

.sliders-main .item {
    position: relative
}

.sliders-main .item .btn {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-family: averta-600;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-top: 15px;
    text-transform: uppercase;
    background-image: url(//zempaint.com/wp-content/themes/saokim/css/images/btn-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 250px;
    height: 57px;
    font-size: 14px;
    color: #fff;
    line-height: 4.2;
    background-color: transparent;
    border: none;
    box-shadow: none
}

.sliders-main .item .btn:hover {
    color: rgba(255, 255, 255, .9);
    background-image: url(//zempaint.com/wp-content/themes/saokim/css/images/btn-image-hover.png);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    margin-bottom: 0;
    border: none;
    box-shadow: none
}

.sliders-main .item .content {
    position: absolute;
    top: 17%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.sliders-main .slick-next,
.sliders-main .slick-prev {
    border: 2px solid #001444;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slick-slider .slick-prev {
    left: 30px
}

.slick-slider .slick-next {
    right: 30px
}

.sliders-main .slick-next:before,
.sliders-main .slick-prev:before {
    color: #001444
}

.sliders-main .slick-dots {
    bottom: 100px
}

.sliders-main .slick-dots li button:before {
    font-size: 15px;
    width: 15px;
    height: 15px;
    color: #ababab;
    opacity: 1;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.sliders-main .slick-dots li.slick-active button:before {
    color: #001444;
    opacity: 1
}

.bg-bt {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    clear: left
}

ul li {
    list-style: none
}

.buttons a:hover {
    color: #092661;
    border-color: #092661;
    background-color: rgba(255, 255, 255, .6);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.buttons a img {
    margin-right: 15px;
    max-width: 32px
}

.buttons a img.hover {
    display: none
}

.buttons a:hover img.hover {
    display: inline-block
}

.buttons a:hover img.no {
    display: none
}

.support .desc {
    max-width: 100%;
    padding: 30px 0;
    border-top: 1px solid #a0a6af;
    margin: auto
}

.support .desc p {
    margin-bottom: 5px
}

.support .title {
    font-size: 60px;
    font-family: averta-600;
    text-transform: uppercase;
    color: #001444;
    padding-bottom: 15px
}

.support {
    text-align: center
}


.socials li a i.fa-Youtube:before {
    content: "\f166";
    font-family: 'FontAwesome';
    font-size: 22px;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.socials li a i.fa-Facebook:before {
    content: "\f09a";
    font-family: 'FontAwesome';
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}



.socials li {
    display: inline-block
}

.bullet ul li {
    display: inline-block;
    padding: 0 10px
}

.bullet ul .color {
    border: 1px solid transparent;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    -webkit-box-shadow: 2px 3px 12px 0px rgba(51, 51, 51, .3);
    box-shadow: 2px 3px 12px 0px rgba(51, 51, 51, .3);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    display: block
}

.bullet ul li .color:hover {
    border-color: #fff;
    -webkit-transform: scale(1.15) translatey(-2px);
    -ms-transform: scale(1.15) translatey(-2px);
    transform: scale(1.15) translatey(-2px)
}

.bullet ul li .color.active {
    border-color: #fff;
    -webkit-transform: scale(1.15) translatey(-2px);
    -ms-transform: scale(1.15) translatey(-2px);
    transform: scale(1.15) translatey(-2px)
}

.des_color .title {
    font-size: 20px;
    display: block;
    font-family: averta-600
}

.bullet .des_color .item {
    display: none
}

.bullet .des_color .item.active {
    display: block
}

.bullet {
    text-align: center;
    color: #fff
}

#tendencies {
    position: relative;
    background-color: transparent;
    text-align: center;
    -webkit-transition: .25s .2s ease-in-out;
    -o-transition: .25s .2s ease-in-out;
    transition: .25s .2s ease-in-out;
    padding-top: 100px;
    padding-bottom: 140px;
    margin-top: 20px;
    margin-bottom: 20px
}

.img-showby-color .item_img_color .in {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, .3)
}

.img-showby-color .item_img_color {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    height: 100%
}

.img-showby-color img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-showby-color a {
    position: relative;
    overflow: hidden;
    display: block
}

.img-showby-color .desc {
    font-size: 14px;
    padding: 18px 25px;
    text-align: justify;
    text-align-last: center;
    letter-spacing: -.1px;
    background-color: #fff
}

.img-showby-color a:before {
    content: '';
    display: block;
    padding-top: 75%
}

.img-showby-color {
    position: relative;
    width: 100%;
    height: 100%
}

.img-showby-color .item_img_color.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1
}

.bullet h2 a:hover {
    text-decoration: none
}

.bullet h2 a {
    font-size: 52px;
    color: #fff;
    line-height: 104px
}

.bullet .pick-color {
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding-top: 30px;
    margin-top: 30px
}

.bullet {
    max-width: 386px;
    margin: auto
}

.bullet p {
    font-size: 18px
}

.bullet .des_color .item.active .code {
    margin-top: 5px;
    font-size: 14px;
    display: block
}

.bg-el {
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    z-index: 9
}

.top-bg {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 120px;
    -webkit-mask-image: url(//zempaint.com/wp-content/themes/saokim/css/images/top-paint.svg)
}

.bottom-bg {
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 120px;
    -webkit-mask-image: url(//zempaint.com/wp-content/themes/saokim/css/images/bot-paint.svg)
}


.kc_text_block p {
    font-size: 18px
}



.maunhadep hr {
    width: 50%;
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 35px;
    margin-bottom: 40px
}

.kc_text_block h1,
.maunhadep h1 {
    text-transform: uppercase;
    line-height: 2em;
    margin-bottom: 0
}


.maunhadep.pink p a:hover {
    background-color: #e46c86;
    color: #fff;
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, .3);
    border-color: #fff;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    text-decoration: none
}

.colors .bg .color {
    height: 100%
}

.colors .bg .content .title {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 1.1;
    color: #000;
    font-family: averta-600;
    letter-spacing: -.3px
}

.colors .bg .content span {
    display: block
}

.colors .bg .content .in {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6px;
    background: #fff
}

.colors .bg .content .set-height {
    height: 100%
}

.colors .bg .content {
    padding: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .15);
    background: #fff;
    top: 0
}

.colors .bg .content .code {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #000;
    font-size: 10px;
    line-height: 1.1;
    display: none
}

.colors .bg {
    height: 120px;
    text-align: center;
    position: relative;
    -webkit-transition: .4s .03s ease-in-out;
    -o-transition: .4s .03s ease-in-out;
    transition: .4s .03s ease-in-out
}

.colors .bg:hover .content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.colors {
    padding-right: 48px
}

.colors li {
    padding: 2px
}

.slimScrollBar {
    width: 20px!important;
    height: 35px!important;
    opacity: 1!important;
    border-radius: 0!important;
    right: 0!important;
    z-index: 9!important
}

.years-slider img {
    webkit-box-shadow: 0 2px 7px 2px rgba(46, 97, 147, .3);
    box-shadow: 0 2px 7px 2px rgba(46, 97, 147, .3);
    width: 100%
}

.years-slider .img {
    padding: 0 15px
}

.select2-years .select2-selection--single .select2-selection__arrow {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select2-years .select2-selection--single .select2-selection__rendered {
    font-family: averta-600;
    color: #fff;
    line-height: 3;
    text-align: left;
    padding-left: 15px
}

.select2-years .select2-selection--single .select2-selection__arrow b {
    border: none;
    margin-top: -8px
}

.select2-years .select2-container {
    width: 250px !important;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.select2-years .select2-selection--single .select2-selection__arrow b:before {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-weight: 300;
    color: #fff
}

.select2-years .select2-container--open .select2-selection--single .select2-selection__arrow b:before {
    -webkit-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important
}

.select2-years .select2-selection--single {
    min-width: 250px;
    height: 44px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eee!important;
    color: #333!important
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #001444!important;
    color: #fff!important
}

.select2-container--default .select2-results__option {
    padding: 12px 15px
}

.select2-years .select2-container--open,
.select2-years .nip-select .select2-container--open {
    background-color: #fff
}

.select2-years .select2-container--open .select2-selection--single .select2-selection__rendered,
.select2-years .nip-select .select2-container--open .select2-selection--single .select2-selection__rendered {
    color: #333!important
}

.select2-years .result-image {
    margin-top: 40px
}

.select2-years {
    text-align: center;
    clear: left;
    padding-top: 20px
}

.select2-years .select2-container--open .select2-selection__arrow b:before {
    color: #000!important
}

a.green-light:hover {
    background-color: #5d98d1;
    color: #fff
}

.product-main {
    position: relative;
    width: 100%
}

.product-main .col-md-3 {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 40px
}

.product-main a.block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    display: block;
    bottom: 0;
    margin-top: 0
}

.product-main a {
    font-size: 18px;
    font-family: avertaBold;
   
    margin-top: 20px;
    display: block;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    text-align: center;
    color: #000
}

.product-main a:hover {
    color: #001444
}

.product-main .product-img {
    position: absolute;
    max-width: 168px;
    bottom: 10px;
    right: -30px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.product-main .item:hover .product-img {
    -webkit-transform: scale(1.05) translateY(-10px);
    -ms-transform: scale(1.05) translateY(-10px);
    transform: scale(1.05) translateY(-10px)
}

.products .product {
    border: 1px solid rgba(205, 205, 205, .5);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden
}

.products .product:hover {
    border: none;
    border-color: transparent;
    -webkit-box-shadow: 0 0px 13px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0px 13px 1px rgba(0, 0, 0, .15);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.products .product .product-content {
    position: relative;
    padding: 15px 40px 20px 20px;
    background-color: #f6f6f6;
    border-top: 1px solid rgba(205, 205, 205, .5);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    min-height: 101px
}

.products .product:hover .product-content {
    background-color: #001444;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15)
}

.products .product img {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    max-width: 263px;
    transform: scale(1);
    padding: 20px 0
}

.products .product .product-img a {
    display: block;
    text-align: center
}

.products .product:hover img {
    transform: scale(1.03)
}

.products .product .product-content h2 {
    line-height: .5;
    margin-bottom: 0
}

.products .product .product-content h2 a {
    font-size: 19px;
    font-family: averta-600;
    line-height: 1;
    color: #000
}

.products .product:hover .product-content h2 a {
    color: #fff
}

.products .product:hover .product-content {
    color: #fff
}

.woocommerce-products-header__title {
    font-size: 42px;
    font-family: averta-600;
    color: #001444;
    margin-bottom: 0;
    letter-spacing: -1px;
    text-transform: inherit;
    text-align: center;
    margin-bottom: 15px
}

.woocommerce-products-header {
    text-align: center;
    margin-bottom: 50px;
    color: #000;
    font-family: avertaBold
}

.children-term li a {
    font-family: averta-600;
    font-size: 20px;
    color: #000;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    letter-spacing: -.5px;
    position: relative;
    z-index: 2
}

.children-term>li a:after {
    box-sizing: border-box;
    content: '';
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/term-link-hover.png) no-repeat center;
    background-size: cover;
    width: 200px;
    height: 63px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.children-term li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 52px 0 65px
}

.children-term>li a.active:after,
.children-term>li a:hover:after {
    opacity: 1;
    visibility: visible;
    z-index: -1
}

.children-term>li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 2px;
    height: 53%;
    background-color: #000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.children-term {
    margin-top: 50px
}

.children-term>li:last-child:before {
    display: none
}



#content:after {
    content: '';
    display: table;
    clear: both
}

.product-main .item img {
    box-shadow: 2px 3px 10px rgba(0, 0, 0, .3)
}

.product-main .item .product-img {
    box-shadow: none
}

.list-color-by-year .item img {
    width: 100%;
    height: auto
}

.list-color-by-year>.row {
    margin-left: -5px;
    margin-right: -5px;
    clear: left
}

.list-color-by-year .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 100%
}

.list-color-by-year .col-md-3 {
    padding-left: 5px;
    padding-right: 5px
}

.list-color-by-year .meta-wrap {
    padding: 18px 5px
}

.list-color-by-year .item:hover .detail a {
    background-color: #001444;
    border-color: #001444
}

.list-color-by-year .meta-wrap .row {
    margin-left: 0;
    margin-right: 0
}

.list-color-by-year .meta-wrap .title a {
    font-family: averta-600;
    font-size: 15px;
    color: #000;
    padding-left: 5px
}

.list-color-by-year .meta-wrap li {
    padding-left: 0;
    padding-right: 0
}

.list-color-by-year .item:hover .detail a span {
    border-color: #fff
}

.list-color-by-year .item:hover .title a {
    color: #001444
}

.list-color-by-year .item:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 -2px 15px rgba(0, 0, 0, .4);
    box-shadow: 0 -2px 15px rgba(0, 0, 0, .4)
}

.color_bul {
    display: inline-block;
    -webkit-mask-image: url(//zempaint.com/wp-content/themes/saokim/css/images/colour-fortune-bg.svg);
    width: 38px;
    height: 38px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.detail a {
    font-size: 0;
    width: 38px;
    height: 38px;
    border: 1px solid #707070;
    border-radius: 50%;
    position: relative;
    display: inline-block
}

.detail a span {
    width: 12px;
    height: 12px;
    border-right: 2px solid #707070;
    border-top: 2px solid #707070;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 43.5%
}

.banner-single img {
    height: 340px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%
}

.single-tuoi-pt .banner-single {
    margin-bottom: 35px
}

.single-tuoi-pt h1 {
    text-transform: none
}

.single-tuoi-pt p {
    color: #000
}

.module-icon-list li .list-main>div .list-title {
    margin-left: 10px
}

.module-icon-list li .list-main {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    width: 100%
}

.module-icon-list li .list-main>div {
    display: inline-block;
    font-family: averta-600;
    color: #000;
    font-size: 20px
}

.rate_years .col-md-3 {
    padding-left: 7px;
    padding-right: 7px
}

.rate_years .content h3 {
    font-size: 20px;
    display: inline-block;
    color: #fff
}

.rate .fa-star-half:before {
    content: "\f123" !important
}

.rate_years .content .rate {
    margin-top: 7px
}

.rate_years .content i {
    font-size: 22px
}

.rate_years .content img {
    margin-top: -6px;
    margin-right: 6px
}

.rate_years .content img,
.rate_years .content h3 {
    display: inline-block
}

.rate_years .content {
    position: absolute;
    bottom: 0;
    vertical-align: middle;
    right: 0;
    left: 0;
    text-align: center;
    color: #fff;
    padding-bottom: 30px
}

.rate_years .item {
    position: relative
}

.pt {
    margin-top: 30px;
    border: 1px solid #cdcdcd;
    font-family: averta-600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 40px 15px
}

.pt .item {
    margin-bottom: 15px;
    border-right: 1px solid #ccc
}

.pt .col-md-6:nth-child(even) .item,
.pt .col-md-6:last-child .item {
    border-right: none
}

.pt .item img {
    margin-right: 30px
}

.pt .item {
    display: flex;
    align-items: center
}

.box-legend fieldset {
    padding: 0 30px 70px
}

.box-legend fieldset legend .img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    border: 1px solid #001444;
    margin-right: 20px
}

.box-legend fieldset legend h2 {
    font-size: 30px;
    font-family: averta-600;
    color: #001444;
    margin-right: 20px
}

.box-legend fieldset legend:after {
    content: '';
    width: 10px;
    height: 10px;
    margin-top: 1px;
    display: block;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #001444
}

.box-legend fieldset:before {
    content: '';
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 40px;
    height: 40px;
    display: block;
    background-color: #fff;
    z-index: 1
}

.box-legend fieldset:after {
    content: '';
    position: absolute;
    right: 1px;
    bottom: 15px;
    width: 0;
    height: 0;
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    border-top: 29px solid #001444;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 2
}

.box-legend fieldset legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto
}

.box-legend fieldset {
    position: relative;
    border: 1px solid #001444
}

.color-single-year li {
    width: 20%;
    padding-left: 20px;
    padding-right: 20px
}

.color-single-year li .item .name,
.colors-ls .item .name {
    font-size: 15px;
    margin-bottom: 3px;
    letter-spacing: -.5px
}

.color-single-year li .item,
.colors-ls .item {
    cursor: pointer;
    padding: 20px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    margin-bottom: 30px
}

.colors-ls .item:hover,
.color-single-year li .item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 1px 25px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 25px rgba(0, 0, 0, .3)
}

.colors-ls .item .color,
.color-single-year li .color {
    width: 140px;
    height: 105px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(//zempaint.com/wp-content/themes/saokim/css/images/vetson-phongthuy.svg);
    margin: 0 auto 20px
}

.model_house_color .item .color {
    width: 81px;
    height: 61px
}

.model_house_color .colors-ls .item {
    margin-bottom: 0
}

.model_house_color .colors-ls .item:first-child {
    margin-left: 0
}

.model_house_color .colors-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 25px;
    margin-top: 15px;
    background-color: rgba(204, 0, 0, .8);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6)
}

.model_house_color .item {
    width: 150px;
    text-align: center;
    background-color: #fff;
    margin: 0 28px
}

.model_house_color .item.color_m {
    margin: 0 10px
}

.model_house_color .item.color_m.pt_house {
    margin-left: 28px;
    position: relative
}

.model_house_color {
    position: relative
}

.colors-ls-wrap .main-title {
    color: #fff
}

.colors-ls-wrap {
    position: absolute;
    bottom: 0;
    transform: translateY(30%)
}

.colors-ls-wrap.left {
    left: 20px
}

.colors-ls-wrap.right {
    right: 20px
}

.model_house_color .item.color_m.pt_house:after {
    content: '+';
    position: absolute;
    top: 50%;
    left: -42px;
    font-size: 45px;
    font-family: averta-300;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.model_house_color .goto {
    display: block
}

.model_house_color .goto span:before {
    content: '';
    width: 16px;
    height: 16px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 43.5%
}

.model_house_color .goto span {
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 40px;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    display: block
}

.colors-ls:hover .goto span {
    background-color: #fff
}

.colors-ls:hover .goto span:before {
    border-color: #001444
}

.box-legend.no_legend fieldset {
    padding: 40px 30px
}

.single-product .kc_text_block p,
.single-product .kc_text_block h1,
.single-product .maunhadep h1,
.single-product .maunhadep p,
.single-product .maunhadep,
.single-product p {
    color: #000
}

.cl-red {
    color: #001444
}

.son-de-nghi tbody tr:first-child>td {
    background-color: #cdcdcd;
    font-family: averta-600;
    background-color: #cdcdcd;
    font-size: 16px;
    border: 2px solid #fff
}

.son-de-nghi thead tr td {
    text-align: center;
    font-size: 20px;
    font-family: averta-600;
    text-transform: none;
    padding-top: 25px;
    padding-bottom: 25px;
    border: 2px solid #fff;
    background-color: #cdcdcd
}

.son-de-nghi tbody tr:first-child>td:first-child {
    width: 20%;
    text-align: center
}

.son-de-nghi tbody tr>td:last-child {
    text-align: center
}

.son-de-nghi tbody tr>td {
    padding: 22px 15px;
    background-color: #f1f1f1;
    border: 2px solid #fff
}

.son-de-nghi tbody tr>td:first-child {
    text-align: center
}

.son-de-nghi tbody tr:first-child>td:nth-child(2) {
    width: 60%
}

.son-de-nghi tbody tr:first-child>td:nth-child(3) {
    width: 20%
}

.du-lieu-thi-cong tbody tr>td:first-child {
    width: 41%;
    background-color: #cdcdcd
}

.du-lieu-thi-cong td {
    color: #000;
    background-color: #f1f1f1;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.du-lieu-thi-cong tbody tr>td {
    padding: 14px
}

.du-lieu-thi-cong td .icon {
    font-size: 0;
    width: 35px;
    text-align: center
}

.du-lieu-thi-cong td .title {
    font-size: 16px;
    margin-left: 10px;
    width: calc(100% - 45px)
}

.single-product .in-content {
    margin-left: -15px;
    margin-right: -15px
}

.single-product .single-product-title {
    font-family: averta-600;
    color: #001444;
    margin-bottom: 20px;
    letter-spacing: -1px;
    text-transform: inherit
}

.single-product .in-content .product_mota h2:first-child:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #cdcdcd;
    margin-left: 10px;
    margin-right: -100%;
    display: inline-block;
    vertical-align: middle
}

.single-product h3 {
    font-size: 23px
}

.single-product .in-content .product_mota h2:first-child {
    font-size: 30px;
    font-family: averta-600;
    letter-spacing: -1px;
    font-weight: 400;
    overflow: hidden;
    margin-bottom: 20px
}

.dac_tinh_nb img {
    max-width: 75px;
    margin: 15px 5px 0
}

.product-related .item img {
    max-width: 190px;
    margin: auto;
    width: 100%
}

.product-related .item a {
    color: #000
}

.product-related .item {
    text-align: center;
    padding: 0 15px
}

.product-related .item:hover a {
    color: #001444
}

.product-related .item:focus {
    outline: none
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.product-related .slick-next,
.product-related .slick-prev {
    width: 40px;
    height: 40px;
    border: 2px solid #707070;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.product-related:hover .slick-next,
.product-related:hover .slick-prev {
    opacity: 1;
    visibility: visible
}

.product-related:hover .slick-next {
    right: -40px
}

.product-related .slick-arrow {
    border: 2px solid #707070;
    background-color: #fff;
    opacity: 0;
    visibility: hidden
}

.product-related .slick-next {
    right: 0
}

.product-related .slick-prev {
    left: 0
}

.product-related .slick-next:before {
    font-family: 'FontAwesome';
    content: "\f054";
    color: #2e2e2e
}

.product-related {
    margin-top: 40px
}

.product-related .slick-prev:before {
    font-family: 'FontAwesome';
    content: "\f053";
    color: #2e2e2e
}

.product-color .item img {
    max-width: 140px;
    margin: auto;
    width: 100%
}

.product-color .item p {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 20px;
    font-family: averta-400;
    line-height: 2
}

.product-color {
    margin-top: 40px
}

.product-color .item:focus {
    outline: none
}

.product-color .item {
    text-align: center;
    padding: 0 15px
}

.slick-control .slick-next,
.slick-control .slick-prev {
    width: 40px;
    height: 40px;
    border: 2px solid #707070;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.slick-control:hover .slick-next,
.slick-control:hover .slick-prev {
    opacity: 1;
    visibility: visible
}

.slick-control.slick-next {
    right: 0
}

.slick-control .slick-prev {
    left: 0
}

.slick-control .slick-next:before {
    font-family: 'FontAwesome';
    content: "\f054";
    color: #2e2e2e
}

.slick-control .slick-prev:before {
    font-family: 'FontAwesome';
    content: "\f053";
    color: #2e2e2e
}

.slick-control:hover .slick-next {
    right: 40px
}

.slick-control:hover .slick-prev {
    left: 40px
}

.product-color .item {
    position: relative
}

.product-color .item a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.slimScrollDiv {
    clear: left
}

.category-menu li a {
    position: relative;
    min-width: 210px;
    padding: 20px;
    display: block;
    font-family: averta-600;
    color: #000
}

.category-menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 40px 0
}

.category-menu li a {
    position: relative
}

.category-menu li a:after {
    content: '';
    background-color: #000;
    position: absolute;
    height: 50%;
    width: 1px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.category-menu li:last-child a:after {
    display: none
}

.category-menu li a i {
    margin-right: 10px
}

.category-menu li a:hover {
    color: #001444
}

.category-menu li a.active_blog,
.category-menu li a.active {
    color: #001444
}

.category-menu.active_blog li a.blog-a {
    color: #001444
}

.category-menu.active_blog li a.active {
    color: #000
}

.article-cate .item {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.article-cate .item:hover {
    -webkit-box-shadow: 0 9px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 9px 15px 0 rgba(0, 0, 0, .15);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.article-cate .category {
    font-size: 16px;
    color: #001444;
    margin-bottom: 5px;
    display: block
}

.article-cate .content .title a:hover {
    color: #001444
}

.article-cate .content .date {
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    font-size: 14px
}

.article-cate .content .title a {
    font-size: 20px;
    color: #000;
    font-family: averta-600
}

.article-cate .content {
    padding: 25px 20px
}

.article-cate img {
    height: auto;
    width: 100%
}

.read_more a {
    color: #001444;
    font-family: averta-400;
    font-size: 18px
}

.read_more {
    text-align: right;
    padding: 0 20px 20px
}

.article-cate .item {
    position: relative;
    height: 100%
}

.oveflow_item {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%
}

.article-cate .row .col-lg-4 {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px
}

.header_cat_post p {
    font-family: avertaBold;
    color: #000;
    margin-top: 10px;
    font-size: 18px
}

.header_cat_post h1 {
    font-size: 42px;
    font-family: averta-600;
    color: #001444;
    letter-spacing: -1px;
    margin-bottom: 20px
}

.header_cat_post {
    text-align: center
}

.head_content ul li.cat a {
    color: #001444
}

.head_content ul li {
    display: inline-block
}

#toc_container .toc_title {
    color: #333
}

.toc_list li a {
    font-family: averta-600;
    font-size: 18px;
    color: #000
}

.toc_list li a:hover {
    color: #001444;
    text-decoration: none !important
}

#toc_container p.toc_title {
    text-align: left
}

#toc_container {
    width: 100%;
    text-align: left
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

.related_post .title .col {
    padding-left: 7px;
    margin-bottom: 20px
}


.related_post .title .heading {
    color: #001444
}

.related_post {
    margin-top: 40px
}

.go_toall:hover {
    color: #001444
}

.go_toall {
    font-size: 16px;
    color: #001444;
    font-family: averta-600
}

.breadcrumbs span,
.breadcrumbs a {
    font-size: 16px;
    color: #949494;
    font-family: averta-400
}

.breadcrumbs {
    font-size: 16px;
    color: #000;
    font-family: averta-600;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 0 15px
}

.single-post #content {
    padding-bottom: 7em
}

.main-menu {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

body.home .main-menu {
    border: none
}

body.logged-in #content {
    padding-top: 72px
}

body.logged-in #header {
    top: 32px
}

body.home #content {
    padding-top: 0
}

body.home.logged-in #content {
    padding-top: 0
}

.in-main-menu .sub-menu a {
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.in-main-menu>li>.sub-menu>li:hover>a {
    background: #001444;
    color: #fff
}

.in-main-menu .sub-menu li {
    display: block
}

.in-main-menu .sub-menu li a {
    font-size: 16px;
    margin: 0;
    padding: 13px 15px;
    color: #000;
    font-family: averta-400;
    letter-spacing: -.1px
}

.in-main-menu>li>.sub-menu>li>.sub-menu {
    background-color: #eee
}

.in-main-menu>li>.sub-menu>li>.sub-menu>li>a {
    padding-left: 30px
}

.in-main-menu>li>.sub-menu>li>.sub-menu>li:hover a {
    background: #001444;
    color: #fff
}

.in-main-menu>li>.sub-menu>li.menu-item-has-children {
    position: relative
}

.in-main-menu>li>.sub-menu>li.menu-item-has-children:after {
    content: '';
    position: absolute;
    display: block;
    border-width: 4px;
    border-color: transparent transparent transparent #000;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 0;
    border-style: dashed dashed dashed solid;
    width: 0;
    height: 0;
    right: 10px;
    top: 22px
}

.in-main-menu>li>.sub-menu>li.menu-item-has-children:hover:after {
    border-color: transparent transparent transparent #fff
}

.in-main-menu>li>.sub-menu {
    min-width: 240px;
    border: 1px solid #eaeaea;
    display: none;
    position: absolute;
    left: auto;
    top: 100%;
    background: #fff;
    border-top: 3px solid #001444;
    box-shadow: 0 5px 9px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 2px !important
}

.in-main-menu>li:hover .sub-menu {
    display: block;
    padding: 0
}

.sliders-main.slick-slider .slick-next,
.sliders-main.slick-slider .slick-prev {
    border: 2px solid #001444;
    background-color: transparent
}

.colors {
    margin-left: 0;
    margin-right: 0
}

.child-image {
    position: absolute !important;
    bottom: -100px;
    right: 98px;
    text-align: left;
    float: right;
    width: auto !important
}

.images-base .img .wrap_img {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 5px 4px 7px rgba(0, 0, 0, .2);
    box-shadow: 5px 4px 7px rgba(0, 0, 0, .2)
}

.images-base .img .wrap_img:before {
    content: '';
    padding-top: 100%;
    display: block
}

.images-base .img {
    padding-left: 6px;
    padding-right: 6px
}

.images-base.active .img .wrap_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.image_grid {
    position: relative
}

.images-base {
    clear: left;
    margin-left: -6px;
    margin-right: -6px
}

.slick-slide {
    outline: none
}

.hr {
    border-bottom: 1px solid #cdcdcd
}


.kc_single_image {
    z-index: 1
}

.style_section {
    position: relative;
    overflow: hidden
}

.style_section:after {
    content: '';
    display: block;
    background-color: #ff7070;
    width: 750px;
    height: 750px;
    position: absolute;
    right: -300px;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

a.button-download {
    color: #001444;
    padding: 15px;
    border: 2px solid #001444;
    display: block;
    max-width: 80%;
    text-align: center;
    font-family: averta-600;
    font-size: 18px
}

a.button-download:hover {
    background-color: #001444;
    color: #fff
}

.feature_header_color h1 {
    font-family: averta-600;
    color: #001444;
    margin-bottom: 50px;
    text-align: center
}

.list_color_single_feature {
    margin-top: 30px
}

.list_color_single_feature img {
    width: 100%;
    height: auto
}

.list_color_single_feature .row {
    margin-left: -20px;
    margin-right: -20px
}

.related_feature_color_in .title {
    color: #001444;
    font-family: averta-600;
    font-size: 15px
}

.related_feature_color_in .right {
    text-align: right
}

.related_feature_color_in .row {
    align-items: center;
    margin: 0
}

.a_overflow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.related_feature_color_in .item {
    position: relative;
    margin-bottom: 10px
}

.main-content:after {
    content: '';
    clear: both;
    display: table
}

.related_feature_color {
    margin-top: 70px
}

.related_feature_color .title {
    margin-bottom: 20px
}

.related_feature_color_in .content .detail {
    padding-left: 0;
    padding-right: 0;
    text-align: right
}

.related_feature_color_in .content .color {
    padding-left: 0;
    padding-right: 7px
}

.related_feature_color_in .item:hover .detail a {
    background-color: #001444;
    border-color: #001444;
    color: #fff
}

.related_feature_color_in .item:hover .detail a span {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff
}

.related_feature_color_in a:focus {
    outline: none
}

.slick-initialized button.default:before {
    color: #707070
}

.slick-initialized button.default {
    display: block;
    border: 1px solid #707070
}

.slick-initialized button.default.slick-prev {
    left: -35px
}

.slick-initialized button.default.slick-next {
    right: -35px
}

.slick-initialized button.default:hover:before {
    color: #fff
}

.slick-initialized button.default:hover {
    background: #001444
}

.default_slider .slick-dots li button:before {
    border: 1px solid #707070;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 0
}

.default_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    border: 1px solid transparent;
    background-color: #001444
}

.single-y-nghia-mau-son .kc_single_image {
    margin-bottom: 40px
}

.single-y-nghia-mau-son .kc_single_image .scapt {
    font-size: 18px;
    margin-top: 25px
}

.single-y-nghia-mau-son p {
    color: #000
}

.des_short {
    padding: 30px 0 0
}

.y_nghia_mau_son_post_style .item {
    position: relative
}

.y_nghia_mau_son_post_style .item {
    position: relative
}

.y_nghia_mau_son_post_style .item .mirror:after {
    content: '';
    display: block;
    padding-top: 131%
}

.y_nghia_mau_son_post_style .item .mirror .content h3 {
    font-size: 16px;
    margin-bottom: 0
}

.y_nghia_mau_son_post_style .item .mirror .content p {
    margin-bottom: 5px
}

.y_nghia_mau_son_post_style .item .mirror .content {
    position: absolute;
    left: 0;
    bottom: 2px;
    background: #fff;
    padding: 10px 0 0;
    right: -1px
}

.y_nghia_mau_son_post_style .item .mirror {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 40%;
    border: 7px solid #fff;
    padding-top: 30px
}

.y_nghia_mau_son_post_style img {
    width: 100%;
    height: auto
}

.y_nghia_mau_son_post_style .item .detail a span {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff
}

.y_nghia_mau_son_post_style .item:hover .detail a span {
    color: #001444
}

.y_nghia_mau_son_post_style .item:hover .detail a {
    border: 1px solid #fff;
    background-color: #001444;
    border-color: #001444
}

.y_nghia_mau_son_post_style .item .detail a {
    border-color: #fff
}

.y_nghia_mau_son_post_style .item .detail {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.related_feature_color .title .col {
    padding-left: 0;
    padding-right: 0
}

.related_feature_color .article {
    clear: left
}

.color_element_y_nghia li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px
}

.heading-line:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    margin-left: 10px;
    margin-right: -100%;
    display: inline-block;
    vertical-align: middle
}

.heading-line {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px
}

.title_header {
    margin-bottom: 50px
}

.info_mau_phoi_nha .fieldset .legend {
    width: auto;
    color: #001444;
    font-family: averta-600;
    font-size: 20px;
    position: absolute;
    top: -13px;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px
}

.info_mau_phoi_nha .fieldset .item .right {
    padding-left: 20px
}

.info_mau_phoi_nha .fieldset .item .name {
    font-size: 16px
}

.info_mau_phoi_nha .fieldset .item {
    margin-left: 0;
    margin-right: 0;
    align-items: center
}

.info_mau_phoi_nha .fieldset .color {
    width: 80px;
    height: 70px
}

.info_mau_phoi_nha .fieldset ul li {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.info_mau_phoi_nha .fieldset ul li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.info_mau_phoi_nha .fieldset {
    border: 1px solid #cdcdcd;
    padding: 30px 20px 10px;
    position: relative;
    margin-top: 40px
}

.warning {
    padding: 50px 20px 50px 30px;
    background-color: #f1f1f1
}

.warning p {
    position: relative;
    padding-left: 150px;
    margin-bottom: 0
}

.warning p:before {
    content: '';
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/luu-y.png) 50% 50% no-repeat;
    width: 75px;
    height: 63px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.warning p:after {
    content: '';
    width: 1px;
    height: 180%;
    background-color: #cdcdcd;
    display: block;
    position: absolute;
    top: 50%;
    left: 113px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.group-btn-bg a {
    padding: 12px 10px 9px;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    color: #fff
}

.group-btn-bg {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/group-btn-bg.png) no-repeat 50% 50%;
    width: 100%;
    height: 100%;
    padding: 65px 70px;
    background-size: contain
}

.group-btn-bg .pa-btn.lien-he:before,
.group-btn-bg .pa-btn.tim-san-pham:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    top: -2px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tim-dai-ly.png) 50% 50% no-repeat;
    width: 17px;
    height: 23px
}

.group-btn-bg .item+.item {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #fff
}

.group-btn-bg .pa-btn.tim-san-pham:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/san-pham.png) 50% 50% no-repeat;
    width: 24px;
    height: 23px
}

.group-btn-bg a:hover {
    background-color: #fff;
    border-color: transparent;
    color: #001444
}

.group-btn-bg a:hover.lien-he:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tim-dai-ly-red.png) 50% 50% no-repeat
}

.group-btn-bg a:hover.tim-san-pham:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/san-pham-red.png) 50% 50% no-repeat
}

.mau_phoi_mau_nha_post li .img {
    position: relative;
    overflow: hidden
}

.mau_phoi_mau_nha_post .item .bottom {
    padding: 28px 15px 25px
}

.mau_phoi_mau_nha_post .item .bottom h3 {
    margin-bottom: 0;
    line-height: 1
}

.mau_phoi_mau_nha_post .item .bottom h3 a {
    font-size: 17px;
    margin-bottom: 0;
    color: #333;
    display: block;
    position: relative
}

.mau_phoi_mau_nha_post .item {
    margin-bottom: 10px
}

.mau_phoi_mau_nha_post.active .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mau_phoi_mau_nha_post li .img:after {
    content: '';
    display: block;
    padding-top: 75%
}

.mau_phoi_mau_nha_post li {
    padding-left: 25px;
    padding-right: 25px
}

.mau_phoi_mau_nha_post .item .bottom h3 a:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    border-top: 2px solid #001444;
    border-right: 2px solid #001444;
    position: absolute;
    top: 40%;
    right: 10px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%)
}

a:focus {
    outline: none
}

.single-mau-phoi-mau-nha .note {
    font-style: italic;
    font-style: italic;
    color: #707070;
    font-size: 18px;
    padding: 40px 0 60px
}

.pagination .page-numbers {
    font-size: 18px;
    width: 50px;
    height: 50px;
    border-radius: 0;
    line-height: 2.3;
    padding: 5px 0;
    border: 1px solid #000;
    display: inline-block;
    color: #000;
    text-align: center;
    margin-right: 5px
}

.pagination {
    text-align: center;
    justify-content: center;
    clear: left;
    margin: 40px 0
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    background-color: #001444;
    border-color: #001444;
    color: #fff
}

.possition_img {
    position: relative;
    overflow: hidden
}

.possition_img:after {
    content: '';
    display: block;
    padding-top: 75%
}

.possition_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.search_mau_phoi_nha:after {
    content: '';
    display: table;
    clear: both
}

.mau_phoi_mau_nha-page_ar .item_wrap:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .16)
}

.mau_phoi_mau_nha-page_ar .item_wrap {
    position: relative;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-bottom: 30px
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom .item .content {
    padding-left: 10px
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom .code {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom .name {
    font-size: 13px;
    font-family: averta-600;
    display: block;
    margin-bottom: 2px
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom .row {
    margin-top: 15px
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom {
    padding: 15px 30px 10px;
    border: 1px solid #eee
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom .item {
    display: flex;
    margin-bottom: 15px;
    align-items: center
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom .color {
    width: 48px;
    height: 42px
}

.mau_phoi_mau_nha-page_ar .item_wrap .bottom h3 a {
    font-family: averta-600;
    font-size: 23px;
    color: #000
}

.list_ar_blog {
    margin-bottom: 60px
}

.tab_scroll.fixed li:last-child a:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/con-so-white.png) 50% 50% no-repeat
}

.tab_scroll li:last-child a:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/con-so-black.png) 50% 50% no-repeat
}

.tab_scroll.fixed li:nth-child(2) a:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/lich-su-white.png) 50% 50% no-repeat
}

.tab_scroll li:nth-child(2) a:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/lich-su-black.png) 50% 50% no-repeat
}

.tab_scroll li:first-child a:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tong-quan-black.png) 50% 50% no-repeat
}

.tab_scroll.fixed li:first-child a:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tong-quan-white.png) 50% 50% no-repeat
}

.tab_scroll li:last-child:after {
    display: none
}

.tab_scroll li {
    position: relative
}

.tab_scroll li:after {
    content: '';
    background-color: #000;
    position: absolute;
    height: 50%;
    width: 1px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tab_scroll li a:before {
    content: '';
    background-size: cover;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top
}

.tab_scroll li a {
    font-family: averta-600;
    color: #000;
    font-size: 18px
}

.tab_scroll li:hover a {
    color: #001444
}

.tab_scroll li {
    padding: 20px;
    min-width: calc(100%/3)
}

.tab_scroll {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15)
}

body:not(.home) .kc_text_block p,
body:not(.home) .kc_text_block h1,
body:not(.home) .maunhadep h1,
body:not(.home) .maunhadep p,
body:not(.home) .maunhadep {
    color: #000
}

.block-history {
    padding-top: 75px;
    padding-bottom: 60px
}

.block-history__list>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -75px
}

@media (max-width:1399px) {
    .block-history__list>ul {
        margin-bottom: -50px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1024px) {
    .block-history__list>ul {
        display: block
    }
}

.block-history__list .item {
    list-style-type: none;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    max-width: 400px;
    margin-bottom: 75px;
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width:1024px) {
    .block-history__list .item {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.block-history__list .item:hover .item-inner {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .16)
}

@media (max-width:1399px) {
    .block-history__list .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
        flex: 0 0 350px;
        max-width: 350px;
        margin-bottom: 50px
    }
}

@media (max-width:736px) {
    .block-history__list .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
        max-width: 320px
    }
}

.block-history__list .item:after,
.block-history__list .item:before {
    content: '';
    background-color: #cdcdcd;
    position: absolute
}

.block-history__list .item:before {
    content: '';
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1024px) {
    .block-history__list .item:before {
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }
}

.block-history__list .item:nth-child(3):after,
.block-history__list .item:nth-child(4):after {
    top: 50%;
    height: 125%;
    width: 1px
}

@media (max-width:1399px) {
    .block-history__list .item:nth-child(3):after,
    .block-history__list .item:nth-child(4):after {
        height: 120%
    }
}

@media (max-width:1024px) {
    .block-history__list .item:nth-child(3):after,
    .block-history__list .item:nth-child(4):after {
        display: none
    }
}

.block-history__list .item:nth-child(3):after {
    right: 0
}

.block-history__list .item:nth-child(4):after {
    left: 0
}

.block-history__list .item:first-child:after,
.block-history__list .item:last-child:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    font-size: inherit;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    color: #cdcdcd
}

.block-history__list .item:first-child:after {
    content: "\f10c";
    left: -9px;
    font-size: 12px
}

@media (max-width:1024px) {
    .block-history__list .item:first-child:after {
        top: -60px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.block-history__list .item:last-child:after {
    content: "\f105";
    right: -3px;
    font-size: 18px
}

@media (max-width:1024px) {
    .block-history__list .item:last-child:after {
        content: "\f105";
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
        bottom: -68px;
        top: auto;
        left: 50%;
        right: 0
    }
}

.block-history__year {
    position: absolute;
    font-family: averta-600;
    color: #fff;
    top: 15px;
    left: -10px;
    font-size: 13px;
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/vet-son-about-us.png) 50% 50% no-repeat;
    width: 70px;
    height: 70px
}

@media (min-width:1400px) {
    .block-history__year {
        font-size: 15px;
        left: 0
    }
}

.block-history__year .year-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.block-history__text {
    margin-top: 15px;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px
}

@media (max-width:1399px) {
    .block-history__text {
        font-size: 13px
    }
}

.block-history__img {
    width: 40px;
    height: 40px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.block-history__img:before {
    content: '';
    display: block;
    padding-top: 100%
}

.block-history__img img {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

@media (max-width:1399px) {
    .block-history__img img {
        width: 80%
    }
}

.block-history .item-inner {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 300px;
    width: 100%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.block-history .item-inner__info {
    padding-top: 90px
}

@media (max-width:1399px) {
    .block-history .item-inner__info {
        padding-top: 65px
    }
}

@media (max-width:736px) {
    .block-history .item-inner__info {
        padding-top: 50px
    }
}

@media (max-width:1399px) {
    .block-history .item-inner {
        height: 250px
    }
}

@media (max-width:736px) {
    .block-history .item-inner {
        height: 220px
    }
}

.tab_scroll.fixed {
    position: fixed;
    top: 54px;
    left: 0;
    width: 100%;
    background-color: #001444;
    z-index: 2
}

.tab_scroll.fixed li.active:first-child a:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tong-quan-white.png) 50% 50% no-repeat
}

@media (min-width:1400px) {
    .tab_scroll.fixed {
        top: 59px
    }
    body.logged-in .tab_scroll.fixed {
        top: 95px
    }
}

.tab_scroll.fixed li:after {
    display: none
}

.tab_scroll.fixed li a {
    color: #fff
}

.wpcf7 textarea {
    max-height: 135px
}

.wpcf7 textarea,
.wpcf7 input {
    width: 100%;
    padding: 13px 12px 11px;
    background-color: #f1f1f1;
    border: 1px solid #ecedee;
    margin-bottom: 20px;
    outline: none
}

.wpcf7 textarea::-webkit-input-placeholder,
.wpcf7 input::-webkit-input-placeholder {
    color: #949494;
    font-family: averta-400;
    font-size: 18px
}

.wpcf7 textarea:-ms-input-placeholder,
.wpcf7 input:-ms-input-placeholder {
    color: #949494;
    font-family: averta-400;
    font-size: 18px
}

.wpcf7 textarea::placeholder,
.wpcf7 input::placeholder {
    color: #949494;
    font-family: averta-400;
    font-size: 18px
}

.wpcf7 .wpcf7-submit:hover {
    background: #001444;
    color: #fff
}

.wpcf7 .wpcf7-submit {
    border: 1px solid #001444;
    background: #fff;
    font-size: 20px;
    font-family: averta-600;
    letter-spacing: -.1px;
    color: #001444
}

.card {
    margin-bottom: 20px;
    border-radius: 0
}

.card-header button:hover {
    text-decoration: none;
    color: #e42555
}

.card-header button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 12px 15px 11px;
    color: #000;
    font-size: 19px;
    text-decoration: none;
    position: relative
}

.card-header button[aria-expanded=false]:after {
    content: '\f067';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 12px;
    font-family: 'FontAwesome'
}

.card-header button[aria-expanded=true]:after {
    content: '\f068';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 12px;
    font-family: 'FontAwesome'
}

.card-header button[aria-expanded=true] {
    color: #001444
}

.card-header {
    padding: 0;
    background: 0 0;
    border: none
}

.contact_button .group-btn-bg a:hover {
    background: #001444;
    color: #fff
}

.contact_button .group-btn-bg {
    background: 0 0;
    padding-top: 0
}

.contact_button .group-btn-bg .lien-he:hover:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tim-dai-ly.png) 50% 50% no-repeat
}

.contact_button .group-btn-bg .lien-he:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tim-dai-ly-red.png) 50% 50% no-repeat
}

.contact_button .group-btn-bg .tim-san-pham:hover:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/san-pham.png) 50% 50% no-repeat
}

.contact_button .group-btn-bg .tim-san-pham:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/san-pham-red.png) 50% 50% no-repeat
}

.contact_button .group-btn-bg {
    display: flex;
    padding: 0
}

.contact_button .group-btn-bg .item {
    width: 50%;
    margin-top: 0;
    padding: 0 5px
}

.contact_button .group-btn-bg a {
    border: 1px solid #001444;
    display: block;
    text-align: center;
    color: #001444;
    font-family: averta-600;
    font-size: 20px
}

.daily .item .phone:after {
    content: '';
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/phone.png) center no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    left: 0;
    position: absolute
}

.daily .item .phone {
    position: relative;
    font-size: 16px;
    padding-left: 35px
}

.daily .item .address {
    font-size: 18px;
    margin: 30px 0
}

.daily .item h2 {
    font-size: 18px;
    color: #000;
    text-transform: uppercase
}

.daily .col-lg-4 {
    margin-bottom: 30px
}

.daily .item a {
    width: 100%;
    padding: 13px 15px;
    background-color: #fff;
    color: #001444;
    border: 1px solid #001444;
    display: block;
    text-align: center;
    margin-top: 30px
}

.daily .item a:after {
    background-size: cover;
    width: 27px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: -3px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    content: '';
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/ban-do-btn.png) 50% 50% no-repeat
}

.daily .item a:hover:after {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/ban-do-btn-hover.png) 50% 50% no-repeat
}

.daily .item a:hover {
    background-color: #001444;
    color: #fff
}

.daily .item {
    background-color: #f2f2f2;
    padding: 20px;
    height: 100%
}

.single-mau-phoi-mau-nha .button-download .sp-animation {
    display: none
}

.single-mau-phoi-mau-nha .info_mau_phoi_nha img {
    width: 100%;
    height: auto
}

.single-mau-phoi-mau-nha .button-download {
    width: 100%;
    max-width: 100%
}

.product_contact .tai-tai-lieu:before {
    width: 21px;
    height: 21px;
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tai-lieu-ky-thuat-red.png) 50% 50% no-repeat;
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    top: -2px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.product_contact .tai-tai-lieu:hover:before {
    width: 21px;
    height: 21px;
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tai-lieu-ky-thuat-white.png) 50% 50% no-repeat
}

.product_contact .group-btn-bg {
    display: block;
    margin-top: 40px
}

.product_contact .group-btn-bg .item {
    width: 100%;
    margin-bottom: 10px
}


.product-main {
    max-width: 90%;
    margin: auto
}

.product-main .item:hover a {
    color: #001444
}


.back-to-top {
    position: fixed;
    border-radius: 50%;
    bottom: 80px;
    right: 30px;
    cursor: pointer;
    text-align: center;
    z-index: 99;
    display: block;
    background-color: #001444;
    color: #fff;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 50px;
    height: 50px;
    border: none;
    font-size: 24px;
    line-height: 2.2;
    -webkit-mask-image: url(//zempaint.com/wp-content/themes/saokim/css/images/colour-fortune-bg.svg);
    mask-image: url(//zempaint.com/wp-content/themes/saokim/css/images/colour-fortune-bg.svg);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.back-to-top.fade-back {
    visibility: visible;
    display: block;
    opacity: 1
}

.back-to-top span:before {
    content: "\f3d8";
    font-family: "icomoon"
}

.back-to-top.fade-back.white {
    color: #001444;
    background-color: #fff
}

.element_feature_color .row .col-md-6 {
    margin-bottom: 30px
}

.element_feature_color {
    margin-top: 30px
}

.element_feature_color .col-md-12 {
    margin-bottom: 30px
}

#footer .row {
    align-items: flex-end
}

.current-menu-ancestor>a {
    color: #001444
}

@media screen and (max-width:890px) {
    .main-menu .in-menu li a {
        padding: 10px 15px
    }
}

.kc-elm:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    body h1 {
        font-size: 30px !important;
        line-height: 1 !important;
        margin-bottom: 10px !important
    }
    body h5 {
        font-size: 24px !important
    }
    body h3 {
        font-size: 26px !important
    }
    .element_feature_color .detail {
        text-align: right !important
    }
    .element_feature_color .text-right {
        text-align: left !important
    }
    .img-showby-color {
        min-height: 500px;
        margin-top: 20px
    }
    #tendencies {
        padding-top: 30px;
        padding-bottom: 30px
    }
    body.home .kc-row-container>.kc-wrap-columns>.kc-elm {
        padding-top: 1em !important;
        padding-bottom: 8em !important
    }
    body.home .kc-row-container>.kc-wrap-columns>.kc-css-164069 {
        padding-bottom: 1em !important
    }
    .colors li {
        width: 25%
    }
    .slimScrollDiv .colors {
        padding-right: 0
    }
    .slimScrollDiv {
        padding-right: 0
    }
    body.kc-css-system .kc-css-365453 {
        padding-top: 3em !important;
        padding-bottom: 3em !important
    }
    .kc_row.kc_row_inner>.kc_column_inner {
        padding-left: 0;
        padding-right: 0
    }
    .kc_row.kc_row_inner {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0
    }
    .bg-bt {
        height: auto !important
    }
    body.home .kc-elm .kc-row-container .kc-wrap-columns .kc-css-212869 {
        padding-bottom: 0 !important
    }
    body.kc-css-system .kc-css-377088 {
        padding-top: 5em;
        padding-bottom: 2em
    }
    body.home .kc-row-container>.kc-wrap-columns>.kc-elm {
        padding-bottom: 1em !important;
        padding-left: 0;
        padding-right: 0
    }
    body.home .slimScrollDiv {
        padding-right: 30px;
        margin-bottom: 30px
    }
    .kc-elm.kc-css-29262 {
        padding-top: 65px
    }
    .sliders-main .item .title {
        font-size: 18px
    }
}

@media screen and (max-width:415px) {
    body h1 {
        font-size: 22px !important
    }
    body h3 {
        font-size: 24px !important
    }
    body h5 {
        font-size: 20px !important
    }
}

.products.row .col-lg-4 {
    margin-bottom: 30px
}

.navbar-toggler__icon {
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-top: 13px
}

.navbar-toggler__icon span {
    display: block;
    height: 3px;
    width: 75%;
    background-color: #001444;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

.open .navbar-toggler__icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -10px;
    position: relative
}

.open .navbar-toggler__icon span:nth-child(2) {
    opacity: 0;
    width: 0
}

.open .navbar-toggler__icon span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px;
    position: relative
}

.navbar-toggler__icon span+span {
    margin-top: 5px
}

.menu_mobile {
    display: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0 3%;
    align-items: center;
    position: relative
}

.menu_mobile .in {
    display: none
}

.mobile-dropdown {
    float: right;
    width: 22px;
    text-align: center;
    color: #d11818
}

.menu_mobile ul li.current_page_item a,
.menu_mobile ul li a:hover {
    color: #d11818
}

.navbar-toggler__icon:hover {
    cursor: pointer
}

.menu_mobile ul li a {
    color: #000
}

.menu_mobile .in>ul>li>a {
    font-weight: 700;
    clear: left;
    border-bottom: 1px solid #cccccc30
}

@media screen and (max-width:542px) {
    .children-term li {
        margin-bottom: 45px
    }
    .children-term>li:before {
        display: none
    }
}

@media screen and (max-width:991px) {
    body.logged-in #header.affix {
        top: 0
    }
    .menu_mobile .dropdown-menu.open {
        display: block;
        position: static;
        width: 100%;
        max-width: 80%;
        float: none;
        margin-bottom: 20px;
        margin-left: 6%
    }
    .top-menu,
    .main-menu {
        display: none
    }
    #header {
        min-height: 0px;
        padding: 10px 0;
        background: #ffffff03
    }
    .menu_mobile .in {
        display: none
    }
    body.home .kc-row-container>.kc-wrap-columns>.kc-elm.kc-css-446524 {
        padding-top: 0 !important
    }
    .menu_mobile.open .in {
        display: block;
        position: absolute;
        top: 100%;
        width: 100%;
        right: 0;
        left: 0;
        background: #fff;
        margin-top: 10px;
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 20px;
        box-shadow: 1px 2px 7px #ccc
    }
    .menu_mobile {
        display: flex
    }
    #header.affix {
        top: 0
    }
    body.logged-in #content {
        padding-top: 60px;
        margin-top: 0
    }
}

.mau_theo_nha ul li {
    display: inline-block;
    position: relative
}

.mau_theo_nha .mau_theo_nha_tab ul li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    display: block;
    width: 2px;
    height: 51%;
    background-color: rgba(255, 255, 255, .5)
}

.mau_theo_nha .mau_theo_nha_tab ul li:last-child:before {
    display: none
}

.mau_theo_nha .mau_theo_nha_tab ul li a {
    font-size: 17px;
    text-shadow: 0 0 .1px #fff, 0 0 .05px #fff;
    color: #eaeaea;
    padding: 0 27px;
    font-family: averta-600
}

.mau_theo_nha .mau_theo_nha_tab ul li.active a {
    color: #fff
}

.mau_theo_nha .mau_theo_nha_tab:after {
    content: '';
    background-image: url(//zempaint.com/wp-content/themes/saokim/css/images/colour-code-bg-paint.png);
    position: absolute;
    bottom: -58px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 60px;
    left: 0
}

.mau_theo_nha .mau_theo_nha_tab {
    text-align: center;
    background-color: #e46c86;
    font-family: averta-600;
    padding: 20px 0;
    position: relative;
    margin-bottom: 80px
}

.mau_theo_nha .not-show {
    display: none
}

.mau_theo_nha .not-show.active {
    display: block
}

.mau_theo_nha .slimScrollDiv li {
    width: 20%;
    flex: 0 0 20%
}

.mau_theo_nha .tab-content img {
    width: 100%;
    height: auto
}

.mau_theo_nha .slimScrollDiv li .content {
    z-index: 99
}

.mau_theo_nha .slimScrollDiv li .color,
.mau_theo_nha .slimScrollDiv li {
    height: 85px
}

.mau_theo_nha .slimScrollBar,
.mau_theo_nha .slimScrollRail {
    background: #cacaca!important
}

.mau_theo_nha .colors_page {
    background: 0 0;
    padding-top: 0;
    padding-right: 33px
}

.search_color {
    display: flex;
    margin-bottom: 20px
}

.search_color .in_select select {
    width: 100%
}

.search_color .in_select {
    width: 50%
}

.search_color .search_input {
    width: 50%;
    position: relative;
    padding-left: 10px
}

.search_color .search_input .btn_search {
    position: absolute;
    right: 0;
    background-color: #b70202;
    color: #fff;
    top: 0;
    bottom: 0;
    line-height: 55px;
    padding: 0 20px;
    font-family: averta-600
}

.search_color .search_input input {
    background-color: transparent;
    border: 1px solid #ecedee;
    padding: 10px;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    outline: none
}

.search_color .select2-container--default .select2-selection--single span {
    line-height: 55px;
    color: #000
}

.search_color .select2-container--default .select2-selection--single {
    border: 1px solid #707070;
    height: 55px;
    padding: 1px 15px 5px 5px;
    border-radius: 0;
    line-height: 55px;
    font-family: averta-600;
    outline: none
}

.search_color .select2-container--default .select2-selection--single span.select2-selection__arrow {
    right: 10px;
    top: 18px
}

#colour-suggestion {
    width: 100%;
    text-align: center;
    font-family: averta-600;
    font-size: 16px;
    color: rgba(0, 0, 0, .8);
    padding: 29px 0;
    line-height: 1;
    padding: 39px 50px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
    margin-top: 40px
}

.mau_chinh_mau_nhan {
    background-color: #e46c86;
    padding-top: 40px;
    padding-bottom: 120px;
    margin-top: 130px;
    margin-bottom: 40px
}

.choose_result .in {
    padding-left: 15px
}

.choose_result .in .code {
    display: block
}

.choose_result .in .title {
    font-family: averta-600;
    font-size: 20px
}

.choose_result .set-height {
    width: 65px;
    height: 65px
}

.mau_chinh_mau_nhan .item {
    max-width: 450px;
    padding-bottom: 60px
}

.mau_chinh_mau_nhan .col-xs-6:last-child .item {
    margin-left: auto
}

.choose_result {
    -webkit-animation: animateColor linear .2s;
    animation: animateColor linear .2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    padding: 15px 15px 20px;
    margin-top: 20px;
    background-color: #fff;
    padding: 20px 20px 30px 30px;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
    display: flex;
    align-items: center
}

.mau_chinh_mau_nhan h4 {
    color: #fff
}

.goi_y_kethop p {
    margin-bottom: 0
}

.goi_y_kethop {
    margin-top: 80px;
    text-align: center
}

.mau_chinh_mau_nhan .row .col-xs-6:last-child {
    border-right: none
}

.mau_chinh_mau_nhan .row .col-xs-6 {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.related_ma_mau_son .product-color .item img {
    max-width: 100px
}

.related_ma_mau_son .product-related .item img {
    max-width: 155px
}

.related_ma_mau_son .product-related {
    padding-left: 0
}

.luu_y {
    margin-top: 15px
}

.mau_chinh_mau_nhan {
    position: relative
}

.mau_chinh_mau_nhan:after {
    background-image: url(//zempaint.com/wp-content/themes/saokim/css/images/colour-code-select-top-bg-paint.png);
    top: -100px;
    position: absolute;
    bottom: auto;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 113px;
    content: ''
}

.related_ma_mau_son {
    position: relative
}

.mau_chinh_mau_nhan:before {
    background-image: url(//zempaint.com/wp-content/themes/saokim/css/images/colour-code-select-bot-bg-paint.png);
    position: absolute;
    bottom: -35px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 107px;
    content: ''
}

.calculate-paint {
    margin-top: 30px;
    padding-left: 8%;
    padding-right: 8%
}

@media (max-width:1024px) {
    .calculate-paint {
        padding-left: 0;
        padding-right: 0
    }
}

.calculate-paint__page {
    padding-bottom: 100px
}

@media (max-width:736px) {
    .calculate-paint__page {
        padding-bottom: 70px
    }
}

.calculate-paint__page .block-heading h1 {
    font-size: 40px;
    font-family: averta-600;
    color: #001444;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: -1px;
    text-transform: none
}

@media (min-width:1440px) {
    .calculate-paint__page .block-heading h1 {
        font-size: 42px
    }
}

@media (max-width:767px) {
    .calculate-paint__page .block-heading h1 {
        font-size: 38px
    }
}

@media (max-width:568px) {
    .calculate-paint__page .block-heading h1 {
        font-size: 29px
    }
}

.calculate-paint__inner {
    position: relative;
    z-index: 1;
    padding: 30px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
}

@media (max-width:992px) {
    .calculate-paint__inner {
        padding: 25px 15px
    }
}

.calculate-paint.show-result .calculate-paint__result {
    display: block;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 30px
}

.calculate-paint.show-result .calculate-paint__field {
    display: none
}

.calculate-paint__step-title {
    font-size: 21px;
    letter-spacing: -1px;
    font-family: averta-600
}

@media (min-width:1400px) {
    .calculate-paint__step-title {
        font-size: 25px
    }
}

@media (max-width:414px) {
    .calculate-paint__step-title {
        font-size: 17px
    }
}

.calculate-paint__step:first-child .step-inner {
    padding-top: 0
}

.calculate-paint__step .result-none {
    display: none;
    font-size: 0
}

.calculate-paint__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    margin: 25px -5px
}

@media (min-width:1400px) {
    .calculate-paint__btn {
        margin: 30px -15px
    }
}

@media (max-width:736px) {
    .calculate-paint__btn {
        display: block;
        margin: 25px 0
    }
}

.calculate-paint__btn .item,
.calculate-paint__btn .webform-flex--1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    list-style-type: none;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:1400px) {
    .calculate-paint__btn .item,
    .calculate-paint__btn .webform-flex--1 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:736px) {
    .calculate-paint__btn .item,
    .calculate-paint__btn .webform-flex--1 {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: 100%;
        padding: 0
    }
    .calculate-paint__btn .item+.item,
    .calculate-paint__btn .webform-flex--1+.item {
        margin-top: 10px
    }
}

.calculate-paint__btn .item .pa-btn,
.calculate-paint__btn .item .store-locator__list-btn a,
.calculate-paint__btn .item .webform-confirmation__back>a,
.calculate-paint__btn .webform-flex--1 .pa-btn,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a,
.store-locator__list-btn .calculate-paint__btn .item a,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a {
    font-size: 15px;
    display: block;
    padding: 13px 15px;
    border: 1px solid #001444;
    color: #001444
}

.calculate-paint__btn .item .pa-btn .img,
.calculate-paint__btn .item .store-locator__list-btn a .img,
.calculate-paint__btn .item .webform-confirmation__back>a .img,
.calculate-paint__btn .webform-flex--1 .pa-btn .img,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a .img,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a .img,
.store-locator__list-btn .calculate-paint__btn .item a .img,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a .img {
    margin-right: 5px
}

@media (min-width:1400px) {
    .calculate-paint__btn .item .pa-btn,
    .calculate-paint__btn .item .store-locator__list-btn a,
    .calculate-paint__btn .item .webform-confirmation__back>a,
    .calculate-paint__btn .webform-flex--1 .pa-btn,
    .calculate-paint__btn .webform-flex--1 .store-locator__list-btn a,
    .calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a,
    .store-locator__list-btn .calculate-paint__btn .item a,
    .store-locator__list-btn .calculate-paint__btn .webform-flex--1 a {
        padding: 17px 20px;
        font-size: 16px
    }
}

@media (max-width:736px) {
    .calculate-paint__btn .item .pa-btn,
    .calculate-paint__btn .item .store-locator__list-btn a,
    .calculate-paint__btn .item .webform-confirmation__back>a,
    .calculate-paint__btn .webform-flex--1 .pa-btn,
    .calculate-paint__btn .webform-flex--1 .store-locator__list-btn a,
    .calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a,
    .store-locator__list-btn .calculate-paint__btn .item a,
    .store-locator__list-btn .calculate-paint__btn .webform-flex--1 a {
        padding: 10px 15px 9px
    }
}

.calculate-paint__btn .item .pa-btn.with-bg:before,
.calculate-paint__btn .item .store-locator__list-btn a.with-bg:before,
.calculate-paint__btn .item .webform-confirmation__back>a.with-bg:before,
.calculate-paint__btn .webform-flex--1 .pa-btn.with-bg:before,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.with-bg:before,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.with-bg:before,
.store-locator__list-btn .calculate-paint__btn .item a.with-bg:before,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.with-bg:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.calculate-paint__btn .item .pa-btn.lien-he:before,
.calculate-paint__btn .item .store-locator__list-btn a.lien-he:before,
.calculate-paint__btn .item .webform-confirmation__back>a.lien-he:before,
.calculate-paint__btn .webform-flex--1 .pa-btn.lien-he:before,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.lien-he:before,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.lien-he:before,
.store-locator__list-btn .calculate-paint__btn .item a.lien-he:before,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.lien-he:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tim-dai-ly-red.png) 50% 50% no-repeat;
    width: 17px;
    height: 23px
}

.calculate-paint__btn .item .pa-btn.tim-dai-ly:before,
.calculate-paint__btn .item .store-locator__list-btn a.tim-dai-ly:before,
.calculate-paint__btn .item .webform-confirmation__back>a.tim-dai-ly:before,
.calculate-paint__btn .webform-flex--1 .pa-btn.tim-dai-ly:before,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.tim-dai-ly:before,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.tim-dai-ly:before,
.store-locator__list-btn .calculate-paint__btn .item a.tim-dai-ly:before,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.tim-dai-ly:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/cay-son-red.png) 50% 50% no-repeat;
    width: 23px;
    height: 23px
}

.calculate-paint__btn .item .pa-btn.reset,
.calculate-paint__btn .item .pa-btn.result,
.calculate-paint__btn .item .store-locator__list-btn a.reset,
.calculate-paint__btn .item .store-locator__list-btn a.result,
.calculate-paint__btn .item .webform-confirmation__back>a.reset,
.calculate-paint__btn .item .webform-confirmation__back>a.result,
.calculate-paint__btn .webform-flex--1 .pa-btn.reset,
.calculate-paint__btn .webform-flex--1 .pa-btn.result,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.reset,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.result,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.reset,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.result,
.store-locator__list-btn .calculate-paint__btn .item a.reset,
.store-locator__list-btn .calculate-paint__btn .item a.result,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.reset,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.result {
    background-color: #001444;
    color: #fff
}

.calculate-paint__btn .item .pa-btn.reset.not-allow,
.calculate-paint__btn .item .pa-btn.result.not-allow,
.calculate-paint__btn .item .store-locator__list-btn a.reset.not-allow,
.calculate-paint__btn .item .store-locator__list-btn a.result.not-allow,
.calculate-paint__btn .item .webform-confirmation__back>a.reset.not-allow,
.calculate-paint__btn .item .webform-confirmation__back>a.result.not-allow,
.calculate-paint__btn .webform-flex--1 .pa-btn.reset.not-allow,
.calculate-paint__btn .webform-flex--1 .pa-btn.result.not-allow,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.reset.not-allow,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.result.not-allow,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.reset.not-allow,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.result.not-allow,
.store-locator__list-btn .calculate-paint__btn .item a.reset.not-allow,
.store-locator__list-btn .calculate-paint__btn .item a.result.not-allow,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.reset.not-allow,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.result.not-allow {
    cursor: not-allowed;
    pointer-events: none;
    background-color: rgba(204, 0, 0, .6);
    border: 1px solid transparent
}

.calculate-paint__btn .item .pa-btn.reset.close,
.calculate-paint__btn .item .pa-btn.result.close,
.calculate-paint__btn .item .store-locator__list-btn a.reset.close,
.calculate-paint__btn .item .store-locator__list-btn a.result.close,
.calculate-paint__btn .item .webform-confirmation__back>a.reset.close,
.calculate-paint__btn .item .webform-confirmation__back>a.result.close,
.calculate-paint__btn .webform-flex--1 .pa-btn.reset.close,
.calculate-paint__btn .webform-flex--1 .pa-btn.result.close,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.reset.close,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.result.close,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.reset.close,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.result.close,
.store-locator__list-btn .calculate-paint__btn .item a.reset.close,
.store-locator__list-btn .calculate-paint__btn .item a.result.close,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.reset.close,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.result.close {
    display: none
}

.calculate-paint__btn .item .pa-btn.reset,
.calculate-paint__btn .item .store-locator__list-btn a.reset,
.calculate-paint__btn .item .webform-confirmation__back>a.reset,
.calculate-paint__btn .webform-flex--1 .pa-btn.reset,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.reset,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.reset,
.store-locator__list-btn .calculate-paint__btn .item a.reset,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.reset {
    display: none
}

.calculate-paint__btn .item .pa-btn.reset.show,
.calculate-paint__btn .item .store-locator__list-btn a.reset.show,
.calculate-paint__btn .item .webform-confirmation__back>a.reset.show,
.calculate-paint__btn .webform-flex--1 .pa-btn.reset.show,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.reset.show,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.reset.show,
.store-locator__list-btn .calculate-paint__btn .item a.reset.show,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.reset.show {
    display: block
}

.calculate-paint__btn .item .pa-btn.with-img:hover,
.calculate-paint__btn .item .store-locator__list-btn a.with-img:hover,
.calculate-paint__btn .item .webform-confirmation__back>a.with-img:hover,
.calculate-paint__btn .webform-flex--1 .pa-btn.with-img:hover,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a.with-img:hover,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a.with-img:hover,
.store-locator__list-btn .calculate-paint__btn .item a.with-img:hover,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a.with-img:hover {
    background-color: #b10202
}

.calculate-paint__btn .item .pa-btn:hover,
.calculate-paint__btn .item .store-locator__list-btn a:hover,
.calculate-paint__btn .item .webform-confirmation__back>a:hover,
.calculate-paint__btn .webform-flex--1 .pa-btn:hover,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a:hover,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a:hover,
.store-locator__list-btn .calculate-paint__btn .item a:hover,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a:hover {
    color: #fff;
    background-color: #001444;
    border-color: #001444
}

.calculate-paint__btn .item .pa-btn:hover.tim-dai-ly:before,
.calculate-paint__btn .item .store-locator__list-btn a:hover.tim-dai-ly:before,
.calculate-paint__btn .item .webform-confirmation__back>a:hover.tim-dai-ly:before,
.calculate-paint__btn .webform-flex--1 .pa-btn:hover.tim-dai-ly:before,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a:hover.tim-dai-ly:before,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a:hover.tim-dai-ly:before,
.store-locator__list-btn .calculate-paint__btn .item a:hover.tim-dai-ly:before,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a:hover.tim-dai-ly:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/cay-son-white.png) 50% 50% no-repeat
}

.calculate-paint__btn .item .pa-btn:hover.lien-he:before,
.calculate-paint__btn .item .store-locator__list-btn a:hover.lien-he:before,
.calculate-paint__btn .item .webform-confirmation__back>a:hover.lien-he:before,
.calculate-paint__btn .webform-flex--1 .pa-btn:hover.lien-he:before,
.calculate-paint__btn .webform-flex--1 .store-locator__list-btn a:hover.lien-he:before,
.calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a:hover.lien-he:before,
.store-locator__list-btn .calculate-paint__btn .item a:hover.lien-he:before,
.store-locator__list-btn .calculate-paint__btn .webform-flex--1 a:hover.lien-he:before {
    background: url(//zempaint.com/wp-content/themes/saokim/css/images/tim-dai-ly.png) 50% 50% no-repeat
}

@media (min-width:1400px) {
    .calculate-paint__btn .item .pa-btn,
    .calculate-paint__btn .item .store-locator__list-btn a,
    .calculate-paint__btn .item .webform-confirmation__back>a,
    .calculate-paint__btn .webform-flex--1 .pa-btn,
    .calculate-paint__btn .webform-flex--1 .store-locator__list-btn a,
    .calculate-paint__btn .webform-flex--1 .webform-confirmation__back>a,
    .store-locator__list-btn .calculate-paint__btn .item a,
    .store-locator__list-btn .calculate-paint__btn .webform-flex--1 a {
        font-size: 20px
    }
}

.calculate-paint__result-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width:1400px) {
    .calculate-paint__result-inner {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width:736px) {
    .calculate-paint__result-inner {
        display: block;
        margin-left: 0;
        margin-right: 0
    }
}

.calculate-paint__result-inner .item-inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:1400px) {
    .calculate-paint__result-inner .item-inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:736px) {
    .calculate-paint__result-inner .item-inner {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: 100%;
        padding: 0
    }
    .calculate-paint__result-inner .item-inner+.item-inner {
        margin-top: 25px
    }
}

.calculate-paint__result-block {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
}

.calculate-paint__result-block__list .item {
    list-style-type: none
}

.calculate-paint__result-block.wall .calculate-paint__result-block__title {
    background-color: #001444
}

.calculate-paint__result-block.wall .calculate-paint__result-block__list .total-text {
    color: #001444
}

.calculate-paint__result-block.ceiling .calculate-paint__result-block__title {
    background-color: #0c327e
}

.calculate-paint__result-block.ceiling .calculate-paint__result-block__list .total-text {
    color: #0c327e
}

.calculate-paint__result-block__title {
    font-size: 18px;
    font-family: averta-600;
    padding: 14px 20px;
    color: #fff
}

@media (min-width:1400px) {
    .calculate-paint__result-block__title {
        font-size: 20px;
        padding: 17px 25px
    }
}

@media (min-width:1024px) {
    .calculate-paint__result-block__title {
        font-size: 16px
    }
}

.calculate-paint__result-block__list {
    padding: 20px 25px 15px 30px
}

@media (min-width:1400px) {
    .calculate-paint__result-block__list {
        padding: 30px 25px 20px 30px
    }
}

.calculate-paint__result-block__list .item+.item {
    margin-top: 15px
}

@media (min-width:1400px) {
    .calculate-paint__result-block__list .item+.item {
        margin-top: 25px
    }
}

.calculate-paint__result-block__list .item-text {
    position: relative;
    padding-left: 20px
}

.calculate-paint__result-block__list .item-text:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.calculate-paint__result-block__list .total-text {
    font-family: averta-600;
    font-size: 35px;
    margin-top: 5px;
    padding-left: 20px
}

.calculate-paint__result-block__list .total-text sup {
    font-size: 22px;
    top: -15px
}

@media (min-width:1400px) {
    .calculate-paint__result-block__list .total-text {
        font-size: 40px
    }
}

.step-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%
}

@media (max-width:992px) {
    .step-left {
        display: none
    }
}

.step-left .img {
    margin-left: -10px
}

@media (min-width:1400px) {
    .step-left .img {
        margin-left: -5px
    }
}

.step-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
    padding-left: 20px
}

@media (max-width:992px) {
    .step-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0
    }
}

.step-right .note {
    margin-top: 15px;
    font-style: italic
}

.step-right__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.step-right__mobile__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%
}

@media (max-width:414px) {
    .step-right__mobile__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

@media (min-width:993px) {
    .step-right__mobile__img {
        display: none
    }
}

@media (max-width:992px) {
    .step-right__mobile .calculate-paint__step-title {
        padding-left: 15px
    }
}

.step-list__item-row {
    position: relative
}

@media (max-width:568px) {
    .step-list__item-row {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%
    }
}

@media (max-width:320px) {
    .step-list__item-row {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%
    }
}

.step-list__item-row:first-child:before {
    content: '';
    height: 1px;
    background-color: #707070;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-left: 0;
    margin-right: 10px;
    margin-right: 10px
}

@media (min-width:1400px) {
    .step-list__item-row:first-child:before {
        width: 35px;
        margin-right: 20px;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:992px) {
    .step-list__item-row:first-child:before {
        content: none
    }
}

.step-list__item-row label+input.step__num {
    margin-left: 15px
}

@media (max-width:992px) {
    .step-list__item-row label+input.step__num {
        margin-left: 0
    }
}

@media (max-width:992px) {
    .step-list__item-row label {
        display: none
    }
}

.step-list__item-row .step__num {
    border: 1px solid #949494;
    border-radius: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 8px 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background: 0 0;
    outline: none;
    max-width: 100%
}

@media (max-width:568px) {
    .step-list__item-row .step__num {
        padding: 6px 8px
    }
}

.step-list__item-row .step__num.error {
    border-color: rgba(204, 0, 0, .3);
    background-color: rgba(204, 0, 0, .3)
}

.step-list__item-row .step__num::-webkit-input-placeholder {
    color: #000;
    text-align: right;
    line-height: normal!important
}

@media (max-width:992px) {
    .step-list__item-row .step__num::-webkit-input-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num::-webkit-input-placeholder {
        font-size: 10px
    }
}

.step-list__item-row .step__num::-moz-placeholder {
    color: #000;
    text-align: right
}

@media (max-width:992px) {
    .step-list__item-row .step__num::-moz-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num::-moz-placeholder {
        font-size: 10px
    }
}

.step-list__item-row .step__num:-ms-input-placeholder {
    color: #000;
    text-align: right
}

@media (max-width:992px) {
    .step-list__item-row .step__num:-ms-input-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num:-ms-input-placeholder {
        font-size: 10px
    }
}

.step-list__item-row .step__num:-moz-placeholder {
    color: #000;
    text-align: right
}

@media (max-width:992px) {
    .step-list__item-row .step__num:-moz-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num:-moz-placeholder {
        font-size: 10px
    }
}

.step-list__item-icon {
    position: relative;
    overflow: hidden;
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width:736px) {
    .step-list__item-icon {
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.step-list__item-icon:after,
.step-list__item-icon:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #949494
}

.step-list__item-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.step-list__item-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (min-width:1400px) {
    .step-list__item-icon {
        width: 30px;
        height: 30px
    }
}

.step-list__item-row {
    position: relative
}

@media (max-width:568px) {
    .step-list__item-row {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%
    }
}

@media (max-width:320px) {
    .step-list__item-row {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%
    }
}

.step-list__item-row:first-child:before {
    content: '';
    height: 1px;
    background-color: #707070;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-left: 0;
    margin-right: 10px;
    margin-right: 10px
}

@media (min-width:1400px) {
    .step-list__item-row:first-child:before {
        width: 35px;
        margin-right: 20px;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:992px) {
    .step-list__item-row:first-child:before {
        content: none
    }
}

.step-list__item-row label+input.step__num {
    margin-left: 15px
}

@media (max-width:992px) {
    .step-list__item-row label+input.step__num {
        margin-left: 0
    }
}

@media (max-width:992px) {
    .step-list__item-row label {
        display: none
    }
}

.step-list__item-row .step__num {
    border: 1px solid #949494;
    border-radius: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 8px 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background: 0 0;
    outline: none
}

@media (max-width:568px) {
    .step-list__item-row .step__num {
        padding: 6px 8px
    }
}

.step-list__item-row .step__num.error {
    border-color: rgba(204, 0, 0, .3);
    background-color: rgba(204, 0, 0, .3)
}

.step-list__item-row .step__num::-webkit-input-placeholder {
    color: #000;
    text-align: right;
    line-height: normal!important
}

@media (max-width:992px) {
    .step-list__item-row .step__num::-webkit-input-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num::-webkit-input-placeholder {
        font-size: 10px
    }
}

.step-list__item-row .step__num::-moz-placeholder {
    color: #000;
    text-align: right
}

@media (max-width:992px) {
    .step-list__item-row .step__num::-moz-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num::-moz-placeholder {
        font-size: 10px
    }
}

.step-list__item-row .step__num:-ms-input-placeholder {
    color: #000;
    text-align: right
}

@media (max-width:992px) {
    .step-list__item-row .step__num:-ms-input-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num:-ms-input-placeholder {
        font-size: 10px
    }
}

.step-list__item-row .step__num:-moz-placeholder {
    color: #000;
    text-align: right
}

@media (max-width:992px) {
    .step-list__item-row .step__num:-moz-placeholder {
        text-align: center
    }
}

@media (max-width:568px) {
    .step-list__item-row .step__num:-moz-placeholder {
        font-size: 10px
    }
}

.step-list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 5px 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (min-width:1400px) {
    .step-list__item {
        padding: 5px 10px
    }
}

@media (max-width:568px) {
    .step-list__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 7px 5px 6px
    }
}

.step-list__item:nth-child(2) {
    margin-top: 0!important
}

@media (max-width:736px) {
    .step-list__item .step__remove-row a {
        display: none
    }
}

.step-list__item+.step-list__item {
    margin-top: 10px
}

.step-list__item:not(:first-child) {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    background: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.step-list__item .button-see-all {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (max-width:736px) {
    .step-list__item .button-see-all {
        right: 5px
    }
}

@media (max-width:568px) {
    .step-list__item .button-see-all {
        right: 2px
    }
}

.step-list__item:before {
    counter-increment: count;
    content: "" counter(count) "";
    font-size: 25px;
    font-family: averta-600;
    min-width: 40px;
    text-align: center
}

@media (min-width:1400px) {
    .step-list__item:before {
        font-size: 40px
    }
}

@media (max-width:568px) {
    .step-list__item:before {
        font-size: 20px;
        min-width: 25px;
        text-align: left;
        margin-left: 5px
    }
}

.step-list__item .button-see-all .fa-times-circle {
    margin-right: 5px
}

@media (max-width:414px) {
    .step-list__item .button-see-all .fa-times-circle {
        margin-right: 10px
    }
}

.nofitication-alert {
    background-color: #ffeead;
    z-index: 2;
    padding: 0;
    -webkit-transition: height .3s ease, opacity .2s ease;
    -o-transition: height .3s ease, opacity .2s ease;
    transition: height .3s ease, opacity .2s ease;
    opacity: 0;
    visibility: hidden;
    height: 0
}

.nofitication-alert.show {
    margin-top: 10px;
    height: auto;
    padding: 12px 15px;
    opacity: 1;
    visibility: visible
}

.nofitication-alert__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333
}

.nofitication-alert__inner .fa {
    font-size: 17px;
    position: relative;
    top: -1px
}

@media (max-width:736px) {
    .nofitication-alert__inner .fa {
        font-size: 14px
    }
}

.nofitication-alert__inner .text {
    font-size: 16px;
    margin-left: 10px;
    font-family: averta-600
}

@media (max-width:736px) {
    .nofitication-alert__inner .text {
        font-size: 14px;
        margin-left: 7px
    }
}

.button-see-all a {
    font-size: 16px;
    color: #001444;
    font-family: averta-600
}

.step-list {
    counter-reset: count;
    margin-top: 10px;
    margin-bottom: 20px
}

.step-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 30px;
    padding-bottom: 15px
}

.button-see-all.step__remove-row:hover {
    cursor: pointer
}

.item__inner-result input {
    width: 100%
}

#ket_qua_tinh_mau_son.in {
    display: block
}

.fade.in {
    opacity: 1
}

#ket_qua_tinh_mau_son .modal-header {
    justify-content: center
}


.row.r {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: initial;
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.row.r span {
    color: #231e20
}

.row.r span:nth-child(2) {
    color: rgba(35, 30, 32, .74);
    font-weight: 600
}

.row.r.no-bgr {
    background-color: #fff !important
}

.row.r.bold {
    background-color: #f9f6f1;
    margin-top: 20px;
    padding-left: 0;
    padding-left: 15px;
    border-bottom: none;
    margin-top: 10px;
    margin-top: 45px
}

.row.r.bold span {
    font-weight: 600;
    color: #231e20
}

.row.r.bold label {
    font-weight: 600;
    margin-bottom: 0
}

.row.r>div {
    width: 100%
}

.row.r span,
.row.r label {
    margin-bottom: 0;
    margin-right: 6px
}

.name-c {
    font-weight: 600;
    padding: 15px;
    margin-top: 25px;
    padding-left: 15px;
    background-color: #f9f6f1
}

.name-c label {
    margin: 0
}

.name-c span {
    font-weight: 400
}

.name-c span.bold {
    font-weight: 600
}

.table-bottom {
    margin-top: 30px
}

.table-bottom .bb {
    font-weight: 600
}

.table-bottom .dttn {
    justify-content: center;
    padding-right: 20px
}

.table-bottom .head>div {
    display: flex
}

.table-bottom .head>div>div:nth-child(2) {
    margin-left: 10px;
    color: #231e20;
    font-weight: 600
}

.table-bottom .row.r {
    background: #fff
}

.table-bottom .row.r.head {
    background-color: #f9f6f1
}

.table-mbh-bottom,
.head {
    border: 1px solid rgba(0, 0, 0, .15)
}

.table-mbh-bottom {
    margin-top: -1px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important
}

.table-mbh-bottom table {
    width: 100%
}

.table-mbh-bottom td,
.table-mbh-bottom th {
    width: 100%;
    padding: 20px
}

.table-mbh-bottom td:nth-child(n+2),
.table-mbh-bottom th:nth-child(n+2) {
    border-left: 1px solid rgba(0, 0, 0, .15);
    text-align: center
}

.table-mbh-bottom tr {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.table-mbh-bottom tr:nth-child(n+2) td:first-child {
    font-weight: 600
}

.row.r.table-mbh-bottom {
    padding-bottom: 0
}

.title-quy-dinh-bao-hanh {
    font-family: "averta-600";
    font-size: 26px;
    margin-left: -15px
}

.bao_hanh_tieu_de {
    background-color: #f9f6f1 !important;
    display: block;
    padding: 15px;
    font-weight: 600;
    margin-top: 40px
}

.time_to_expire {
    border-bottom: 1px solid #ccc;
    padding: 15px
}

.page-id-1805 footer {
    margin-top: 60px
}

@media (min-width:768px) and (max-width:1199px) {
    .row.r span:nth-child(2) {
        display: block
    }
}

@media (min-width:768px) and (max-width:991px) {
    .box-main-mbh .box-mbh {
        display: block;
        padding: 0
    }
    .box-main-mbh .box-mbh>div:nth-child(2) {
        margin-top: 10px;
        padding-bottom: 10px
    }
    .baohanh * {
        font-size: 13px
    }
}

.kc_text_block {
    padding-left: 30px
}

@media (max-width:991px) {
    .baohanh>.bgr {
        margin-bottom: 60px
    }
}

@media (max-width:767px) {
    .row.r span:nth-child(2) {
        display: block
    }
    .result.row img {
        width: 100%
    }
    .result.row .title-result {
        margin-top: 30px
    }
    .table-bottom .row.r.head {
        display: block;
        text-align: left
    }
    .table-bottom .head>div {
        justify-content: end
    }
    .table-bottom .head>div:not(:first-child) {
        margin-top: 10px
    }
}

@media (max-width:650px) {
    .container.table-bottom {
        min-width: 512px
    }
    .box-mbh {
        display: block !important
    }
    .baohanh,
    .kc_col-sm-12 {
        padding-left: 0;
        padding-right: 0
    }
    .row.r {
        display: block
    }
    .row.r>div:nth-child(2) {
        margin-top: 10px
    }
    .row.r span:nth-child(2) {
        display: inline-block
    }
    .box-scroll {
        overflow-x: auto
    }
}

.update_baohanh {
    display: flex;
    text-align: center;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, .15)
}

.update_baohanh>.row-table {
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.update_baohanh>.row-table>div {
    width: 25%;
    display: inline-block
}

.update_baohanh .list-top {
    display: flex
}

.update_baohanh .list-top>div {
    width: 25%
}

.update_baohanh .item {
    width: 75% !important;
    float: right;
    overflow: hidden
}

.update_baohanh .item>div {
    width: 33.333%;
    display: inline-block;
    padding: 20px
}

.update_baohanh .item>div {
    border-left: 1px solid rgba(0, 0, 0, .15)
}

.update_baohanh .item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.update_baohanh .text-left {
    text-align: left
}

.update_baohanh .text-title,
.update_baohanh .list-top>div {
    font-family: averta-400;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding: 20px
}

.update_baohanh .text-title {
    position: absolute;
    top: 50%;
    padding-left: 0 !important;
    transform: translateY(-50%);
    left: 20px
}

.update_baohanh .list-top>div:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .15)
}

.update_baohanh .item>div:nth-child(2):before,
.update_baohanh .item>div:nth-child(1):before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    top: -13px;
    background-color: rgba(0, 0, 0, .15);
    bottom: -36px
}

.update_baohanh .item>div:nth-child(2):after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    top: -13px;
    background-color: rgba(0, 0, 0, .15);
    bottom: -36px
}

.update_baohanh .item>div:nth-child(2) {
    position: relative;
    border: none !important
}

.update_baohanh .item>div:nth-child(1) {
    position: relative;
    border: none !important
}

.update_baohanh .item>div:nth-child(3) {
    border: none !important
}

@charset "UTF-8";
/*!
 *  @name: kingcomposer.css
 *  @website: https://kingcomposer.com
 *  @Copyright: (c) 2016 King-Theme
*/

*,
.kc-col-container,
.kc-container,
.kc-elm {
    box-sizing: border-box
}

.kc-off-notice a,
.kc_twitter_feed a:hover {
    text-decoration: underline
}

.kc_google_maps[data-wheel=disable] iframe,
.kc_wrap-video-bg {
    pointer-events: none
}

.fb-line-1 .likes,
.fb-line-1 .username,
.kc-owl-post-carousel .owl-item .title {
    text-overflow: ellipsis;
    white-space: nowrap
}

.back i,
.front i {
    display: inline-block
}

div {
    display: block
}

.kc-elm {
    float: left;
    width: 100%
}

.kc_col-sm-1 {
    width: 8.33333%
}

.kc_col-sm-2 {
    width: 16.6667%
}

div.kc_col-of-5 {
    width: 20%;
    float: left
}

.kc_col-sm-3 {
    width: 25%
}

.kc_col-sm-4 {
    width: 33.3333%
}

.kc_col-sm-5 {
    width: 41.6667%
}

.kc_col-sm-6 {
    width: 50%
}

.kc_col-sm-7 {
    width: 58.3333%
}

.kc_col-sm-8 {
    width: 66.6667%
}

.kc_col-sm-9 {
    width: 75%
}

.kc_col-sm-10 {
    width: 83.3333%
}

.kc_col-sm-11 {
    width: 91.6667%
}

.kc_col-sm-12 {
    width: 100%
}

.kc-container {
    width: 100%;
  
    margin: 0 auto;
  
}

.kc-row-container:not(.kc-container) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%
}

.kc_wrap-video-bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.kc_single_image img {
    max-width: 100%;
    display: inline-block
}

.kc-video-bg .kc_column {
    position: relative
}

.kc-infinite-loop {
    text-align: center;
    padding: 50px;
    font-size: 18px;
    color: red;
    width: 100%;
    display: inline-block
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.kc_row:not(.kc_row_inner) {
    clear: both;
    float: left;
    width: 100%
}

.kc-row-container.kc-container .kc-wrap-columns,
.kc_row_inner {
  
    clear: both
}

.kc_row.kc_row_inner {
    width: calc(100% + 30px)
}

.kc_tab_content>.kc_row_inner {
    width: 100%;
    margin: 0
}

.kc_column,
.kc_column_inner {
    min-height: 1px;
    position: relative;
    
    float: left
}

.kc_column>.kc-col-container,
.kc_column_inner>.kc-col-inner-container {
    height: 100%
}

.kingcomposer div.kc_column,
.kingcomposer div.kc_column_inner {
    clear: none
}

.kc_row_inner>div.kc_column_inner:only-child {
    width: 100%
}

.kc_clfw {
    width: 100%!important;
    clear: both!important;
    display: block!important;
    height: 0!important;
    padding: 0!important;
    margin: 0!important
}

.kc-col-container {
    clear: both;
    display: block;
    width: 100%
}

section[data-kc-fullheight] {
    min-height: 100vh
}

html body section[data-kc-parallax=true] {
    background-position: 50% 0;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important
}

section[data-kc-fullwidth] {
    margin-left: 0!important;
    margin-right: 0!important;
    position: relative;
    box-sizing: content-box
}

.kc_text_block {
    display: inline-block;
    clear: both;
    width: 100%
}

body section[data-kc-equalheight=true],
body section[data-kc-equalheight=true]>.kc-container,
body section[data-kc-equalheight=true]>.kc-container .kc-wrap-columns {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    width: 100%
}

body div.kc_row_inner[data-kc-equalheight=true] {
    width: calc(100% + 30px);
    flex-wrap: wrap
}

body div[data-kc-equalheight-align=middle]>.kc_column_inner>.kc_wrapper,
body div[data-kc-equalheight-align=bottom]>.kc_column_inner>.kc_wrapper,
body section[data-kc-equalheight-align=middle]>.kc-container>.kc-wrap-columns>.kc_column>.kc-col-container,
body section[data-kc-equalheight-align=middle]>.kc-row-container>.kc-wrap-columns>.kc_column>.kc-col-container,
body section[data-kc-equalheight-align=bottom]>.kc-container>.kc-wrap-columns>.kc_column>.kc-col-container {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-wrap: wrap;
    height: 100%;
    width: 100%
}

body div.kc_row_inner[data-kc-equalheight=true]>.kc_column_inner>.kc_wrapper.kc_row_inner {
    height: 100%
}

body div[data-kc-equalheight-align=middle]>.kc_column_inner>.kc_wrapper,
body section[data-kc-equalheight-align=middle]>.kc-container>.kc-wrap-columns>.kc_column>.kc-col-container,
body section[data-kc-equalheight-align=middle]>.kc-row-container>.kc-wrap-columns>.kc_column>.kc-col-container {
    align-content: center;
    justify-content: center;
    align-items: center
}

body div[data-kc-equalheight-align=bottom]>.kc_column_inner>.kc_wrapper,
body section[data-kc-equalheight-align=bottom]>.kc-container>.kc-wrap-columns>.kc_column>.kc-col-container,
body section[data-kc-equalheight-align=bottom]>.kc-row-container>.kc-wrap-columns>.kc_column>.kc-col-container {
    align-content: flex-end;
    align-items: flex-end
}

body section[data-kc-fullheight=middle-content],
body section[data-kc-fullheight=middle-content]>.kc-container,
body section[data-kc-fullheight=middle-content]>.kc-row-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-content: center
}

body section[data-kc-equalheight=true]>.kc-container .kc-wrap-columns {
    flex-wrap: wrap;
    margin-left: initial;
    margin-right: initial
}

.kc-off-notice {
    width: 100%;
    padding: 10px;
    text-align: left;
    background-color: #e9e385;
    color: #333;
    font-size: 14px
}

.kc-off-notice a {
    text-transform: capitalize
}

@media screen and (min-width:999px) {
    .kc-row-container .kc-wrap-columns,
    .kc_row_inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        flex-wrap: wrap
    }
    .kc-row-container.kc-container .kc-wrap-columns,
    .kc_row_inner {
        width: calc(100% + 30px)
    }
}

@media screen and (max-width:767px) {
    body.kc-css-system .kc_column,
    body.kc-css-system .kc_column_inner {
        width: 100%
    }
    div.kc_row {
        display: block
    }
}

.kc_shortcode .kc-widget-title,
.kc_shortcode .kc_title {
    margin-bottom: 20px
}

.kc_shortcode ul {
    margin: 0;
    padding: 0
}

.kc_shortcode ul li {
    list-style: none
}

.kc_shortcode h3,
.kc_shortcode h4,
.kc_shortcode h5 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 600
}

.kc_shortcode h4 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px
}

.kc_shortcode h5 {
    font-size: 16px
}

.kc_accordion_wrapper,
.kc_tabs {
    margin-bottom: 24px
}

.kc_tabs .kc_tabs {
    margin-bottom: 0
}

.kc_tabs {
    display: inline-block;
    width: 100%
}

.kc_wrapper.ui-tabs {
    width: 100%;
    display: inline-block
}

.kc_vertical_tabs>.kc_wrapper.ui-tabs {
    border: none
}

.kc_tabs.kc-tabs-slider ul.kc-tabs-slider-nav {
    margin: 0
}

ul.kc-tabs-slider-nav li {
    display: inline-block;
    cursor: pointer;
    padding: 8px 15px
}

ul.kc-tabs-slider-nav li.kc-title-active {
    background: #ddd
}

.kc_tabs_nav,
.nav-pills {
    line-height: 45px;
    margin: 0;
    padding: 0
}

.kc_tabs_nav:after,
.kc_tabs_nav:before,
.nav-pills:after,
.nav-pills:before {
    display: table;
    line-height: 0;
    content: ""
}

.kc_tabs_nav:after,
.nav-pills:after {
    clear: both
}

.kc_tabs_nav~.kc_tab {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 0
}

html body.kc-css-system .kc_tabs_nav~.kc_tab:not(.ui-tabs-body-active) {
    margin: 0!important;
    padding: 0!important
}

.kc_tabs_nav~.kc_tab.ui-tabs-body-active {
    height: inherit!important;
    background: #ddd
}

.kc_tabs_nav~.kc_tab .kc_tab_content {
    padding: 30px 30px 15px
}

.kc_tabs_nav>li,
.nav-pills>li {
    float: left
}

.kc_tabs_nav>li>a,
.nav-pills>li>a {
    padding: 0 30px;
    text-decoration: none;
    outline: 0;
    display: block;
    line-height: 50px;
    color: #6b6b6b
}

.kc_tabs>.kc_wrapper>.kc_tabs_nav {
    background: #eee;
    float: left;
    min-height: 50px;
    margin: 0;
    width: 100%
}

.kc_tabs_nav {
    border-right: 0!important;
    border-bottom: 0!important;
    border-top: 0!important
}

.kc_tabs_nav>li {
    list-style: none;
    border-right: 1px solid #fff;
    border-left: none!important;
    border-bottom: none!important;
    margin: 0;
    float: left;
    color: #333;
    box-shadow: none;
    cursor: pointer
}

.kc_tabs_nav>.ui-tabs-active>a,
.kc_tabs_nav>li:hover,
.kc_tabs_nav>li>a:hover {
    background-color: #ddd;
    color: #333
}

.kc_tabs_nav>.ui-tabs-active,
.kc_tabs_nav>.ui-tabs-active:hover,
.kc_tabs_nav>.ui-tabs-active>a,
.kc_tabs_nav>.ui-tabs-active>a:hover {
    color: #555;
    display: block
}

.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 25%;
    z-index: 10;
    right: 0
}

.kc_vertical_tabs.tabs_right>.kc_wrapper>ul.ui-tabs-nav {
    border-right: none;
    right: 0;
    left: 0
}

.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav~div.kc_tab {
    float: left;
    width: 75%;
    height: 0;
    overflow: hidden
}

.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav~div.kc_tab.ui-tabs-body-active {
    height: inherit;
    border: 1px solid #ddd
}

.kc_vertical_tabs.tabs_right>.kc_wrapper>ul.ui-tabs-nav~div.kc_tab {
    list-style: none
}

.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav>li {
    list-style: none;
    border: 1px solid #ddd
}

.kc_wrapper>ul.ui-tabs-nav>li {
    overflow: hidden
}

.kc_vertical_tabs:not(.tabs_right)>.kc_wrapper>ul.ui-tabs-nav>li {
    border-right: 0!important
}

.kc_vertical_tabs.tabs_right>.kc_wrapper>ul.ui-tabs-nav>li {
    border-left: 0!important
}

.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav>li:not(:last-child) {
    border-bottom: 0!important
}

.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav>li.ui-tabs-active>a,
.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav>li.ui-tabs-active>a:hover,
.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav>li>a:hover {
    border: none;
    background: #f7f7f7;
    margin-left: 0;
    color: #333
}

.kc_vertical_tabs>.kc_wrapper>ul.ui-tabs-nav>li>a {
    display: block;
    padding: 12px 0 12px 20px;
    outline: 0;
    text-decoration: none
}

.kc_vertical_tabs.tabs_right>.kc_wrapper>ul.ui-tabs-nav {
    float: right
}

.kc-video-inner iframe {
    margin-bottom: 0
}

.kc_accordion_content {
    padding-bottom: 0;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    color: #727272;
    display: none
}

.kc_accordion_content.ui-state-body-active {
    height: inherit!important
}

.kc_accordion_section>.kc_accordion_header {
    position: relative;
    cursor: pointer;
    min-height: 30px;
    line-height: 30px;
    font-weight: 700;
    font-size: inherit;
    margin-top: 0;
    margin-bottom: -1px;
    float: left;
    width: 100%;
    border: 1px solid #e0e0e0
}

.kc_accordion_section>.ui-state-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0
}

.kc_accordion_header>span.ui-accordion-header-icon {
    float: right;
    font-family: simple-line-icons;
    margin: 17px;
    color: #aaa;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.kc_accordion_header>span.ui-accordion-header-icon:before {
    content: "\e604"
}

.kc-section-active .kc_accordion_header.ui-state-active>span.ui-accordion-header-icon:before {
    content: "\e607"
}

.kc_accordion_header>a {
    display: block;
    font-size: 15px;
    padding: 10px 15px;
    text-decoration: none;
    outline: 0;
    font-weight: 400;
    border: none;
    cursor: pointer
}

.kc_accordion_content .kc-panel-body {
    padding: 15px;
    float: left;
    width: 100%
}