/*
Theme Name: MỸ PHẨM DẠ THẢO LAN\
Text Domain: 	   oceanwp
Theme URI: https://luongthanhluan.com
Description: MỸ PHẨM DẠ THẢO LAN Wordpress Theme
Author: QT Media
Author URI: https://qtm.vn
Template: oceanwp
Version: 1.0
*/

.woocommerce-layout__header.is-scrolled {
    display: none;
}

.jpkaiwa_prev, .jpkaiwa_next{
    font-size: 30px;
    border: none;
    background: transparent;
    padding: 0;
}

.jpkaiwa_prev:hover, .jpkaiwa_next:hover{color: orange}
.jpkaiwa_next {
    position: absolute;
    bottom: 50%;
    right: -38px;
}
.jpkaiwa_prev {
    position: absolute;
    bottom: 50%;
    left: -38px;
}

/*Begin Khoa Hoc Noi bat*/
.jpkaiwa_feature{background: #fff}
.jpkaiwa_teacher_box{
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 10px;
    position: relative;
    text-align: center;
}
.jpkaiwa_feature_box{
display: flex;
flex-direction: row;
margin-bottom: 10px
}
.jpkaiwa_video_thumbnail{display: block; overflow: hidden}
    .ltl_embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .ltl_embed-container iframe,
    .ltl_embed-container object,
    .ltl_embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .jpkaiwa_feature_container{display: flex; flex-direction: row; flex-wrap: wrap}
    .ltl_video_col_left{width: 55%;}
    .ltl_video_col_right{width: 45%; padding-left: 15px}
    .ltl_video_col_left h2{
        margin-top: 20px;text-align: center
    }
    .jpkaiwa_video_thumbnail{
        width: 20%;
    }
    .ltl_video_title{width: 75%; padding-left: 10px}
    
    @media screen and (max-width: 600px){
    .ltl_video_col_left{width: 100%;}
    .ltl_video_col_right{width: 100%; padding-left: 0}
    } 
    
    /*End video style*/

ul.products.oceanwp-row.clr.list ul.woo-entry-inner.clr{
    text-align: left;
    
}
a.free_price_contact {
    font-size: 14px;
    font-weight: bold;
    color: #f00;
}
.item-quytrinh:hover{
    box-shadow: 0 0 7px #fff
}
.wrap-quytrinh a{color: #FFF !important;}
.wrap-quytrinh {display: flex; justify-content: space-between; flex-wrap: wrap}
.cover-quytrinh .slogan{color: #fff;}
/*Quy trình*/
.item-quytrinh{position: relative;display:flex;align-items:center;width:19%;background:rgba(0,0,0,0.5);margin:35px 30px;padding:35px 10px;color:#fff;border:1px solid #707071;border-radius:10px;}
.item-quytrinh .des{padding:15px 10px;border:1px dashed #fff;border-left:none;border-right:none;align-items:center; display: flex}
.item-quytrinh .des .stt{margin-top:-15px;font-size: 57px; line-height: 1; margin-bottom: 0}
.item-quytrinh .des .ten{margin-left:10px;font-size: 17px; line-height: 1.5;text-align:center;text-transform:uppercase; color: #fff}
.item-quytrinh:after{position:absolute;top:50%;left:calc(100% + 15px);content:'';width:52px;height:46px;background:url(assets/img/next-quytrinh.png) no-repeat;transform:translate(0,-50%);}
.item-quytrinh:nth-child(4):after{top:calc(100% + 40px);left:40%;transform:rotate(90deg) translate(-50%,0);}
.item-quytrinh-right:after{background-image:url(assets/img/prev-quytrinh.png);left:unset;right:calc(100% + 15px);}
.item-quytrinh-right:last-child:after{content:unset;}
.item-quytrinh:nth-child(even){background:#e79316;}
.item-quytrinh:nth-child(5){order:3;}
.item-quytrinh:nth-child(6){order:2;}
.item-quytrinh:nth-child(7){order:1;}
.item-quytrinh:nth-child(8){order:0;}
.ltl-grid{display: flex; flex-wrap: wrap}
.ltl_col {width: 25%; padding: 10px; margin-bottom: 20px}
.ltl_col h2 a{text-transform: uppercase;color:#FF6600}
.ltl_col ul li{list-style: disc; margin-bottom: 7px}
.ltl-xem-them{font-weight: 700;
text-align: center;
color: red;
display: table;
margin: 0 auto;
border: solid 1px #f00;
padding: 7px 10px;
border-radius: 5px;
font-size: 13px
}
.ltl-xem-them:hover{
    color: #fff;
    background: red
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(1){
    order: 1;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(2){
    order: 2;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(3){
    order: 3;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(4){
    order: 4;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(5){
    order: 14;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(6){
    order: 5;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(6){
    order: 5;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(7){
    order: 15;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(8){
    order: 6;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(9){
    order: 7;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(10){
    order: 16;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(11){
    order: 8;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(12){
    order: 9;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(13){
    order: 10;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(14){
    order: 11;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(15){
    order: 12;
}
.ltl-grid.ltl_list_order .ltl_col:nth-child(16){
    order: 13;
}
@media screen and (max-width: 1200px)
{
	.item-quytrinh{width: 18%;}
}
@media screen and (max-width: 960px) 
{
    	.item-quytrinh:nth-child(5){order:0;}
	.item-quytrinh:nth-child(6){order:1;}
	.item-quytrinh:nth-child(7){order:2;}
	.item-quytrinh:nth-child(8){order:3;}
	.item-quytrinh{width:47%;margin:10px 5px;}
	.item-quytrinh:after{content: unset !important;}
           .item-quytrinh .des{
    width: 100%;
    }
        .ltl_col {width: 50%; padding: 10px; margin-bottom: 20px}
}
@media screen and (max-width: 768px) 
{   .jpkaiwa_prev, .jpkaiwa_next{
    font-size: 25px;

}
.jpkaiwa_next {
  
    right: -25px;
}
.jpkaiwa_prev {
    position: absolute;
    bottom: 50%;
    left: -25px
}

	.item-quytrinh{width: 47%;}
            .item-quytrinh .des{
/*            justify-content: center;*/
    width: 100%;
    }
	.item-quytrinh:nth-child(5){order:0;}
	.item-quytrinh:nth-child(6){order:1;}
	.item-quytrinh:nth-child(7){order:2;}
	.item-quytrinh:nth-child(8){order:3;}
	.item-quytrinh:nth-child(even){background: rgba(0,0,0,0.5);}
	.item-quytrinh:nth-child(1),
	.item-quytrinh:nth-child(4),
	.item-quytrinh:nth-child(5),
	.item-quytrinh:nth-child(8){background: #e79316;}
}
@media screen and (max-width: 600px){
    .ltl_col {width: 100%; padding: 10px; margin-bottom: 20px}
    .item-quytrinh{width: 100%;}
    .item-quytrinh .des{
/*            justify-content: center;*/
    width: 100%;
    }
    .item-quytrinh:nth-child(1), .item-quytrinh:nth-child(4), .item-quytrinh:nth-child(5), .item-quytrinh:nth-child(8){background: rgba(0,0,0,0.5) }
    .item-quytrinh:nth-child(2n){background:rgba(250,130,20,0.5)}
    .item-quytrinh:hover{background: #f60}
} 


/*.ltl_feature{background: #fff}*/
.ltl_feature_box, .ltl_teacher_box{
    /*background: #fff;*/
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding-left:5px;
    padding-right: 5px;
    position: relative;
    text-align: center;
}
.ltl_feature_box:hover{
       box-shadow: 0px 0px 15px -5px #ccc;
       border-radius: 5px;
}
.ltl_feature_box figure{ overflow: hidden}
.ltl_feature_box{overflow: hidden}
.ltl_feature_item_title{
  /*position: absolute;*/
z-index: 9999;
bottom: 0;
left: 0;
font-size: 13px;
text-align: center;
background: rgba(0,0,0,.5);
color: #fff;
padding: 7px;
margin: 0;
}
.ltl_feature_video i.eicon-play{font-size: 50px; position: absolute; bottom: 50%; left: 45%; color: #fff; box-shadow: 10px 10px 0 #fff}

/*.ltl_prev, .ltl_next{
    font-size: 30px;
    border: none;
    background: transparent;
}
.ltl_prev:hover, .ltl_next:hover{color: orange}
.ltl_next {
    position: absolute;
    bottom: 50%;
    right: -40px;
}
.ltl_prev {
    position: absolute;
    bottom: 50%;
    left: -40px;
}*/

.woocommerce-layout__header.is-scrolled{
	display:none !important;
}
.woocommerce-layout.woocommerce-layout__header {
        display: none !important;
    }
.woocommerce-layout.woocommerce-layout__activity-panel-tabs {
        display: none !important;
    }
.woocommerce-layout.woocommerce-layout__header-breadcrumbs {
        display: none !important;
    }
.woocommerce-layout.woocommerce-embed-page .woocommerce-layout__primary{
        display: none !important;
    }
#screen-meta, .woocommerce-embed-page #screen-meta-links{top:0;}

.jpkaiwa_khuyen_mai article, .jpkaiwa_news article{
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 14px;
}
.jpkaiwa_news .thumbnail{
    height: 250px;
    overflow: hidden;
}

.float-button {
 z-index:999
}

.btn-quick-alo-phone.btn-quick-alo-show {
 visibility:visible
}
.btn-quick-alo-ph-img-circle {
 width:75px;
 height:75px;
 top:70px;
 left:70px;
 position:absolute;
 background-repeat:no-repeat;
 background-position:50%;
 border-radius:100%;
 border:2px solid transparent;
 opacity:1;
 -webkit-animation:btn-quick-alo-circle-img-anim 1s ease-in-out infinite;
 animation:btn-quick-alo-circle-img-anim 1s ease-in-out infinite;
 transform-origin:50% 50%
}
.btn-quick-alo-phone {
 position:fixed;
 visibility:hidden;
 cursor:pointer;
 z-index:999;
 -webkit-backface-visibility:hidden;
 -webkit-transform:translateZ(0);
 transition:visibility .5s;
 bottom:95px;
 right:0
}
.btn-quick-alo-ph-circle,
.btn-quick-alo-phone {
 background-color:transparent;
 width:80px;
 height:80px
}
.btn-quick-alo-ph-circle {
 bottom:0;
 left:0;
 position:absolute;
 border-radius:100%;
 border:2px solid #bfebfc;
 opacity:.1;
 -webkit-animation:btn-quick-alo-circle-anim 1.2s ease-in-out infinite;
 animation:btn-quick-alo-circle-anim 1.2s ease-in-out infinite;
 transition:all .5s;
 transform-origin:50% 50%
}
.btn-quick-alo-phone.btn-quick-alo-green .btn-quick-alo-ph-circle {

 opacity:.5
}
.btn-quick-alo-ph-circle-fill {
 width:60px;
 height:60px;
 top:10px;
 left:10px;
 position:absolute;
 background-color:#000;
 border-radius:100%;
 border:2px solid transparent;
 opacity:.1;
 -webkit-animation:btn-quick-alo-circle-fill-anim 2.3s ease-in-out infinite;
 animation:btn-quick-alo-circle-fill-anim 2.3s ease-in-out infinite;
 transition:all .5s;
 transform-origin:50% 50%
}
.btn-quick-alo-phone.btn-quick-alo-green .btn-quick-alo-ph-circle-fill {
 background-color: transparent;

 opacity:.75!important
}
.btn-quick-alo-ph-img-circle {
 width:40px;
 height:40px;
 background-size:30px;
 top:20px;
 left:20px
}
.btn-quick-alo-phone.btn-quick-alo-green .btn-quick-alo-ph-img-circle {

}
.btn-quick-alo-phone.btn-quick-alo-hover,
.btn-quick-alo-phone:hover {
 opacity:1
}
.btn-quick-alo-phone.btn-quick-alo-green.btn-quick-alo-hover .btn-quick-alo-ph-img-circle,
.btn-quick-alo-phone.btn-quick-alo-green:hover .btn-quick-alo-ph-img-circle {

}
.btn-quick-alo-phone.btn-quick-alo-green.btn-quick-alo-hover .btn-quick-alo-ph-circle-fill,
.btn-quick-alo-phone.btn-quick-alo-green:hover .btn-quick-alo-ph-circle-fill {
 background-color:rgba(255,118,0,.5);

 opacity:.75!important
}
.btn-quick-alo-ph-circle {

 opacity:.5
}
@-webkit-keyframes btn-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)
 }
 to {
  -webkit-transform:rotate(0) scale(1) skew(1deg)
 }
}
@-webkit-keyframes btn-quick-alo-circle-anim {
 0% {
  transform:rotate(0) scale(.5) skew(1deg);
  opacity:.1
 }
 30% {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.5
 }
 to {
  transform:rotate(0) scale(1) skew(1deg);
  opacity:.1
 }
}
@keyframes btn-quick-alo-circle-anim {
 0% {
  transform:rotate(0) scale(.5) skew(1deg);
  opacity:.1
 }
 30% {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.5
 }
 to {
  transform:rotate(0) scale(1) skew(1deg);
  opacity:.1
 }
}
@-webkit-keyframes btn-quick-alo-circle-fill-anim {
 0% {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
 50% {
  transform:rotate(0) scale(1) skew(1deg);
  opacity:.2
 }
 to {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
}
.btn-quick-mail-phone.btn-quick-mail-show {
 visibility:visible
}
.btn-quick-mail-ph-img-circle {
 width:75px;
 height:75px;
 top:70px;
 left:70px;
 opacity:.7
}
.btn-quick-mail-phone {
 position:fixed;
 visibility:hidden;
 cursor:pointer;
 z-index:999;
 -webkit-backface-visibility:hidden;
 -webkit-transform:translateZ(0);
 transition:visibility .5s;
 right:0;
 bottom:180px
}
.btn-quick-mail-ph-circle,
.btn-quick-mail-phone {
 background-color:transparent;
 width:80px;
 height:80px
}
.btn-quick-mail-ph-circle {
 top:0;
 left:0;
 position:absolute;
 border-radius:100%;
 border:2px solid #bfebfc;
 opacity:.1;
 -webkit-animation:btn-quick-alo-circle-anim 1.2s ease-in-out infinite;
 animation:btn-quick-alo-circle-anim 1.2s ease-in-out infinite;
 transition:all .5s;
 transform-origin:50% 50%
}
.btn-quick-mail-phone.btn-quick-mail-green .btn-quick-mail-ph-circle {
 opacity:.5
}
.btn-quick-mail-ph-circle-fill {
 width:60px;
 height:60px;
 top:10px;
 left:10px;
 position:absolute;
 background-color:#000;
 border-radius:100%;
 border:2px solid transparent;
 opacity:.1;
 -webkit-animation:btn-quick-mail-circle-fill-anim 2.3s ease-in-out infinite;
 animation:btn-quick-mail-circle-fill-anim 2.3s ease-in-out infinite;
 transition:all .5s;
 transform-origin:50% 50%
}
.btn-quick-mail-phone.btn-quick-mail-green .btn-quick-mail-ph-circle-fill {
}
.btn-quick-mail-ph-img-circle {
 width:40px;
 height:40px;
 background-size:30px;
 top:20px;
 left:20px;
 position:absolute;
 background-repeat:no-repeat;
 background-position:50%;
 border-radius:100%;
 border:2px solid transparent;
 opacity:1;
 -webkit-animation:btn-quick-mail-circle-img-anim 1s ease-in-out infinite;
 animation:btn-quick-mail-circle-img-anim 1s ease-in-out infinite;
 transform-origin:50% 50%
}
.btn-quick-mail-phone.btn-quick-mail-green .btn-quick-mail-ph-img-circle {

}
.btn-quick-mail-phone.btn-quick-mail-hover,
.btn-quick-mail-phone:hover {
 opacity:1
}
.btn-quick-mail-phone.btn-quick-mail-green.btn-quick-mail-hover .btn-quick-mail-ph-circle-fill,
.btn-quick-mail-phone.btn-quick-mail-green:hover .btn-quick-mail-ph-circle-fill {
 opacity:.75!important
}
.btn-quick-mail-ph-circle {
 opacity:.5
}
@-webkit-keyframes btn-quick-mail-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)
 }
 to {
  -webkit-transform:rotate(0) scale(1) skew(1deg)
 }
}
@keyframes fadeInRight {
 0% {
  opacity:0;
  transform:translate3d(100%,0,0)
 }
 to {
  opacity:1;
  transform:none
 }
}
@-webkit-keyframes fadeOutRight {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  transform:translate3d(100%,0,0)
 }
}
@keyframes fadeOutRight {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  transform:translate3d(100%,0,0)
 }
}
@-webkit-keyframes btn-quick-mail-circle-anim {
 0% {
  transform:rotate(0) scale(.5) skew(1deg);
  opacity:.1
 }
 30% {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.5
 }
 to {
  transform:rotate(0) scale(1) skew(1deg);
  opacity:.1
 }
}
@keyframes btn-quick-mail-circle-anim {
 0% {
  transform:rotate(0) scale(.5) skew(1deg);
  opacity:.1
 }
 30% {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.5
 }
 to {
  transform:rotate(0) scale(1) skew(1deg);
  opacity:.1
 }
}
@-webkit-keyframes btn-quick-mail-circle-fill-anim {
 0% {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
 50% {
  transform:rotate(0) scale(1) skew(1deg);
  opacity:.2
 }
 to {
  transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
}
#chat-f-b img.chat-logo {
 padding-right:15px;
 max-width:40px;
 max-height:40px
}
.quick-alo-show {
 width:80px;
 height:80px;
 z-index:999;
 bottom:265px;
 right:0;
 position:fixed
}
#b-c-facebook,
#b-c-messenger {
 position:fixed;
 right:10px;
 background:#3a5897;
 bottom:0;
 z-index:9999999999;
 width:250px;
 height:auto;
 max-height:375px;
 min-height:38px;
 box-shadow:2px 6px 6px 6px rgba(0,0,0,.09);
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 overflow:hidden
}
#b-c-facebook .f-chat-conent,
#b-c-messenger .f-chat-conent {
 float:left;
 width:100%;
 height:335px;
 overflow:hidden;
 display:none;
 background-color:#fff;
 position:relative
}
#b-c-facebook .chat-f-b label,
#b-c-messenger .chat-f-b label {
 width:185px
}
#b-c-facebook .chat-f-b,
#b-c-facebook .chat-f-b label,
#b-c-messenger .chat-f-b,
#b-c-messenger .chat-f-b label {
 line-height:20px;
 margin:0;
 cursor:pointer;
 font-size:14px;
 color:#fff
}
#b-c-facebook .chat-f-b,
#b-c-messenger .chat-f-b {
 float:left;
 padding:0 25px 0 15px;
 width:250px;
 color:#fff;
 height:38px;
 line-height:38px;
 background-color:#00b6dc;
 border:0;
 z-index:9999999;
 margin-right:12px
}
#b-c-facebook .chat-f-b label,
#b-c-messenger .chat-f-b label {
 position:absolute;
 top:10px
}
.title-f-chat-icon {
 margin-left:-10px
}
#t_f_chat {
 float:left;
 position:absolute;
 right:15px;
 top:0
}
#t_f_chat a {
 color:#fff;
 font-size:17px;
 text-decoration:none
}
.chat-left-5 {
 margin-left:5px
}
#chat_f_close {
 opacity:.5
}
#chat_f_close:hover {
 opacity:1
}
#fb_alert_num {
 background-color:#ff0;
 padding:0 7px;
 color:red;
 border-radius:40px;
 font-size:13px;
 font-family:Arial;
 font-weight:700;
 position:absolute;
 right:55px;
 top:12px;
 height:20px;
 line-height:20px;
 display:none!important
}
.quick-alo-green .quick-alo-ph-circle {
 border:2px solid;
 opacity:.99
}
.quick-alo-ph-circle {
 width:80px;
 height:80px;
 bottom:0;
 left:0;
 position:absolute;
 background-color:transparent;
 border-radius:100%;
 border:9 solid #bfebfc;
 opacity:.1;
 -webkit-animation:quick-alo-circle-anim 1.2s ease-in-out infinite;
 animation:quick-alo-circle-anim 1.2s ease-in-out infinite;
 transition:all .5s;
 transform-origin:50% 50%
}
.quick-alo-green .quick-alo-ph-circle-fill {
 opacity:.75!important
}
.quick-alo-ph-circle-fill {
 width:60px;
 height:60px;
 bottom:10px;
 left:10px;
 position:absolute;
 background-color:#000;
 border-radius:100%;
 border:2px solid transparent;
 opacity:.1;
 -webkit-animation:quick-alo-circle-fill-anim 2.3s ease-in-out infinite;
 animation:quick-alo-circle-fill-anim 2.3s ease-in-out infinite;
 transition:all .5s;
 transform-origin:50% 50%
}
.quick-alo-green .quick-alo-ph-img-circle {
 background-size:32px
}
.quick-alo-ph-img-circle {
 width:42px;
 height:42px;
 bottom:20px;
 left:20px;
 position:absolute;
 border-radius:100%;
 border:2px solid transparent;
 opacity:.99;
 -webkit-animation:quick-alo-circle-img-anim 1s ease-in-out infinite;
 animation:quick-alo-circle-img-anim 1s ease-in-out infinite;
 transform-origin:50% 50%
}
.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:#00b0ff
}
@-webkit-keyframes quick-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
 }
 to {
  -webkit-transform:rotate(0) scale(1) skew(1deg);
  -webkit-opacity:.1
 }
}
@-webkit-keyframes quick-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
 }
 to {
  -webkit-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
}
@-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)
 }
 to {
  -webkit-transform:rotate(0) scale(1) skew(1deg)
 }
}
@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  transform:translate3d(100%,0,0)
 }
}
.ltl_product_list .image-wrap, .ltl_product_list li.category, .ltl_product_list .price-wrap, .ltl_product_list .rating{
    display: none !important
}
.ltl_product_list .woo-entry-inner.clr{list-style: circle}
.ltl_product_list .title{text-align: left}
.ltl_product_list .title h2{margin-bottom: 0}

.toolbar {background: #009b00; display: none; width: 100%; padding: 2px ; bottom: 0; position: fixed; z-index: 500; height: auto; border-top: 1px solid #cbcbcb;}
.toolbar ul{list-style-type: none;display: flex; margin: 0; align-items: center; padding: 3px 0;}
.toolbar ul li { text-align: center; width: 25%;}
.toolbar ul li a {text-decoration: none; display: inline-block; width: 100%; color: #fff;}
.toolbar ul li a img { height:18px !important; width: auto;}
.toolbar ul li a span { font-family: arial; font-weight: 400; color: #fff; font-size: 12px;} 

@media only screen and (max-width:1000px){
.toolbar {
            display: block;
        }
}

@media only screen and (max-width:1000px){
.btn-quick-mail-show {
            visibility: hidden !important;
        }
.quick-alo-show {
            visibility: hidden;
        }
.btn-quick-alo-phone {
		visibility: hidden !important;
		
	}
}


/* start hotline  */

.hotlinefix {
  position: fixed;
  bottom: 270px;
  right: 160px;
  z-index: 99;
}

.hotlinefix .phone {
  width: 220px;
  background: #FFF;
  border-radius: 39px;
  left: -30px;
  top: -29px;
  position: absolute;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
}

.hotlinefix .phone p {
  line-height: 50px;
  margin: 0;
  padding: 0;
}

.hotlinefix .phone p a {
  font-style: inherit;
  color: #F00;
  text-shadow: none;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 66px;
  margin-left: 70px;
}

.circle-hotline {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #F00;
  -webkit-transition: height .25s ease, width .25s ease;
  transition: height .25s ease, width .25s ease;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  margin-top: 3px;
  margin-left: -3px;
}

.circle-hotline span {
  margin: 12px;
  display: inline-block;
}

.circle-hotline img {
  width: 50px;
  max-width: 100%;
  height: auto;
}

.circle-hotline:before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}

.circle-hotline:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
}

.circle-hotline:before, .circle-hotline:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #F00;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.75);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.75);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}
/*** end hotline ***/
@media only screen and (max-width:48em){
		.hotlinefix {
		display: none !important;
	}
		.popup_right{
				display:none !important;
			}
}