/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap');*/

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family:'SVN-Gilroy';
    src:url('fonts/SVN-Gilroy-Thin.ttf') format('truetype');
    font-weight:100;
}
@font-face {
    font-family:'SVN-Gilroy';
    src:url('fonts/SVN-Gilroy-Bold.ttf') format('truetype');
    font-weight:bold; 
}
@font-face {
    font-family:'SVN-Gilroy';
    src:url('fonts/SVN-Gilroy-Medium.ttf') format('truetype');
    font-weight:normal; 
}

:root {
    --color-cam: #f36a22;
    --main-width: 1270px;
    --color-active: #224e93;
    --color6: #78e474;
    --color-main: #1b4194;
  }


.navbar-fixed-top{ position: fixed!important; top: 0; left: 0; z-index: 100!important; }

.container{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1420px}}.container-fluid{width:100%;max-width: 1500px;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:10px;padding-left:10px}
*{margin:0;padding:0;box-sizing:border-box; font-family: 'Roboto', sans-serif;  -webkit-transition: all 0.3s; transition: all 0.3s;}
*:hover, *:focus, *:active, *:visited{outline:none;}
del{ text-decoration: line-through!important }
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#ab080a}
a:visited{text-decoration:none}

b, strong{ font-weight: 700; }
body{background:#fff;color:#000; font-size:1rem; line-height: 18px; font-family: 'Roboto'; font-weight: 400;}
body.single,body.tax-store, body.page-template:not(.home){ background: #fff; }
.font12{ font-size: 12px; line-height: 18px; }
.font13{ font-size: 13px; }
.font14{ font-size: 14px; line-height: 20px; }
.font15{ font-size: 15px; line-height: 20px; }
.font16{ font-size: 16px; line-height: 22px; }
.font18{ font-size: 18px; line-height: 22px; }
.font20{ font-size: 20px; line-height: 22px; }
.font30{ font-size: 30px; line-height: 32px; }
.overflow-hidden{ overflow: hidden!important; }
.cl_red{ color: #ea1b25; }


.wr-content .wp-caption img, .wr-content table{ width: 100%; height: auto; margin: 10px 0; }
.wr-content table td{ padding: 15px 5px; text-align: center; vertical-align: middle;}
body.sua-chua-bao-hanh .wr-content table tr td:first-child{ width: 50px; text-align: center;}
body.sua-chua-bao-hanh .wr-content table tr td{ text-align: left; }
body.sua-chua-bao-hanh .wr-content table tr th{ text-align: center; }
.wr-content li{ margin-bottom: 10px; }
/*.wr-content table td:nth-child(even) {background-color: #dfbe60; color: #fff;}
.wr-content table td:nth-child(odd) {+background-color: #1446a3; background-color: #ddd; color: #fff;}*/
.wp-caption-text{ text-align: center; }
.h1-single{display: flex; font-size: 1.6rem; line-height: 2rem; margin: 1.2rem 0; }
.h1-single:before, .titsb:before{ content: ''; width: 10px;  background: var(--color-main); margin-right: 10px; }
.wr-content h4{font-size: 1.5rem;}
.wr-content h3{font-size: 1.5rem;}
.wr-content h2{font-size: 1.5rem; font-weight: bold;}
.wr-content h2, .wr-content h3, .wr-content h4{ margin: 1rem 0; color: var(--color-main) }
.wr-content ul,.wr-content ol, .morong ul{ margin-left: 15px; }
.wr-content .aligncenter { text-align: center; margin: 0 auto; height: auto; }
.wr-content p{ margin-bottom: 10px; line-height: 22px; }

.titsb{ display: flex; font-size: 1.5rem; line-height: 1.7rem; margin: 1.2rem 0; text-transform: uppercase; font-weight: bold }
.widget_nav_menu.sidebar-widget .menu{  }
.widget_nav_menu.sidebar-widget .menu> li{ margin-bottom: 10px; }
.widget_nav_menu.sidebar-widget .menu> li >a{ text-transform: uppercase; font-weight: bold }
.widget_nav_menu.sidebar-widget ul { list-style: none }

img{max-width:100%;}
.no-padding{padding:0;}
.img-scale-in:hover img{-webkit-transform:scale(0.8);transform:scale(0.8);cursor:pointer;}
.img-scale img, .img-scale-in img{-webkit-transition:all 0.3s;transition:all 0.3s;}
.img-scale:hover img{-webkit-transform:scale(1.08);transform:scale(1.08);cursor:pointer;}
p{text-align:justify; margin-bottom: 6px;}

/*a#btn-bar-mobile{    font-size: 25px;    margin-top: -5px;}*/
.no-border{ border: none!important; }
.has-text-align-center{ text-align: center; }
.send-email{ border: 1px solid #bbb; padding:5px 5px 5px 15px; }
.send-email input{  border: none; background: transparent; color: #bbb }
.send-email input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb;
  opacity: 1; /* Firefox */
}
.bold{ font-weight: bold !important; }
.send-email input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbb;
}

.send-email input::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbb;
}
.send-email .btn-send-email{ width: 28px; height: 28px; background-position: -309px 3px;  background-color: transparent; cursor: pointer;  }


.shadow {
  box-shadow: 0 0 10px 0 #bbb9b9;
}

.box-shadow {
  box-shadow: 0 0 7px 0 #fff0f5;
  overflow: hidden;
  margin: 15px 0;
  padding: 15px;
}

.object-fit_cover {
  object-fit: cover;
}

.d-block {
  display: block;
}

#breadcrumbs {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
  color: #000;
  background: #e1e1e1;
  +font-weight: 100;
}

#breadcrumbs a {
  color: #d45700;
}

