@font-face {
    font-family: 'Utm-Avo';
    src: url('../fonts/Utm-Avo/UTMAVO.eot');
    src: url('../fonts/Utm-Avo/UTMAVO.eot') format('embedded-opentype'),
         url('../fonts/Utm-Avo/UTMAVO.woff') format('woff'),
         url('../fonts/Utm-Avo/UTMAVO.ttf') format('truetype'),
         url('../fonts/Utm-Avo/UTMAVO.svg#UTMAVO') format('svg');
}

@font-face {
    font-family: 'utm-Avobold';
    src: url('../fonts/utm-Avobold/UTMAvoBold.eot');
    src: url('../fonts/utm-Avobold/UTMAvoBold.eot') format('embedded-opentype'),
         url('../fonts/utm-Avobold/UTMAvoBold.woff') format('woff'),
         url('../fonts/utm-Avobold/UTMAvoBold.ttf') format('truetype'),
         url('../fonts/utm-Avobold/UTMAvoBold.svg#UTMAvoBold') format('svg');
}

/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; font:15px/22px 'Roboto',sans-serif;color: #555}
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }
a{
-webkit-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-moz-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-o-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
}
.tm-ic{background: url(../images/front/sprite.png) no-repeat;}
.mcn-ic{background: url(../images/front/sprite.png) no-repeat;}

/*===================================================================*/

