/* ==========================================================================
  Nguyen Thuan Tech
  Phone: 0906 306 135;
  Email: nguyenthuantech@gmail.com;
   ========================================================================== */
body{font-size: 13px;line-height: 1.5;margin: 0;padding: 0;color: #272626;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: Arial, Helvetica, sans-serif;}
img{border: 0;}
a,a:hover{text-decoration: none;border: 0;cursor: pointer;}
a:not([href]){cursor: auto!important} 
.mp{margin: 0;padding: 0}
*:focus,*:active{outline: none}
.off-none {display: none !important;}
.off-block {visibility: hidden !important}
.clip-xy{position: absolute;clip: rect(48px, 126px, 80px, 5px);}
.clear-b,.clear-a,.clear-ab {*zoom: 1;}
.clear-ab:before,.clear-ab:after {clear: both;content: "";display: block;}
.clear-b:before {clear: both;content: "";display: block;}
.clear-a:after {clear: both;content: "";display: block;}
/* cht-dropdown */
.cht-dropdown {position: relative;display: inline-block;cursor: pointer;}
.cht-dropdown-btn{padding: 5px 5px;display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top: 5px;}
.cht-dropdown-btn:hover{background: transparent;-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);}
.cht-dropdown-content {display: none;position: absolute;background-color: transparent;min-width: 100px;overflow: auto;-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);padding-top:10px; padding-bottom:10px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;top:32px;border: 1px solid #80808052;z-index: 999999}
.cht-dropdown-content a{padding: 5px 10px;display: block;}
.cht-dropdown-content a img{margin-right:5px;}
.cht-dropdown-content a:hover {color:#2196F3;-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);}
/* End cht-dropdown */
/* Check */
.check-cht {display: inline-block!important;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 20px;margin-bottom: 8px;font-size: 12px;margin-right: 20px}
.check-cht input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #eee;border-radius: 50%;}
.check-cht:hover input ~ .checkmark {background-color: #ccc;}
.check-cht input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-cht input:checked ~ .checkmark:after {display: block;}
.check-cht .checkmark:after {top: 4px;left: 4px;width: 8px;height: 8px;border-radius: 50%;background: white;}
/* End Check */
/* Colum1 */
.colum1{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}
/* End Colum1 */
/* Arrow */
.arrow-cht::before {border-style: solid;border-width: 0.05em 0.05em 0 0;content: '';display: inline-block;height: 0.45em;position: relative;margin-top: 5px;transform: rotate(-45deg);width: 0.45em;}
.arrow-cht.bottom:before{top: 0;transform: rotate(135deg);}
.arrow-cht.right:before{left: 0;transform: rotate(45deg);}
.arrow-cht.left:before{left: 0.25em;transform: rotate(-135deg);}
/* End Arrow */
/* Bach to top */
#back-to-top{width: 40px;height: 40px;position: fixed;bottom: 30px;right: 10px;cursor: pointer;background-image: url("/resources/views/client/asset/image/ico/icon/click-here.png");background-repeat: no-repeat;background-position: -47px 0;display: none;position: fixed;right: 5px;bottom: 60px;z-index: 99999999}
/* End Bach to top */
/* Others */
.change .bar3{-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px);}
.shake:hover{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
.shake2:hover{animation: shake2 0.5s cubic-bezier(.75,.05,.50,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
@keyframes shake{10%, 90% {transform: translate3d(-1px, 0, 0);} 40%, 60% {transform: translate3d(4px, 0, 0);} }
@-webkit-keyframes waggle{ 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-0.5deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(-1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(0.5deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-0.5deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(0deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0.5deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(0deg); } }
.waggle:hover,.waggle:focus{-webkit-animation-name: waggle;-webkit-animation-duration: 2s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(0, -8px, 0); }
}
.ball {
  animation: bounce 0.3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
/* End Others */
/* vote */
a.votepro{text-align: left;display: block;position: relative;color: #211f1f94;font-size: 12px;}
a.votepro i.star{display: inline-block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 -87px;vertical-align: middle;}
a.votepro i.star i {display: block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 0;}
/* End vote */
/* Pagination */
.phantrang{width: 100%;margin-bottom: 20px;margin-top: 30px;float: left;}
ul.pagination {display: block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li.disabled{display: none;}
.pagination a{margin-right: 5px;color: #272626;float: left;text-decoration: none;border: 1px solid #272626;width: 35px;height: 35px;font-size: 14.5px;text-align: center;line-height: 35px}
.pagination .active span {float: left;background-color: #e48a25;color: white;border: 1px solid #e48a25;margin-right: 5px;width: 35px;height: 35px;font-size: 14.5px;text-align: center;line-height: 35px}
.pagination a:hover:not(.active) {background-color: #e48a25;border: 1px solid #e48a25;color: #fff;width: 35px;height: 35px;font-size: 14.5px;text-align: center;line-height: 35px}
/*.pagination a:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination a:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}*/
/* End Pagination */
/* Jumlink */
.box-jumlink{margin-top: 0;margin-bottom: 10px}
.jumlink{display: block;list-style: none;border-bottom: 1px solid #c9d0cd}
.jumlink li{display: inline-block;float: left;}
.jumlink li a{padding: 6px 1px 6px 5px;display: inline-block;color: #929290;font-weight: normal;}
.jumlink li a:hover{color: #272626;}
.jumlink li a i{display: inline-block;font-size: 11px}
.jumlink li:last-child a{color: #272626}
.jumlink li:first-child a i{margin-right: 3px}
/* End Jumlink */
/* Print error */
.error1{color: #e40606;font-size: 12px;font-style: italic;font-weight: bold;display: block;}
.print-error {float: left;}
.print-error ul{margin-bottom: 0;float: left;margin-top: 0;padding-left: 20px}
.print-error ul li{color: #e40606;font-size: 12px;font-style: italic;font-weight: bold;}
.print-error-msg{width: 100%}
.print-error-msg ul{padding: 0 10px 5px 20px;}

.print-error-msg1{width: 100%}
.print-error-msg1 ul{padding: 0 10px 5px 20px;}
.print-error-msg1 ul li{color: #ffffffdb}

.print-error-msg2{width: 100%}
.print-error-msg2 ul{padding: 0 10px 5px 20px;}
.print-error-msg2 ul li{color: #272626}
/* End Print error */
/* BxSlider */
.bx-wrapper{box-shadow: none!important;border: 0!important;margin-top: 0;margin-bottom: 0!important}
.bx-wrapper img{width: 100%}
.bannertop{display: block;width: 100%}
.bannertop img{width: 100%}
/* End BxSlider */
/* Search suggestions */
.show{display: block!important}
.search-results {display: block;z-index: 99999;padding: 0;background:transparent;position: absolute;top:40px;width: 100%}
.outdiv{background-color: #ffffffeb;-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);padding: 10px 5px 10px 5px;}
.listsearch{padding-left: 10px;padding-bottom: 10px;max-height: 200px;overflow-y: auto;margin:0;}
.search-result-items{padding-bottom: 10px}
.goiy{font-size: 14px;font-weight: normal;margin:0;}
.listsearch li a{color: #272626;font-size: 12px}
.listsearch li a:hover{color: #DF1F1F}
.listsearch li a:hover b{color: #DF1F1F!important}
/* End Search suggestions */
#loader {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%vh;background-color: #ffffffc2;z-index: 10000;text-align: center;vertical-align: middle;z-index: 99999999999999!important}
.fa-3x{vertical-align: middle;height: 100%; display: inline-flex;align-items: center;font-size: 2.5em}
.fa-3x  > div{padding: 30px 50px;border:1px solid gray;background-color: #fff;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);}
.fa-3x  > div i{color: #0672b3}
.fa-3x  > div p{display: block;font-size: 16px;padding: 0 30px}
/*----- End Loader -----*/
/* Menu Mobile */
.nav-mobile{background-color: #fff}
.offside {position: fixed;width: 240px;height: 100%;top: 0;z-index: 9999999999;overflow: auto;-webkit-overflow-scrolling: touch;}
.offside,.offside--left {left: -240px;}
.offside--right {left: auto;right: -240px;}
.offside--left.is-open,
.offside-js--is-left .offside-sliding-element {
    -webkit-transform: translate3d(240px, 0, 0);
    -moz-transform: translate3d(240px, 0, 0);
    -ms-transform: translate3d(240px, 0, 0);
    -o-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
}
.offside--right.is-open,
.offside-js--is-right .offside-sliding-element {
    -webkit-transform: translate3d(-240px, 0, 0);
    -moz-transform: translate3d(-240px, 0, 0);
    -ms-transform: translate3d(-240px, 0, 0);
    -o-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
}
.offside-js--interact .offside,
.offside-js--interact .offside-sliding-element {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.offside-js--init {overflow-x: hidden;}
.no-csstransforms3d .offside {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.no-csstransforms3d .offside-sliding-element {overflow-x: hidden;position: relative;}
.no-csstransforms3d .offside--left.is-open {left: 0;}
.no-csstransforms3d .offside--right.is-open {right: 0;}
.no-csstransforms3d > .offside-js--is-left .offside-sliding-element {right: -240px;}
.no-csstransforms3d > .offside-js--is-right .offside-sliding-element {left: -240px;}
.site-overlay {z-index: 100;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #989898a8;visibility: hidden;opacity: 0;cursor: pointer;-webkit-transition: visibility 0s ease, opacity .2s ease;-moz-transition: visibility 0s ease, opacity .2s ease;-o-transition: visibility 0s ease, opacity .2s ease;transition: visibility 0s ease, opacity .2s ease;}
.h--left{float: left;}
.h--right{float: right;}
.offside-js--is-open .site-overlay {visibility: visible;opacity: .8;-webkit-transition-delay: delay 0s;-o-transition-delay: delay 0s;transition-delay: delay 0s;}
.icon {display: block;position: relative;padding: 5px 0;background-color: transparent;background-image: none;}
.icon .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #313131;}
.icon:hover .icon-bar {background-color: #989898;}
.icon:focus {outline: 0;}
.icon--cross {padding: 15px 5px;background-color: #0000000a;position: absolute;right: 0}
.icon--cross:hover{padding: 15px 5px;}
.icon--cross > .icon-bar + .icon-bar {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.icon--cross > .icon-bar{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -2px;}
.icon.icon--cross > .icon-bar{background-color: #fff;}
/*.but-menumb{display:none;z-index: 999999999;position: absolute;vertical-align: middle;background-color: transparent;padding: 3px 5px;border: 1px solid transparent}
.but-menumb span{display: inline-block;color: #5d5b5b;font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: normal;vertical-align: middle;text-transform: uppercase;}
.but-menumb i{display: inline-block;vertical-align: middle;}
.but-menumb:hover{background-color: transparent;border: 1px solid transparent}
.but-menumb:hover span{color: #fff}
.but-menumb:hover i{display: inline-block;vertical-align: middle;}*/

.but-menumb{display: none;float: left;margin-left: 15px}
.but-menumb span{font-size: 15px;color: #2a54a5;font-weight: bold;text-transform: uppercase;display: inline-block;vertical-align: middle;}
.but-menumb i{display: inline-block;vertical-align: middle;color:#2a54a5;font-size: 16px;margin-left: 5px}
.but-menumb:hover{}

.hoverchangeicon{
  cursor:pointer;
}
 
.hoverchangeicon:hover i:before{
  content:"\f00d";
  opacity:1;
}

.menumb{list-style: none;padding-bottom: 15px}
.menumb > li{display: block;width: 100%;background-color:#00000000;margin-bottom: 1px;border-bottom: 1px solid #80808069}
.menumb > li > a{color: #272626;text-transform: uppercase;padding: 10px 10px;display: block;font-size: 12.5px;font-weight: bold}
.menumb > li a:hover{color: #bc2423;}

.submenu-mb {padding-left: 1em;overflow: hidden;display: none;}
.menumb > li{position: relative;display: block;}
a.linkmenu{display: inline-block;float: left;width: calc(100% - 35px)}
a.togglesubmenu-mb {display: block;float: right;width: 35px;text-align: center;}
.submenu-mb{width: 100%;}
.submenu-mb > li{display:block}
.submenu-mb li a.linkmenu{display: block;padding:5px 5px 5px 15px;width: 100%;font-size: 12.5px;text-transform: uppercase;color: #272626;float:left;
background-image: url("/resources/views/client/asset/images/bread-divider2.png");
background-repeat: no-repeat;
background-position: 0 center;}
.submenu-mb li a{color: #272626;font-size: 12.5px}
.submenu-mb li a.active{color: #bc2423;font-weight: bold}
.submenu-mb > li >  a.linkmenu:hover{color: #bc2423;}
.offside > p{display: block;padding: 10px 5px}
.offside .span1,.offside .span2{display: block;}
.offside .span1 a{display: block;text-align: right;padding: 2px 0 5px 0}
.offside .span2 a{display: block;text-align: right;color: #BA1919;font-weight: bold;}
.listcatsubmb3 li{padding: 3px 0}

.logo-mb{width: 80%;margin:0 auto;display: block;padding: 10px 20px}
.logo-mb img{width: 100%}
/* End Menu Mobile */
/* Call Animation */
.coccoc-alo-phone{
  position:fixed;visibility:hidden;
  background-color:transparent;width:200px;
  height:200px;cursor:pointer;z-index:200000 !important;
  -webkit-backface-visibility:hidden;
  -webkit-transform:translateZ(0);
  -webkit-transition:visibility .5s;
  -moz-transition:visibility .5s;
  -o-transition:visibility .5s;transition:visibility .5s;
  right:150px;
  top:30px
}
.coccoc-alo-phone.coccoc-alo-show{
  visibility:visible
}
@-webkit-keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
  0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
  0%{opacity:1}
  100%{
    opacity:0;-webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
    }
  }
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.coccoc-alo-phone.coccoc-alo-static{opacity:.6}
.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1}
.coccoc-alo-ph-circle{
  width:160px;
  height:160px;
  top:20px;
  left:20px;
  position:absolute;background-color:transparent;-webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid #B91219;
  border:2px solid #B91219 9;
  opacity:.1;
  -webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  -moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  -ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  -o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  animation:coccoc-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%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{
  -webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
  -moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
  -ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
  -o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
  animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{
  -webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
  -moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
  -ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
  -o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
  animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#B91219;opacity:.5}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{
  border-color:#B91219;
  border-color:#B91219 9;
  opacity:.5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#B91219;border-color:#B91219 9;opacity:.5}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{
  border-color:#ccc;opacity:.5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#B91219;opacity:.5}
.coccoc-alo-ph-circle-fill{
  width:100px;
  height:100px;
  top:50px;
  left:50px;
  position:absolute;background-color:#000;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;
  -webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation:coccoc-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%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{
  -webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  -moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  -ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  -o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{
  -webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  -moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  -ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  -o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{
  background-color:#B91219;
  background-color:#B91219 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{
  background-color:#B91219;
  background-color:#B91219 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{
  background-color:#B91219;
  background-color:#B91219 9;opacity:.75 !important
}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{
  background-color:#B91219;
  background-color:#B91219 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:#B91219;opacity:.75 !important}
.coccoc-alo-ph-img-circle{
  width:60px;height:60px;top:70px;left:70px;
  position:absolute;
  background:rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-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%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#B91219;opacity: 1}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#B91219;background-color:#B91219}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#B91219}@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-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 coccoc-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 coccoc-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)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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)}}#coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#coccoc-alo-wrapper.night-mode{color:#fff}.coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important}
.coccoc-alo-popup{
  display:inline-block;position:relative;-webkit-border-radius:16px;
  -moz-border-radius:16px;border-radius:16px;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
  -webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;
  -o-transition:.6s ease-out;transition:.6s ease-out;
  margin:0 auto;z-index:200001;text-align:center;padding:60px 75px
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup{
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}
#coccoc-alo-wrapper .coccoc-alo-overlay{
  position:fixed;width:100%;
  height:100%;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .coccoc-alo-popup h3{font-size:23px}.night-mode .coccoc-alo-message{padding-bottom:0}.coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}.coccoc-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}coccoc-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#coccoc-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.coccoc-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px}.coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}

/* End Call Animation */
/* Icon Social */
#fixed-social {
   position: fixed;
   bottom: 200px
}

#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 2;
}
#fixed-social a i{font-size: 16px}
#fixed-social a:hover>span{
  visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
  line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}
 .fixed-facebook{
  background-color: #00AAE5;
 }
 .fixed-facebook span{
  background-color: #00AAE5;
 }
 .fixed-twitter{
  background-color: #7D3895;

 }
 .fixed-twitter span{
  background-color: #7D3895;
 }
 .fixed-gplus{
  background-color: #B91219;

 }
 .fixed-gplus span{
  background-color: #B91219;
 }
 .fixed-linkedin{
  background-color: #FFC41E;

 }
 .fixed-linkedin span{
  background-color: #FFC41E;
 }
 .fixed-instagrem{
  background-color: #ED2B29;

 }
 .fixed-instagrem span{
  background-color: #ED2B29;
 }
 .fixed-tumblr{
  background-color: #EB1471;

 }
 .fixed-tumblr span{
  background-color: #EB1471;
 }
/* End Icon Social */
#wrapper{width: 100%;position: relative;margin: 0;padding: 0;overflow:hidden}
.full-cht{width: 100%;position: relative;}
.maxw-cht{max-width: 1100px;margin: 0 auto;}
.capt{margin-top: 5px}
.capt i{font-weight: bold}
header,footer,.content{width: 100%;position: relative;}
.blockfooter{display: none;}

header .inline-1{border-bottom: 1px solid #e48a25;padding: 5px 0;background-color: #e48a25}
header .inline-1 > div > .slogan{display:  block;float: left;font-weight: 500;font-size: 12.5px;line-height: 24px;color: #fff}
header .inline-1 > div > .list-social{display: block;float: right;list-style: none;}
header .inline-1 > div > .list-social li{display: inline-block;float: left;}
header .inline-1 > div > .list-social li a{display: block;width: 24px;}
header .inline-1 > div > .list-social li a img{width: 100%;margin-bottom: -5px}
header .inline-1 > div > .list-social li + li{margin-left: 10px}
header .inline-1 > div > .list-catetop{display: block;list-style: none;float: right;margin-right: 15px}
header .inline-1 > div > .list-catetop li{display: block;float: left;}
header .inline-1 > div > .list-catetop li a{display: block;font-size: 12px;font-weight: normal;color: #fff;padding: 0 10px;line-height: 24px;}
header .inline-1 > div > .list-catetop li a:hover{text-decoration: underline;}
header .inline-1 > div > .list-catetop li + li:before{content: '';display: block;width: 1px;height: 10px;background-color: #fff;float: left;margin-top: 8px}

header .inline-2{background-color: #ffffffad;background-image: url(/resources/views/client/asset/images/dich-vu-ke-toan-tron-goi-la-gi-1.png);background-repeat: no-repeat;background-size: 100%;}
header .inline-2 > div{padding: 5px 0 5px 0;}
header .inline-2 > div > .logo{display: block;float: left;width: 130px}
header .inline-2 > div > .logo img{width: 100%}
header .inline-2 > div > .box-right{float: left;width: calc(100% - 170px);margin-left: 40px;}
header .inline-2 > div > .box-right .company{width: 100%;padding-top: 15px;padding-bottom: 15px}
header .inline-2 > div > .box-right .company h2{font-family: 'Roboto Slab', serif;font-size: 28px;font-weight: bold;color: #0453a5;padding-left: 15px;float: left;display: block;text-transform: uppercase;}
header .inline-2 > div > .box-right .timkiem{border: 1px solid #c9d0cd;float: right;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;width: 35px;height: 35px;cursor: pointer!important;margin-top: 2px}
header .inline-2 > div > .box-right .timkiem i{font-size: 16px;text-align: center;line-height: 35px;display: block;}
header .inline-2 > div > .box-right .timkiem:hover{background-color: #e48a25;border: 1px solid #e48a25}
header .inline-2 > div > .box-right .timkiem:hover i{color: #fff}
.box-search{width: 100%;height: 100%;background-color: #fffffff5;position: fixed;top:0;left: 0;display: none;padding-top: 20px;z-index: 9999999}
.box-search .closetk{display: block;text-align: right;float: right;cursor: pointer!important;margin-bottom: 20px;width: 100%}
.box-search .closetk i{font-size: 30px;color: #272626;margin-left: 5px;vertical-align: middle;}
.box-search .closetk:hover,.box-search .closetk:hover i{color: #e48a25}
.box-search .datasearch{width: calc(100% - 60px);float: left;border:1px solid #c9d0cd}
.box-search .datasearch select{display: block;float: left;width: 200px;padding: 15px 10px;border: 0}
.box-search .datasearch input{display: block;float: left;/*width: calc(100% - 200px);*/width: 100%;padding: 16px 10px;border: 0}
.box-search button{display: block;float: right;width: 60px;background-color: #e48a25;color: #fff;text-align: center;border: 0;padding: 15.5px 5px;font-size: 16px;margin-top:0!important}

header .inline-2 > div > .box-right .hotline{float: right;font-size: 18px;font-weight: normal;color: #fff;margin-right: 20px;background-color: #0453a5;padding: 5px 15px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
header .inline-2 > div > .box-right .hotline span{border: 1px solid #fff;display: inline-block;width: 25px;height: 25px;text-align: center;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;margin-right: 5px}
header .inline-2 > div > .box-right .hotline span i{font-size: 14px;display: block;line-height: 25px;text-align: center;color: #fff}
header .inline-2 > div > .box-right .hotline:hover{background-color: #e48a25}
header .inline-2 > div > .box-right .hotline:hover span i{color: #fff}

header .inline-2 > div > .box-right nav{width: 100%}
header .inline-2 > div > .box-right nav .mainmenu-01{display: block;list-style: none;}
header .inline-2 > div > .box-right nav .mainmenu-01 > li{display: block;float: left;position: relative;}
header .inline-2 > div > .box-right nav .mainmenu-01 > li > a{display: block;padding: 8px 16px;text-transform: uppercase;font-size: 14.5px;color: #272626;font-family: Helvetica, sans-serif;font-weight: 500;cursor: pointer!important;}
header .inline-2 > div > .box-right nav .mainmenu-01 > li a.active,header .inline-2 > div > .box-right nav .mainmenu-01 > li:hover > a{background-image: url("/resources/views/client/asset/images/hovertop.png");background-repeat: no-repeat;background-position: 13px bottom;background-color: #e48a25;color: #fff;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;}

header .inline-2 > div > .box-right nav .mainmenu-01 > li > .mainmenu-02{position: absolute;display: none;z-index: 999;width: 210px;left: calc(50% - 105px);list-style: none;border: 1px solid #fff;padding: 10px 5px;background-color: #fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);}
header .inline-2 > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li{display: block;}
header .inline-2 > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li a{display: block;padding: 5px 15px;font-size: 14px;color: #272626;font-weight:500;background-image: url("/resources/views/client/asset/images/Untitled-1.png");background-repeat: no-repeat;background-position: 5px 13px;font-family: Helvetica, sans-serif;}
header .inline-2 > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li a:hover,header .inline-2 > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li a.active{color: #e48a25;background-image: url("/resources/views/client/asset/images/Untitleds-1.png");background-repeat: no-repeat;background-position: 5px 13px}
header .inline-2 > div > .box-right nav .mainmenu-01 > li:hover > .mainmenu-02{display: block;}
header .inline-2 > div > .box-right nav .timkiem{display: none;}
header .inline-2 > div > .box-right nav .hotline{display: none;}
header .inline-3{}

.boxfixtop{background-image: url(/resources/views/client/asset/images/dich-vu-ke-toan-tron-goi-la-gi-1.png);background-repeat: no-repeat;background-size: 100%;position: fixed;top:0;z-index: 99999;background-color: #fffffff7;display: none;padding-bottom: 10px}
.boxfixtop > div > .logoboxfixtop{display: block;width: 60px;float: left;}
.boxfixtop > div > .logoboxfixtop img{width: 100%}
.boxfixtop > div > .box-right{float: left;margin-left: 20px;width: calc(100% - 80px);margin-top: 15px}
.boxfixtop > div > .box-right .company{float: right;}
.boxfixtop > div > .box-right .timkiem{border: 1px solid #c9d0cd;float: right;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;width: 35px;height: 35px;cursor: pointer!important;margin-top: 2px}
.boxfixtop > div > .box-right .timkiem i{font-size: 16px;text-align: center;line-height: 35px;display: block;}
.boxfixtop > div > .box-right .timkiem:hover{background-color: #e48a25;border: 1px solid #e48a25}
.boxfixtop > div > .box-right .timkiem:hover i{color: #fff}

.boxfixtop > div > .box-right .hotline{float: right;font-size: 18px;font-weight: normal;color: #fff;margin-right: 20px;background-color: #0453a5;padding: 5px 15px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.boxfixtop > div > .box-right .hotline span{border: 1px solid #fff;display: inline-block;width: 25px;height: 25px;text-align: center;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;margin-right: 5px}
.boxfixtop > div > .box-right .hotline span i{font-size: 14px;display: block;line-height: 25px;text-align: center;color: #fff}
.boxfixtop > div > .box-right .hotline:hover{background-color: #e48a25}
.boxfixtop > div > .box-right .hotline:hover span i{color: #fff}

.boxfixtop > div > .box-right nav{float: left;}
.boxfixtop > div > .box-right nav .mainmenu-01{display: block;list-style: none;}
.boxfixtop > div > .box-right nav .mainmenu-01 > li{display: block;float: left;position: relative;}
.boxfixtop > div > .box-right nav .mainmenu-01 > li > a{display: block;padding: 8px 16px;text-transform: uppercase;font-size: 14.5px;color: #272626;font-family: Helvetica, sans-serif;font-weight: 500;cursor: pointer!important;}
.boxfixtop > div > .box-right nav .mainmenu-01 > li a.active,.boxfixtop > div > .box-right nav .mainmenu-01 > li:hover > a{background-image: url("/resources/views/client/asset/images/hovertop.png");background-repeat: no-repeat;background-position: 13px bottom;background-color: #e48a25;color: #fff;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;}

.boxfixtop > div > .box-right nav .mainmenu-01 > li > .mainmenu-02{position: absolute;display: none;z-index: 999;width: 210px;left: calc(50% - 105px);list-style: none;border: 1px solid #fff;padding: 10px 5px;background-color: #fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);}
.boxfixtop > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li{display: block;}
.boxfixtop > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li a{display: block;padding: 5px 15px;font-size: 14px;color: #272626;font-weight:500;background-image: url("/resources/views/client/asset/images/Untitled-1.png");background-repeat: no-repeat;background-position: 5px 13px;font-family: Helvetica, sans-serif;}
.boxfixtop > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li a:hover,.boxfixtop > div > .box-right nav .mainmenu-01 > li > .mainmenu-02 li a.active{color: #e48a25;background-image: url("/resources/views/client/asset/images/Untitleds-1.png");background-repeat: no-repeat;background-position: 5px 13px}
.boxfixtop > div > .box-right nav .mainmenu-01 > li:hover > .mainmenu-02{display: block;}
.boxfixtop > div > .box-right nav .timkiem{display: none;}
.boxfixtop > div > .box-right nav .hotline{display: none;}

.mobile .box-01{margin-bottom: 15px}
.mobile .box-01 h1{display: block;text-align: center;text-transform: uppercase;font-size: 13px;font-weight: bold;border-bottom:1px solid #c9d0cd2e;padding: 5px 0;background-image: url("/resources/views/client/asset/images/bgh1.png");background-repeat: repeat-x;background-position: left center}
.mobile .box-01 h1 span{display: inline-block;padding: 5px;background-color: #fff;font-family: 'Alata', sans-serif;}
.mobile .box-01 .list-cc{display: block;list-style: none;}
.mobile .box-01 .list-cc li{display: block;float: left;width: 50%;padding: 5px 8px;border-bottom:1px solid #c9d0cd2e}
.mobile .box-01 .list-cc li a{display: block;width: 100%;text-align: center;font-size: 11.5px}
.mobile .box-01 .list-cc li a img{width: 100%;max-width: 60px}
.mobile .box-01 .list-cc li a span{display: block;width: 100%}
.mobile .box-01 .box-cskh{padding: 20px 5px 20px 0;border: 1px solid #c9d0cd;border-left: 0;border-top: 0;border-right: 0}
.mobile .box-01 .box-cskh h4{float: left;display: block;margin-top: 7px;margin-left: 5px}
.mobile .box-01 .box-cskh h4 span{display: block;position: relative;width: 45px; height: 45px;text-align: center;line-height: 55px;font-size: 14px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;border: 1px solid #bc2423;vertical-align: middle;margin-right: 5px;float: left;}
.mobile .box-01 .box-cskh h4 span i{font-size: 26px;color: #bc2423}
.mobile .box-01 .box-cskh h3{float: left;display: block;font-size: 12.5px;color: #333;font-family: 'Alata', sans-serif;}
.mobile .box-01 .list-cskh{display: block;list-style: none;float: left;}
.mobile .box-01 .list-cskh li{display: block;color: #333}
.mobile .box-01 .list-cskh li a{display: inline-block;font-size: 13px;font-weight: bold;color: #bc2423}

.mobile .box-02{margin-bottom: 15px}
.mobile .box-02 h1{display: block;text-align: center;text-transform: uppercase;font-size: 13px;font-weight: bold;border-bottom:1px solid #c9d0cd2e;padding: 5px 0;background-image: url("/resources/views/client/asset/images/bgh1.png");background-repeat: repeat-x;background-position: left center}
.mobile .box-02 h1 span{display: inline-block;padding: 5px;background-color: #fff;font-family: 'Alata', sans-serif;}
.list-post{padding-left: 20px;list-style: circle;padding-top: 10px;color: #333}
.list-post li{margin-left: 5px}
.list-post li + li{margin-top: 5px}
.list-post li a{color: #333}

.ads-left{display: block;position: fixed;left: 0;bottom: 0px;width: 7%}
.ads-right{display: block;position: fixed;right: 0;bottom: 0px;width: 7%}
.ads-left img , .ads-right img{width: 100%}

.bannercate img{width: 100%}

footer{background-color: #e48a25;padding: 30px 0 0 0!important;border-top: 5px solid #B6631A;margin-top: 40px!important}
footer .inline-1 > div > .box1{float: left;width: 20%}
footer .inline-1 > div > .box1 .logoft{display: block;width: 100%;max-width: 90px}
footer .inline-1 > div > .box1 .logoft img{width: 100%}
footer .inline-1 > div > .box1 ul{display: block;list-style: circle;color: #fff;padding-left: 20px}
footer .inline-1 > div > .box1 ul li a{color: #fff;font-size: 13.5px;display: block;padding: 3px 0}
footer .inline-1 > div > .box1 ul li a:hover{text-decoration: underline;}
footer .inline-1 > div > .box2{float: left;width: 43%;margin-left: 2%;padding-top: 25px}
footer .inline-1 > div > .box2 h2{display: block;color: #fff;text-transform: uppercase;font-size: 18px;padding: 0 0 20px 0;border-bottom: 1px solid #fff}
footer .inline-1 > div > .box2 ul{list-style: none;display: block;padding: 23px 0 0 0}
footer .inline-1 > div > .box2 ul li{display: block;padding: 3px 0}
footer .inline-1 > div > .box2 ul li > a{display: block;float: left;color: #fff;margin-right: 5px;font-size: 13.5px}
footer .inline-1 > div > .box2 ul li > p{color: #fff;font-size: 13.5px}
footer .inline-1 > div > .box2 ul li > p a{color: #fff;font-size: 13.5px}
footer .inline-1 > div > .box2 ul li > p a:hover{text-decoration: underline;}
footer .inline-1 > div > .box3{float: left;width: 33%;margin-left: 2%;padding-top: 25px}
footer .inline-2{padding: 20px 0;background-color: #B6631A;margin-top: 30px}
footer .inline-2 p{color: #fff;font-size: 13.5px}

/*-----Sản Phẩm-----*/
.box-product .box-detailproduct-1{width: 67%;float: right;}
.box-product .box-detailproduct-1 .name-product{display:block;}
.box-product .box-detailproduct-1 .name-product a{display:block;font-size: 20px;font-weight: normal;padding-bottom: 5px;color: #FF0000;}
.box-product .box-detailproduct-1 .linkcatemini{display: block;font-size:12px ;font-weight: normal;color: #525251}
.box-product .box-detailproduct-1 .linkcatemini a{font-size:12px ;font-weight: normal;color: #525251;padding-left: 5px}
.box-product .box-detailproduct-1 .linkcatemini a:hover{text-decoration: underline;}
.box-product .box-detailproduct-1 .code{cursor: auto;display: block;width: 100%;font-size: 14px;font-style: italic;color: #525251;padding: 3px 0}
.box-product .box-detailproduct-1 .code span{display: inline-block;margin-left: 5px;font-weight: bold}
.box-product .box-detailproduct-1 .price{cursor: auto;display: block;font-size: 14px}
.box-product .box-detailproduct-1 .price .new{display: inline-block;font-size: 17px;color: #FF0000;font-weight: bold;margin-left: 5px;}
.box-product .box-detailproduct-1 .price .old{display: inline-block;font-size: 13px;text-decoration: line-through;margin-left: 20px;color: #737171;}
.box-product .box-detailproduct-1 .size{padding: 5px 0;}
.box-product .box-detailproduct-1 .size > a{display: block;float: left;margin-right: 12px}
.box-product .box-detailproduct-1 .size label + label{margin-left: 15px!important}
.box-product .box-detailproduct-1 .color{padding: 5px 0;}
.box-product .box-detailproduct-1 .color > a{display: block;float: left;margin-right: 12px}
.box-product .box-detailproduct-1 .color label + label{margin-left: 12px!important}
.box-product .box-detailproduct-1 .sapo{display: block;padding: 5px 0 15px 0;font-weight: bold;font-size: 13.5px!important;line-height: 1.5}
.box-product .box-detailproduct-2{width: 30%;float: left;}
.box-product .box-detailproduct-2 img{width: 100%}
.box-product .box-detailproduct-2 .viewimg{width: 100%;padding: 10px;border:1px solid #f2f2f2}
.box-product .box-detailproduct-2 .magnify{width: 100%}
.box-product .box-detailproduct-2 .magnify img{width: 100%!important}
.box-product .box-detailproduct-2 .albumimg{position: relative;margin-top: 10px}
.box-product .box-detailproduct-2 .owl-carousel.owl-drag .owl-item{border: 1px solid #f2f2f2}
.box-product .box-detailproduct-2 .owl-prev{top:50%;position: absolute;left: 0}
.box-product .box-detailproduct-2 .owl-next{top:50%;position: absolute;right: 0}
.box-product .chitiet{width: 67%;float: right;font-size: 14px}
.quycach{font-size: 14px;}
.quycach b{display: block;}
.sendbuy select{border: 0}
.buynow{display: inline-block;font-size: 12px;padding: 5px 15px;color: #fff;-webkit-border-radius:20px;text-transform: uppercase;-moz-border-radius: 20px;border-radius: 20px;margin:5px auto;position: relative;
  background-image: linear-gradient(to left,
    #FF0000,
    #FF0000 50%,
    #A47B2C 50%,
    #A47B2C);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;border: 0;cursor: pointer;}
.buynow:hover{background-position: 0 0;}

.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile {
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none;background-color: #fff!important
}
.magnify {
  position: relative;
  width: auto;
  height: auto;
  box-shadow: none;
  display: inline-block;
  z-index: inherit;background-color: #fff!important
}
.magnify > .magnify-lens {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  cursor: none;
  display: none;
  z-index: 99;background-color: #fff
}
.magnify > .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.8;background-color: #fff!important
}
.magnify > .magnify-lens.loading:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  content: 'Loading...';
  font: italic normal 16px/1 Calibri, sans-serif;
  letter-spacing: 1px;
  margin-top: -8px;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;background-color: #fff!important
}
/*-----End Sản Phẩm-----*/
/*------Cart-----*/
.box-cart{padding-bottom: 30px}
.infocart{padding: 0;margin: 10px 5px;}
.infocart a{display: inline-block;font-weight: bold;color: #DF1F1F}
.infocart a:hover{color: #005189}
.listcart{list-style: none;display: block;float: left;width: 100%;margin-bottom: 10px}
.listcart li{display: block;width: 100%;display: flex}
.listcart li div.boxcartheader:first-child{-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;}
.listcart li div.boxcartheader:last-child{-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;}
.boxcart{border: 1px solid #1010102b;float: left;padding: 5px;}
.boxcartheader{font-weight: bold;background-color: #009249;border-right-color: #fff;border-top-color:#009249;border-bottom-color: #009249}
.boxcartheader:last-child{border-right-color:#005189}
.boxcart + .boxcart{border-left: 0;}
.stt{width:7%}
.tensp{width: 40%;}
.tensp a{color: #525251}
.hinhsp{width: 12%}
.hinhsp a{display: block;width: 100%}
.hinhsp a img{width: 100%}
.sl{width: 18%}
.sl > i{font-weight: bold;}
.sl select{display: block;width: 100%;border:1px solid #80808030;}
#boxttck{width: 97%;margin-left: 3%;padding: 10px;border: 1px dotted gray;display:none}
.tt{width: 23%;color:#FF0000;font-weight: bold;}
.boxcartheader{color: #fff}
.delcart{width: 100%}
.delcart button{border:0;background:transparent;padding: 7px 0;cursor: pointer;color: #525251}
.delcart button:hover{text-decoration: underline;}
.tong{display: block;width: 100%}
.tong a{display: block;padding: 5px 0}
.tong a span{display: inline-block;font-weight: bold;color: #FF0000;font-size: 16px}
.box-checkout > h2{display: block;width: 100%;font-weight: normal;font-size: 19px;font-family: 'Alata', sans-serif;text-transform: capitalize;padding-bottom: 5px;}

.inline-03-01{float: left;width: 58%;}
.formcheckout{float: left;width: 38%;margin-left: 4%;}
.formcheckout h4{margin-top: 0;color: #009249;font-size: 16px;margin-bottom: 0}
.formcheckout form{margin: 10px 0;width: 100%}
.formcheckout form label{display: block;width: 100%;margin-bottom: 10px;float: left;}
.formcheckout form label a{display: block;}
.formcheckout form label.email{ display: block;width: 47%;margin-bottom: 10px;}
.formcheckout form label.sdt{ display: block;width: 47%;margin-bottom: 10px;margin-left: 6%}
.formcheckout form label input[type='text']{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display: block;float: left;width: 100%;padding: 10px 12px;border: 1px solid #adadafab;color: #585555;}
.formcheckout form label.email input[type='text'],.formcheckout form label.sdt input[type='text']{width: 100%}
.formcheckout form label textarea{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display: inline-block;float: left;width: 100%;padding: 10px 12px;border: 1px solid #adadafab;color: #585555;}
.formcheckout form p{text-align: left;width: 100%;padding: 0 0;margin: 0;float: left;}
.formcheckout form p .thanhtoan{margin:15px 0;}
.formcheckout form label i.namett{vertical-align: middle;line-height: 13px;display: inline-block;padding: 3px;margin-top: -7px;}
.formcheckout form label input[type='radio']{margin-left: 3%;}
.formcheckout form label.capcha{ display: block;width: 100%;margin-bottom: 10px;cursor: auto;}
.formcheckout form label.capcha a{cursor: auto}
.formcheckout .capcha i{display: inline-block;font-size: 22px;cursor: auto;}
.formcheckout form label.capcha input{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display: inline-block;float: left;width: 100%;padding: 10px 12px;border: 1px solid #adadafab;color: #585555;}
.thanhtoan{display: inline-block;font-size: 13px;padding: 8px 15px;color: #fff;-webkit-border-radius:20px;text-transform: uppercase;-moz-border-radius: 20px;border-radius: 20px;margin:5px auto;position: relative;
  background-image: linear-gradient(to left,
    #c03433,
    #c03433 50%,
    #9e0402 50%,
    #9e0402);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;border: 0;cursor: pointer;}
.thanhtoan:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);background-position: 0 0;}

.muahangtiep{display: inline-block;font-size: 13px;padding: 8px 15px;color: #fff;-webkit-border-radius:20px;text-transform: uppercase;-moz-border-radius: 20px;border-radius: 20px;margin:5px auto;position: relative;
  background-image: linear-gradient(to left,
    #009249,
    #009249 50%,
    #9e0402 50%,
    #9e0402);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;border: 0;cursor: pointer;}
.muahangtiep:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);background-position: 0 0;}

.box-thanks{padding-bottom: 30px}
.box-thanks h2{display: block;width: 100%;font-weight: normal;font-size: 19px;text-transform: capitalize;padding-bottom: 5px;}
.box-thanks h3{text-align: center;font-size: 18px;color: #bc2423}
.box-thanks h3 img{width: 200px;vertical-align: middle;}
.box-thanks h3 span{color: #333;display: block;font-weight: normal;font-size: 16px}
.box-thanks h3 span b{display: block;color: #bc2423}
.box-thanks h3 span a{display: block;color: #bc2423}

.box-search h2{display: block;
    width: 100%;
    font-weight: normal;
    font-size: 19px;
    font-family: 'Alata', sans-serif;
    text-transform: capitalize;
    padding-bottom: 5px;}
.box-search > p{display: block;font-size: 13px;color: #333}
.box-search > p b{font-size: 16px;font-weight: bold;color: #bc2423}
.box-search > ul{display: block;padding-left: 20px;padding-top: 10px}
.box-search > ul li{padding-bottom: 5px}
.box-search > ul li a{display: block;color: #333;font-weight: bold;}
.box-search >  ul li a:hover{text-decoration: underline;}

.box-contact{padding-bottom: 50px}
.box-contact h3{display: block;
    width: 100%;
    font-weight: normal;
    font-size: 20px;
    font-family: 'Alata', sans-serif;
    text-transform: capitalize;
    padding-bottom: 15px;text-transform: uppercase;color: #0453a5}
.box-contact p{font-size: 13.5px;color: #333;}
.box-contact p a{font-weight: bold;color: #333}

.box-contact > ul{list-style: none;display: block;float: left;width: 265px}
.box-contact > ul li{display: block;float: left;width: 100%;margin: 0 0;text-align: center;border: 1px solid #c9d0cd2e;padding: 5px}
.box-contact > ul li + li{margin-top: 10px}
.box-contact > ul li i{display: block;font-size: 30px;color: #0453a5}
.box-contact > ul li p{display: block;font-size: 14px;color: #333;text-align: center;padding-top: 5px}
.box-contact > ul li p span{display: block;}
.box-contact > ul li p a{display: inline-block;color: #0453a5;font-weight: bold}

.box-contact > div{float: left;width: calc(100% - 280px);margin-left: 15px}
.box-contact > div p.p1{font-size: 14px;}
.box-contact > div p span{font-weight: bold}
.box-contact > div p.p2{font-size: 13px;}
.box-contact > div iframe{width: 100%;margin-top: 15px}
.box-contact > div p + p{margin-top: 5px}

.box-contact form{float: left;}
.box-contact form h5{font-size: 18px;color: #e48a25;display: block;padding: 20px 0 10px 0;margin: 0}
.box-contact form label {display: block;width: 100%}
.box-contact form .label1{width: 100%;margin-right: 0;float: left;}
.box-contact form .label1 label{margin-bottom: 5px}
.box-contact form .label1 label input{display: inline-block;width: calc(100% - 100px);float: right;padding: 8px 10px;font-size: 13.5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;box-shadow: 0;outline: 0;border: 1px solid #80808057;color: #6e6b6b;}
.box-contact form .label2{width: 100%;float: left;}
.box-contact form .label2 label{float: left;}
.box-contact form .label2 label textarea{display: inline-block;width: calc(100% - 100px);float: right;padding: 8px 10px;font-size: 13.5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;box-shadow: 0;outline: 0;border: 1px solid #80808057;color: #6e6b6b;}
.box-contact form .label2 button{float: right;display: inline-block;border: 0;color: #fff;padding: 8px 20px;font-size: 13.5px;background-color: #4984c5;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;margin-top: 10px;cursor: pointer;}
.box-contact form .label2 button:hover{background-color: #0453a5}
.box-contact form .label3{width: 100%;margin-right: 0;float: left;}
.box-contact form .label3 label input{width: calc(100% - 200px);float: right;padding: 8px 10px;font-size: 13.5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;box-shadow: 0;outline: 0;border: 1px solid #80808057;color: #6e6b6b;}
.box-contact form .label3 button{float: right;display: inline-block;border: 0;color: #fff;padding: 8px 20px;font-size: 13.5px;background-color: #4984c5;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;margin-top: 10px;cursor: pointer;}
.box-contact form .label3 button:hover{background-color: #0453a5}
.box-contact .maps{width: 100%;margin-left: 0}

.print-error-msg ul{color: red;width: 100%;}
/*--------------------------------content------------*/
.topcate1{display: block;padding-bottom: 30px;text-align: center;}
.topcate1 a{font-size: 24px;font-weight: bold;color: #272626;text-transform: uppercase;text-align: center;padding-bottom: 10px;border-bottom: 3px double #272626ad;padding: 0 10px 10px 10px;line-height: 2;}
.topcate1 a span{color: #B91219}
.introcate{font-size: 15px;color: #272626;line-height: 1.5;text-align: center;width: 80%;margin: 0 auto;padding-bottom: 20px}

.content .inline-1{padding: 30px 0}
.content .inline-1 > div > .box1{float: left;width: 310px;}
.content .inline-1 > div > .box1 h3{display: block;width: 100%}
.content .inline-1 > div > .box1 h3 a{display: block;padding: 0 0 10px 0;text-transform: uppercase;font-size: 16px;color: #272626}
.content .inline-1 > div > .box1 > div{font-size: 13.5px;color: #272626;line-height: 1.6;width: 100%}
.content .inline-1 > div > .box1 > a{display: inline-block;color: #fff;padding: 5px 15px;font-size: 13px;background-color: #e48a25;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;margin-top: 10px}
.content .inline-1 > div > .box1 > a:hover{background-color: #cc700a}

.content .inline-1 > div > .box2{float: left;margin-left: 30px;margin-right: 40px;width: calc(100% - 650px)}
.content .inline-1 > div > .box2 img{width: 100%}

.content .inline-1 > div > .box3{float: left;width: 270px;}
.content .inline-1 > div > .box3 h3{display: block;width: 100%;padding-left: 5px;border-left: 5px solid #e48a25;margin-bottom: 10px}
.content .inline-1 > div > .box3 h3 a{display: block;text-transform: uppercase;color: #fff;background-color:#e48a25;padding: 5px;font-size: 16px}
/*.content .inline-1 > div > .box3 ul{display: block;padding-left: 30px;color: #272626}
.content .inline-1 > div > .box3 ul li a{display: block;color: #272626;font-size: 13.5px}
.content .inline-1 > div > .box3 ul li a:hover{text-decoration: underline;}
*/
.content .inline-1 > div > .box3 .vtcs1{height:200px;overflow:hidden;}
.content .inline-1 > div > .box3 .vtcs1 ul{display: block;padding-left: 30px;color: #272626;position:relative;margin-top:0!important}
.content .inline-1 > div > .box3 .vtcs1 ul li a{display: block;color: #272626;font-size: 13.5px;}
.content .inline-1 > div > .box3 .vtcs1 ul li a:hover{text-decoration: underline;cursor:pointer!important}
.content .inline-1 > div > .box3 .vtcs1 ul li a img{display: inline-block;margin-left: 5px}


.content .inline-2{padding: 30px 0}
.content .inline-2 ul{display: block;list-style: none;display: flex;}
.content .inline-2 ul li{display: block;float: left;width: 30.3%;margin: 0 1.5%;border: 1px solid #80808057;padding: 40px 20px 20px 20px;text-align: center;position: relative;margin-top: 30px}
.content .inline-2 ul li > a{display: block;position: absolute;top:-40px;left: calc(50% - 35px);border: 1px solid #80808057;-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;width: 70px;height: 70px;text-align: center;background-color: #fff;line-height: 70px}
.content .inline-2 ul li > a img{vertical-align: middle;width:42px;height:42px}
.content .inline-2 ul li h3{display: block;text-transform: uppercase;}
.content .inline-2 ul li h3 a{color: #4984c5;font-size: 16px;display: block;padding-bottom: 5px}
.content .inline-2 ul li div{width: 100%;color: #272626;font-size: 13.5px;line-height: 1.5}

.content .inline-3{padding: 50px 0;background-color: #f8f6f6eb;margin: 30px 0}
.content .inline-3 .left{float: left;width: 250px;}
.content .inline-3 .left h4{display: block;text-transform: uppercase;font-size: 16px;color:#0453a5;margin-bottom: 10px}
.content .inline-3 .left h4 i{margin-right: 5px}
.content .inline-3 .left select{display: block;width: 100%;font-size: 13.5px;padding: 5px }
.content .inline-3 .left ul{display: block;list-style: none;padding: 20px 0}
.content .inline-3 .left ul li{display: block;}
.content .inline-3 .left ul li + li{margin-top: 5px}
.content .inline-3 .left ul li a{display: block;}
.content .inline-3 .left ul li a img{width: 100%}
.link{display: none;background-color: #0453a5;color: #fff;font-size: 16px;padding: 5px 15px;text-align: center;}
.link:hover{background-color: #e48a25}
.content .inline-3 .center{float: left;width: calc(100% - 530px);margin-left: 20px;margin-right: 20px}
.content .inline-3 .center > h3{display: block;width: 100%;margin-bottom: 10px;border-left: 5px solid #e48a25;}
.content .inline-3 .center > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 16px;background-color: #e48a25;color: #fff;margin-left: 5px}
.content .inline-3 .center > div{width: 100%}
.content .inline-3 .center > div .avarta{display: block;float: left;width: calc(40% - 10px);margin-right: 10px}
.content .inline-3 .center > div .avarta img{width: 100%}
.content .inline-3 .center > div .name{display: block;float: left;font-size: 14px;font-weight: bold;color: #272626;width:60%;line-height: 1.5 }
.content .inline-3 .center > div .name:hover{color:#e48a25 }
.content .inline-3 .center > div .name img{display: inline-block;margin-left: 5px}
.content .inline-3 .center > div .sapo{display: block;width: 60%;float: left;font-size: 13.5px;color:#272626;line-height: 1.5;padding-top: 5px;height: 85px;overflow: hidden;}
.content .inline-3 .center .vtcs2{height:180px;overflow:hidden;margin-top: 15px}
.content .inline-3 .center .vtcs2 ul{position: relative;display: block;width: 100%;padding-left: 20px;color: #272626;margin-bottom: 15px;margin-top:0!important}
.content .inline-3 .center .vtcs2 ul li a{display: block;padding: 3px 0;color: #272626;font-size: 13.5px}
.content .inline-3 .center .vtcs2 ul li a:hover{text-decoration: underline;}
.content .inline-3 .center .vtcs2 ul li a img{display: inline-block;margin-left: 5px}
.content .inline-3 .center > p{display: block;width: 100%;border-bottom: 1px solid #80808057;margin-bottom: 30px}
.content .inline-3 .center > p a{color: #272626;font-size: 13.5px;text-transform: uppercase;padding:5px 10px;display: inline-block;}
.content .inline-3 .center > p a:hover{background-color: gray;color: #fff}

.content .inline-3 .right{float: left;width: 240px;}
.content .inline-3 .right> h3{display: block;width: 100%;margin-bottom: 10px;border-left: 5px solid #e48a25}
.content .inline-3 .right > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 16px;background-color: #e48a25;color: #fff;margin-left: 5px}
.content .inline-3 .right > form{width: 100%}
.content .inline-3 .right > form label{display: block;font-size: 13.5px;color: #272626}
.content .inline-3 .right > form input{display: block;padding: 8px 10px;font-size: 13.5px;width: 100%;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;box-shadow: 0;outline: 0;border: 1px solid #80808057;color: #6e6b6b;margin-bottom: 7px}
.content .inline-3 .right > form textarea{display: block;padding: 8px 10px;font-size: 13.5px;width: 100%;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;box-shadow: 0;outline: 0;border: 1px solid #80808057;color: #6e6b6b}
.content .inline-3 .right > form button{display: inline-block;border: 0;color: #fff;padding: 7px 20px;font-size: 13.5px;background-color: #4984c5;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;margin-top: 10px;cursor: pointer;}
.content .inline-3 .right > form button:hover{background-color: #0453a5}

.listservice{display: block;list-style: none;}
.listservice li{display: block;float: left;width: 23%;margin: 0 1%}
.listservice li .avarta{display: block;width: 100%;text-align: center;}
.listservice li .avarta img{width: 80%}
.listservice li .name{display: block;width: 100%;text-align: center;font-size: 15px;text-transform: uppercase;font-weight: bold;padding: 10px 5px;color:#0453a5}
.listservice li .name:hover{color: #B91219}



.listproduct{display: block;list-style: none;padding: 10px 0}
.listproduct li{display: block;float: left;width: 23%;margin: 0 1%;padding: 5px;border: 1px solid #6d6c6c1f;padding-bottom: 15px;margin-bottom: 20px}
.listproduct li .avarta{display: block;width: 100%;text-align: center;overflow: hidden;}
.listproduct li .avarta img{width: 100%;transition: all 0.3s;margin-bottom: -5px}
.listproduct li:hover .avarta img {transform: scale(1.3);}
.listproduct li:hover {border: 1px solid #6d6c6c7d}
.listproduct li .name{display: block;width: 100%;text-align: center;font-size: 15px;font-weight: normal;padding: 10px 5px 5px 5px;color: #272626;height: 59px}
.listproduct li .name:hover{color: #B91219}
.listproduct li > p{display: block;width: 100%;text-align: center;color: #B91219;font-size: 14px;font-weight: bold;}
.listproduct li > p span{display: inline-block;text-decoration: line-through;font-size: 12.5px;color: #6d6c6c;font-weight: normal; margin-left: 15px}
.content .inline-4 > p{display: block;text-align: center;}
.content .inline-4 > p > a{display: inline-block;padding:5px 20px;font-size: 13px;text-transform: uppercase;color:#272626;border: 1px solid #ededed;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #ededed}
.content .inline-4 > p> a:hover{background-color: #B91219;color: #fff;border: 1px solid #B91219}

.content .inline-5{padding-bottom: 50px;padding-top: 40px}

.listproject{display: block;list-style: none;padding-bottom: 20px}
.listproject li{display: block;float: left;width: 32%;margin: 10px 0.66%;position: relative;}
.listproject li .avarta{display: block;width: 100%}
.listproject li .avarta img{width: 100%;margin-bottom: -5px}
.listproject li .name{display: block;position: absolute;bottom: 0;left: 0;padding: 10px 10px;color: #fff;background-color: #1071d6cc;width: 100%;font-size: 14px;text-transform: uppercase;}
.listproject li .name:hover{background-color: #1071d6f0}

.content .inline-5 > p{display: block;text-align: center;}
.content .inline-5 > p > a{display: inline-block;padding:5px 20px;font-size: 13px;text-transform: uppercase;color:#272626;border: 1px solid #ededed;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #ededed}
.content .inline-5 > p> a:hover{background-color: #B91219;color: #fff;border: 1px solid #B91219}

.content .inline-6{padding: 50px 0; background-image: url(/resources/views/client/asset/images/c-20200623164349.png);background-repeat: no-repeat;background-size: cover;}

.highlightserver{display: block;list-style: none;width: 50%;float: left;}
.highlightserver li{display: block;background-image: url(/resources/views/client/asset/images/Rectangle-20.png);background-repeat: no-repeat;background-position: left center;padding: 5px 5px 5px 15px}
.highlightserver li a{color: #fff;font-weight: bold;text-transform: uppercase;font-size: 16px}
.highlightserver li a:hover{text-decoration: underline;}

.boxlink{width: 45%;float: left;margin-left: 5%}
.boxlink .link{display: inline-block;padding: 7px 10px 7px 35px;text-transform: uppercase;color: #fff;font-size: 16px;background-color: #B91219;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-image: url(/resources/views/client/asset/images/email.png);background-repeat: no-repeat;background-position: 5px center;background-size: 24px;border: 2px solid #B91219;cursor: pointer!important;}
.boxlink .link:hover{-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.66);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.66);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.66);}
.boxlink p{display: block;padding: 7px 0;color: #fff;font-size: 15px;margin-top: 5px}

.content .inline-7{padding: 30px 0}

.boxtopnews h4{display: block;margin-bottom: 10px}
.boxtopnews h4 a{text-transform: uppercase;font-size: 16px;color:#0453a5;}
.boxtopnews h4 i{margin-right: 5px}
.boxtopnews > div{width: 100%;float: left;margin-top: 10px}
.boxtopnews > div .item .avarta{display: block;width: 100%;}
.boxtopnews > div .item .avarta img{width: 100%}
.boxtopnews > div .item .name{display: block;width: 100%;font-size: 15px;font-weight: normal;color: #272626;padding: 5px 0}
.boxtopnews > div .item .name:hover{color: #e48a25}
.boxtopnews > div .item .name img{width: 23px;display: inline-block;margin-left: 5px}
.boxtopnews > div .item .detaillink{display: block;width: 100%;font-size: 13px;font-weight: normal;color: #272626;padding: 3px 0}
.boxtopnews > div .item .detaillink i{margin-left: 5px}
.boxtopnews > div > p{font-weight: normal;font-size: 14px;color: #272626}

.boxtopnews > ul{display: block;float: left;list-style: none;width: 45%;margin-left: 5%;margin-top: 10px}
.boxtopnews > ul li{display: block;width: 100%;margin-bottom: 20px}
.boxtopnews > ul li .avarta{display: block;width: 40%;float: left;}
.boxtopnews > ul li .avarta img{width: 100%}
.boxtopnews > ul li .name{display: block;width: calc(60% - 20px);font-size: 15px;font-weight: bold;color: #272626;padding: 0 5px 5px 0;margin-left: 20px;float: left;}
.boxtopnews > ul li .name:hover{color: #e48a25}
.boxtopnews > ul li p{display: block;width: calc(60% - 20px);font-size: 14px;font-weight: normal;color: #272626;padding: 0 5px 5px 0;margin-left: 20px;float: left;height: 60px;overflow: hidden;}
.content .inline-7 > p{display: block;width: 100%;border-bottom: 1px solid #80808057;margin-bottom: 30px;margin-top: 20px}
.content .inline-7 > p a{color: #272626;font-size: 13.5px;text-transform: uppercase;padding:5px 10px;display: inline-block;}
.content .inline-7 > p a:hover{background-color: gray;color: #fff}

.content .inline-page{padding: 10px 0;}
.content .inline-page .left{float: left;width: 250px;}
.content .inline-page .left h4{display: block;text-transform: uppercase;font-size: 16px;color:#0453a5;margin-bottom: 10px}
.content .inline-page .left h4 i{margin-right: 5px}
.content .inline-page .left select{display: block;width: 100%;font-size: 13.5px;padding: 5px }
.content .inline-page .left ul{display: block;list-style: none;padding: 20px 0}
.content .inline-page .left ul li{display: block;}
.content .inline-page .left ul li + li{margin-top: 5px}
.content .inline-page .left ul li a{display: block;}
.content .inline-page .left ul li a img{width: 100%}
.content .inline-page .colct-contact{float: left;width: calc(100% - 270px);margin-left: 20px;}
.content .inline-page .colct-contact > h3{display: block;width: 100%;margin-bottom: 10px;border-left: 5px solid #e48a25;float: left;}
.content .inline-page .colct-contact > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 16px;background-color: #e48a25;color: #fff;margin-left: 5px}
.content .inline-page .colct-contact > div{width: 100%}
.content .inline-page .colct-contact > div .avarta{display: block;float: left;width: calc(40% - 10px);margin-right: 10px}
.content .inline-page .colct-contact > div .avarta img{width: 100%}
.content .inline-page .colct-contact > div .name{display: block;float: left;font-size: 14px;font-weight: bold;color: #272626;width:60%;line-height: 1.5 }
.content .inline-page .colct-contact > div .name:hover{color:#e48a25 }
.content .inline-page .colct-contact > div .sapo{display: block;width: 60%;float: left;font-size: 13.5px;color:#272626;line-height: 1.5;padding-top: 5px;height: 85px;overflow: hidden;}
.content .inline-page .colct-contact > ul{display: block;width: 100%;padding-left: 20px;color: #272626;padding-top:10px;margin-bottom: 15px}
.content .inline-page .colct-contact > ul li a{display: block;padding: 3px 0;color: #272626;font-size: 13.5px}
.content .inline-page .colct-contact > ul li a:hover{text-decoration: underline;}
.content .inline-page .colct-contact > p{display: block;width: 100%;border-bottom: 1px solid #80808057;margin-bottom: 30px}
.content .inline-page .colct-contact > p a{color: #272626;font-size: 13.5px;text-transform: uppercase;padding:5px 10px;display: inline-block;}
.content .inline-page .colct-contact > p a:hover{background-color: gray;color: #fff}

.content .inline-page .colct-contact > .toplist-service{width: 100%;float: left;margin-bottom: 10px}
.content .inline-page .colct-contact > .toplist-service .avarta{display: block;float: left;width: calc(30% - 10px);margin-right: 10px}
.content .inline-page .colct-contact > .toplist-service .avarta img{width: 100%}
.content .inline-page .colct-contact > .toplist-service .name{display: block;float: left;font-size: 16px;font-weight: bold;color: #272626;width:70%;line-height: 1.5 }
.content .inline-page .colct-contact > .toplist-service .name:hover{color:#e48a25 }
.content .inline-page .colct-contact > .toplist-service .sapo{display: block;width: 70%;float: left;font-size: 14px;color:#272626;line-height: 1.5;padding-top: 5px;height: 85px;overflow: hidden;}

.content .inline-page .colct-contact > .toplist-file{width: 100%}
.toplist-file ul{display: block;list-style: none;}
.toplist-file ul li{display: flex;border-bottom: 1px solid #c9d0cd2e;padding: 0 5px}
.toplist-file ul li div.boxfile{width: calc(100% - 100px);float: left;}
.toplist-file ul li div.boxfile a{color: #272626;font-size: 15px;padding: 5px 0;display: block;vertical-align: middle;}
.toplist-file ul li div.boxfile a:hover{text-decoration: underline;}
.toplist-file ul li div.boxdown{width: 100px;float: left;}
.toplist-file ul li div.boxdown a{color: #272626;font-size: 15px;vertical-align: middle;display: block;padding: 5px 0;}
.toplist-file ul li div.boxdown a i{margin-right: 5px}
.toplist-file ul li div.boxdown a:hover{color: #0453a5}
.toplist-file ul .headerli{padding: 5px 5px}
.toplist-file ul li.headerli div.boxfile{color: #272626;font-weight: bold}
.toplist-file ul li.headerli div.boxdown{color: #272626;font-weight: bold}


.content .inline-page .content-service{float: left;width: calc(100% - 270px);margin-left: 20px;}
.content .inline-page .content-service > h3{display: block;width: 100%;font-weight: normal;font-size: 20px;font-family: 'Alata', sans-serif;padding-bottom: 10px;color: #0453a5;float: left;}
.content .inline-page .content-service .boxshare{width: 100%;float: left;}
.daypost{display: inline-block;margin-left: 10px;color: #272626;font-size: 13px}
.daypost i{display: inline-block;margin-right: 5px}
.content .inline-page .content-service .boxdetail{width: 100%;float: left;font-size: 14px}
.content .inline-page .content-service .boxothers{width: 100%;float: left;}
.content .inline-page .content-service .boxothers h4{display: block;width: 100%;float: left;padding:20px 0 10px 0;font-size: 16px;color: #272626;border-top:1px dotted gray;margin-top: 20px;margin-bottom: 5px;text-decoration: underline;}

.content .inline-page .content-service .boxothers .toplist-service{width: 100%;float: left;margin-bottom: 10px}
.content .inline-page .content-service .boxothers .toplist-service .avarta{display: block;float: left;width: calc(30% - 10px);margin-right: 10px}
.content .inline-page .content-service .boxothers .toplist-service .avarta img{width: 100%}
.content .inline-page .content-service .boxothers .toplist-service .name{display: block;float: left;font-size: 14.5px;font-weight: bold;color: #272626;width:70%;line-height: 1.5 }
.content .inline-page .content-service .boxothers .toplist-service .name:hover{color:#e48a25 }
.content .inline-page .content-service .boxothers .toplist-service .sapo{display: block;width: 70%;float: left;font-size: 14px;color:#272626;line-height: 1.5;padding-top: 5px;height: 85px;overflow: hidden;}

.content .inline-page .content-post{float: left;width: calc(100% - 270px);margin-left: 20px;}
.content .inline-page .content-post > h3{display: block;width: 100%;font-weight: normal;font-size: 20px;font-family: 'Alata', sans-serif;padding-bottom: 10px;color: #0453a5;float: left;}
.content .inline-page .content-post .boxshare{width: 100%;float: left;}
.daypost{display: inline-block;margin-left: 10px;color: #272626;font-size: 13px}
.daypost i{display: inline-block;margin-right: 5px}
.content .inline-page .content-post .boxdetail{width: 100%;float: left;font-size: 14px}
.content .inline-page .content-post .boxdetail .sourcepost{text-align: right!important;font-weight: bold;font-size: 14px;color: #272626;}
.content .inline-page .content-post .boxothers{width: 100%;float: left;}
.content .inline-page .content-post .boxothers h4{display: block;width: 100%;float: left;padding:20px 0 10px 0;font-size: 16px;color: #272626;border-top:1px dotted gray;margin-top: 20px;text-decoration: underline;}

.content .inline-page .content-post .boxothers > ul{display: block;float: left;width: 100%;padding-left: 20px;color: #272626;margin-bottom: 15px}
.content .inline-page .content-post .boxothers > ul li a{display: block;padding: 3px 0;color: #272626;font-size: 13.5px}
.content .inline-page .content-post .boxothers > ul li a:hover{text-decoration: underline;}

.content .inline-page .content-search{float: left;width: calc(100% - 270px);margin-left: 20px;}
.content .inline-page .content-search > h3{display: block;float: left;width: 100%;font-weight: normal;text-transform: uppercase;font-size: 20px;font-family: 'Alata', sans-serif;padding-bottom: 10px;color: #0453a5;float: left;}

.content .inline-page .content-search > p{display: block;width: 100%;font-size: 14px;float: left;margin: 0;font-weight: bold}
.content .inline-page .content-search .boxsearchlist{display: block;float: left;width: 100%;padding-left: 20px!important}
.content .inline-page .content-search .boxsearchlist li{font-size: 14px;}
.content .inline-page .content-search .boxsearchlist li a{color: #272626;display: block;}
.content .inline-page .content-search .boxsearchlist li a:hover{text-decoration: underline;}
.content .inline-page .content-search .phantrang{margin-top: 10px;margin-bottom: 30px}

.listserviceleft{padding-top: 0!important}
.listserviceleft li{display: block;}
.listserviceleft li a{display: block;padding: 3px 15px;font-size: 14px;color: #272626;font-weight:500;background-image: url("/resources/views/client/asset/images/Untitled-1.png");background-repeat: no-repeat;background-position: 5px 10px;font-family: Helvetica, sans-serif;border-bottom: 1px solid #8080801f}
.listserviceleft li a:hover,.listserviceleft li a.active{color: #e48a25;background-image: url("/resources/views/client/asset/images/Untitleds-1.png");background-repeat: no-repeat;background-position: 5px 10px}

/*-----End Cart-----*/

/*-------------*/
/*.carousel-wrap {
    width: 100%;
    margin: auto;
    position: relative;
  }
  .owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
  }
 
  .owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #2caae1;
  }
 
 
  .owl-carousel .item {
      text-align: center;padding: 5px;border: 1px solid #fff
  }
  .owl-carousel .item:hover {
      text-align: center;padding: 5px;border: 1px solid #ebebeb
  }
  .owl-carousel.partner .item {
      text-align: center;padding: 5px;border: 1px solid #fff;border-bottom: 3px solid #fff;
  }
  .owl-carousel.partner .item:hover {
      text-align: center;padding: 5px;border: 1px solid #fff;border-bottom: 3px solid #f9f6f6;
  }
  
 */
 .owl-theme .owl-nav{height: 1px;margin-top: 0}
 .owl-carousel .nav-btn{
      position: absolute;
      cursor: pointer;
  }
  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
  }
 
  .owl-carousel .prev-slide{
    font-size: 0;
    left: -5px;width: 25px;height: 50px;opacity: 0.5;bottom:calc(50% - 25px);
    cursor: pointer;
    background: url(/resources/views/client/asset/images/btn_slider.png) no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .owl-carousel .next-slide{font-size: 0;
    right: -5px;width: 25px;height: 50px;opacity: 0.5;bottom:calc(50% - 25px);
    cursor: pointer;
    background: url(/resources/views/client/asset/images/btn_slider.png) no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-position: -25px 0;
  }
  .owl-carousel .prev-slide:hover{
    opacity: 0.9;
  }
  .owl-carousel .next-slide:hover{
    opacity: 0.9;
  }
  a.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 14px;padding-top: 3px;
    display: block;
    text-transform: capitalize;color: #525251;font-weight: bold
  }
  .owl-carousel.partner .item > img{width: 100%;}
  .owl-carousel.partner .item a.img-text-2{font-size: 13px;font-weight: normal;color: #525251;}
  .owl-carousel.owl-drag .owl-item{border: 3px solid transparent;padding: 5px}
  .owl-carousel.owl-drag .owl-item:hover{border: 3px solid transparent;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
  .owl-carousel.owl-drag .owl-item + .owl-item{}
/**/
/*---Open Modal ---*/

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  width: 80%;max-width: 400px;position: relative;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.close {
  color: #aaaaaa;
  font-size: 28px;
  font-weight: bold;position: absolute;right: 10px;top: 0
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}

.modal .container{padding:10px 0;position: relative;}
.modal .container h3{display: block;text-transform: uppercase;font-weight: normal;font-size: 18px;color: #e48a25;padding-bottom: 10px}
.modal .container label{font-size: 13.5px;color: #272626}
.modal .container input, .modal .container textarea{display: block;width: 100%;padding: 10px 10px;font-size: 13px; border: 1px solid #adadafab;
    color: #272626;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;font-size: 13px;margin-bottom: 10px}
.modal .container button{display: inline-block;padding: 7px 20px 7px 20px;text-transform: uppercase;color: #fff;font-size: 14px;background-color: #e48a25;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 2px solid #e48a25;cursor: pointer!important;}
.modal .container button:hover{-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.66);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.66);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.66);}

/*---Close Modal ---*/


.modal1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal1-content {
  background-color: #fefefe;
  margin:70px auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 90%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close1 {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 1300px){
  .ads-left, .ads-right{display: none;}
}
@media screen and (max-width: 1200px) {
  .plr{padding-left: 5px!important;padding-right: 5px!important}
}
@media screen and (max-width: 1024px) {
  header .inline-2 > div > .logo{width: 100px}
  header .inline-2 > div > .box-right {width: calc(100% - 150px);}
  header .inline-2 > div > .box-right .company{padding-top: 10px}
  header .inline-2 > div > .box-right .company h2{font-size: 23px}
  header .inline-2 > div > .box-right .hotline{font-size: 16px}
  header .inline-2 > div > .box-right .hotline span i{font-size: 14px;line-height: 23px}
  header .inline-2 > div > .box-right .hotline span{width: 23px;height: 23px}
  header .inline-2 > div > .box-right .timkiem{width: 34px;height: 34px}
  .boxfixtop > div > .box-right nav .mainmenu-01 > li > a{font-size: 13px}
}
@media screen and (max-width: 968px) {
  .boxfixtop > div > .box-right .hotline{display: none;}

  .content .inline-1{padding: 20px 0}
  
}
@media screen and (max-width: 920px) {
  .content .inline-2{padding: 30px 0}
  .content .inline-2 ul{display: block;list-style: none;display: flex;}
  .content .inline-2 ul li{display: block;float: left;width: 30.3%;margin: 0 1.5%;border: 1px solid #80808057;padding: 40px 20px 20px 20px;text-align: center;position: relative;margin-top: 30px}
  .content .inline-2 ul li > a{display: block;position: absolute;top:-40px;left: calc(50% - 35px);border: 1px solid #80808057;-webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;width: 70px;height: 70px;text-align: center;background-color: #fff;line-height: 70px}
  .content .inline-2 ul li > a img{vertical-align: middle;}
  .content .inline-2 ul li h3{display: block;text-transform: uppercase;}
  .content .inline-2 ul li h3 a{color: #4984c5;font-size: 15px;display: block;padding-bottom: 5px}
  .content .inline-2 ul li div{width: 100%;color: #272626;font-size: 13.5px;line-height: 1.5}

  .content .inline-3{padding: 50px 0;background-color: #f8f6f678;margin: 30px 0}
  .content .inline-3 .left{float: left;width: 230px;}
  .content .inline-3 .left h4{display: block;text-transform: uppercase;font-size: 15px;color:#0453a5;margin-bottom: 10px}
  .content .inline-3 .center{float: left;width: calc(100% - 500px);margin-left: 20px;margin-right: 20px}
  .content .inline-3 .center > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 15px;background-color: #e48a25;color: #fff}
  .content .inline-3 .right{float: left;width: 230px;}
  .content .inline-3 .right > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 15px;background-color: #e48a25;color: #fff}
  
  .content .inline-page .left{float: left;width: 230px;}
  .content .inline-page .left h4{display: block;text-transform: uppercase;font-size: 15px;color:#0453a5;margin-bottom: 10px}
  .content .inline-page .colct-contact{float: left;width: calc(100% - 250px);margin-left: 20px;}
  .content .inline-page .colct-contact > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 15px;background-color: #e48a25;color: #fff}
  
  .box-contact form .label1{width: 100%;margin-right: 0;float: left;}
.box-contact form .label2{width: 100%;float: left;}

.content .inline-page .content-service{width: calc(100% - 250px)}
.content .inline-page .content-post{width: calc(100% - 250px)}
.content .inline-page .content-search{width: calc(100% - 250px)}

}
@media screen and (max-width: 880px) {
  header .inline-2 > div > .logo{width: 90px}
  header .inline-2 > div > .box-right {width: calc(100% - 120px);margin-left: 10px}
  header .inline-2 > div > .box-right .company h2{font-size: 18px}
  header .inline-2 > div > .box-right nav .mainmenu-01 > li > a{font-size: 13px}

  footer .inline-1 > div > .box1{width: 25%}
  footer .inline-1 > div > .box1 ul li a{font-size: 13px}
  footer .inline-1 > div > .box2{width: 45%;margin-left: 2%}
  footer .inline-1 > div > .box2 h2{font-size: 16px}
  footer .inline-1 > div > .box3{width: 26%;margin-left: 2%}
  footer .inline-1 > div > .box2 ul li > a{font-size: 13px}
  footer .inline-1 > div > .box2 ul li > p{font-size: 13px}
  footer .inline-1 > div > .box2 ul li > p > a{font-size: 13px}

  .content .inline-1 > div > .box1{float: left;width: 270px;}
  .content .inline-1 > div > .box1 h3{display: block;width: 100%}
  .content .inline-1 > div > .box1 h3 a{display: block;padding: 0 0 5px 0;text-transform: uppercase;font-size: 15px;color: #272626}
  .content .inline-1 > div > .box1 > div{font-size: 13px;color: #272626;line-height: 1.6;width: 100%}
  .content .inline-1 > div > .box1 > a{display: inline-block;color: #fff;padding: 5px 15px;font-size: 13px;background-color: #e48a25;-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;margin-top: 10px}
  .content .inline-1 > div > .box1 > a:hover{background-color: #cc700a}

  .content .inline-1 > div > .box2{float: left;margin-left: 30px;margin-right: 40px;width: calc(100% - 610px)}
  .content .inline-1 > div > .box2 img{width: 100%}

  .content .inline-1 > div > .box3{float: left;width: 270px;}
  .content .inline-1 > div > .box3 h3{display: block;width: 100%;padding-left: 5px;border-left: 5px solid #e48a25;margin-bottom: 10px}
  .content .inline-1 > div > .box3 h3 a{display: block;text-transform: uppercase;color: #fff;background-color:#e48a25;padding: 5px;font-size: 15px}
  .content .inline-1 > div > .box3 .vtcs1 ul{display: block;padding-left: 30px;color: #272626}
  .content .inline-1 > div > .box3 .vtcs1 ul li a{display: block;color: #272626;font-size: 13px;cursor:pointer!important}
  .content .inline-1 > div > .box3 .vtcs1  ul li a:hover{text-decoration: underline;}


  .content .inline-2 ul{display: block;list-style: none;display: flex;}
  .content .inline-2 ul li{display: block;float: left;width: 30.3%;margin: 0 1.5%;border: 1px solid #80808057;padding: 40px 20px 20px 20px;text-align: center;position: relative;margin-top: 30px}
  .content .inline-2 ul li > a{display: block;position: absolute;top:-40px;left: calc(50% - 35px);border: 1px solid #80808057;-webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;width: 70px;height: 70px;text-align: center;background-color: #fff;line-height: 70px}
  .content .inline-2 ul li > a img{vertical-align: middle;}
  .content .inline-2 ul li h3{display: block;text-transform: uppercase;}
  .content .inline-2 ul li h3 a{color: #4984c5;font-size: 14px;display: block;padding-bottom: 5px}
  .content .inline-2 ul li div{width: 100%;color: #272626;font-size: 13px;line-height: 1.5}
}
@media screen and (max-width: 848px) {
  .content .inline-1 > div > .box1{float: left;width: 40%;}
  .content .inline-1 > div > .box1 h3{display: block;width: 100%}
  .content .inline-1 > div > .box1 h3 a{display: block;padding: 0 0 5px 0;text-transform: uppercase;font-size: 15px;color: #272626}
  .content .inline-1 > div > .box1 > div{font-size: 13px;color: #272626;line-height: 1.6;width: 100%}
  .content .inline-1 > div > .box1 > a{display: inline-block;color: #fff;padding: 5px 15px;font-size: 13px;background-color: #e48a25;-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;margin-top: 10px}
  .content .inline-1 > div > .box1 > a:hover{background-color: #cc700a}

  .content .inline-1 > div > .box2{float: left;margin-left: 30px;margin-right: 0;width:calc(60% - 30px)}
  .content .inline-1 > div > .box2 img{width: 100%}

  .content .inline-1 > div > .box3{float: left;width: 100%;margin-top: 15px}
  .content .inline-1 > div > .box3 h3{display: block;width: 100%;padding-left: 5px;border-left: 5px solid #e48a25;margin-bottom: 10px}
  .content .inline-1 > div > .box3 h3 a{display: block;text-transform: uppercase;color: #fff;background-color:#e48a25;padding: 5px;font-size: 15px}
  .content .inline-1 > div > .box3 .vtcs1 ul{display: block;padding-left: 30px;color: #272626}
  .content .inline-1 > div > .box3 .vtcs1 ul li a{display: block;color: #272626;font-size: 13px}
  .content .inline-1 > div > .box3 .vtcs1 ul li a:hover{text-decoration: underline;}

.content .inline-3{padding-bottom: 40px;margin-bottom: 0}
.content .inline-3 .left{float: left;width: 230px;}
.content .inline-3 .left h4{display: block;text-transform: uppercase;font-size: 15px;color:#0453a5;margin-bottom: 10px}
.content .inline-3 .center{float: left;width: calc(100% - 250px);margin-left: 20px;margin-right: 0}
.content .inline-3 .center > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 15px;background-color: #e48a25;color: #fff}
.content .inline-3 .center > div .sapo{font-size: 13px}
.content .inline-3 .center .vtcs2 ul li a{font-size: 13px;cursor:pointer!important}
.content .inline-3 .right{float: left;display: none;}

.content .inline-3 .left .link{display: block;cursor: pointer!important;margin-bottom: 30px}

.content .inline-page{padding-bottom: 40px;margin-bottom: 0}
.content .inline-page .left{float: left;width: 230px;}
.content .inline-page  .left h4{display: block;text-transform: uppercase;font-size: 15px;color:#0453a5;margin-bottom: 10px}
.content .inline-page  .colct-contact{float: left;width: calc(100% - 250px);margin-left: 20px;margin-right: 0}
.content .inline-page  .colct-contact > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 15px;background-color: #e48a25;color: #fff}


.box-contact > ul{list-style: none;display: block;float: left;width: 100%}

.box-contact > div{float: left;width: 100%;margin-left: 0;margin-top: 15px}

.content .inline-page .content-service{width: calc(100% - 250px)}
}

@media screen and (max-width: 767px) {
  .but-menumb{display: block;margin-top: 5px}
  header .inline-2 > div > .box-right .company{padding-bottom: 10px}
  header .inline-2 > div > .box-right nav .mainmenu-01{display: none;}
  header .inline-2 > div > .box-right .company .timkiem{display: none;}
  header .inline-2 > div > .box-right .company .hotline{display: none;}
  header .inline-2 > div > .box-right nav .timkiem{display: block;width: 34px;height: 34px;margin-top: 0}
  header .inline-2 > div > .box-right nav .hotline{display: block;}
  header .inline-2 > div > .box-right .company h2{font-size: 22px}

  .boxfixtop{display: none!important}

}

@media screen and (max-width: 680px) {
 footer .inline-1 > div > .box1{width: 30.5%}
  footer .inline-1 > div > .box2{width: 57.5%;margin-left: 5%}
  footer .inline-1 > div > .box2 h2{font-size: 16px}
  footer .inline-1 > div > .box3{width: 100%;margin-left: 0}

  .content .inline-2{padding: 20px 0}
  .content .inline-2 ul{display: block;list-style: none;display: block;}
  .content .inline-2 ul li{display: block;float: left;width: 90%;margin: 0 5%;border: 1px solid #80808057;padding: 40px 20px 20px 20px;text-align: center;position: relative;margin-top: 30px}
  .content .inline-2 ul li + li{margin-top: 50px}
  .content .inline-2 ul li > a{display: block;position: absolute;top:-40px;left: calc(50% - 35px);border: 1px solid #80808057;-webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;width: 70px;height: 70px;text-align: center;background-color: #fff;line-height: 70px}
  .content .inline-2 ul li > a img{vertical-align: middle;}
  .content .inline-2 ul li h3{display: block;text-transform: uppercase;}
  .content .inline-2 ul li h3 a{color: #4984c5;font-size: 15px;display: block;padding-bottom: 5px}
  .content .inline-2 ul li div{width: 100%;color: #272626;font-size: 13px;line-height: 1.5}
}

@media screen and (max-width: 648px) {
  .boxtopnews h4{display: block;text-transform: uppercase;font-size: 16px;color:#0453a5;margin-bottom: 10px}
.boxtopnews h4 i{margin-right: 5px}
.boxtopnews > div{width: 100%;float: left;margin-top: 10px;margin-bottom: 20px}
.boxtopnews > div .avarta{display: block;width: 100%;}
.boxtopnews > div .avarta img{width: 100%}
.boxtopnews > div .name{display: block;width: 100%;font-size: 14px;font-weight: bold;color: #272626;padding: 5px 0}
.boxtopnews > div .name:hover{color: #e48a25}
.boxtopnews > div > p{font-weight: normal;font-size: 13px;color: #272626}

.boxtopnews > ul{display: block;float: left;list-style: none;width: 100%;margin-left: 0;margin-top: 10px}
.boxtopnews > ul li{display: block;width: 100%;margin-bottom: 20px}
.boxtopnews > ul li .avarta{display: block;width: 40%;float: left;}
.boxtopnews > ul li .avarta img{width: 100%}
.boxtopnews > ul li .name{display: block;width: calc(60% - 20px);font-size: 14px;font-weight: bold;color: #272626;padding: 0 5px 5px 0;margin-left: 20px;float: left;}
.boxtopnews > ul li .name:hover{color: #e48a25}
.boxtopnews > ul li p{display: block;width: calc(60% - 20px);font-size: 13px;font-weight: normal;color: #272626;padding: 0 5px 5px 0;margin-left: 20px;float: left;height: 60px;overflow: hidden;}
.content .inline-7 > p{display: block;width: 100%;border-bottom: 1px solid #80808057;margin-bottom: 30px;margin-top: 20px}
.content .inline-7 > p a{color: #272626;font-size: 13px;text-transform: uppercase;padding:5px 10px;display: inline-block;}
.content .inline-7 > p a:hover{background-color: gray;color: #fff}
  
}
@media screen and (max-width: 610px) {
  header .inline-2 > div > .logo{width: 80px}
  header .inline-2 > div > .box-right {width: calc(100% - 110px);margin-left: 10px}
  header .inline-2 > div > .box-right .company h2{font-size: 18px;text-align: center;}

  .content .inline-3{padding-bottom: 20px}
.content .inline-3 .left{float: right;width: 100%;}
.content .inline-3 .left h4{display: block;text-transform: uppercase;font-size: 15px;color:#0453a5;margin-bottom: 10px}
.content .inline-3 .center{float: left;width: 100%;margin-left: 0;margin-right: 0}
.content .inline-3 .center > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 15px;background-color: #e48a25;color: #fff}

.content .inline-3 .right{float: left;display: none;}

.content .inline-page {padding-bottom: 20px}
.content .inline-page .left{float: right;width: 100%;}
.content .inline-page .left h4{display: block;text-transform: uppercase;font-size: 15px;color:#0453a5;margin-bottom: 10px}
.content .inline-page .colct-contact{float: left;width: 100%;margin-left: 0;margin-right: 0}
.content .inline-page .colct-contact > h3 a{display: block;padding: 5px;text-transform: uppercase;font-size: 15px;background-color: #e48a25;color: #fff}

.content .inline-page .content-service{width: 100%;margin-left: 0}
.content .inline-page .content-post{width: 100%;margin-left: 0}
.content .inline-page .content-search{width: 100%;margin-left: 0}

}

@media screen and (max-width: 540px) {
  footer .inline-1 > div > .box1{width: 100%}
  footer .inline-1 > div > .box2{width: 100%;margin-left: 0}
  footer .inline-1 > div > .box2 h2{font-size: 16px}
  footer .inline-1 > div > .box3{width: 100%;margin-left: 0}
}
@media screen and (max-width: 510px) {
 header .inline-1 > div > .list-catetop{display: none;}
 .but-menumb{position: absolute;left: -5px;bottom:5px;}
 header .inline-2 > div > .box-right .company h2{font-size: 20px;text-align: center;}

 .content .inline-1 > div > .box1{float: left;width: 100%;}
  .content .inline-1 > div > .box1 h3{display: block;width: 100%}
  .content .inline-1 > div > .box1 h3 a{display: block;padding: 0 0 5px 0;text-transform: uppercase;font-size: 15px;color: #272626}
  .content .inline-1 > div > .box1 > div{font-size: 13px;color: #272626;line-height: 1.6;width: 100%}
  .content .inline-1 > div > .box1 > a{display: inline-block;color: #fff;padding: 5px 15px;font-size: 13px;background-color: #e48a25;-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;margin-top: 10px}
  .content .inline-1 > div > .box1 > a:hover{background-color: #cc700a}

  .content .inline-1 > div > .box2{float: left;margin-left: 0;margin-right: 0;width:100%;margin-top: 10px}
  .content .inline-1 > div > .box2 img{width: 100%}

  .content .inline-1 > div > .box3{float: left;width: 100%;margin-top: 15px}
  .content .inline-1 > div > .box3 h3{display: block;width: 100%;padding-left: 5px;border-left: 5px solid #e48a25;margin-bottom: 10px}
  .content .inline-1 > div > .box3 h3 a{display: block;text-transform: uppercase;color: #fff;background-color:#e48a25;padding: 5px;font-size: 15px}
  .content .inline-1 > div > .box3 .vtcs1 ul{display: block;padding-left: 30px;color: #272626}
  .content .inline-1 > div > .box3 .vtcs1 ul li a{display: block;color: #272626;font-size: 13px}
  .content .inline-1 > div > .box3 .vtcs1 ul li a:hover{text-decoration: underline;}

}

@media screen and (max-width: 480px) {
  header .inline-2 > div > .logo{width: 70px}
  header .inline-2 > div > .box-right {width: calc(100% - 90px);margin-left: 20px}
  header .inline-2 > div > .box-right .company h2{font-size: 16px;text-align: center;}
  header .inline-2 > div > .box-right nav .hotline{display: block;font-size: 14px}


  .coccoc-alo-phone{display:none}
  .blockfooter{display:block;width:100%;position:fixed;bottom:0;background-color:#fff;-webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);left:0}
  .blockfooter .ul1{display:block;width:calc(50% - 40px);float:left;list-style:none;}
  .blockfooter .ul1 li{display:block;float:right;}
  .blockfooter .ul1 li a{display:block;width:50px;float:left;margin-left:10px;margin-right:10px;}
  .blockfooter .ul1 li  a img{width:100%}
  .blockfooter > a{display:block;width:60px;float:left;margin-left:10px;margin-right:10px;margin-top:-20px}
  .blockfooter > a img{width:100%}
  .blockfooter .ul2{display:block;width:calc(50% - 40px);float:left;list-style:none;}
  .blockfooter .ul2 li{display:block;float:left;}
  .blockfooter .ul2 li a{display:block;width:50px;float:left;margin-left:10px;margin-right:10px;}
  .blockfooter .ul2 li  a img{width:100%}
  
}