#breadcrumbs a i {
  margin-right: 5px;
  float: left;
}

.date {
  color: #a7a7a7;
  font-size: 12px;
}


.align-midle{display:flex;align-items:center;}
.d-flex{ display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; }
.flex-row{ -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction:row!important; flex-direction:row!important; }
.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important;}
.flex-column{flex-direction:column!important;}
.flex-row-center , .pagi_box ul.page-numbers{display:flex;flex-direction:row;align-items:center;justify-content:center;}
.flex-justify{justify-content: space-between}
.pagi_box{ width: 100%; }
.pagi_box li{display:inline-block;margin:10px 0;}
.pagi_box li:first-child{border-radius: 2px 0 0 2px; overflow: hidden;}
.pagi_box li:last-child{border-radius:  0 2px 2px 0; overflow: hidden;}
.pagi_box span,.pagi_box a{display:inline-block;width: 40px;height: 40px;line-height: 38px;font-size: 18px;text-align:center;border: 1px solid #d9d9d9;}
.pagi_box span{background: var(--color-main);color: #fff;}
.pagi_box a{background: #f5f5f5;color: #000;}

/*Home*/
.item-cate-home >span{ position: absolute; left: 20px; top: 20px; }
.item-cate-home{ color: #fff; }
.item-cate-home:hover { color: var(--color-main) }
.item-cate-home:hover:before{ content: ''; position: absolute; left: 10px; top: 0; width: calc(100% - 20px); height: 35%; background-image:linear-gradient(rgb(0 0 0 / 50%), transparent); }
.quytrinh{ background: url(imgs/bg2.jpg) no-repeat left bottom #f8f8f8; }
.congtrinh .item-duan h3, .item-album span{ position: absolute; bottom: 5px; font-size: 1rem; text-align: center; left: 0; width: 100%; padding: 15px; color: #fff; }
.congtrinh .item-duan:hover:before{content: none; opacity: 0;}
.congtrinh .item-duan:hover h3{ bottom: 40%; background: var(--color-main);   }
.congtrinh .item-duan:before, .item-album:before{ content: ''; position: absolute; bottom: 0; height: 30%; left: 0; width: 100%; background-image: linear-gradient( transparent, rgb(0 0 0 / 50%)); }
.congtrinh ul .nav-link{ padding: .175rem 1.5rem; border-radius: 0; }
.congtrinh .nav-pills .nav-link.active, .congtrinh .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--color-main);

}
.a-item-new span{ position: absolute;opacity: 0; bottom: 0; left: calc(50% - 75px); width: 150px; background: var(--color6); color: #fff; font-weight: 100; text-align: center; padding: 5px 0;}
.a-item-new:hover span{ opacity: 1; bottom: 10px; }
.a-item-new h3{ font-size: 1.125rem;  line-height: 25px; }
.a-item-new:hover h3{ color: var(--color-main); }
.topview li:before{ content: ''; width: 5px; height: 5px; border-radius: 5px; background: #bdbdbd;  }
.topview a h4{ font-size: 0.938rem; color: #bdbdbd; }
/*Sidebar*/
.col-right >br{ display: none; }
.main-menu >li.menu-item-has-children{ position: relative; }

/*Content*/
.btn-baogia:hover{ color: var(--color-main); background-color: #fff;}
.btn-baogia{ 
    padding: .175rem 2.75rem;
    border: 1px solid var(--color-main);
    background: var(--color-main);
    border-radius: 5px;
    font-size: 2rem;
    font-weight: 700;
    color: #fff; }
.tit-titbox span{ color: #000; font-weight: 100; }
.tit-titbox strong{ color: var(--color-main);  }

.wr-content .wp-block-quote {
line-height: 23px;
}
.wr-content .es-tab-content >div{ max-width: 100%; }
.single_social svg{ width: 18px; }
.single_social { margin-bottom: 20px; }


.mini-news .media-title h3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.overlay_more{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:100px;
    background:rgba(255,255,255,0);
    background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(85%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,1)));
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%);
    background:-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%);
    background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)
}
a.read_more{
    position:absolute;
    bottom:-3px;
    color:#075ea9;
    display:block;
    text-align:center;
    right:0;
    left:0;
    height: 22px;
    font-size:15px
}

.bg-xam{ background: #f5f5f5; }
.item-sale-prod-row:hover .item, .product-item-new:hover .product_thumb { box-shadow: 0 0 12px rgba(33,33,33,.2); }

.loop-post-lv1 .p-name{ height: 44px; }
.loop-post-lv1 .the_excerpt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*Sidebar*/
/*footer*/
footer, .footer-nav a{ color: #bdbdbd; }
.divf{ font-size: 0.938rem; +font-weight: 100; }
.titfoot{ padding-bottom: 5px; position: relative; margin-bottom: 1.2rem }
.titfoot:before{ content: ''; width: 60px; position: absolute; left: 0; bottom: 0; border-bottom: 3px solid #bdbdbd }


#s-top {
    outline: 0;
    line-height: 0;
    font-size: 1rem;
    padding: .6rem;
    overflow: hidden;
    opacity: 1;
    position: fixed;
    z-index: 99999;
    bottom: 50px;
    right: 1.2rem;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    border-radius: 50%;
    border: 0;
    transition: opacity .5s;
    +visibility: hidden;
}
.icon_back_top {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    fill: #dc3545;
    animation: heartbeat 2s infinite;
}

footer ul{ list-style: none; }
footer p{ font-weight: 300; }


.footer-contact {
    background: #ea1b25;
    color: #fff;
    padding: 10px 0;
    font-weight: 300;
}
.footer-contact .hotline .fa {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    background: #fff;
    color: #3c3c3c;
    position: relative;
}
.footer-contact .hotline .text {
    vertical-align: middle;
    padding-left: 5px;
    color: #fff;
}
.footer-contact .hotline .text .up{ font-size: 12px; }
.footer-contact .hotline .text .bottom {
    display: block;
    font-weight: 500;
}

.footer-contact .hotline:hover b{
    background-color:#fff;
    opacity:.75;
    top:-10px;
    left:-10px;
    right:-10px;
    bottom:-10px;
    position:absolute;
    content:'';
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.footer-contact .hotline:hover .fa:after{
    top:-15px;
    left:-15px;
    right:-15px;
    bottom:-15px;
    position:absolute;
    content:'';
    background-color:transparent;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    border:2px solid #fff;
    opacity:.1;
    -webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%
}


.list-service .card{ border: 0; border-radius: 0; }
    #lobanOuter{ height: 400px; }
#loban-thelist {
    padding:0px;
    margin:0px;
}
#loban-wrapper {
    position:absolute; z-index:1;
    top:0px; bottom:0; left:0;
    width:100%;
    min-height:410px;
    background:#fff;
    overflow:auto;
}
#lobanOuter {
    width:100%;
    position:relative;

}
#loban-scroller {
    width:10100px;
    height:100%;
    float:left;
    padding:0;
}
#loban-scroller li {
    display:block;
    float:left;
    width:10000px;
    height:100%;
    cursor: pointer;
}
#loban-scroller li img{
    margin-top:32px;
}           
#pullRight, #pullLeft {
    display:block;
    width:50px;
    float:left;
    height:100%;
}
#sodoLoban {
    display:none;
    position:absolute;
    z-index:2;
    top:5px;
    left:400px;
    text-align:center;
    width:100px;
    font-size:16px;
    font-weight:bold;
    color:red;
    /*border:1px solid red;*/
}