/*.header-bot {padding:10px 0 11px;}*/
header{
    position: sticky;
    z-index: 1020;
  transition: all .5s ease;
}
.header-bot {
    padding-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 7px rgba(0,0,0,.3);
    box-shadow: 0 4px 7px rgba(0,0,0,.3);
}
.header-bot .mcn-logo {margin-top: 20px;}
.header-bot .mcn-logo a img{width: 75%;}
.mcn-logo img{
    max-height: 100px;
}
.mcn-menu{text-align: center; margin-top: 0;}
ul.menu{margin:0;}
ul.menu > li {
    text-transform: uppercase;
    padding: 0px;
    position: relative;
    /* z-index: 100; */
    display: table-cell;
    width: 1%;
}
ul.menu li a{display: block; font:normal 15px/25px 'Utm-Avobold', sans-serif; color: #444444; padding: 10px 12px; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden;margin: 0 15px;}
ul.menu > li:hover, ul.menu li.active{background-color:#0070C1}
ul.menu li:hover a,
ul.menu li.active a{color:#fff;}
.mcn-menu ul.menu li ul {width: 240px; position: absolute; background: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 90; left: 0px; top: 100px;text-align: left; border-radius: 5px;}
.mcn-menu ul.menu li:hover > ul{display: block; opacity: 1; visibility: visible; top: 62px;left: 0;}
.mcn-menu ul.menu li ul:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #0070C1;
    top: -16px;
    left: 30%;
    z-index: 999;
}
.mcn-menu ul.menu li ul li{float: none; padding: 0;}
.mcn-menu ul.menu li ul li a{font-size: 15px; line-height: 20px; text-transform: initial; padding: 12px 15px;color: #fff;}
.mcn-menu ul.menu li li a:before{display: none;}
.mcn-menu ul.menu li li:hover a{color: #fff;}
.mcn-menu ul.menu li li{background: #0070C1}
.mcn-menu ul.menu li li:hover{background: #00ADF2}
.mcn-menu ul.menu li ul li ul{left: 247px !important; top: 0 !important;}
.mcn-menu ul.menu li ul li ul:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #0070C1;
    top: 12px;
    left: -14px;
}

a.menu-mobile{display: none; width: 32px; height: 20px; background: url(../images/front/ic-menu.png) no-repeat; text-indent: -9999px; margin: 15px 0;}
.mm-menu{background: #000;}
.mm-listview>li>a, .mm-listview>li>span{font: 400 14px/20px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase;}
.mm-menu .mm-navbar a, 
.mm-menu .mm-navbar>*{font: 700 18px/20px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase;}
.mm-navbar,
.mm-listview>li, 
.mm-listview>li .mm-next, 
.mm-listview>li .mm-next:before, 
.mm-listview>li:after,
.mm-listview>li:not(.mm-divider):after{border-color: #270f00;}
.mm-listview>li:not(.mm-divider):after{left: 0; z-index: 3;}
.mm-menu .mm-btn:after, 
.mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-arrow:after, 
.mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}
.mm-menu .mm-listview>li.mm-selected>a, 
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), 
.mm-menu .mm-listview>li.mm-selected>span {background: #f96a0e; border-radius: 0; color: #fff;}
.mm-menu .mm-listview>li a:not(.mm-next) {-webkit-tap-highlight-color: #f96a0e; tap-highlight-color: #f96a0e; color: #fff;}
#mm-1 ul.mm-listview>li>a{text-transform: initial;} 

.mcn-otm {padding-top: 20px;margin-bottom: 40px}
.mcn-otm i.mcn-ic {width: 50px;height: 50px;display: block;float: left;margin-right: 15px}
.mcn-otm .ic-1 {background-position: -164px -29px;}
.mcn-otm .ic-2 {background-position: -224px -29px;}
.mcn-otm .ic-3 {background-position: -284px -29px;}
.mcn-otm .detail {overflow: hidden;}
.mcn-otm .detail .txt_ {padding-top: 2px}
.mcn-otm .detail .txt_ h6 {font-weight: 500;text-transform: uppercase;margin-bottom: 8px}
.mcn-otm .detail .txt_ p {color: #555555}
.mcn-otm .detail .txt_ p strong{color: #0070C1;font:normal 18px/30px 'utm-Avobold',sans-serif;margin-top: -4px;display: block}

.support-sb {position: fixed;right: 40px;/*top:calc(50% - 127px)*/bottom:0;width: 240px;box-shadow: 0 2px 8px rgba(0,0,0,0.2)}
.support-sb h2 {background: #0070C1;color: #fff;text-transform: uppercase;font:400 18px/25px 'Roboto',sans-serif;text-align: center;padding:10px 30px 7px;border-radius: 4px 4px 0 0;cursor: pointer;}
.support-sb ul {background: #fff;padding:20px 10px 10px 15px;display: none}
.support-sb ul li {margin-bottom: 10px}
.support-sb ul li .detail .img_ {float: left;margin-right: 10px;padding-top: 3px}
.support-sb ul li .detail .txt_ p {font-size: 14px;line-height: 22px}
.support-sb ul li .detail .txt_ p span{color: #0073c6}

footer{background: #0070C1; background-size: cover;margin-top: 60px;color: #fff}
footer a {color: #fff !important}
.footer-bot{padding: 18px 0 17px;position: relative;border-top: 1px solid #000;margin-top: 25px}
.footer-bot p{font: 400 15px/22px 'Roboto', sans-serif; color: #fff;}
.footer-bot p a{color: #fff;}
.footer-top {}
.footer-top {padding-top: 45px}
.footer-top ul.lst-menu-top {display: inline-block;overflow: hidden;margin: 0 auto}
.footer-top ul.lst-menu-top li {float: left}
.footer-top ul.lst-menu-top li a {color: #fff;text-transform: uppercase;border-right: 1px solid #fff;padding: 0 29px;}
.footer-top ul.lst-menu-top li:last-child a {border: 0;}
.footer-top ul.lst-menu-top ul.sub-menu{display: none}
.footer-top .ft-top {margin-bottom: 45px}
.footer-top .ft-bot {}
.footer-top .ft-bot h6{font:normal 22px/25px 'utm-Avobold',sans-serif;color: #fff;text-transform: uppercase;margin-bottom: 20px}
.footer-top .ft-bot p i {width: 16px;margin-right: 10px;font-size: 18px}
.footer-top .ft-bot p {margin-bottom: 8px}
.footer-top .ft-bot p strong {font-size: 18px;font-family: 'Utm-Avo',sans-serif;font-weight: 400}

.produc-ft {padding-left: 57px}
.about-ft {padding-left: 20px}
.ft-bot ul.lst_ li {margin-bottom: 7px;position: relative;padding-left: 21px}
.ft-bot ul.lst_ li:before {content: '';display: block;width: 6px;height: 6px;background: #fff;border-radius: 50%;position: absolute;top: 8px;left:0;}
.ft-bot ul.lst_ li a {color: #fff}
/*MCN SLICER*/

.mcn-slider{position: relative; overflow: hidden; max-width: 1920px; margin: auto;}
.mcn-slider .camera_wrap{margin-bottom: 0 !important;}
.camera_pie{position: relative; z-index: -1;}
.camera_caption{height: 100%;}
.camera_caption > div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; background: transparent; padding: 0;}

.txt-slider {    background:#0070C1;color: #fff;padding:15px 0 12px;text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;font:400 20px/25px 'Roboto',sans-serif;}

.camera_prev,
.camera_next{background: transparent; width: 36px; height: 50px;opacity: 1 !important;}
.camera_prev {left: calc((100% - 1200px) / 2);}
.camera_next {right: calc((100% - 1200px) / 2);}
.camera_prev span{width: 36px; height: 50px; background: url(../images/front/sprite.png) no-repeat 0 -106px;transition: background .35s ease-in-out;}
.camera_next span{width: 36px; height: 50px; background: url(../images/front/sprite.png) no-repeat -46px -106px;transition: background .35s ease-in-out;}
.camera_prev span:hover {background-position-y: -156px}
.camera_next span:hover {background-position-y: -156px}

.camera_wrap{margin-bottom: 0 !important;}
.camera_pie{position: relative; z-index: -1;}
.camera_pag{position: absolute; left: 0; bottom: 25px; width: 100%;}
.camera_wrap .camera_pag .camera_pag_ul{width: 100%; text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul li{background: url(../images/front/sprite.png) no-repeat -143px 0px; width: 18px; height: 18px; cursor: pointer; padding: 0; margin: 0 5px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background-position: -122px 0px;}
.camera_wrap .camera_pag .camera_pag_ul li span{display: none;}


.header-top {background:#0070C1;color: #fff;}
.header-top .pull-left p {display: inline-block;color: #fff}
.header-top .pull-left p i {margin-right: 10px;color: #fff;text-shadow:none;}
.header-top .pull-left p:first-child {margin-right: 78px;font:300 15px/25px 'Roboto',sans-serif;}
.header-top .pull-left p:last-child {font:600 20px/20px 'Utm-Avobold',sans-serif;margin-left: 140px;color: #0070C1;-webkit-text-stroke: 1px #fff;}
.header-top p{
    text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    margin-top: 14px;
    line-height: 38px;
    font-weight: bold;
}
.header-top a.hotline{
    margin-top: 30px;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: right;
}
ul.social-top {margin: 3px -10px 0;overflow: hidden;}
ul.social-top li {float: left;padding: 0 10px}
ul.social-top li a i {display: block;width: 18px;height: 18px;background: url(../images/front/sprite.png) no-repeat;}
ul.social-top li a i.ic-fb {background-position: -171px 0}
ul.social-top li a i.ic-tw {background-position: -209px 0}
ul.social-top li a i.ic-sk {background-position: -247px 0}
ul.social-top li a i.ic-go {background-position: -285px 0}

.mcn-title {border-bottom: 1px solid #e1e1e1;margin-bottom: 30px}
.mcn-title h2 span {font:normal 22px/25px 'utm-Avobold',sans-serif;text-transform: uppercase;color: #333333;border-bottom: 2px solid #0070C1;padding-bottom: 7px;display: inline-block;margin-bottom: -1px}

.mcn-news {padding-top: 54px}
ul.lst-news li {margin-bottom: 20px}
ul.lst-news li .detail {overflow: hidden;}
ul.lst-news li .detail .img_ {height: 300px;display: block}
ul.lst-news li .detail .img_ a.img {display: block;}
ul.lst-news li .detail .img_ a.img img{height: 300px}
ul.lst-news li .detail .txt_ {margin-top: 30px}
ul.lst-news li .detail .txt_ .date-post {width: 50px;background: #0070C1;color: #fff;text-align: center;padding:12px 10px;border-radius: 5px;float: left;margin-right: 21px}
ul.lst-news li .detail .txt_ .date-post span{display: block;font:normal 15px/22px 'Utm-Avo',sans-serif;}
ul.lst-news li .detail .txt_ .date-post span:not(:last-child) {border-bottom: 1px solid #fff;padding-bottom: 5px;margin-bottom: 4px}
ul.lst-news li .detail .txt_ .txt-post h4 {margin-bottom: 5px}
ul.lst-news li .detail .txt_ .txt-post h4 a{color: #444444;font-weight: 500;line-height: 22px}
ul.lst-news li .detail .txt_ .txt-post h4 a:hover{color: #0070C1}
ul.lst-news li .detail .txt_ .txt-post p {font:400 14px/22px 'Roboto',sans-serif;color: #555}

.block-wrappe-pro {padding:25px 0 10px;background: #f1f1fb}
#search{margin-top: 20px;}
#search button{background-color: #00ADF2; border-color: #00ADF2; color: #fff;}

.mcn-product {margin-bottom: 34px}
.lst-product{
    display: flex;
    flex-wrap: wrap;
}
ul.lst-product li {margin-bottom: 20px}
ul.lst-product li .detail {text-align: center;background:#fff;padding:30px 15px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
ul.lst-product li .detail .img_ {margin-bottom: 23px;width: 100%;height: 189px;position: relative;}
ul.lst-product li .detail .img_ .img_pro {position: absolute;width: 100%;height: 100%;top:0;left:0;text-align: center;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
ul.lst-product li .detail .img_ .img_pro img {max-width: 100%;max-height: 189px;display: inline-block;margin: 0 auto; object-fit: cover;}
ul.lst-product li .detail .img_ span {position: relative;z-index: 999;background: #0070C1;color: #fff;padding: 8px 10px;border-radius: 4px;top:20%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0
}
ul.lst-product li .detail .img_ span i{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background-position: -136px -57px;margin: -4px 8px 0 0;}
ul.lst-product li .detail .txt_ h4 a {color: #444; font:500 14px/25px 'Roboto',sans-serif;text-transform: uppercase;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: block;}
ul.lst-product li .detail .txt_ h4 a:hover {color: #f1ce00}
ul.lst-product li .detail .txt_ {color: #0070C1}
ul.lst-product li .detail .txt_ .old-price{
    font-size: 13px;
    color: #ccc;
    text-decoration: line-through;
}
ul.lst-product li .detail:hover .img_ span {opacity: 1;top:calc(50% - 17px);}
ul.lst-product li .detail:hover {box-shadow: 0 5px 30px rgba(156,156,156,0.3)}
.col-pro{padding-right: 0;}

ul.lst-product li .detail {border:1px solid #e1e1e1;}
.view-all{margin-top: 20px;}
.view-all a{background-color:#0070C1;color:#fff;padding:7px 10px;border-radius:5px;-webkit-transition:all 1s ease;transition:all 1s ease;}
.view-all a:hover{background-color: #00ADF2}
.slick-next,
.slick-prev {display: block;width: 22px;height: 22px;position: absolute;top:-68px;background: url(../images/front/icon-slick.png) no-repeat;box-shadow: 0;border: 0;text-indent: -999999px}
.slick-prev {right: 47px;background-position: 0 0}
.slick-next {right:15px;background-position: -22px 0}

.slick-next:hover,
.slick-prev:hover {background-position-y:-22px;}

.sidebar {}
.sidebar .box:not(:last-child) {margin-bottom: 30px}
.sidebar .pr-new-sb{background: #fff;padding:18px 10px;border:1px solid #e1e1e1;}
.pr-new-sb ul.lst_ li:not(:last-child) {margin-bottom: 19px}
.pr-new-sb ul.lst_ li .detail {overflow: hidden;}
.pr-new-sb ul.lst_ li .detail .img_ {position: relative;width: 90px;height: 80px;border:1px solid #e1e1e1;margin-right: 10px;float: left}
.pr-new-sb ul.lst_ li .detail a.img {position: absolute;width: 100%;height: 100%;top:0;left:0;text-align: center;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;padding:5px;}
.pr-new-sb ul.lst_ li .detail a.img img {max-width: 100%;max-height: 68px;display: inline-block;margin: 0 auto}
.pr-new-sb ul.lst_ li .detail .txt_ {padding-top: 0px}
.pr-new-sb ul.lst_ li .detail .txt_ h4 {margin-bottom: 5px}
.pr-new-sb ul.lst_ li .detail .txt_ h4 a {font:500 14px/22px 'Roboto',sans-serif;color: #444444}
.pr-new-sb ul.lst_ li .detail .txt_ h4 a:hover {color: #0070C1}
.pr-new-sb ul.lst_ li .detail .txt_ .price-pro {color: #0070C1;font-size: 14px}

.cate-sb h5 {font:normal 18px/25px 'utm-Avobold',sans-serif;text-transform: uppercase;color: #fff;background: #0073c6;padding:10px 20px;border-radius: 5px 5px 0 0}
.cate-sb h5 i {width: 20px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/front/ic-cate-sb.png) center no-repeat;margin-top: -4px;margin-right: 15px}
.cate-sb>ul {border:1px solid #0070C1 !important;background: #fff}
.cate-sb>ul>li {padding:14px 20px;border-bottom: 1px solid #e1e1e1;position: relative;}
.cate-sb ul li a {color: #333;font-weight: 700}
.cate-sb>ul>li.activeslide>a {color: #f1ce00;}
.cate-sb ul li a:hover {color: #0070C1;text-decoration: underline;}
.cate-sb ul li span {width: 10px;height: 5px;background: url(../images/front/carrot-cate-sb.png) no-repeat center;display: block;position: absolute;right: 13px;top:18px;cursor: pointer;padding:5px 10px;}
.cate-sb ul li ul {border-left: 1px solid #e1e1e1;margin-top: 5px}
.cate-sb ul li ul li a {font-size: 14px;color: #222;font-weight: 300}
.cate-sb ul li ul li {position: relative;padding:8px 0 0 15px;}
.cate-sb ul li ul li:before {content: '';position: absolute;top:19px;left:0;width: 10px;height: 1px;background: #e1e1e1;display: block}



/*Effect*/
/* Shine */
a.img {position: relative; display: block; overflow: hidden;}
a.img::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
a.img:hover::before { -webkit-animation: shine 1.35s; animation: shine 1.35s;}
@-webkit-keyframes shine {100% {left: 125%;} }
@keyframes shine {100% {left: 125%;} }


::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    /*background-color: #ccc;*/
    background-color: #f0202e;
    border-radius: 0px
}
::-webkit-scrollbar-thumb:hover {
  /*background-color: #aaa;*/
  background-color: #1a9aff}



/*CODE CSS SINGLE _ PAGE _ SINGLE PRODUCT */

@font-face {
    font-family: 'TUV-Montserrat-Regular';
    src: url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.eot');
    src: url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.eot') format('embedded-opentype'),
         url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.woff') format('woff'),
         url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.ttf') format('truetype'),
         url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.svg#TUV-Montserrat-Regular') format('svg');
}


@font-face {
    font-family: 'TUV-Montserrat-Bold';
    src: url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.eot');
    src: url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.eot') format('embedded-opentype'),
         url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.woff') format('woff'),
         url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.ttf') format('truetype'),
         url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.svg#TUV-Montserrat-Bold') format('svg');
}

.box {margin-bottom: 30px}
.box h5 {font: 500 16px/normal 'TUV-Montserrat-Regular',sans-serif;text-transform: uppercase;background: #0070C1;color: #fff;padding:11px 0 7px 20px;}
.ic-cate {width: 12px;height: 8px;background: url(../images/front/menu-cate.png)no-repeat center;display: inline-block;margin-right: 9px;margin-bottom: 1px}
.box > ul {border:1px solid #e1e1e1;border-top: 0;padding:10px;}

.box.sb-support ul p {
    font-size: 17px;
    color: #444;
    line-height: 24px;
    padding-left: 14%;
}
.box.sb-support ul p {font-size: 17px;color: #444;line-height: 24px}
.box.sb-support ul p i {color: #4fba6f;width: 20px;margin-right: 5px}

.box ul.lst-news {padding:21px 19px;}
.box ul.lst-news .detail-primary {border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;margin-bottom: 19px}
.box ul.lst-news .detail-primary img {height: auto !important;}
.box ul.lst-news .detail-primary h4 {margin: 12px 0 0;display: block}
.box ul.lst-news .detail-primary h4 a {font: 500 14px/20px 'Roboto',sans-serif;color: #444;}
span.date-post {font-size: 13px;color: #999999}

.box ul.lst-sb-news li {overflow: hidden;margin-bottom: 20px}
.box ul.lst-sb-news li:last-child{margin-bottom: 0;}
.box ul.lst-sb-news a.img {width: 80px;height: 70px;float: left;display: block;margin-right: 9px;border:1px solid #e1e1e1;overflow: hidden;}
.box ul.lst-sb-news h4 {padding-top: 5px;display: block}
.box ul.lst-sb-news h4 a {font-size: 14px}

.box-menu-ft ul ul.sub-menu{display: none}
.box.lienketwebsite ul li a {color: #444}
.box.lienketwebsite ul li a:hover{text-decoration: underline;}
.box.lienketwebsite ul li {padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dashed #e1e1e1}
.box.lienketwebsite ul li:last-child {border:none;margin-bottom: 0;padding-bottom: 0}
/*.wrap-content {border:1px solid #e1e1e1;padding:20px;}*/
.lienketwebsite .fanpage iframe{
    width:265px !important;
}
.wrap-content {border:0px solid #e1e1e1;padding:20 0px;}
.breacrumb {background: #d4f3ff; padding: 10px;margin-bottom: 25px}

.pdt30 {padding-top: 30px}

/*CSS PHÂN TRANG WORDPRESS*/
.pagination-page {padding-top: 10px !important}
.pagination-page {border:1px solid #e1e1e1;padding:9px 14px;display:block;width: 570px;margin: 0 auto 0px;overflow: hidden;background: #f1f1f1}
.pagination-page a.prev,
.pagination-page a.next {font:500 14px/20px 'Roboto',sans-serif;color: #444444;padding:0 19px;display: inline-block;}
.pagination-page a.prev.page-numbers {float:left}
.pagination-page a.next.page-numbers {float:left}
.pagination-page {text-align:right}
.pagination-page a.prev:hover,
.pagination-page a.next:hover {color: #0857a8;}
.pagination-page a.prev:not(:last-child) {border-right: 1px solid #555555;padding-left: 0}
.pagination-page .page-numbers {padding: 0 9.5px;display:inline-block}
.pagination-page .page-numbers:hover,
.pagination-page .page-numbers:active,
.pagination-page .page-numbers:focus,
.pagination-page .page-numbers.current {color:#ff9900}


article.content-post p {margin-bottom:15px;font:400 15px/25px 'Roboto',sans-serif;color: #444444;}
article.content-post div {max-width: 100%}
img.aligncenter {display: block;margin: 0 auto;}
img.alignright {display: block;margin:5px;float: right;}
img.alignleft {display: block;margin:5px;float: left;}
.aligncenter {text-align: center;}
article.content-post table td img {
    margin: 0 auto;
    display: inherit;
}
article ul {padding-left: 20px}
article ul li{margin-bottom: 10px}
.bx-wrapper img {width: 100% !important; display: block; height: 460px !important; }
article.content-post ul {list-style-type: disc;}
article.content-post ol {list-style-type: disc;}
article.content-post p.wp-caption-text {margin-top: 5px}
article.content-post table {background: rgb(248, 244, 232);
    border: 1px dashed #c90002; width: 100% !important;
}
article.content-post table {margin: 10px 0px 10px;}
article.content-post table tr {padding:10px;}
article.content-post table td {padding:10px; border: 1px dotted #c90002;}
article.content-post table td img{margin: 0 auto}
article.content-post h1,article.content-post h2, article.content-post h3, article.content-post h4 {font-size: 16px;font-weight: 600;line-height: 25px}
h2.title-post {font:normal 20px/normal 'TUV-Montserrat-Bold',sans-serif !important;color: #555;text-transform: uppercase;position: relative;padding-bottom: 14px}
article.content-post hr {margin-top: 0px; margin-bottom: 15px;}

article.content-post blockquote {
font-size:16px;
font-style:italic;
width:100%;
background-color:#fbf6f0;
border-left:1px dashed #d5bc8c;
border-right:1px dashed #d5bc8c;
text-align:center;
padding:20px 30px 15px;
margin-bottom: 15px
} 
blockquote cite {
color: #a1a1a1;
font-size: 14px;
display: block;
margin-top: 5px;
}
article.content-post blockquote p {font-style:italic;text-align: justify;}

.social-post {margin: 0px 0 15px}
.fb_iframe_widget iframe {
    position: absolute;
    top: -7px;
}
.facebook-box { background: #f5f5f5; padding: 10px; margin-top: 20px; border: 1px solid #ddd;margin-bottom: 30px}
.list-post-related a.post-title { font-size: 15px; display: block; margin: 5px 0; color: #000; }
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; }
.border { padding: 15px; border: 1px solid #ddd; margin: 0; }
.description { margin: 0px 0 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }

.block-project-related {padding:15px 15px 5px;background: #f5f5f5; border: 1px solid #e1e1e1;}


.tm-contact{padding:15px;border: 1px solid #e1e1e1;margin-bottom: 20px;background: #f5f5f5}
.tm-contact .tm-map{margin-bottom: 30px;}
.tm-contact ul.form-ct{}
.tm-contact ul.form-ct li{margin-bottom: 20px;}
.tm-contact ul.form-ct li .form-control{height: 36px; font: 400 13px/20px 'Roboto', sans-serif; color: #666; border: 1px solid #e2ebef; box-shadow: 0 0 0 !important;}
.tm-contact ul.form-ct li textarea.form-control{height: 120px; resize: vertical;}
.tm-contact .tm-btn{width: 130px; display: block; margin: 0 auto; padding: 9px 0 7px; border: none; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #1693c9; border-radius: 3px;}
.tm-contact .tm-btn:hover {background: #333332}
.tm-contact .info-ct{}
.tm-contact .info-ct h3{font: 500 18px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; display: block; margin-bottom: 20px;}
/*.tm-contact .info-ct ul.row{margin-bottom: 20px;}*/
.tm-contact .info-ct ul.row{margin-bottom: 0px;}
.tm-contact .info-ct ul.row li{margin-bottom: 10px;}
.tm-contact .info-ct ul.row li p{font: 400 15px/20px 'Roboto', sans-serif; color: #555; }
.tm-contact .info-ct ul.row li p span{color: #4267b2;}
.tm-contact .info-ct .block-social {margin:0;padding:0;}


ul.rg-hb li:not(:last-child){margin-bottom: 30px;}
ul.rg-hb .detail{overflow: hidden;}
ul.rg-hb a.img{width: 180px; height: 138px; float: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
ul.rg-hb a.img img{max-width: initial;}
ul.rg-hb .txt-hb{width: calc(100% - 180px); float: right; height: 138px; overflow: hidden; padding: 20px; border: 1px solid #e1e1e1; background: #faf8f8;border-left: 0}
ul.rg-hb h3{margin-bottom: 10px;}
ul.rg-hb h3 a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font:500 16px/20px 'Roboto',sans-serif;color: #333;}
ul.rg-hb h3 a:hover{color: #0070C1;}
ul.rg-hb p{margin-bottom: 7px;font:400 14px/20px 'Roboto',sans-serif;color: #444444;}
ul.rg-hb span{font:400 13px/20px 'Roboto',sans-serif;color: #777;}
ul.rg-hb a.img:after{content: ''; display: block; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; background:rgba(0,0,0,0.3) url(../images/front/ic-views.png) no-repeat center; border: 1px solid rgba(255, 255, 255, .4); opacity: 0; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -ms-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
ul.rg-hb a.img:hover:after{opacity: 1;}

p.canhbao{padding: 10px 20px; border: 1px dashed #e1e1e1; }
.tin-lien-quan {background: #fafafa;border: 1px solid #e1e1e1;padding:10px 20px 5px;}
.tin-lien-quan h2 {font:normal 15px/normal 'TUV-Montserrat-Bold',sans-serif !important;color: #555;text-transform: uppercase;margin-bottom: 10px;border-bottom: 1px dashed #e1e1e1;padding-bottom: 10px;padding-left: 20px;position: relative;}
.tin-lien-quan h2:after {content: '';display: block;position: absolute;top:0;left:0;width: 5px;height: 20px;background: #0070C1}
.tin-lien-quan ul {padding-left: 20px;overflow: hidden;}
.tin-lien-quan ul li {list-style-type: disc;width: 50%;float: left;margin-bottom: 5px;}
.tin-lien-quan ul li a {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: block; padding-right: 30px; }



.single-product {margin-bottom: 30px}
.single-product .img_pro{padding: 5px;border:1px solid #e1e1e1;text-align: center;}
.single-product .img_pro ul.lst-gallery {overflow: hidden;margin: 15px -2.5px 0px;}
.single-product .img_pro ul.lst-gallery li {width: 33.333%;float: left;padding:0 2.5px;}
.single-product .img_pro ul.lst-gallery li a {height: 100px;display: flex;border:1px solid #e1e1e1;padding:5px;}
.single-product .img_pro ul.lst-gallery li a img{max-height: 100px;max-width: 100%;margin: 0 auto}
.single-product .txt_pro {padding: 20px 20px 10px; background: #efefef; border: 1px dashed #dcdcdc;position: relative;}
.single-product .txt_pro .title_pro {position: relative;padding-bottom: 6px;border-bottom: 1px solid #e1e1e1;margin-bottom: 20px}
.single-product .txt_pro .title_pro h4 {font:normal 20px/30px 'TUV-Montserrat-Bold',sans-serif !important;color: #555;text-transform: uppercase;}
.single-product .txt_pro .price_pro {position: relative;margin-bottom: 15px;border-bottom:1px solid #e1e1e1;padding-bottom: 15px}
.single-product .txt_pro .price_pro .price_ {font-weight: 500;font-size: 16px;background: #0070C1;color: #fff;padding: 5px 10px;margin-left: 10px}
.single-product .txt_pro .short_description {}
.single-product .txt_pro .short_description strong{color: #0070C1}
.single-product .txt_pro .short_description p{margin-bottom: 10px}
.btn_ordernow {position: absolute;right: 0;top:0;}
.btn_ordernow i {margin-right: 10px}
.btn_ordernow a {color: #fff;background: #0070C1;padding: 8px 15px 7px;text-transform: uppercase;font-size: 13px;font-weight: 600}

.form-order {margin-bottom: 30px;border:1px dashed #e1e1e1;padding: 20px 20px 0;display: none}
.form-order ul.form-ct{margin-top: 10px}
.form-order ul.form-ct li{margin-bottom: 10px;}
.form-order ul.form-ct li .form-control{height: 36px; font: 400 13px/20px 'Roboto', sans-serif; color: #666; border: 1px solid #e2ebef; box-shadow: 0 0 0 !important;}
.form-order ul.form-ct li textarea.form-control{height: 70px; resize: vertical;}
.form-order .tm-btn{width: 130px; display: block; margin: 0 auto; padding: 9px 0 7px; border: none; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; background: #1693c9; border-radius: 3px;}
.form-order .tm-btn:hover {background: #333332}
.form-order .info-ct{}
.form-order .info-ct h3{font: 500 18px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; display: block; margin-bottom: 20px;}
.form-order .info-ct ul.row{margin-bottom: 0px;}
.form-order .info-ct ul.row li{margin-bottom: 10px;}
.form-order .info-ct ul.row li p{font: 400 15px/20px 'Roboto', sans-serif; color: #555; }
.form-order .info-ct ul.row li p span{color: #DA251C;}
.form-order .info-ct .block-social {margin:0;padding:0;}
h4.title_chitiet { background: #0070C1; color: #fff; display: inline-block; padding: 5px 10px; text-transform: uppercase; font-weight: 600; font-size: 17px;}

.sanphamlienquan hr {margin-top: 0; }
/*.giasanpham {margin-top: 20px;}*/

@-moz-document url-prefix() { 
    
}

@media (max-width: 1190px){
    .camera_next{right: 40px}
    .camera_prev{left: 40px}
    ul.menu li a {padding:15px 10px;}
    .header-top .pull-left p:last-child {margin-left: 60px}
    .txt-slider {font-size: 16px}
    ul.lst-product {margin: 0 -5px; }
    ul.lst-product li{padding: 0 5px; }
}
@media (max-width: 990px){
    
    a.menu-mobile{display: block;margin: 27px 0 0;}
    .yl-block {width: 315px;}
    .yl-block p{font-size: 15px;}
    .mcn-menu {height: auto}
    .yl-block h3 img {width: 100%}
    .yl-block p{font-size: 14px;padding-top: 4px}
    .yl-block p.hot-slider {padding: 9px 0;margin-top: 4px}
    .yl-block p.hot-slider strong {font-size: 17px}
    .yl-block p.hot-slider span {font-size: 17px}

    .txt-slider {font-size: 13px; }
    .social-top {display: none}
    .header-top .pull-left p:first-child {margin-right: 30px}
    .header-top .pull-left p:last-child {margin-left: 20px; }

    .col-md-9.pull-right {clear: both;width: 100%}
    .col-md-3.pull-left {clear: both;width: 100%}
    footer {margin-top: 30px}
    .produc-ft,.about-ft{padding-left: 0;}
    .footer-top .ft-top {margin-bottom: 15px; }
    .ft-bot .row .col-md-3 {margin-bottom: 20px}
}
@media (max-width: 767px){
    #myModal .modal-header .close{
        right: 0 !important;
    }
    #myModal p.CaptionCont {
        max-width: 358px;
    }
    header{
        position: static;
    }
    .col-pro{padding-right: 15px;}
    .lienketwebsite .fanpage iframe{
        width:100% !important;
    }
    .view-all{
        margin-bottom: 20px;
    }
    .video iframe{height: 300px;}
    .mcn-logo{
        text-align: center
    }
    .header-top a.hotline{
        text-align: center;
    }
    .header-top{
        padding: 10px 0;
    }
    .header-top a.hotline{
        margin-top: 0;
    }
    .item-slider, #_slider a.link-banner, .item-slider img,  #_slider > div, .item-slider > div{
        height: 700px !important;
        overflow: unset !important;
    }
     #_slider{
        overflow: unset !important;
        height: 200px !important
     }
     .jssoral, .jssorar, .jssoraldn, .jssorardn{
        width: 50px;
        height: 50px;
        top: 72% !important;
        background-position: center center !important;
     }
    a.menu-mobile{
        margin: 15px 0;
    }
    #search button{
        width: 100%
    }

}
@media (max-width: 680px){
    .camera_commands > .camera_stop {display: none}
    .camera_next {right: 60px}
    .header-top .pull-left p:nth-child(2) {display: none}
    .mcn-otm {display: none}
    .header-top .pull-left p:first-child {margin-right: 0}
    ul.lst-news li .detail .txt_ .date-post {margin-right: 10px}
}
@media (max-width: 630px){
    
}
@media (max-width: 500px){}
@media (max-width: 420px){
    .camera_next, .camera_prev{display: none}
    .yl-block {width: 100%}
    .yl-block p{font-size: 12px}
    .pagination-page {width: 100%}

    .header-top .pull-left p:last-child {margin-left: 20px;font-size: 16px}
    ul.lst-product li .detail .img_ {margin-bottom: 0px; width: 100%; height: 150px; position: relative; }
    ul.lst-news li {width: 100%}
    .footer-top .ft-top {display: none}
    .block-wrappe-pro {padding: 20px 0 10px; background: #f1f1fb; }
    .mcn-product {margin-bottom: 10px; }
    ul.lst-news li .detail .img_ a.img img {height: auto}
    ul.lst-news li .detail .img_ {height: auto}
}
@media (max-width: 375px){
    .header-top .pull-left p:first-child {display: none}
    .mcn-title h2 span {font-size: 17px}
}
@media (max-width: 320px){

}
 .alo-ph-img-circle {
width: 30px;
height: 30px;
top: 35px;
left: 35px;
position: absolute;
background: rgba(30, 30, 30, 0.1) url(https://1.bp.blogspot.com/-UbTOXZnLovo/V9kU1RLbX4I/AAAAAAAAGYA/4qQQ0CBifcM8IlNe7f-aVL2Ln-wzLcF4wCLcB/s1600/alo.png) no-repeat center center;
background-size: contain;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .7;
-webkit-animation: alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: alo-circle-img-anim 1s infinite ease-in-out;
animation: alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}

.alo-phone {
position: fixed;
visibility: hidden;
background-color: transparent;
width: 100px;
height: 100px;
cursor: pointer;
z-index: 999;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
left: 0%;
bottom: 1%;
}

.alo-phone.alo-show {
visibility: visible
}

.alo-phone:hover {
opacity: 1;
}

.alo-ph-circle {
width: 100px;
height: 100px;
top: 0;
left: 0;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
border: 2px solid #bfebfc;
opacity: .1;
-webkit-animation: alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: alo-circle-anim 1.2s infinite ease-in-out;
animation: 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%
}

.alo-phone:hover .alo-ph-circle, .hotline>

a:hover .alo-ph-circle {
border-color: #00aff2;
opacity: .5
}

.alo-phone.alo-green:hover .alo-ph-circle,
.hotline>a:hover .alo-ph-circle {
border-color: red;/*#04AFEF*/
border-color: #baf5a7 9;
opacity: .5;
}

.alo-phone.alo-green .alo-ph-circle {
border-color: #ffbc0a/*;border-color:#bfebfc */ ;
opacity: .5
}

.alo-ph-circle-fill {
width: 60px;
height: 60px;
top: 20px;
left: 20px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: 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%
}

.alo-phone:hover .alo-ph-circle-fill, .hotline>

a:hover .alo-ph-circle-fill {
background-color: rgba(0, 175, 242, 0.5);
background-color: #00aff2;
opacity: .75 !important
}

.alo-phone.alo-green:hover .alo-ph-circle-fill,
.hotline>a:hover .alo-ph-circle-fill {
background-color: red;/*rgba(4,175,239,0.5)*/
background-color: #baf5a7 9;
opacity: .75 !important;
}

.alo-phone.alo-green .alo-ph-circle-fill {
background-color: rgba(255, 188, 10, 0.5);
background-color: #ffbc0a;
opacity: .75 !important
}

.alo-phone:hover .alo-ph-img-circle, .hotline>

a:hover .alo-ph-img-circle {
background-color: #00aff2
}

.alo-phone.alo-green.alo-hover .alo-ph-img-circle,
.alo-phone.alo-green:hover .alo-ph-img-circle,
.hotline>a:hover .alo-ph-img-circle {
background-color: red;/*#04AFEF*/
background-color: #04AFEF 9;
}

.alo-phone.alo-green .alo-ph-img-circle {
background-color: #ffbc0a;
background-color: #ffbc0a
}

@-moz-keyframes 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 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 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 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 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 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 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 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
}

}

@-moz-keyframes 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)
}

}

@-webkit-keyframes 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)
}

}

@-o-keyframes 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)
}

}

@keyframes 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)
}

}

#alo-fixed {
visibility: visible;
opacity: 0;
position: fixed;
right: -100px;
top: 100px
}

#alo-fixed.show {
right: 10px;
visibility: visible;
opacity: 1
}
.zalo-container:not(.right) {
    left: 28px !important;
}

.SumoSelect{
    width: 100%;
    margin-bottom: 5px;
}
/*.SumoSelect select{
    overflow-x: hidden;
}*/
.SumoSelect>.optWrapper.multiple>.options li.opt span{
    left: 0 !important;
    top:  -5px !important;
}
.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{
    background-color: #2070c0 !important;
}

.modal.show {
    z-index: 9999 !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-align: center;
    -webkit-align-items: center;
        -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
        -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
#myModal .modal-header {
    padding: 0 !important;
    border-bottom: none;
}
#myModal .modal-header .close {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #2070c0;
    color: #fff;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.modal {
  text-align: center;
  padding: 0!important;
  z-index: 99999;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#myModal .img-adv{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding:  20px 15px;
}
.img-adv__logo{
    margin-bottom: 15px;
}
.img-adv__logo img{
    max-height: 100px;
}
.img-adv__title{
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}
#myModal p{
    width: 100%;
    margin-bottom: 5px;
}
#myModal .wpcf7-form-control-wrap{
    width: 100% ;
    margin-bottom: 5px;
}
#myModal .SumoSelect>.optWrapper.multiple>.options li.opt span{
    left: 2rem !important;
}
#myModal input{
    padding: 10px 5px;
    width: 100%;
    margin-bottom: 5px !important;
    height: 45px;
}
#myModal input[type="submit"]{
    background: #2070c0;
    color: #fff;
    border: none;
}
#myModal textarea{
    height: 100px;
    margin-top: 18px !important;
}
#myModal .check-group{
    margin-top:  -12px;
}
body.single-san-pham .modal-backdrop,
body.home .modal-backdrop{
    z-index: 0;
}
body.modal-open{
    overflow: hidden;
}
body.modal-open #wrapper{
    position: relative;
}
body.modal-open #wrapper:after{
   content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000059;
    z-index: 9999;
}
#myModal form br,
#myModal .wpcf7-form-control-wrap.name-product{
    display: none;
}

.main-page__order button:not(.close), .main-page__order button:not(.close):focus{
    margin: auto;
    background:#0070C1;
    border-color: #0070C1;
    outline: none;
}
.main-page__order button:not(.close):hover{
    background: #0070C1;
    border-color: #0070C1;
    outline: none;
}
.main-page__order .modal-header{
    background: #0070C1;
}
.main-page__order h5{
    font-weight: bold;
    text-align: center;
    color: #fff
}
.main-page__order button.close{
    position: absolute;
    right: -7px;
    top: -10px;
    width: 35px;
    height: 35px;
    background: #0070C1;
    opacity: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.main-page__order .modal-header{
    padding: 10px 15px;
}
.main-page__order .modal-content{
    border:  none;
}
.form-ct li{
    margin-bottom: 15px;
}
.main-page__order  textarea.form-control{
    height: 100px;
}
.main-page__order input[type="submit"]{
    width: 100%;
    border: none;
    padding: 10px 15px;
    background: #0070C1;
    color: #fff;
}
.wpcf7 form .wpcf7-response-output{
    margin:  0 !important;
}
body.single-san-pham .modal-backdrop{
    background-color: transparent;
    z-index: 0;
}
.form-ct li:last-child{
    margin-bottom: 0;
}


@media (min-width: 768px){
    .modal-dialog {
        width: 500px;
        margin: 30px auto;
    }
}