@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

:root {
  --d-blue: #1D3F89;
  --l-blue: #0298D2;
  --red: #E41313;
}


body{width: 100%;font-size: 16px;margin: 0;font-family: Quicksand;}

*, *::before, *::after{box-sizing: border-box;}

/* general */
.hidden, .hidden-seoh{display: none;width: 0;opacity: 0;user-select: none;}
a,a:hover{text-decoration: none;color: unset;}
a img{vertical-align: top;}
p{padding: 0;margin: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{clear: both;}

.mw,.wrap-content,.wrap-main{max-width: 1390px;padding: 0 15px;margin: 0 auto;}
.wrap-main{padding: 40px 15px;}
.w100{width: 100%;}
.w50{width: 50%;}

.h100{height: 100%;}

.bora10{border-radius: 10px;}
.boral10{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.borar10{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.borat10{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.borab10{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.df{display: flex;}
.f1{flex: 1;}
.aic{align-items: center;}
.ais{align-items: stretch;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcfe{justify-content: flex-end;}

.grid_2_col{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}

.fcol{flex-flow:column;}
.fwrap{flex-flow:wrap}

/* spacing */
.py40{padding: 40px 0;}
.p30{padding: 30px;}

.g8{gap: 8px;}
.g16{gap: 16px;}
.g20{gap: 20px;}
.g24{gap: 24px;}
.g32{gap: 32px;}
.g40{gap: 40px;}

/* text clamp */
/* .clamp_1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} */
.clamp_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp_4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.clamp_5{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}



/* header */
.header{padding: 10px 0;}
.header .group_phone{gap: 80px;}
.header .group_phone .title{padding: 2px 10px;position: relative;width: fit-content;margin: 0 17px 4px auto;}
.header .group_phone .title .mask{background: var(--d-blue);width: 100%;position: absolute;top: 0;left: 0;height: 100%;transform: skew(-7deg);border-radius: 7px;}
.header .group_phone .title p{font-size: 14px;font-weight: 700;color: #fff;position: relative;z-index: 2;}

.header .group_phone .content{padding: 4px 20px 5px 70px;position: relative;}
.header .group_phone .content .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--l-blue);transform: skew(-7deg);border-radius: 7px;}
.header .group_phone .content i{font-size: 24px;padding: 8px 10px;color: #fff;border: 1px solid #fff;position: absolute;z-index: 1;border-radius: 20px;background: var(--d-blue);top: 50%;left: 21px;transform: translateY(-50%);}
.header .group_phone .content a{font-size: clamp(18px,4vw,20px);font-weight: 700;color: #fff;position: relative;z-index: 2;}
.header_cart .count-cart span{padding: 5px 7px;color: #fff;position: relative;font-size: clamp(18px,4vw,20px);font-weight: 700;}

/* menu */
.menu{background: var(--d-blue);position: sticky;top: 0;left: 0;z-index: 10;}
.menu_ul .nav-item{padding: 12px;color: #fff;text-transform: uppercase;font-weight: 700;transition: all 0.3s ease-in-out;}
.menu_ul .nav-item:hover,.menu_ul .nav-item.active{background: #fff;color: var(--d-blue);}
.menu_ul .product_list_menu{padding: 12px 24px 12px 16px;cursor: pointer;position: relative;}
.product_lvl1_menu{position: absolute;top: calc(100% + 10px);left: 0;background: var(--d-blue);width: 237px;opacity: 0;visibility: hidden; transform: translateY(-10%);transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.3s ease-in-out;z-index: 10;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;z-index: -1;}
.product_list_menu:hover .product_lvl1_menu{opacity: 1;transform: translateY(0);visibility: visible;}
.product_lvl1_menu .product_lvl1_item{padding: 10px;color: #fff;transition: all 0.3s ease-in-out;}
.product_lvl1_menu .product_lvl1_item:hover{background: #fff;color: var(--d-blue);}
.menu_ul .search-res{margin-left: auto;width: 320px;}
.menu_ul .search-res .search-grid{position: relative;height: 100%;padding: 6px 0;}
.menu_ul .search-res .search-grid input{width: 100%;height: 100%;padding: 6px 0 6px 24px;border-radius: 20px;}
.menu_ul .search-res .search-grid input::placeholder{font-size: 16px;font-weight: 600;color: #757575;}
.menu_ul .search-res .search-grid p{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}
.menu_ul .search-res .search-grid p i{font-weight: 700;}
.menu-res{display: none;background: transparent;position: sticky;top: 0;left: 0;z-index: 10;padding: 0 15px;}
.menu-bar-res{display: flex;justify-content: space-between;align-items: center;padding: 5px 0;height: 82px;position: relative;}
.menu-bar-res .logo_mobile{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#hamburger i{font-size: 35px;color: #000;}
.search-res{width: 100%;}
.menu-res .search-res{margin-bottom: 10px;}
.search_mobile_menu{position: relative;display: flex;align-items: center;}
.search_mobile_menu input{width: 100%;height: 42px;padding: 10px;}
.search_mobile_menu input::placeholder{font-size: 12px;font-weight: 600;color: #757575;}
.search_mobile_menu p{background: #c40316;padding: 10px 12px;color: #fff;white-space: nowrap;font-size: 14px;font-weight: 700;}
.cart_mobile{position: relative;}
.count_cart_mobile{position:absolute;top:-15px;background:red;min-width:25px;right:-10px;line-height:25px!important;border-radius:100%;height:25px;text-align:center;font-size: 12px;color: #fff;font-weight: 700;}


/* group_slide_show */
.group_slide_show{padding: 10px;background: #F0F8FE;}
.slide_show{max-width: 1107px;margin: 0;}
.product_list_wrapper{max-width: 237px;max-height:440px;width: 100%;background: #fff;overflow-y: scroll;}
.product_list_wrapper .product_list {padding: 12px 0 12px 16px;border-bottom: 1px solid #CFCFCF;}
.product_list_wrapper .product_list:last-child{border-bottom: none;}
.product_list_wrapper .product_list a{font-weight: 600;}
.product_list_wrapper .product_list a:hover{color: var(--d-blue);}

/* index */
.title_index{font-size: clamp(20px,4vw,32px);font-weight: 700;color: var(--d-blue);text-transform: uppercase;}
.scale-img{overflow: hidden;}
.scale-img img{transition: all 0.3s ease-in-out;}
.scale-img:hover img{transform: scale(1.1);}

/* hot_products */
.hot_products .decor{width: 100%;background: var(--d-blue);height: 2px;}
.hot_products .product_lvl1{padding: 10px 16px;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;background: #fff;font-weight: 600;transition: all 0.3s ease-in-out;cursor: pointer;}
.hot_products .product_lvl1.active,.hot_products .product_lvl1:hover{background: var(--d-blue);color: #fff;}
.grid_hot_pro{--max-width:260px;display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--max-width), 1fr));gap: 20px;}
.grid_hot_proCat{--maw-width:190px;display: grid;grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));gap: 20px;}
.pic-product{position: relative;}
.pic-product .discount{position: absolute;top: 15px;right: 15px;background: var(--red);color: #fff;border-radius: 8px;padding: 10px 16px;font-size: clamp(14px,4vw,16px);font-weight: 600;}
.name-product{font-size: clamp(16px,4vw,18px);font-weight: 700;transition: all 0.3s ease-in-out;margin: 0;height: 43.2px;}
.name-product:hover{color: var(--l-blue);}
.price-new{font-size: clamp(16px,4vw,18px);font-weight: 600;color: var(--red);}
.price-old{font-size: clamp(12px,4vw,14px);font-weight: 600;color: #585858;text-decoration: line-through;}
.price-per{font-size: clamp(12px,4vw,14px);font-weight: 600;color: var(--red);padding: 4px;background: #FFE2E2;border-radius: 4px;}
.product_contact{padding: 16px 10px;color: #fff;font-size: clamp(13px,4vw,15px);font-weight: 700;position: relative;background: var(--d-blue);border-radius: 8px;transition: all 0.2s ease-in-out;display: block;}
.product_buy.product_contact{background: var(--red);color: #fff;cursor: pointer;}
.ajax_hot_product .product_contact i{position: absolute;padding: 6px 8px;color: var(--d-blue);background: #fff;border-radius: 20px;right: 16px;top: 50%;left: unset; transform: translateY(-50%);}
.product_contact i{position: absolute;padding: 6px 8px;color: var(--d-blue);background: #fff;border-radius: 20px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product_contact:hover{background: var(--l-blue);}
.pagination-ajax{display: flex;align-items: center;justify-content: center;margin-top: 24px;gap: 5px;}
.pagination-ajax a{padding: 6px 12px;border: 1px solid #ADADAD;border-radius: 8px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background: var(--d-blue);color: #fff;border-color: var(--d-blue);}

.box-product{display: flex;flex-flow: column;justify-content: space-between;}
.box-product .product_btn{margin-top: 16px;position: relative;}
.box-product .product_btn{margin-top: 16px;position: relative;width: 100%;}
.product_btn .contact_outer, .product_btn .buy_outer{max-width: 50%;width: 100%;}
.grid_hot_proCat .contact_outer .product_contact, .buy_outer .product_buy{display: block;width: 100%;}
.grid_hot_proCat .contact_outer .product_contact p,.grid_hot_proCat .buy_outer .product_buy p{visibility: hidden;}

.grid_hot_proCat .contact_outer:hover{position: absolute;top: 0;left: 0;max-width: 100% !important;z-index: 5;}
.grid_hot_proCat .contact_outer:hover p{visibility: visible;}

.grid_hot_proCat .buy_outer:hover{position: absolute;top: 0;left: 0;max-width: 100% !important;z-index: 5;}
.grid_hot_proCat .buy_outer:hover .product_buy,.grid_hot_proCat .contact_outer:hover .product_contact{display: flex;justify-content: center;gap: 16px;height: 55px;}
.grid_hot_proCat .buy_outer:hover .product_buy i,.grid_hot_proCat .contact_outer:hover .product_contact i{position: unset;transform: unset;}
.grid_hot_proCat .buy_outer:hover p{visibility: visible;}
/* .product_contact:not(.product_buy):hover{position: absolute;top: 0;left: 0;max-width: 100%;width: 100%;flex: 1;} */
/* .grid_hot_proCat .box-product .product_btn .product_contact{max-width: 100%;flex: 1;} */

/* featured_procat */
.featured_procat .title_index i{color: var(--l-blue);}
.featured_procat .title_index .name{position: relative;}
.featured_procat .title_index .name::before{content:'';position: absolute;width: 80%;height: 1px;background: var(--d-blue);display: inline-block;bottom: -8px;}
.featured_procat .title_index .name::after{content:'';position: absolute;width: 60%;height: 2px;background: var(--d-blue);display: inline-block;bottom: -16px;}
.see_more{font-size: clamp(16px,4vw,15px);color: #000;padding: 16px 40px;border-radius: 30px;text-transform: none;overflow: hidden;position: relative;transition: all 0.3s ease-in-out;}
.see_more span{width: 110px;height: 112px;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);transform: rotate(15deg);position: absolute;z-index: 0;}
.see_more .decor{background: linear-gradient(180deg, rgba(2,152,210,1) 0%, rgba(29,63,137,1) 100%);left: -50px;bottom: -50px;}
.see_more .decor1{background: var(--l-blue);top: -96px;right: -30px;}
.see_more .decor2{background: var(--d-blue);top: -50%;}
.see_more:hover{color: #fff;background: var(--d-blue);}
.see_more:hover span{filter: brightness(150%);}
.featured_procat .products_wrapper{margin-top: 40px;}
.products_wrapper .left a img{position: sticky;top: 60px;border-radius: 16px;}
.products_wrapper .right{max-width: calc(calc(100% / 3) * 2);width: 100%;}

/* news_vids */
.news_wrapper{max-height: 605px;overflow-y: scroll;}
.news_wrapper .content .name{font-weight: 700;}
.news_wrapper .content .day_posted{font-weight: 700;color: #747272;}
.see_more1{color: var(--d-blue);font-weight: 500;}
.section_video .see_more{width: fit-content;margin: 0 auto;}

/* why_choose_us */
.why_item{padding: 19px 61px;background: url('../images/web/why_bg.png');max-width: 288px;height: 96px;background-size: cover;margin: 0 auto;}
.why_item .name{font-size: 20px;font-weight: 600;}

/* footer */
.footer,.copyright{background: var(--d-blue);position: relative;overflow: hidden;}
.footer > div{position: relative;z-index: 2;}
.footer .group_footer{justify-content: space-between;}
.footer::after{content: '';width: 400px;height: 543px;background: url('../images/web/footer_bg_decor.png');position: absolute;right: 0;top: 89px;z-index: 0;background-repeat: no-repeat;}
.footer_title{color: #fff;font-size: clamp(16px,4vw,20px);font-weight: 700;}
.footer_title.social{text-transform: uppercase;}
.footer_info{max-width: 392px;}
.footer_policy{max-width: 200px;}
.footer_policy li a{color: #fff;transition: all 0.3s ease-in-out;}
.footer_policy li a:hover{color: var(--d-blue);background: #fff;border-radius: 7px;padding: 5px 10px;}
.footer .social_mw{width:360px}
.footer .social_mw iframe{width:100%;max-height:220px}
.footer_contact_form{width: 540px;}
.footer_contact_form .newsletter-input{position: relative;}
.footer_contact_form input{padding: 10px;}
.footer_contact_form input::placeholder{font-weight:500;color: #BFBFBF;}
.footer_contact_form .submit_btn{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);padding: 4px 12px;font-size: 12px;outline: none;border: 1px solid var(--d-blue);background: var(--d-blue);color: #fff;border-radius: 7px;transition: all 0.3s ease-in-out;}
.footer_contact_form .submit_btn:hover{background: #fff;color: var(--d-blue);}

.copyright .wrapper{max-width: 1150px;padding: 15px;color: #fff;margin: 0 auto;}

.scrollToTop{position: fixed;bottom: 15px;left: 15px;z-index: 9;}


/* inpage */
.breadcrumb{background: transparent;margin: 0;}
.breadcrumb-item.active{color: var(--l-blue);}
.share{margin-top: 20px;}
.pagination-home{margin-top: 15px;}

/* static page */
.title-main{display: flex;align-items: center;justify-content: center;margin-bottom: 20px;text-transform: uppercase;gap: 10px;}
.title-main i{color: var(--l-blue);}
.title-main span{color: var(--d-blue);font-size: clamp(24px,4vw,30px);font-weight: 700;}

/* product page */
.list_pro_cat{margin-bottom: 16px;}
.list_pro_cat .pro_cat_title{padding: 5px 10px;border-radius: 8px;border: 1px solid var(--d-blue);color: var(--d-blue);transition: all .3s ease-in-out;font-weight: 500;}
.list_pro_cat .pro_cat_title:hover{background: var(--d-blue);color:#fff;}


.grid-page-product{display: grid;grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));gap: 20px;}
.pro-detail-page,.frame-news-page{width:calc(100%);margin-right:30px;float:left}
.tabs-pro-detail{width:100%}
.grid-pro-detail{margin-bottom:50px;display:flex;justify-content:space-between;flex-wrap:wrap}
.left-pro-detail{position:relative;width:50%;text-align:center;padding-right:20px;background:white}
.left-pro-detail .MagicZoom{border-radius:5px;box-shadow:1px 1px 15px #d2d2d2;overflow:hidden}
.right-pro-detail{width:50%}
.gallery-thumb-pro{position:relative;margin-top:20px}
.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0;width:30px;height:30px;text-align:center;line-height:30px;z-index:2;background-color:#ffffffa8;color:#000;cursor:pointer;border-radius:5px;box-shadow:1px 1px 3px grey}
.control-carousel:hover{background-color:#fff;opacity:1}
.prev-carousel{left:0}
.next-carousel{right:0}
.thumb-pro-detail{display:block!important;cursor:pointer;border:1px solid #dcdcdc;overflow:hidden}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border:1px solid var(--color-title);overflow:hidden}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0!important;padding-bottom:0!important}
.title-pro-detail{text-transform:capitalize;font-size:24px;display:block;font-weight:700}
.social-plugin-pro-detail{margin-top:0!important}
.desc-pro-detail{margin-bottom:1rem}
.attr-pro-detail{list-style:none;padding:0}
.attr-pro-detail li{border-bottom:1px dotted #dddddd;padding:5px 0}
.attr-pro-detail li label{font-weight:bold}
.pro-select-quantity{display:flex;align-items:center}
.attr-label-pro-detail{margin:0 5px 0 0}
.attr-label-pro-detail.d-block{display:block;margin:0}
.attr-content-pro-detail{display:inline-block;margin-bottom:0}
.price-new-pro-detail{font-weight:700;font-size:20px;color:var(--color-red)}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px}
.color-pro-detail{display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0 0 3px 0;border:1px solid transparent}
.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d}
.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0;top:0;left:0}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:flex-start;text-align:center;padding-left:10px}
.quantity-pro-detail span,.counter-procart{line-height:30px;padding:0;width:30px;user-select:none;height:30px;color:#ffffff;cursor:pointer;font-size:22px;border:1px solid #cccccc;background-color:grey}
.quantity-pro-detail span.quantity-plus-pro-detail{user-select:none;font-weight:bold}
.quantity-pro-detail span.quantity-minus-pro-detail{user-select:none;font-weight:bold}
.quantity-pro-detail input,.quantity-counter-procart .quantity-procat{height:30px;border:none;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;background-color:#dfdfdf}
.cart-pro-detail{display:flex;align-items:stretch;justify-content:flex-start}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:10px 25px;text-transform:uppercase;border-radius:3px;cursor:pointer;box-shadow:1px 1px 15px #dddddd}
.cart-pro-detail a.addnow{margin-right:10px;transition:all .4s ease;background:#fff;border:1px solid #00b432;color:#006b30}
.cart-pro-detail a.addnow:hover{color:#fff;transform:scale(.95);transition:all .4s ease;background:-webkit-linear-gradient(top,#00b432,#006b30);box-shadow:1px 1px 10px #00000021}
/* .addcart{font-size:16px;font-family:var(--font-title)} */
.cart-pro-detail a.buynow{background:#fff;border:1px solid #950000;color:#cb0000}
.cart-pro-detail a.buynow:hover{color:#fff;transform:scale(.95);transition:all .4s ease;background:-webkit-linear-gradient(top,#cb0000,#8b0000);box-shadow:1px 1px 10px #00000021;border-color:#cb0000}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px}
.tags-pro-detail{margin:1rem 0 2rem 0;display:flex;justify-content:flex-start;flex-wrap:wrap}
.tags-pro-detail a{font-size:12px;color:#fff;padding:5px 10px 7px 10px;margin-right:5px;margin-bottom:5px;background-color:var(--color-red);border-radius:3px}
.tags-pro-detail a:hover{background-color:var(--color-medium-red)}
.tags-pro-detail a i{font-size:10px;margin:5px 5px 0 0}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7;display:flex;justify-content:flex-start;width:100%;margin-top:15px}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0}
.tabs-pro-detail .content-tabs-pro-detail{display:none;width:100%}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block}

/* toc content */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:8px}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600}
.box-readmore ul li a:hover{color:#767676}


/* news page */
.grid-news{display: grid;grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));gap: 20px;}
.name-news{font-size: clamp(18px,4vw,20px);color: var(--d-blue);font-weight: 700;transition: all 0.3s ease-in-out;}
.name-news:hover{color: var(--l-blue);}

/* contact page */
.bottom-contact iframe{width: 100%;}

/* group_float_btn */
.group_float_btn{position: fixed;right: 20px;bottom: 100px;z-index: 10;}
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,.1);box-shadow:rgba(0,0,0,.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:70px;right:7px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}