#lobanOuter p{
    margin-top: 0;
    margin-bottom: 20px;
}
#container-sodo {
    position: absolute;
    z-index: 2;
    top: -21px;
    left: 212px;
    width: 280px;
}
#sodo {
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:red;
    border:2px solid #ffa500;
    padding:2px;
    height:25px;
    width:60px;
}
#thanhdo {
    width: 2px;
    height: 384px;
    background: #ffa500;
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 240px;
}
.titleLoban {

}
.loban-note { position:absolute;z-index:2;top:5px;right:0;background:url('imgs/help.gif') no-repeat 0 5px; padding-left:18px; }
.loban-t { position:absolute;z-index:2;left:0; }
.loban-522 { top:5px; }
.loban-429 { top:135px; }
.loban-388 { top:270px; }
.loban-touch-left { position:absolute; left:0px; top:31px; height:358px;width:50px; z-index:2; }
.loban-touch-right { position:absolute; right:0px; top:31px; height:358px;width:50px; z-index:2; }
@media (max-width: 767px){
    #lobanOuter{ height: 500px; }
    .loban-note{ top: auto!important; bottom: 0; }
    #loban-wrapper{ top: 8px!important; height: 510px; }
    .loban-t{ line-height: 18px; }
    #loban-scroller li img{    margin-top:46px;} 
    .loban-429 { top: 156px; }
    .loban-388 {    top: 305px; }
    #thanhdo{ height: 89%; }
    .sec11{ flex-direction: column}
    .btn-baogia{  font-size: 1.5rem;    font-weight: 500; width: 100%;}
}





