/* main */
@import url("https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i&subset=vietnamese");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700,800,900&display=swap');

body { color: #1f1f1f; line-height: 1.42857143;font-family: 'Roboto', sans-serif; font-family: 'Arimo', sans-serif;font-family: 'Barlow', sans-serif;}

a { color: #1f1f1f; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; }
.visible-lg {
  display: block !important;
}
.pc_mobile {
  display: none;
}
.close-menus {
    text-align: center;
    padding: 40px 10px 20px;
}


ol, ul { margin: 0; }
ol li, ul li { list-style: inside; }

a, a:hover, a:focus { text-decoration: none; }

input { outline: none; }

img { vertical-align: middle; max-width: 100%; height: auto; }

blockquote { border-right: 4px solid rgba(51, 51, 51, 0.7); border-left: 0; padding-right: 0.7778em; padding-left: 0; }

iframe, .fb_iframe_widget, .fb_iframe_widget span { max-width: 100%; }

caption, th, td { text-align: left; max-width: 100%; }

::-webkit-input-placeholder { font-family: Arial, Tahoma, sans-serif; }

:-moz-placeholder { font-family: Arial, Tahoma, sans-serif; }

::-moz-placeholder { font-family: Arial, Tahoma, sans-serif; }

:-ms-input-placeholder { font-family: Arial, Tahoma, sans-serif; }

/* css default */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clear { clear: both; }

.ui-tooltip { max-width: 30%; }

.alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1em; }

.alignright { display: inline; float: right; margin-left: 1.5em; text-align: right; margin-bottom: 1em; }

.aligncenter { clear: both; display: block; margin: 1em auto; text-align: center; }

.wp-caption { max-width: 100%; }

.metaslider { margin-bottom: 15px; }

/** Navigation **/
.wp-pagenavi { margin: 10px 0 30px 0; text-align: center;clear: both; }

.wp-pagenavi ul { margin: 0; padding: 0; }
.wp-pagenavi ul li { list-style: none; display: inline-block; }
.wp-pagenavi ul li a, .wp-pagenavi ul li span { color: #333; border: 1px solid #BFBFBF; text-decoration: none; display: block; width: 30px; height: 30px; line-height: 27px; text-align: center; }
.wp-pagenavi ul li a.page-numbers:hover, .wp-pagenavi ul li .page-numbers.current { border-color: #9c9c9c; background: #9c9c9c; color: #fff; }
.wp-pagenavi.wp-pagenavi--2 ul li a, .wp-pagenavi.wp-pagenavi--2 ul li span { border-radius: 30%; }
.wp-pagenavi.wp-pagenavi--2 ul li a.page-numbers:hover, .wp-pagenavi.wp-pagenavi--2 ul li .page-numbers.current { border-color: #80bb35; background: #80bb35; color: #fff; }
.wp-pagenavi.wp-pagenavi--3 ul li a, .wp-pagenavi.wp-pagenavi--3 ul li span { border-radius: 0; }
.wp-pagenavi.wp-pagenavi--3 ul li a.page-numbers:hover, .wp-pagenavi.wp-pagenavi--3 ul li .page-numbers.current { border-color: #d51d33; background: #fff; color: #000; font-weight: bold; }

/* back top */
.backtotop { position: fixed; bottom: 10px; right: 10px; cursor: pointer; font-size: 30px; display: block; }

/*--------------------------------------------------------------
#  Layout
--------------------------------------------------------------*/
.site__container.boxed { margin: 0 auto; background: transparent; }
.site__container.boxed.w1000 { max-width: 1000px; }
.site__container.boxed.w1170 { max-width: 1170px; }
.site__container.boxed.w1200 { max-width: 1200px; }

#layout { padding-top: 10px; }

@media (min-width: 992px) { .content__area, .widget__area { position: relative; min-height: 1px;word-wrap: break-word; }
  .content__area { width: 75.5%; float: left; }
  .widget__area { width: 24.5%; float: left; }
  .sidebar__left .content__area { left: 24.5%; padding-left: 10px; padding-right: 0; }
  .sidebar__left .widget__area { right: 75.5%; padding-left: 0; }
  .sidebar__both .content__area { width: 60%; }
  .sidebar__both .content__area { left: 20%; padding-left: 10px; padding-right: 10px; }
  .sidebar__both #secondary__1.widget__area { right: 60%; padding-left: 0; width: 20%; }
  .sidebar__both #secondary__2.widget__area { padding-right: 0; float: right; width: 20%; }
  .sidebar__right .widget__area { float: right; padding-right: 0; }
  .sidebar__right .content__area { padding-left: 0; }
  /*.full__width-content { .content__area { width: 100%; padding: 0; } }*/ }
.sidebar__none .widget__area { display: none; }

.no__sidebar .content__area { width: 100%; }

/* header */
.fixed-nav-menu .fix__logo--modifi .main__navigation { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }

.admin-bar .fixed-nav-menu .fix__logo--modifi .main__navigation { margin-top: 32px; }

.fixed-nav-menu .layout__header.fix__logo { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: #fff; 
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.site-branding {
  background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.admin-bar .fixed-nav-menu .layout__header.fix__logo { margin-top: 32px; }

.fixed-nav-menu .animated { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; will-change: transform,opacity; }
.fixed-nav-menu .animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; }
.fixed-nav-menu .animated.slideUp { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideUp; animation-name: slideDown; }

@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); }
  100% { -moz-transform: translateY(0); } }
@-o-keyframes slideDown { 0% { -o-transform: translateY(-100%); }
  100% { -o-transform: translateY(0); } }
@keyframes slideDown { 0% { transform: translateY(-100%); }
  100% { transform: translateY(0); } }
@-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(-100%); } }
@-moz-keyframes slideUp { 0% { -moz-transform: translateY(0); }
  100% { -moz-transform: translateY(-100%); } }
@-o-keyframes slideUp { 0% { -o-transform: translateY(0); }
  100% { -o-transform: translateY(-100%); } }
@keyframes slideUp { 0% { transform: translateY(0); }
  100% { transform: translateY(-100%); } }
/* Main Navigation & Primary Menu */
.header-layout { width: 29%;float: left;}

.nav-layout { width: 71%; float: right; padding-top: 38px;}
.nav-layout .main__navigation {background: none;float: right;}
.main__navigation,.main__navigation ul {}
.main__navigation > .container { padding: 0; }
.main__navigation .primary-menu { padding-left: 0; margin-bottom: 0; list-style: none; }
.main__navigation .primary-menu > li { float: left; }
.main__navigation .primary-menu > li > ul.sub-menu { left: 0; top: auto; }
.main__navigation .primary-menu > li > a { text-transform: uppercase; }
.main__navigation .primary-menu li { position: relative; list-style: none; }
.main__navigation .primary-menu li a { color: #fff; font-size: 17px; display: block; padding: 0px 12px; line-height: 40px; font-weight: 400;text-transform: uppercase;}
.main__navigation .primary-menu li > a:hover, .main__navigation .primary-menu li.current-menu-item > a { color: yellow; }
.main__navigation .primary-menu li ul.sub-menu {
    z-index: 9999;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 240px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
    -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
}
.main__navigation .primary-menu li ul.sub-menu li { -moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out; -webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out; -o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out; transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out; margin-top: -15px;border-bottom: 1px solid #fff;}
.main__navigation .primary-menu li ul.sub-menu ul {
    display: block;
    background: #ec6504;
    visibility: hidden;
    opacity: 0;
    top: 0;
    filter: alpha(opacity=0);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg); transform: rotateX(-90deg);-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.15); box-shadow: 0 1px 10px 0 rgba(0,0,0,.15); position: absolute;left: 100%; min-width: 220px; border: none;
}
.main__navigation .primary-menu li ul.sub-menu ul li { clear: both; margin: 0; padding: 0; width: 100%; opacity: 1; }
.main__navigation .primary-menu li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);}
.main__navigation .primary-menu li:hover > ul.sub-menu li { margin-top: 0; opacity: 1; }

.mobile-menu-no-search {    display: block;
    padding: 0;
    line-height: 30px;}
.mobile-menu-no-search span {       font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center; }
.mobile-menu-no-search .rt-navbar-toggle { margin: auto; }
.mobile-menu-no-search .rt-navbar-toggle .icon-bar { background: #333; }

.vertical-mega-menu { position: relative; }
.vertical-mega-menu .vertical-mega-menu-title { margin-bottom: 0; background: #33b5e5; border-radius: 0; text-align: center; line-height: 40px; color: white; text-transform: uppercase; font-weight: bold; cursor: pointer; }
.vertical-mega-menu .vertical-mega-menu-title:after { content: "\f039"; float: right; font-family: fontawesome; font-weight: 100; }
.vertical-mega-menu .rt_mega_menu .menu { position: absolute; z-index: 9999; background: white; width: calc(100% - 30px); border: 1px solid #ccc; opacity: 0; visibility: hidden; margin-top: 30px; list-style: none; margin-bottom: 0; padding: 0; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.vertical-mega-menu .rt_mega_menu .menu ul.sub-menu { margin-bottom: 0; padding-left: 0; }
.vertical-mega-menu .rt_mega_menu .menu li { list-style: none; }
.vertical-mega-menu .rt_mega_menu .menu li a { display: block; padding: 10px; color: #333; }
.vertical-mega-menu .rt_mega_menu .menu > li { border-bottom: 1px solid #eee; }
.vertical-mega-menu .rt_mega_menu .menu > li .sub-menu { position: absolute; width: 400px; left: 100%; top: -1px; background: white; border: 1px solid #ccc; opacity: 0; visibility: hidden; margin-left: 30px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.vertical-mega-menu .rt_mega_menu .menu > li .sub-menu > li { padding: 0 10px; }
.vertical-mega-menu .rt_mega_menu .menu > li .sub-menu > li a { padding-left: 0; }
.vertical-mega-menu .rt_mega_menu .menu > li .sub-menu > li.w3c > a { text-transform: uppercase; color: #404040; font-weight: bold; border-bottom: 1px solid #ccc; position: relative; }
.vertical-mega-menu .rt_mega_menu .menu > li .sub-menu > li.w3c > a:after { content: ''; display: block; position: absolute; width: 100px; height: 1px; background: blue; bottom: -1px; left: 0; }
/*.vertical-mega-menu .rt_mega_menu .menu > li:hover > .sub-menu { opacity: 1; visibility: visible; margin-left: 0; }*/

/*.vertical-mega-menu .rt_mega_menu .menu > li ul.sub-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; margin-left: 0; }*/

.home .site:not(.fixed-nav-menu) .vertical-mega-menu .rt_mega_menu .menu, .vertical-mega-menu .rt_mega_menu:hover .menu { opacity: 1; visibility: visible; margin-top: 0; }

.vertical-mega-menu #mega-menu-toggle { float: left; }



/*
Logo menu 
*/
.nav-layout .main__navigation .primary-menu li a {
  color: #fff;
  font-weight: 400;
  position: relative;
}
.nav-layout .main__navigation .primary-menu  > li >  a {
    line-height: 40px;
}
.nav-layout .main__navigation .primary-menu  > li >  a:hover{
  color: #ec6504;
}
.nav-layout .main__navigation .primary-menu > li > ul.sub-menu{
    display: block;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
    position: absolute;
    left: 0;
    background: #ec6504;
    min-width: 220px;
    border: none;
}

.nav-layout .main__navigation .primary-menu > li > ul.sub-menu:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 100%;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #ec6504 transparent;
    left: 30px;
}
.nav-layout .main__navigation .primary-menu > li > ul.sub-menu li a {
  padding:8px 10px;
  line-height: 22px;
  text-transform: none;
  font-size: 15px;
}
.nav-layout .main__navigation .primary-menu > li:hover>ul.sub-menu {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
/*--------------------------------------------------------------
#  slide
--------------------------------------------------------------*/
.slick-slider .slick-slide { outline: none; }
.slick-slider .slick-slide a { outline: none; }
.slick-slider .slick-slide img { display: inline-block; }
.slick-slider .slick-arrow { background: none; border: none; padding: 0; width: 100%; height: 20px; outline: none; position: absolute; cursor: pointer; }
.slick-slider .slick-prev { top: 50%; left: -8px; width: 20px; z-index: 9999; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.slick-slider .slick-prev:before { position: absolute; font-family: 'FontAweSome'; content: "\f053"; left: 3px; top: 3px; color: #333; }
.slick-slider .slick-next { top: 50%; right: -12px; width: 20px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.slick-slider .slick-next:before { position: absolute; font-family: 'FontAweSome'; content: "\f054"; left: 3px; top: 3px; color: #333; }
.slick-slider.slick-vertical .slick-arrow { position: static; height: 21.5px; /*width: 100%;*/ margin: 0 auto; transform: translate(0); display: block !important; }
.slick-slider.slick-vertical .slick-prev:before { position: absolute; font-family: 'FontAweSome'; content: "\f077"; left: 3px; top: 0px; color: #333; }
.slick-slider.slick-vertical .slick-next:before { position: absolute; font-family: 'FontAweSome'; content: "\f078"; left: 3px; top: 0px; color: #333; }

/*--------------------------------------------------------------
#  Sidebar Widgets
--------------------------------------------------------------*/
.sidebar .widget { margin-bottom: 20px;clear: both; }
.sidebar .widget .widget-title { background: #d72027; color: #fff; font-size: 17px; text-transform: uppercase;line-height: 33px; text-align: center; margin: 0; }
.sidebar .widget .widget-title a { color: #fff; }
.sidebar .widget ul { padding-left: 0; list-style: none; }
.sidebar .widget_nav_menu ul li { position: relative; list-style: none; }
.sidebar .widget_nav_menu ul li a { padding: 10px 0px 10px 15px; display: block;font-size: 15px;}
.sidebar .widget_nav_menu ul li a:hover{
  color: #d72027;
}
.sidebar .widget_nav_menu ul li ul { display: none; /*height: 0;*/ background: #fff; z-index: 9999; transition: all 4s ease-in-out; -webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; }
.sidebar .widget_nav_menu ul li ul ul { top: -1px; }
.sidebar .widget_nav_menu ul li.menu-item-has-children.active > .sub-menu { display: block; height: auto; }
.sidebar .widget_nav_menu ul li:before { font-weight: 700;position: absolute; font-family: 'FontAweSome'; content: "\f105"; right: 12px; top: 11px; color: #4c4c4c; }
.sidebar .widget_nav_menu ul li a { }
.sidebar .widget_nav_menu ul > li:first-child > a {border-top: 0;}
.sidebar .widget_nav_menu ul li.hover__menu > .sub-menu { position: absolute; width: 100%; left: 100%; top: 0px; background: white; border: 1px solid #ccc; opacity: 0; visibility: hidden; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.sidebar .widget_nav_menu ul li.hover__menu:hover > .sub-menu { display: block; height: auto; visibility: visible; opacity: 1; }
.sidebar .widget_nav_menu .touch { height: 40px; position: absolute; right: 0px; top: 0px; width: 40px; display: block; }
.sidebar .widget_nav_menu .touch i { width: 20px; height: 20px; position: absolute; top: 10px; right: 5px; z-index: 999; color: #9E9E9E; font-size: 14px; line-height: 20px; font-weight: bold; text-align: center; }

/*--------------------------------------------------------------
#  Contact Form 7
--------------------------------------------------------------*/
.wpcf7-form-control:not(.wpcf7-submit) { width: 100%; outline: none; }
.wpcf7-form-control.wpcf7-submit { background: #d72027; color: #fff; border: none; padding: 5px 40px;}

/* maps */
.rt-maps { margin-bottom: 20px; }
.rt-maps iframe { width: 100%; height: auto; min-height: 400px; }

/*--------------------------------------------------------------
#  Footer
--------------------------------------------------------------*/
.site__footer { background: #393939;padding: 40px 0 0px 0;}
.site__footer .footer-row .rt-footer { float: left;}
.site__footer .footer-row .rt-footer .widget { margin-bottom: 0; color: #fff; }
.site__footer .footer-row .rt-footer .widget .widget-title { font-size: 19px; text-align: left; line-height: 37px; text-transform: uppercase;color: #fff;font-weight: 400;position: relative;}
.site__footer .footer-row .rt-footer .widget .widget-title:after{
  position: absolute;
  width: 33px;
  height: 2px;
  background: #d72027;
  content: "";
  left: 0;
  bottom: 0;
}
.site__footer .footer-row-3 .rt-footer { width: 33.33%; }
.site__footer .footer-row-4 .rt-footer { width: 25%; }

/*--------------------------------------------------------------
##  Copyright
--------------------------------------------------------------*/
.copyright { padding: 10px 0 15px 0; position: relative; background: #393939;color: #fff;}
.copyright .container { position: relative; max-width: 100%; }
.copyright .container a { color: #fff; font-size: 12px; float: right; }
.copyright img{
  margin-right: 10px;
}
/*--------------------------------------------------------------
##  Mobile Menu
--------------------------------------------------------------*/
.mobile-menu-container, .vertical-mega-mobile-menu { background: #1e1e1e; position: fixed; width: 250px; top: 0; bottom: 0; left: 0; -webkit-transform: translate(-250px); -transform: translate(-250px); -o-transform: translate(-250px); transform: translate(-250px); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; z-index: 999999; overflow: auto; }
.mobile-menu-container .close-menu, .vertical-mega-mobile-menu .close-menu { background: #0579a5; text-align: center; color: white; padding: 10px; cursor: pointer; }
.mobile-menu-container ul, .mobile-menu-container ul.mobile-menu, .vertical-mega-mobile-menu ul, .vertical-mega-mobile-menu ul.mobile-menu { padding-left: 0; list-style: none; }
.mobile-menu-container ul li, .mobile-menu-container ul.mobile-menu li, .vertical-mega-mobile-menu ul li, .vertical-mega-mobile-menu ul.mobile-menu li { position: relative; list-style: none; }
.mobile-menu-container ul li a, .mobile-menu-container ul.mobile-menu li a, .vertical-mega-mobile-menu ul li a, .vertical-mega-mobile-menu ul.mobile-menu li a { border-bottom: 1px solid #ffffff; color: white; display: block; padding: 10px; }
.mobile-menu-container ul li ul.sub-menu, .mobile-menu-container ul.mobile-menu li ul.sub-menu, .vertical-mega-mobile-menu ul li ul.sub-menu, .vertical-mega-mobile-menu ul.mobile-menu li ul.sub-menu { display: none; padding-left: 0; list-style: none; }
.mobile-menu-container ul li.active > ul.sub-menu, .mobile-menu-container ul.mobile-menu li.active > ul.sub-menu, .vertical-mega-mobile-menu ul li.active > ul.sub-menu, .vertical-mega-mobile-menu ul.mobile-menu li.active > ul.sub-menu { background: #3a3a3a; display: block; }

.rt-navbar-toggle { background: #fff; padding: 0; margin: 18px 0; border: none; outline: none; cursor: pointer; display: block; }
.rt-navbar-toggle .icon-bar { background: #fff; display: block; position: relative; width: 24px; height: 2px; border-radius: 1px; outline: none; }
.rt-navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

.vertical-mega-mobile-menu-active .vertical-mega-mobile-menu, .mobile-menu-active .mobile-menu-container { -webkit-transform: translate(0); -o-transform: translate(0); -moz-transform: translate(0); transform: translate(0); }

.vertical-mega-mobile-menu-active .overlay, .mobile-menu-active .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.15); }

.menu-item-has-children > i { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: #ed1c24; cursor: pointer; }

.vertical-mega-mobile-menu .menu-item-has-children > i.fa:before, .mobile-menu-container .menu-item-has-children > i.fa:before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #a9a9a9; content: ''; }

.vertical-mega-mobile-menu .menu-item-has-children.active > i.fa:before, .mobile-menu-container .menu-item-has-children.active > i.fa:before { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); }

.menu-item-has-children > i:before { position: absolute; top: 20px; left: 15px; }

.vertical-mega-mobile-menu { left: auto; right: 0; -webkit-transform: translate(250px); -transform: translate(250px); -o-transform: translate(250px); transform: translate(250px); }

/* content */
.heading { background: #ed1c24; color: #fff; font-size: 15px; text-transform: uppercase;line-height: 37px; border-radius: 5px 5px 0 0; text-align: center; margin-top: 0; }
.heading a { color: #fff; }

.rt-customer { background: url(images/bg-custom.png); background-size: cover; background-position: center center; background-attachment: fixed; padding: 20px 0; color: #fff; }
.rt-customer .title { text-transform: uppercase; margin-bottom: 30px; text-align: center; font-size: 30px; }
.rt-customer .rt_customers { margin-left: -15px; margin-right: -15px; }
.rt-customer .rt_customers .item-customer { padding: 0 15px; }
.rt-customer .rt_customers .item-customer .cus-thumb { text-align: center; margin-bottom: 20px; }
.rt-customer .rt_customers .slick-arrow { height: 45px; }
.rt-customer .rt_customers .slick-prev { background: url(images/prev.png) center center no-repeat; width: 35px; left: -20px; }
.rt-customer .rt_customers .slick-prev:before { display: none; }
.rt-customer .rt_customers .slick-next { background: url(images/next.png) no-repeat; width: 35px; right: -20px; }
.rt-customer .rt_customers .slick-next:before { display: none; }
.rt-customer .rt_customers.rt_customer_style_1 .item-customer .box { position: relative; }
.rt-customer .rt_customers.rt_customer_style_1 .item-customer .box .cus-thumb img { width: 200px; height: 200px; border-radius: 50%; border: 5px solid #fff; }
.rt-customer .rt_customers.rt_customer_style_1 .item-customer .box .cus-content { text-align: center; }
.rt-customer .rt_customers.rt_customer_style_1 .item-customer .box .cus-content .cus-name { text-transform: uppercase; font-size: 16px; }
.rt-customer .rt_customers.rt_customer_style_2 .item-customer .box { padding-top: 100px; position: relative; }
.rt-customer .rt_customers.rt_customer_style_2 .item-customer .box .cus-content { background: #fff; position: relative; color: #333; padding: 100px 20px 20px 20px; }
.rt-customer .rt_customers.rt_customer_style_2 .item-customer .box .cus-thumb { position: absolute; top: 20px; left: 10px; right: 10px; z-index: 9; }
.rt-customer .rt_customers.rt_customer_style_2 .item-customer .box .cus-thumb img { width: 140px; height: 140px; border-radius: 50%; border: 5px solid #fff; }
.rt-customer .rt_customers.rt_customer_style_3 .item-customer .box { position: relative; }
.rt-customer .rt_customers.rt_customer_style_3 .item-customer .box .cus-thumb { width: 25%; float: left; position: absolute; top: 20%; left: 10%; }
.rt-customer .rt_customers.rt_customer_style_3 .item-customer .box .cus-thumb img { width: 100px; height: 100px; border-radius: 50%; border: 3px solid #fff; }
.rt-customer .rt_customers.rt_customer_style_3 .item-customer .box .cus-content { width: 75%; float: right; background: #fff; color: #333; padding: 30px 30px 30px 60px; }
.rt-customer .rt_customers.rt_customer_style_3 .item-customer .box .cus-content .cus-name { font-size: 16px; text-transform: uppercase; color: #00aced; }
.rt-customer .rt_customers.rt_customer_style_3 .item-customer .box .cus-content .cus-work { font-style: italic; }

/* product slider */

.rt-product-category .product-widget ul.products .item {
  padding: 5px 0px;
  text-align: center;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.rt-product-category .product-widget ul.products .item img {
  margin-bottom: 5px;
  height: 200px;
  width: auto;
  margin: 0 auto 1em;
}

.rt-product-category .product-widget ul.products .item h3 {
  color: #454545;
  text-align: center;
  font-weight: 600;
  display: block;
  margin-top: 3px;
  font-size: 18px;
  padding: 5px 0;
}
.rt-product-category .product-widget ul.products .price {
  margin-bottom: 0;
}
.products-slider-widget .woocommerce .bt-enable-slide {
  padding-top: 26px;
  margin: 0;
}
/*

*/
/*************dạng slider product**************/
.products-2 > .slick-list .slick-track li{
    margin: 0 0 3px 0;
    padding: 3px 5px;
}
.products-2 > .slick-list .slick-track li .product_item{
  overflow: hidden;
  border: 0;
  padding: 0;
}
.products-2 > .slick-list .slick-track li .product_item .rt-thumb{
    float: left;
    width: 85px;
    margin-right: 10px;
    display: table;
    height: 85px;
    border: 1px solid #ccc;
    position: relative;
} 
.products-2 > .slick-list .slick-track li .product_item .rt-thumb a img{
    width: auto;
    height: auto;
    max-height: 85px;
}
.products-2 > .slick-list .slick-track li .product_item  .content{
    padding: 0;
    float: right;
    text-align: left;
    width: calc(100% - 85px - 10px);
}
.products-2 > .slick-list .slick-track li .product_item  .content h3 a{
    line-height: 18px;
    height: auto;
    max-height: 36px;
    text-align: left;
    font-size: 13px;
} 
.products-2 > .slick-list .slick-track li .product_item  .content .rt_add_to_cart {
    display: none;
}
.products-2 > .slick-list .slick-track li .product_item  .content ins,
.products-2 > .slick-list .slick-track li .product_item  .content del{
    display: block;
    width: 50%;
    float: left;
    font-size: 13px;
    line-height: 20px;
}
.products-2 > .slick-list .slick-track li .product_item  .content ins span{
    font-size: 13px;
}
.products-2 > .slick-list .slick-track li .product_item  .content  .price span{
  font-size: 13px;
}
.rt-maps {
  margin-bottom: 20px;
}
.rt-maps iframe {
  width: 100%;
  height: auto;
  min-height: 400px;
}




/* Add Animation */
@-webkit-keyframes slideIn { from { bottom: -300px; opacity: 0; }
  to { bottom: 45%; opacity: 1; } }
@keyframes slideIn { from { bottom: -300px; opacity: 0; }
  to { bottom: 45%; opacity: 1; } }
@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.quick-alo-phone { position: fixed; visibility: hidden; background-color: transparent; width: 200px; height: 200px; cursor: pointer; z-index: 99999 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; left: 0px; bottom: 3%; }

.quick-alo-phone.quick-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; }

.quick-alo-phone.quick-alo-static { opacity: .6; }

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

.quick-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 rgba(30, 30, 30, 0.4); border: 2px solid #bfebfc 9; opacity: .1; -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.quick-alo-phone.quick-alo-active .quick-alo-ph-circle { -webkit-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important; }

.quick-alo-phone.quick-alo-static .quick-alo-ph-circle { -webkit-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important; }

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

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle { border-color: #75eb50; border-color: #baf5a7; opacity: .5; }

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle { border-color: #00ab4e; border-color: #bfebfc; opacity: .5; }

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle { border-color: #ccc; opacity: .5; }

.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle { border-color: #75eb50; opacity: .5; }

.quick-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: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill { -webkit-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important; }

.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill { -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important; }

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

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); background-color: #baf5a7 9; opacity: 0.75 !important; }

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill { background-color: #00ab4e; opacity: 0.75 !important; }

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill { background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: 0.75 !important; }

.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: 0.75 !important; }

.quick-alo-ph-img-circle { width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url(images/call.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-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%; }

.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle { -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important; }

.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle { -webkit-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important; }

.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone:hover .quick-alo-ph-img-circle { background-color: #00aff2; }

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle { background-color: #75eb50; background-color: #75eb50; }

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #00ab4e; }

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle { background-color: #ccc; }

.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle { background-color: #75eb50; }

@-moz-keyframes quick-alo-circle-anim { 0% { -moz-transform: rotate(0) scale(0.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1; }
  30% { -moz-transform: rotate(0) scale(0.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 quick-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: .1; }
  30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: .5; }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1; } }
@-o-keyframes quick-alo-circle-anim { 0% { -o-transform: rotate(0) kscale(0.5) skew(1deg); -o-opacity: .1; }
  30% { -o-transform: rotate(0) scale(0.7) skew(1deg); -o-opacity: .5; }
  100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1; } }
@-moz-keyframes quick-alo-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; }
  50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2; }
  100% { -moz-transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; } }
@-webkit-keyframes quick-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; } }
@-o-keyframes quick-alo-circle-fill-anim { 0% { -o-transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; }
  50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { -o-transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; } }
@-moz-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); }
  10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -moz-transform: rotate(0) scale(1) skew(1deg); }
  100% { -moz-transform: rotate(0) scale(1) skew(1deg); } }
@-webkit-keyframes quick-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); } }
@-o-keyframes quick-alo-circle-img-anim { 0% { -o-transform: rotate(0) scale(1) skew(1deg); }
  10% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -o-transform: rotate(0) scale(1) skew(1deg); }
  100% { -o-transform: rotate(0) scale(1) skew(1deg); } }
@-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 quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: .1; }
  30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .5; }
  100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1; } }
@-webkit-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: .1; }
  30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .5; }
  100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1; } }
@-o-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: .1; }
  30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .5; }
  100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1; } }
@keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: .1; }
  30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .5; }
  100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1; } }
@-moz-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; }
  50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; } }
@-webkit-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; }
  50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; } }
@-o-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; }
  50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; } }
@keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; }
  50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2; }
  100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: .2; } }
@-moz-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); }
  10% { transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { transform: rotate(25deg) scale(1) skew(1deg); }
  30% { transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { transform: rotate(25deg) scale(1) skew(1deg); }
  50% { transform: rotate(0) scale(1) skew(1deg); }
  100% { transform: rotate(0) scale(1) skew(1deg); } }
@-webkit-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); }
  10% { transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { transform: rotate(25deg) scale(1) skew(1deg); }
  30% { transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { transform: rotate(25deg) scale(1) skew(1deg); }
  50% { transform: rotate(0) scale(1) skew(1deg); }
  100% { transform: rotate(0) scale(1) skew(1deg); } }
@-o-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); }
  10% { transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { transform: rotate(25deg) scale(1) skew(1deg); }
  30% { transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { transform: rotate(25deg) scale(1) skew(1deg); }
  50% { transform: rotate(0) scale(1) skew(1deg); }
  100% { transform: rotate(0) scale(1) skew(1deg); } }
@keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); }
  10% { transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { transform: rotate(25deg) scale(1) skew(1deg); }
  30% { transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { transform: rotate(25deg) scale(1) skew(1deg); }
  50% { transform: rotate(0) scale(1) skew(1deg); }
  100% { transform: rotate(0) scale(1) skew(1deg); } }
.phone__show { text-align: center; position: fixed; bottom: 0; left: 0; margin: 0 auto; right: 0; background-color: #00ab4e; padding: 5px 15px; border-radius: 30px; color: #fff; }

/* search form */
.header-search .search-form, .header-search .woocommerce-product-search { position: relative; height: 41px; }
.header-search .search-form .search-field, .header-search .woocommerce-product-search .search-field {    border: 1px solid #ccc; width: 100%; min-width: 150px; padding: 3px 10px; position: absolute; border-radius: 30px; outline: none; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 2.5s ease-in-out; transition: all .25s ease-in-out; }
.header-search .search-form .search-submit, .header-search .woocommerce-product-search .search-submit { border: 0; background: transparent; color: #333;padding: 3px 10px; border-radius: 0 30px 30px 0; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

/*# sourceMappingURL=main.css.map */

/*
list-post-related 
*/
.list-post-related {
    overflow: hidden;
    clear: both;
    padding: 0;
    margin: 0;
}
.related-post ul li {
    list-style: none;
    float: left;
    width: 49%;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px dashed #ddd;
}
.related-post ul li:nth-child(2n){
  float: right;
}
.list-post-related li .img_post {
    float: left;
    width: 150px;
    margin-right: 12px;
}
.list-post-related li h3 {
    margin: 0 0 3px 0;
}
.related-post ul li a {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    display: block;
    line-height: 23px;
}
.list-post-related li p {
    font-size: 13px;
}
.related-post ul li a.more-link {
    display: none;
}

.alm-btn-wrap {
  display: none !important;
}