.abs::-webkit-scrollbar{
    width: 6px;
}
.xoay360anh .large-image::-webkit-scrollbar {
    height:  6px;
} 
.abs::-webkit-scrollbar-thumb:window-inactive{
    background: #b7b7b7;
}
.abs::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #b7b7b7;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.abs li:nth-child(odd){background: #ddd;}

@keyframes shake{0%{transform:scale(.9)}10%,30%,50%{transform:scale(1.1) rotate(20deg)}20%,40%,60%{transform:scale(1.1) rotate(-20deg)}70%,80%,90%,to{transform:scale(1) rotate(0)}}@keyframes lds-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes lds-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(204,169,44,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(204,169,44,.4);box-shadow:0 0 0 0 rgba(204,169,44,.4)}70%{-moz-box-shadow:0 0 0 10px rgba(204,169,44,0);box-shadow:0 0 0 10px rgba(204,169,44,0)}100%{-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes bgAnimate{0%{background-position-x:-20px}30%{background-position-x:center}70%{background-position-x:right}100%{background-position-x:70px}}@keyframes shadow-pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.2)}100%{box-shadow:0 0 0 35px transparent}}@keyframes shadow-pulse-big{0%{box-shadow:0 0 0 0 rgba(0,0,0,.1)}100%{box-shadow:0 0 0 70px transparent}}@keyframes smoothScroll{0%{transform:translateY(-40px)}100%{transform:translateY(0)}}@-webkit-keyframes blinker{from{opacity:1}to{opacity:0}}@-moz-keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}
/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/
.product-gallery-thumb{ height: 75px;     }

@media only screen and (max-width: 1370px) and (min-width: 991px) {
 
}

@media only screen and (max-width: 1200px) and (min-width: 991px) {
}

@media (max-width: 990px){    
    .tit-titbox span, .span_titbox{ font-size: 2.5rem; font-weight: 100; line-height: 3rem}
    .tit-titbox strong{ font-size: 2rem;  line-height: 2.2rem }
    .strong_titbox{ font-size: 1.7rem }
    .item-album span{ font-size: 2rem; color: #fff; font-weight: 100;  line-height: 2.2rem }
}

@media (max-width: 769px){
    
}
@media (max-width: 767px){

    .destop{display: none!important;}
    .mobile, .main-nav{display: block;}   
    .d-flex-colum-m{ -ms-flex-direction: column-reverse!important;    flex-direction: column-reverse!important; }
    
    .mw-100{ width: 100%!important; }
    .d-flex.mw-100{ -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important; }
    
}



@media (max-width: 600px){
    .a-item-new p{ display: none; }
}


@media (min-width: 768px){
    
    .col-5{width: 20%; padding: 0 10px;}
   
}
@media (min-width: 770px){

}
@media (min-width: 992px){
    .tit-titbox span, .span_titbox{ font-size: 4.5rem; font-weight: 100; line-height: 5rem}
    .tit-titbox strong{ font-size: 4.5rem;  line-height: 5rem }
    .strong_titbox{ font-size: 1.875rem }
    .item-album span{ font-size: 2.5rem; line-height: 2.7rem; color: #fff; font-weight: 100; }
}

@media (min-width: 1200px){

}