@import url(vendor/bootstrap.min.css);
@import url(vendor/owl.carousel.min.css);
@import url(vendor/ticker-style.css);
@import url(vendor/slicknav.css);
@import url(vendor/animate.min.css);
@import url(vendor/magnific-popup.css);
@import url(vendor/slick.css);
@import url(vendor/nice-select.css);
@import url(vendor/perfect-scrollbar.css);
@import url(../tool/iconfont/iconfont.css);

/* GENERAL */
body{font-weight:normal;font-style:normal;background:#f7f8f9;}
h1,
h2,
h3,
h4,
h5,
h6,
a.read-more,
.entry-meta,
.readmore-btn,
.widget-taber a.nav-link{margin-top:0px;font-style:normal;font-weight:600;text-transform:normal}
.entry-meta.font-x-small{font-weight:500;}
p{font-size:16px;margin-bottom:15px;font-weight:normal}
video{max-width:100%;}
.img{max-width:100%;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
.fix{overflow:hidden}
.clear{clear:both}
a,
.button{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
a:focus,
.button:focus{text-decoration:none;outline:none}
a{color:#000;}
a:hover{color:#f2546a;}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover{text-decoration:none}
.transition-02s,
.transition-02s:hover{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus{outline:0}
input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:inherit}
ul{margin:0px;padding:0px}
li{list-style:none}
hr{border-bottom:1px solid #eceff8;border-top:0 none;margin:30px 0;padding:0}
img{max-width:100%;}
ul{padding:0;margin:0;}
.font-size-1rem{font-size:1rem;}
.readmore-btn:hover i{padding-left:6px;}
.boxed-btn{background:#fff;display:inline-block;padding:18px 44px;font-size:14px;font-weight:400;border:0;border:1px solid;letter-spacing:3px;text-align:center;text-transform:uppercase;cursor:pointer}
.boxed-btn:hover{color:#fff!important;border:1px solid}
.boxed-btn:focus{outline:none}
.boxed-btn.large-width{width:220px}
[data-overlay]{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center}
[data-overlay]::before{position:absolute;left:0;top:0;right:0;bottom:0;content:""}
[data-opacity="1"]::before{opacity:0.1}
[data-opacity="2"]::before{opacity:0.2}
[data-opacity="3"]::before{opacity:0.3}
[data-opacity="4"]::before{opacity:0.4}
[data-opacity="5"]::before{opacity:0.5}
[data-opacity="6"]::before{opacity:0.6}
[data-opacity="7"]::before{opacity:0.7}
[data-opacity="8"]::before{opacity:0.8}
[data-opacity="9"]::before{opacity:0.9}
::placeholder{color:#838383}
.section-padding{padding-top:120px;padding-bottom:120px}
.font-x-small{font-size:11px!important;}
.font-small{font-size:13px!important; line-height: 22px; font-weight:500;}
.font-medium{font-size:15px!important; line-height: 28px; }
.font-large{font-size:20px!important;}
.font-large-large{font-size:30px!important;line-height:30px;}
.separator{border-top:1px solid #f2f2f2}
.owl-carousel .owl-nav div{background:rgba(255,255,255,0.8) none repeat scroll 0 0;height:40px;left:20px;line-height:40px;font-size:22px;color:#646464;opacity:1;visibility:visible;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all 0.2s ease 0s;width:40px}
.owl-carousel .owl-nav div.owl-next{left:auto;right:-30px}
.owl-carousel .owl-nav div.owl-next i{position:relative;right:0;top:1px}
.owl-carousel .owl-nav div.owl-prev i{position:relative;right:1px;top:0px}
.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}
.owl-carousel:hover .owl-nav div:hover{color:#fff;background:#ff3500}
.btn{background:#ff656a;text-transform:uppercase;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:1px;line-height:0;margin-bottom:0;padding:27px 44px;border-radius:5px;min-width:200px;margin:10px;cursor:pointer;transition:color 0.4s linear;position:relative;z-index:1;border:0;overflow:hidden;margin:0}
.btn::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#e6373d;z-index:1;transition:transform 0.5s;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);transform:scaleX(0)}
.btn:hover::before{transform:scaleX(1);color:#fff!important;z-index:-1}
.btn.focus,
.btn:focus{outline:0;box-shadow:none}
#scrollUp{height:50px;width:22px;right:20px;bottom:20px;color:#fff;font-size:10px;text-align:center;border-radius:15px;padding-top:5px;}
#scrollUp:hover{color:#fff}
.sticky-bar{left:0;margin:auto;position:fixed;top:0;width:100%;-webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);z-index:9999;-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;animation:300ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);background:#fff;}
.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}
.preloader img.jump{max-height:100px;}
.align-center-vertical{margin-top:auto;margin-bottom:auto;}
.text-limit-2-row{overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical;}
.text-limit-3-row{overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;}
.img-hover-scale{overflow:hidden;position:relative;}
.img-hover-scale img{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.img-hover-scale:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.img-hover-slide{background-repeat:no-repeat;background-size:cover;background-position:center center;max-height:300px;overflow:hidden;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.img-hover-slide-new{background-repeat:no-repeat;background-size:cover;background-position:center center;height:300px;overflow:hidden;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.entry-header-3 .img-hover-slide{min-height:340px;}
.post-thumb:hover .img-hover-slide,
.single-header-2:hover .img-hover-slide{background-position:30%;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.img-link{display:block;width:100%;height:100%;position:absolute;z-index:1;}
.thumb-overlay{position:relative;}
.thumb-overlay::before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.8)));background:-webkit-linear-gradient(top,transparent 50%,rgba(0,0,0,.8) 100%);background:-o-linear-gradient(top,transparent 50%,rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8) 100%);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease}
.thumb-overlay:hover::before{background-color:rgba(0,0,0,.2)}
.transition-ease-04{-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.top-right-icon{position:absolute;bottom:15px;right:15px;border-radius:5px;width:30px;height:30px;text-align:center;line-height:30px;z-index:3;color:#fff;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.top-right-icon i{top:2px;}
.img-hover-scale:hover .top-right-icon,
.img-hover-slide:hover .top-right-icon{margin-top:-3px;-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0px 5px 11px 0px rgba(0,0,0,0.18),0px 4px 15px 0px rgba(0,0,0,0.15);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.hover-box-shadow{-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.hover-box-shadow:hover{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0px 5px 11px 0px rgba(0,0,0,0.18),0px 4px 15px 0px rgba(0,0,0,0.15);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.letter-background{line-height:1.2;color:rgba(0,0,0,.07);z-index:1;position:absolute;top:50%;left:-15px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-moz-user-select:none;user-select:none;pointer-events:none;text-transform:uppercase;font-size:4rem;font-weight:900;}
.font-weight-ultra{font-weight:900;}
.scroll-progress{height:3px;width:0px;z-index:9999999;position:absolute;bottom:-3px;}

/*cursor*/
#off-canvas-toggle,
.user-account,
.subscribe,
.search-clos,
button.slick-arrow,
.off-canvas-close,
.search-button,
.slick-dots button,
.slider-post-thumb,
button.search-icon{cursor:pointer;}

/*Gradient*/
.gradient-bg-1{background:rgb(226,70,92);background:-webkit-linear-gradient(left,rgba(226,70,92,1) 0%,rgba(254,65,65,1) 50%,rgba(255,185,87,1) 100%);background:-o-linear-gradient(left,rgba(226,70,92,1) 0%,rgba(254,65,65,1) 50%,rgba(255,185,87,1) 100%);background:linear-gradient(to right,rgba(226,70,92,1) 0%,rgba(254,65,65,1) 50%,rgba(255,185,87,1) 100%);}

/*Header*/
h1.logo-text{font-size:20px;font-weight:600;margin-left:5px;margin-bottom:0;line-height:1;margin-top:7px;}
#off-canvas-toggle span,
#off-canvas-toggle span::before,
#off-canvas-toggle span::after{background:#353c49;display:inherit;height:2px;position:relative;width:15px;}
#off-canvas-toggle span::before,
#off-canvas-toggle span::after{content:"";left:0;position:absolute;right:0;}
#off-canvas-toggle span::before{top:-8px;width:15px;}
#off-canvas-toggle span::after{top:-4px;width:15px;}
#off-canvas-toggle p{display:inline;font-size:12px;margin:0 0 0 5px;}
.off-canvas-close{background:none;border:0;width:30px;height:30px;position:absolute;right:10px;top:10px;}
#datetime{min-width:160px;margin-bottom:-8px;margin-left:15px;}
.vline-space{height:15px;width:1px;background:#cbd3d7;margin:0 10px -2px 10px;}
button.search-icon{background:none;padding:0;border:0;font-size:16px;width:30px;}
.top-bar ul.header-social-network li a{padding:0px;font-size:12px;}
button.subscribe{border:1px solid;background:none;margin:0 0 0 15px;border-radius:30px;padding:5px 15px;font-weight:bold;}
.user-account .ti-user{margin-right:2px;}
.dropdown-menu{border-radius:5px;}
#userMenuDropdow.dropdown-menu,
#langMenuDropdow.dropdown-menu{background:#ffff;border:0;padding:5px 15px;margin-top:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);}
#langMenuDropdow.dropdown-menu{min-width:110px;}
#userMenuDropdow.dropdown-menu a,
#langMenuDropdow.dropdown-menu a{font-size:12px;padding:7px 0;}
#userMenuDropdow.dropdown-menu a i,
#langMenuDropdow.dropdown-menu a i{margin-right:8px;color:#b0b8cc;}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}
form.menu-search-form input{width:100%;}

/*Offcanvas Sidebar*/
.off-canvas-toggle-cover{position:absolute;z-index:300;}
#sidebar-wrapper{background:#fff;height:100%;left:0;overflow-y:auto;overflow-x:hidden;position:fixed;width:0;z-index:1009;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;top:0;box-shadow:0 0px 15px rgba(0,0,0,0.15);}
.position-midded{position:absolute;width:100%;top:50%;transform:translateY(-50%) translateX(-50%);left:50%;}
#sidebar-wrapper.position-right{right:0;left:unset;}
.canvas-opened #sidebar-wrapper{width:350px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.canvas-opened #off-canvas-toggle span{background:none;}
.canvas-opened #off-canvas-toggle span::after{top:-4px;width:15px;transform:rotate(-45deg);}
.canvas-opened #off-canvas-toggle span::before{top:-4px;width:15px;transform:rotate(45deg);}
.sidebar-inner{padding:30px;display:table;height:100%;}
.dark-mark{opacity:0;visibility:hidden;position:fixed;top:0;left:0;z-index:1003;width:100%;height:100%;background-color:rgba(0,0,0,0.55);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transition:visibility 0s linear .3s,opacity .3s ease,-webkit-transform .3s ease;  /* transition: visibility 0s linear .3s,opacity .3s ease,-webkit-transform .3s ease; */	/* transition: visibility 0s linear .3s,transform .3s ease,opacity .3s ease; */
transition:visibility 0s linear .3s,transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;}
.canvas-opened .dark-mark{opacity:1;visibility:visible;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;}

/*Search form*/
.main-search-form{height:0;opacity:0;visibility:hidden;}
.open-search-form .main-search-form{height:100%;opacity:1;visibility:visible;}
.main-search-form .search-form label{width:100%;}
.main-search-form .search-form input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent;border:none;border-radius:999px;display:inline-block;font-size:11px;font-weight:600;margin:0;padding:9px 0 9px 50px;text-align:left;width:100%;background:#fff;border:1px solid #dfe0e6;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);}
.main-search-form .search-form-icon{position:absolute;top:50%;transform:translateY(-50%);left:23px;margin-top:-3px;opacity:0.6;}
.main-search-form .search-switch{position:absolute;right:30px;top:50%;transform:translateY(-50%);margin-top:-3px;line-height:1;border-left:1px solid #dfe0e6;padding-left:15px;font-size:14px;}

/*Main header*/
.main-header .main-nav ul li a{position:relative;color:#4d4d4d;font-weight:700;padding:0;display:block;font-size:14px;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;line-height:1.5;line-height:60px;}
.main-header .main-nav ul li > a::after{content:"";width:0;height:2px;position:absolute;left:50%;top:-1px;opacity:0.5;transform:translateX(-50%);}
.main-header .main-nav ul li.mega-menu-item a::after,
.main-header .main-nav ul li ul a::after{content:none;}
.main-header .main-nav ul li.current-menu-item > a::after,
.main-header .main-nav ul li:hover a::after{width:100%;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
.main-header .main-nav ul li.menu-item-has-children > a{padding-right:15px;}
.main-header .main-nav ul li.menu-item-has-children > a::before{content:"\e64b";font-size:8px;display:inline-block;padding-left:5px;position:absolute;right:0;}
.main-header .main-nav ul ul.sub-menu{text-align:left;position:absolute;min-width:170px;background:#fff;left:0;top:120%;visibility:hidden;opacity:0;padding:17px 0;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
.main-header .main-nav ul ul.sub-menu{display:block;padding-left:15px;border-radius:0 0 5px 5px;}
.main-header .main-nav ul ul.sub-menu > li > a{font-weight:500;line-height:35px;}
.main-header .main-nav ul ul.sub-menu>li>a:hover{background:none}
.header-area .header-top .header-info-right .header-social a i{-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg)}
.header-area .header-top .header-info-right .header-social a:hover i{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.main-header ul>li:hover>ul.sub-menu{visibility:visible;opacity:1;top:100%}
.main-header .main-nav ul li h6 a{font-size:1rem;font-weight:600;line-height:1.2;}
ul.slicknav_nav{-webkit-column-count:4;-moz-column-count:4;column-count:4;}
.logo-mobile{max-width:160px;z-index:500;position:relative;}

/* Mega menu */
.main-menu{list-style-type:none;margin:0;height:100%;align-items:center;}
.main-menu > li{height:100%;position:relative;display:inline-block;padding:0 18px;}
.main-menu > li.mega-menu-item{position:static;}
.sub-mega-menu{flex-wrap:wrap;position:absolute;top:100%;left:0;background-color:#fff;width:100%;display:none;box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-moz-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-webkit-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-o-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-ms-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);border-top:1px solid #f4f5f9;border-radius:0 0 5px 5px;}
.main-menu > li:hover > .sub-mega-menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.sub-mega-menu .nav{width:180px;padding:30px 0 0 30px;}
.sub-mega-menu .tab-content{width:calc(100% - 180px);}
.sub-mega-menu .nav-pills .nav-link{font-size:12px;line-height:1.8;color:#222;border-radius:30px;padding:5px 20px;text-align:left;border-radius:50px;}
.sub-mega-menu .nav-pills .nav-link.active,
.sub-mega-menu .show>.nav-pills .nav-link{color:#fff;background-color:#7f8991;}
.sub-mega-menu .tab-content .tab-pane{padding:25px 50px 35px 30px;}
.main-header .main-nav ul li .sub-mega-menu.sub-menu-list{padding:15px;line-height:35px;}
.main-header .main-nav ul li .sub-mega-menu.sub-menu-list a{line-height:35px;font-weight:500;}
.main-header .main-nav ul li.mega-menu-item .tab-content a{padding:0;text-transform:none;}
.header-sticky.sticky-bar.sticky .header-flex{justify-content:space-between}
.header-sticky.sticky-bar.sticky .header-btn .get-btn{padding:20px 20px}
.header-area .slicknav_btn{top:-51px;right:17px}
.slicknav_menu .slicknav_nav a:hover{background:transparent;}
.slicknav_menu{background:transparent;}
.mobile_menu{position:fixed;right:0px;width:100%;z-index:99;}
.header-sticky.sticky-bar.sticky .header-right-btn{display:none!important}
.header-sticky.sticky-bar.sticky .sticky-logo{display:block!important}
.sticky-logo{display:none!important}
.sticky-logo.info-open{padding:12px}

/*Header layouts*/
.main-header{position:relative;z-index:1002;}
.main-header #userMenuDropdow.dropdown-menu,
.main-header #userMenuDropdow.dropdown-menu{margin-top:15px;}
.header-style-1{background:#ffffff;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05)}
.header-style-1 .header-bottom,
.header-style-2 .header-bottom,
.header-style-2.header-style-3 .header-bottom{border-top:1px solid #f4f5f9;height:60px;line-height:60px;}
.header-style-1 .search-button,
.header-style-2 .search-button{position:absolute;right:15px;top:0;line-height:70px;z-index:300;}
.header-style-1 .top-bar,
.header-style-2 .topbar-inner{border-bottom:1px solid #f4f5f9;}
.header-style-2 .off-canvas-toggle-cover{right:15px;left:unset;}
.header-style-2.header-style-3 .topbar-inner{border:0;}
.open-search-form .header-style-2 .off-canvas-toggle-cover{right:80px;}
.header-style-2 .header-bottom{border:none;}
.header-style-2 ion-icon{font-size:17px;margin-bottom:-2px;}
.header-style-2  input.search_field, .offcanvas-sidebar  input.search_field{border:1px solid #eee;height:30px;border-radius:30px;background:#f7f8f9;font-size:12px;width:220px;position:relative;padding:0 40px 0 20px;}
.header-style-2 .search-form .search-icon, .offcanvas-sidebar .search-form .search-icon{position:absolute;right:10px;font-size:13px;top:3px;opacity:0.5;}
.offcanvas-sidebar  input.search_field {width: 100%; height: 40px;line-height: 40px;}
.offcanvas-sidebar .search-form .search-icon {top: 10px; font-size: 16px;}
.tools-icon{text-align:right;}
.tools-icon a{padding:0 7px;position:relative;}
span.notification{position:absolute;color:#fff;font-size:10px;font-weight:500;top:-10px;right:0;border-radius:50%;display:block;width:14px;height:14px;text-align:center;line-height:14px;}


#mui-player {
	width: 100%;
	height: 540px!important;
}
.lds {
	width: 100%;
	display: table;
}
.lds .d-flex {
	height: 90px;
}
.lds .lxkf {
	width: 100%;
}
.lds .lxkf p {
	width: 100%;
	display: block;
	font-size: 13px;
	padding: 0px;
	margin-bottom: 0px;
	color: #666;
}
.lds .lxkf b {
	width: 100%;
	display: block;
	font-size: 22px;
	line-height: 22px;
	color: #000;
	margin-bottom: 15px;
}
.a_icon {
	width: 50px;
	height: 50px;
	margin-right: 15px;
	display: block;
}
.a_icon:nth-last-child(1) {
	margin-right: 0px !important;
}
.a_icon i.coolc {
	width: 50px;
	height: 50px;
	display: block;
	background: #eee;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	transition: all .2s ease-out 0s;
}
.a_icon span {
	width: 100%;
	display: table;
	padding: 4px 0;
	text-align: center;
	font-size: 12px;
	color: #666;
	transition: all .2s ease-out 0s;
}
.a_icon:hover i.coolc {
	background: #e6373d;
	color: #fff;
}
.a_icon:hover span {
	color: #e6373d;
}

.cat_list {
	width: 100%;
	display: flex;
	padding-bottom: 15px;
}
.cat_list:nth-last-child(1) {
	padding-bottom: 0px!important;
}
.cat_list .catname {
	width: 110px;
	font-size: 14px;
	line-height: 14px;
	padding: 7px 0px;
	text-align: right;
}
.cat_list ul {
	width: calc(100% - 110px);
	display: flex;
	flex-wrap: wrap;
}
.cat_list ul li {
	padding-bottom: 10px;
	padding-right: 10px;
}
.cat_list ul li a {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding: 7px 13px;
	color: #666;
	border: 1px solid #eee;
	border-radius: 20px;
}
.cat_list ul li a:hover {
	border: 1px solid #eee;
}
.cat_list ul li.on a {
	background: var(--danger);
	color: var(--white);
	border: 1px solid var(--danger);
}
.cat_list.citys ul li.on a {
	background: #007aea;
	color: var(--white);
	border: 1px solid #007aea;
}

.cat_list_on {
	width: 100%;
	display: flex;
	padding-bottom: 15px;
}
.cat_list_on:nth-last-child(1) {
	padding-bottom: 0px!important;
}
.cat_list_on .catname {
	width: 110px;
	font-size: 14px;
	line-height: 14px;
	padding: 7px 0px;
	text-align: right;
}
.cat_list_on ul {
	width: calc(100% - 110px);
	display: flex;
	flex-wrap: wrap;
}
.cat_list_on ul li {
	padding-bottom: 10px;
	padding-right: 10px;
}
.cat_list_on ul li a {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding: 7px 13px;
	color: var(--danger);
	border: 1px dotted var(--danger);
	border-radius: 3px;
}
.cat_list_on ul li a .coolc {
	font-size: 13px;
	margin-left: 5px;
}
.cat_list_on ul li a:hover {
	border: 1px solid var(--danger);
	background: var(--danger);
	color: var(--white);
}
.cat_list_on ul li.on a {
	background: var(--danger);
	color: var(--white);
	border: 1px solid var(--danger);
}

.goodsCs {
	width: 100%;
}
.goodsCs ul {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.goodsCs ul li {
	width: 50%;
	font-size: 14px;
	padding: 4px 0;
}

/*Page layouts*/
.content-404{margin:0 auto;}
.content-404 h1{font-size:8rem;}
.content-404 input#search{max-width:450px;margin:0 auto;border-radius:40px;padding-left:25px;}
.footer-area .footer-logo{margin-bottom:40px}
.footer-area .footer-pera p{color:#a8a8a8;font-size:15px;margin-bottom:50px;line-height:1.8}
.footer-area .footer-pera.footer-pera2 p{padding:0}
.footer-area .footer-tittle h4{color:#fff;font-size:20px;margin-bottom:29px;font-weight:500;text-transform:capitalize}
.footer-area{color:#9babb6}
.footer-area li.cat-item{ width: 100%; padding:5px 0;}
.footer-area .footer-tittle ul li{color:#012f5f;margin-bottom:15px}
.footer-area .footer-tittle ul li a{color:#333333;font-weight:300}
.footer-area .footer-tittle ul li a:hover{padding-left:5px}
.footer-area .footer-form form{position:relative}
.footer-area .footer-form form input{width:100%;height:43px;border:0;border-bottom:1px solid #403f3f;background:none}
.footer-area .footer-form form .form-icon button{position:absolute;top:0;right:-20px;background:none;border:0;cursor:pointer;padding:13px 22px;line-height:1}
.footer-area .footer-social a i{color:#222222;margin-right:12px;font-size:19px;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.footer-area .footer-social a i:hover{box-shadow:0 -3px 0 0 rgba(24,24,24,0.15) inset,0 3px 10px rgba(0,0,0,0.3);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
.footer-area .insta-feed{padding-top:5px;margin:-2px;display:flex;flex-wrap:wrap}
.footer-area .insta-feed li{width:29.33%;margin:5px}
.footer-area .insta-feed li img{width:100%}
.footer-bottom-area .footer-border{border-top:1px solid #e6e6e6;}
.footer-area a{font-size:14px;}
.footer-bottom-area .list-inline-item:not(:last-child){margin-right:30px;}
.footer-bottom-area .footer-copy-right p{ font-weight:300; margin:0; font-size:13px; color: #666; }
.footer-bottom-area .footer-copy-right a{ font-size: 13px; padding-left: 10px; }
.footer-bottom-area .footer-copy-right a:hover { color: #007aff; }
.footer-menu ul li{display:inline-block;margin-left:36px}
.footer-menu ul li:first-child{margin-left:0px}

/*Pagination*/
.pagination {
    display: inline-block;
    padding-left: 0;
    border-radius: 4px
}

.pagination>li {
    display: inline;
}
.pagination>li:nth-child(1)>a,.pagination>li:nth-child(1)>span,
.pagination>li:nth-last-child(1)>a,.pagination>li:nth-last-child(1)>span {
	padding: 6px 10px!important;
}
.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 16px;
    line-height: 1.42857143;
    color: #777;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
	margin-right: 10px;
	border-radius: 50px;
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: var(--danger);
    border-color: var(--danger)
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

/*Breadcrumb*/
.breadcrumb{display:inline-block;padding:0;text-transform:capitalize;color:#6e6e6e;font-size:0.875rem;background:none;margin:0;border-radius:0;}
.breadcrumb span{position:relative;text-align:center;padding:0 10px;}
.breadcrumb span::before{font-family:"coolc"!important;content:"\e606";display:inline-block;color:#101d35;font-size:9px;}
.breadcrumb span.no-arrow::before{content:none;}

/*LOOP*/
.loop-list-style-1 .post-thumb{border-radius:10px;border:1px solid #eee;}
.loop-list-style-1 .post-thumb img{width:150px;height:150px;}
.loop-list-style-1 .post-thumb.post-thumb-big img{width:210px;height:210px;}
.loop-list-style-1 .post-thumb.post-thumb-diy img{width:260px;height:auto!important;}

/*CATEGORY PAGES*/
.archive-header h2{font-size:45px;position:relative;}
.archive-header h2 span.post-count{font-size:13px;font-weight:500;position:absolute;background:#fff;display:inline-block;padding:5px 20px;margin-left:15px;border-radius:30px;border:1px solid #abd7ab;color:#98ca98;}
.archive .loop-list-1 .first-post .img-hover-slide{min-height:400px;}
.animate-conner-box::after{content:" ";width:45px;height:45px;display:block;position:absolute;bottom:-45px;right:-45px;border-left:45px solid #f2546a;border-bottom:45px solid #fff;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.animate-conner:hover .animate-conner-box::after{bottom:0!important;right:0!important}

/*SINGLE POST*/
.entry-header-1 h1{max-width:70%;}
.entry-header-2 h1{max-width:80%;}
.overflow-hidden{overflow:hidden;}
.font-weight-500{font-weight:500;}
.single-sidebar-share{position:absolute;left:-100px;}
.single-social-share a{background:#ffffff;width:40px;height:40px;margin-bottom:10px;line-height:44px;text-align:center;border-radius:50%;font-size:14px;box-shadow:0 2px 5px -2px rgba(0,0,0,0.15),0px 3px 8px -2px rgba(0,0,0,0.15);display:block;font-weight:500; margin: 0px; }
.single-social-share a:hover{background:var(--danger);color: var(--white)!important;}
.single-social-share a .coolc {font-size:19px;line-height:19px;}
.single-thumnail .arrow-cover i{color:#fff;}
.single-excerpt p{line-height:1.5;}
.entry-main-content p{line-height:1.75;}
.entry-main-content h2{line-height:1.25;margin-top:30px;margin-bottom:28px;font-size:24px;}
.entry-main-content p{font-size:15px;}
.entry-main-content figure{margin-bottom:30px;margin-top:30px;}
.entry-bottom .tags a{display:inline-block;font-weight:normal;text-decoration:none;padding:5px 12px;background-color:#fff;border:1px solid #eee;margin-top:2px;margin-bottom:2px;margin-right:5px;border-radius:30px;font-size:14px;}
.entry-bottom .tags a:hover {background-color:var(--danger);border:1px solid var(--danger);color: var(--white)!important;}
.related-posts .img-hover-slide{min-height:200px;}
.single-header-2 .single-thumnail{min-height:540px;position:relative;background-size:cover;background-position:center center;}
.single-header-2 .entry-header-1{padding:100px;}
.single-header-3.single-header-2 .entry-header-1{padding:50px;}

/*Author box*/
.author-bio{text-align:left;display:flex;}
.author-bio .author-image img{border-radius:50%;width:90px;height:90px;}
.author-bio .author-image{flex-grow:0;flex-shrink:0;overflow:hidden;width:90px;height:90px;margin-right:40px;}
.author-bio .author-info{flex-grow:1;}
.author-bio h3{font-size:22px;margin-bottom:10px;}
.author-bio h5{font-size:12px;text-transform:uppercase;margin-bottom:0;font-weight:500;color:var(--color-black);}
.author-bio .author-description{margin-top:15px;margin-bottom:15px;}
.author-bio .author-bio-link{display:inline-block;font-weight:normal;text-decoration:none;text-transform:lowercase;padding:5px 20px;background-color:#fff;border:1px solid #eee;margin-right:20px;border-radius:30px;font-size:14px;}
.author-bio .author-social{display:inline-block;}
.author-bio .author-social-icons{margin:0;padding:0;list-style:none;}
.author-bio .author-social-icons li{display:inline-block;}
.author-bio .author-social-icons li:first-child a{margin-left:0;}
.author-bio .author-social-icons li a{text-align:center;font-size:16px;margin-left:-1px;padding-top:0;display:block;margin-left:20px;}
.author-bio .author-social-icons li a i{font-size:14px;}
.author .author-bio{margin:0;padding:50px;border:0;background:#f4f5f9;border-radius:5px;}

/*comment*/
.comments-area{background:transparent;border-top:1px solid #eee;padding:45px 0;margin-top:50px;}
@media (max-width:414px){
	.comments-area{padding:50px 8px;}
}
.comments-area h4{margin-bottom:35px;color:#2a2a2a;font-size:18px;}
.comments-area h5{font-size:16px;margin-bottom:0px;}
.comments-area a{color:#2a2a2a;}
.comments-area .comment-list{padding-bottom:48px;}
.comments-area .comment-list:last-child{padding-bottom:0px;}
.comments-area .comment-list.left-padding{padding-left:25px;}
.comments-area .thumb{margin-right:20px;}
.comments-area .thumb img{width:70px;border-radius:50%;}
.comments-area .date{font-size:14px;color:#999999;margin-bottom:0;margin-left:20px;}
.comments-area .comment{margin-bottom:10px;color:#777777;font-size:15px;}
.comments-area .btn-reply{background:#fff;color:#9babb6;padding:5px 18px;font-size:12px;display:block;font-weight:400;border:1px solid #eee;border-radius:30px;}
.comment-form{border-top:1px solid #eee;padding-top:45px;margin-top:50px;}
.comment-form .form-group{margin-bottom:30px;}
.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px;color:#2a2a2a;}
.comment-form .name{padding-left:0px;}
@media (max-width:767px){
	.comment-form .name{padding-right:0px;margin-bottom:1rem;}
}
.comment-form .email{padding-right:0px;}
@media (max-width:991px){
	.comment-form .email{padding-left:0px;}
}
.form-control{border:1px solid #eee;border-radius:5px;height:48px;padding-left:18px;font-size:13px;background:transparent;background:#fff;}
.form-control:focus{outline:0;box-shadow:none;}
.form-control::placeholder{font-weight:300;color:#999999;}
.form-control::placeholder{color:#777777;}
.comment-form textarea{padding-top:18px;border-radius:5px;height:100%!important;background:#fff;}
.comment-form::-webkit-input-placeholder{	/* Chrome/Opera/Safari */
font-size:13px;color:#777;}
.comment-form::-moz-placeholder{	/* Firefox 19+ */
font-size:13px;color:#777;}
.comment-form:-ms-input-placeholder{	/* IE 10+ */
font-size:13px;color:#777;}
.comment-form:-moz-placeholder{	/* Firefox 18- */
font-size:13px;color:#777;}
.button-contactForm{background:#f2546a;color:#fff;border-color:#f2546a;padding:12px 25px;}
.button{display:inline-block;border:1px solid transparent;font-size:14px;font-weight:500;padding:12px 54px;border-radius:4px;color:#fff;border:1px solid #f2546a;text-transform:uppercase;background:#f2546a;cursor:pointer;transition:all 300ms linear 0s;}
.button:hover{background:#010f22;border:1px solid #010f22}

/*post-share-social*/
figure .social-share,
.post-thumb .social-share{position:absolute;float:left;overflow:hidden;padding-left:0;bottom:10px;right:0;margin:0;z-index:200;}
.animate-conner .post-thumb .social-share{right:35px;}
figure .social-share li,
.post-thumb .social-share li{width:100%;text-align:center;max-width:0px;opacity:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;float:left;margin-left:5px;}
figure .social-share li:first-child,
.post-thumb .social-share li:first-child{max-width:30px;opacity:1;pointer-events:none;}
figure .social-share li a,
.post-thumb .social-share li a{display:block;width:30px;height:30px;line-height:32px;text-align:center;border-radius:50%;font-size:12px;color:#fff;}
figure .social-share:hover li:nth-child(1),
.post-thumb .social-share:hover li:nth-child(1){opacity:0;max-width:0;}
figure .social-share:hover li,
.post-thumb .social-share:hover li{opacity:1;max-width:30px;}
figure .social-share:hover li:last-child,
.post-thumb .social-share:hover li:last-child{margin-right:15px;}
.social-share{height:0;transition-duration:0.2s;}
.bgcover:hover .social-share,
.post-thumb:hover .social-share{height:30px;transition-duration:0.2s;}
.post-thumb .social-share li a{background:#007aff;}
.post-thumb .social-share li a.fb{background:#3b5999;}
.post-thumb .social-share li a.tw{background:#55acee;}
.post-thumb .social-share li a.pt{background:#bd081c;}

/*WP STYPE*/
.wp-block-separator{border-top:1px solid #f4f5f9;margin-top:20px;margin-bottom:20px;margin-left:auto;margin-right:auto;}
.wp-block-image,
.wp-block-embed,
.wp-block-gallery{margin-bottom:30px;}
.blocks-gallery-grid,
.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;}
.blocks-gallery-grid,
.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;}
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px;}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n){margin-right:0;}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 30px)/6);margin-right:15px;}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(5n){margin-right:0;}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover;}
.wp-block-separator.is-style-dots{border:none;width:auto;}
.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto;}
.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;}
.wp-block-separator.is-style-dots{text-align:center;line-height:1;}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large{padding-left:50px;padding-right:50px;padding-top:50px;padding-bottom:50px;margin-top:40px;margin-bottom:40px;}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large{margin:0 0 16px;padding:30px;background:#f4f5f9;border-radius:5px;}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p{font-size:30px;line-height:1.3;font-style:normal;}
.wp-block-image{margin-bottom:30px;}
.entry-main-content figure.alignleft{margin-right:30px;margin-top:20px;}
.wp-block-image .alignleft{float:left;margin-right:1em;}
.entry-main-content figure.alignright{margin-left:30px;margin-top:20px;}
.wp-block-image .alignright{float:right;margin-left:1em;}
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption{display:table-caption;caption-side:bottom;width:100%;}
.wp-block-image figcaption{color:#6a6a6a;z-index:1;bottom:0;right:0;line-height:1.5;margin-bottom:0;margin-top:15px;text-align:center;font-size:12px;}
.tooltip-inner{font-size:0.7em;}
table{width:100%;margin-bottom:1.5rem;color:#212529;border-collapse:collapse;}
.entry-main-content table td,
.entry-main-content table th,
.comment-content table td,
.comment-content table th{padding:0.5em;border:1px solid #d0d0d0;}
.entry-main-content dd,
.single-comment dd{margin:0 0 1.65em;}
.entry-main-content ul{list-style:disc;}
.entry-main-content ul li,
.comment-content ul li{list-style:disc inside;line-height:2;}
.entry-main-content ul li.blocks-gallery-item {list-style: none;}
.entry-main-content li > ul,
.entry-main-content li > ol,
.comment-content li > ul,
.comment-content li > ol{padding-left:2rem;}
.entry-main-content ol{padding-left:0;}
ol li{list-style:decimal inside;width:100%;line-height:2;}
pre{border:1px solid #eee;font-size:1em;line-height:1.8;margin:15px 0;max-width:100%;overflow:auto;padding:1.75em;white-space:pre;white-space:pre-wrap;word-wrap:break-word;background:#fff;border-radius:15px;}

/*custom amine*/
.loader,
.bar{width:100px;height:20px;}
.bar{position:absolute;display:flex;align-items:center;}
.bar::before,
.bar::after{content:"";position:absolute;display:block;width:10px;height:10px;background:#3fa9f5;opacity:0;border-radius:10px;animation:slideleft 3s ease-in-out infinite;}
.bar1::before{animation-delay:0.00s}
.bar1::after{animation-delay:0.3s}
.bar2::before{animation-delay:0.60s}
.bar2::after{animation-delay:0.90s}
.bar3::before{animation-delay:1.20s}
.bar3::after{animation-delay:1.50s}
@keyframes slideleft{
	10%{opacity:0;transform:scale(0);right:0}
	50%{opacity:1;transform:scale(1)}
	90%{opacity:0;transform:scale(0);right:100%}
}
[data-loader='spinner']{width:35px;height:35px;display:inline-block;-webkit-animation:spinner 1.2s infinite ease-in-out;-o-animation:spinner 1.2s infinite ease-in-out;animation:spinner 1.2s infinite ease-in-out;background:url(../imgs/favicon.svg);box-shadow:0 0 10px #fff;}
@-webkit-keyframes spinner{
	0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}
	50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}
	100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}
}
@-moz-keyframes spinner{
	0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}
	50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}
	100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}
}
@-o-keyframes spinner{
	0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}
	50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}
	100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}
}
@keyframes spinner{
	0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}
	50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}
	100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}
}
@keyframes shadow-pulse{
	0%{box-shadow:0 0 0 0px rgba(239,63,72,0.8);}
	100%{box-shadow:0 0 0 5px rgba(0,0,0,0);}
}
@keyframes shadow-pulse-big{
	0%{box-shadow:0 0 0 0px rgba(239,63,72,0.1);}
	100%{box-shadow:0 0 0 20px rgba(0,0,0,0);}
}
@keyframes jump{
	0%{transform:translate3d(0,50%,0);}
	100%{transform:translate3d(0,0,0);}
}
.jump{transform-origin:0;animation:jump .5s linear alternate infinite;}

.vns { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
.mod18{ width:465px; position:relative; overflow: hidden; }
.mod18 .btns{ width: 30px; height: 50px; background: #f2546a; position:absolute; cursor:pointer; z-index:99; top:204px; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.mod18 .btns i { color: #fff; }
.mod18 .prev{ left:-31px; border-radius: 0 5px 5px 0; }
.mod18 .next{ right:-31px; border-radius: 5px 0 0 5px; }
.mod18:hover .prev { left:1px; }
.mod18:hover .next { right:1px; }
.mod18 .cf li{ width: 465px; position:relative; color:#fff; float:left;}
.mod18 .cf a{ display:block; width:100%; height:465px; position:absolute; color:#fff; }
.mod18 .picBox{ width:100%; height:465px; position:relative; overflow:hidden; border: 1px solid #eee; border-radius: 4px; }
.mod18 .picBox ul{ width:100%; height:465px; position:absolute; left:0;}
.mod18 .picBox li{ height:465px; }
.mod18 .listBox{ width:100%; height: 101px; margin:0 auto; position:relative; padding-top:15px; overflow:hidden; }
.mod18 .listBox ul{ width:100%; height:84px; flex-wrap: nowrap; display: flex; }
.mod18 .listBox ul li{ width:84px; height:84px; cursor:pointer; overflow: hidden; position:relative; opacity: 1; border-radius: 4px; margin-right: 11px; }
.mod18 .listBox ul li i{ display:none; }
.mod18 .listBox ul li a{ width:84px; height:84px; background-color:#000; display:block; }
.mod18 .listBox ul li img{ width:84px; opacity: 0.6; }
.mod18 .listBox ul li:nth-last-child(1) { margin-right: 0px; }
.mod18 .listBox .on { border: 1px solid #eee; }
.mod18 .listBox .on::after { width:82px; height:82px; content: ''; position: absolute; left: 0px; top: 0px; border: 2px solid #f2546a; box-sizing: border-box; }
.mod18 .listBox .on img{ opacity: 1; }
.mod18 .listBox .on i{ display:block; }

.row_new { width: 465px; }

.all_btns_box { width: 100%; display: flex; align-items: center; padding-top: 30px; }
.all_btns_box .btn { min-width: auto; padding: 20px 18px; font-size: 14px; margin-right: 8px; border: 1px solid #ff656a; color: #fff!important; display: flex; align-items: center; }
.all_btns_box .btn .coolc { margin-right: 4px; }
.all_btns_box .btn-line { background: #fff; color: #f2546a!important; border: 1px solid #ff656a; }
.all_btns_box .btn-line:hover { color: #fff !important; border: 1px solid #e6373d; }

.details_price_box { width: 100%; }
.details_price_box b { width: 100%; font-size: 36px; line-height: 36px; color: #ff0000!important; }
.details_price_box p { font-size: 12px; color: #999; }

.filedown { width: 100%; }
.filedown ul li a { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #eee; }
.filedown ul li:nth-child(1) a { padding-top: 0px; }
.filedown ul li a .l { display: flex; align-items: center; }
.filedown ul li a .l .coolc { font-size: 20px; margin-right: 6px; }
.filedown ul li a .down_btn { border: 1px solid #ff656a; color: #ff656a; padding: 3px 11px; border-radius: 3px; font-size: 13px; transition: all 0.3s; }
.filedown ul li a .down_btn .coolc { font-size: 12px; margin-right: 4px; }
.filedown ul li a:hover .down_btn { background: #ff656a; color: #fff !important; }

.supplier_photo { width: 100%; height: 100%; overflow: hidden; border-radius: 5px; position: relative; }
.supplier_photo .swiper-slide {	width: 574px; height: 360px; background: #fff; display: flex; justify-content: center; align-items: center; }
.supplier_photo .swiper-button-next { right: -30px; }
.supplier_photo .swiper-button-prev { left: -30px; }
.supplier_photo .swiper-button-next,.supplier_photo .swiper-button-prev { background: rgba(0,0,0,.6); background-image: none; display: flex; align-items: center; justify-content: center; border-radius: 3px; transition: all 0.3s; }
.supplier_photo .swiper-button-next .coolc,.supplier_photo .swiper-button-prev .coolc { color: #fff; font-size: 20px; }
.supplier_photo:hover .swiper-button-next { right: 10px; }
.supplier_photo:hover .swiper-button-prev { left: 10px; }

.city_photo { width: 100%; height: 100%; overflow: hidden; border-radius: 5px; position: relative; }
.city_photo .swiper-slide {	height: 360px; background: #fff; display: flex; justify-content: center; align-items: center; }
.city_photo .swiper-button-next { right: -30px; }
.city_photo .swiper-button-prev { left: -30px; }
.city_photo .swiper-button-next,.city_photo .swiper-button-prev { background: rgba(0,0,0,.6); background-image: none; display: flex; align-items: center; justify-content: center; border-radius: 3px; transition: all 0.3s; }
.city_photo .swiper-button-next .coolc,.city_photo .swiper-button-prev .coolc { color: #fff; font-size: 20px; }
.city_photo:hover .swiper-button-next { right: 10px; }
.city_photo:hover .swiper-button-prev { left: 10px; }

.newtop { width: 100%; height: 40px; background: #fff; }
.newtop .left_text { line-height: 40px; font-size: 12px; }
.newtop .right_nav ul { display: flex; align-items: center; justify-content: flex-end; }
.newtop .right_nav ul li { padding-left: 30px; position: relative; }
.newtop .right_nav ul li::after { width: 1px; height: 12px; content: ''; background: #dedede; position: absolute; left: 15px; top: 14px; }
.newtop .right_nav ul li:nth-child(1)::after { display: none; }
.newtop .right_nav ul li a { line-height: 40px; font-size: 12px; }

.newtopbanner {	width: 100%; height: 135px; background: url('../imgs/special_bg_header.png') #0e0e0e; margin-bottom: 30px; }
.newtopbanner .shop_top { width: 100%; height: 101px; display: flex; align-items: center; }
.newtopbanner .shop_top .logo { margin-right: 30px; color: #fff; }
.newtopbanner .shop_top .logo img { height: 40px; }
.newtopbanner .shop_top .post_title { font-size: 16px; color: #fff; }
.newtopbanner .shop_top p { font-size: 12px; color: #fff; margin-bottom: 0px; opacity: 0.6; }
.newtopbanner ul { height: 34px; line-height: 34px; display: flex; align-items: center; }
.newtopbanner ul li a { color: #fff; font-size: 14px; padding: 0 30px; }
.newtopbanner ul li.on { background: hsla(40,71%,81%,.3); }
.newtopbanner ul li.on a { color: #f1daad; }

.entry-main-content { width: 100%; }
.entry-main-content img { width: 80%; margin: 0 auto; display: block; }
.tag_a { color: #f2546a!important; }
.tag_a:hover { color: #007aff !important; }

.search_new_box { width: 100%; padding-top: 20px; border-top: 1px solid #eee; }
.search_new_box .texts { width: 100%; padding-bottom: 20px; }
.search_new_box .texts p { width: 100%; display: block; padding: 0px; font-size: 18px; line-height: 18px; color: #000; margin-bottom: 10px!important; }
.search_new_box .texts span { width: 100%; display: block; font-size: 12px; line-height: 12px; color: #999; }

.downfile_list { width: 100%; }
.downfile_list ul { display: flex; align-items: center; flex-wrap: wrap; }
.downfile_list ul li { width: 33.33%; }
.downfile_list ul li a { padding: 8px 0; font-size: 14px; display: block; }
.downfile_list ul li a .coolc { font-size: 16px; margin-right: 6px; }
.downfile_list ul li a:hover { color: #f2546a!important; }

.downnumber_box { width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dedede; border-radius: 8px; padding-bottom: 20px; }
.downnumber_box .ls span { display: block; font-size: 14px; line-height: 14px; color: #666; padding-bottom: 8px; }
.downnumber_box .ls b { display: block; font-size: 16px; line-height: 16px; color: #333; }
.downnumber_box a.down_btn { border: 1px solid #ff656a; background: #ff656a; color: #fff; padding: 9px 11px; border-radius: 3px; font-size: 13px; transition: all 0.3s; }
.downnumber_box a.down_btn .coolc { font-size: 12px; margin-right: 4px; }
.downnumber_box a.down_btn:hover { border: 1px solid #007aff; background: #007aff; color: #fff !important; }

.contact_box { width: 100%; display: flex; justify-content: space-between; }
.contact_box .item { width: 25%; }
.contact_box .item .titles { display: flex; align-items: center; font-size: 14px; line-height: 14px; }
.contact_box .item .titles .coolc { font-size: 16px; line-height: 16px; margin-right: 5px; }
.contact_box .item p { width: 100%; color: #000; font-size: 16px; line-height: 16px; font-weight: bold; padding-top: 6px; }

#brand_box { width: 100%; position: relative; padding-bottom: 66px; cursor: pointer; }
#brand_box ul { height: 75px; overflow: hidden; }
#brand_box .fold_box { width: 98%; height: 36px; line-height: 36px; font-size: 12px; text-align: center; position: absolute; left: 50%; bottom: 14px; margin-left: -49%; color: #ff656a; border-top: 1px solid #eee; padding-top: 0px; }
#brand_box .fold_box .coolc { font-size: 14px; line-height: 14px; margin-left: 4px; color: #ff656a; }

.zm_sx { width: 100%; }
.zm_sx ul { display: flex; flex-wrap: wrap; }
.zm_sx ul li { border: 1px solid #eee; border-radius: 20px; margin-right: 8px; font-size: 14px; margin-bottom: 8px; }
.zm_sx ul li a { padding: 6px 13px; display: block; }
.zm_sx ul li a i { font-size: 14px; }
.zm_sx ul li:hover { border: 1px solid #ff656a; background: #ff656a; }
.zm_sx ul li:hover a { color: #fff; }

.text-alink-box { width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.text-alink-box a { width: 32.5%; display: block; border-radius: 4px; border: 1px solid #eee; padding: 8px 15px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 1%; margin-bottom: 9px; }
.text-alink-box a:hover { background: #ff656a; border: 1px solid #ff656a; color: #fff; }
.text-alink-box a:nth-child(3n) { margin-right: 0px; }

.weixin_kefu { width: 100%; }
.weixin_kefu .title { width: 100%; height: 30px; font-size: 16px; text-align: center; line-height: 30px; margin-top: 10px; }
.weixin_kefu .imgbox { width: 100%; padding: 0 10px; }
.weixin_kefu .imgbox img { width: 100%; }
.weixin_kefu .desc { width: 100%; height: 30px; font-size: 12px; text-align: center; line-height: 30px; margin-bottom: 10px; color: #666; }

.mask_kefu_box { width: 100%; height: auto; background: #fff; border-radius: 4px; overflow: hidden; }
.mask_kefu_box .mask_title {width: 100%; height: 100px; padding: 16px 0 0 20px; background: url(../imgs/kefu_top.jpg) no-repeat center;	background-size: auto 100%; position: relative; }
.mask_kefu_box .mask_title b { width: 100%; height: 40px; display: block; overflow: hidden; font-size: 30px; color: #fff; font-weight: bold; }
.mask_kefu_box .mask_title p { height: 20px; line-height: 20px; font-size: 12px; color: #fff; opacity: 0.7; margin-top: 4px; }
.mask_kefu_box ul { width: 100%; height: auto; display: table; padding: 20px 20px 10px 20px; }
.mask_kefu_box ul li { width: 50%; float: left; }
.mask_kefu_box ul li a { width: 100%; height: 60px; line-height: 40px; display: block; padding: 0 0 20px 0; }
.mask_kefu_box ul li a img { width: 40px; height: 40px; border-radius: 20px; margin-right: 8px; }
.mask_kefu_box ul li a em { font-style: normal; }

.new-main-menu { display: flex; align-items: center; }
.new-main-menu li a { color: #fff!important; padding: 0 20px!important; display: block; }
.new-main-menu li.current { background: rgba(255,255,255,.2); }

.city_box .shan_title {
	width: 100%;
	background: #eee;
	border-left: 3px solid #007aea;
	color: #000;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.city_box .shan_title a {
	width: 100%;
	display: block;
	padding: 14px 12px;
	box-sizing: border-box;
}
.city_box .shan_title a:hover {
	background: #007aea;
	color: #fff;
}

.city_box .shan_list_box {
	width: 100%;
	padding-bottom: 15px;
}
.city_box .shan_list_box ul {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.city_box .shan_list_box ul li {
	width: 16%;
	padding-bottom: 14px;
	margin-right: 0.8%;
}
.city_box .shan_list_box ul li:nth-child(6n) {
	margin-right: 0%;
}
.city_box .shan_list_box ul li a {
	width: 100%;
	border: 1px solid #dedede;
	background: #eee;
	color: #000;
	padding: 12px 0;
	text-align: center;
	border-radius: 3px;
	display: block;
	backdrop-filter: blur(3px);
	transition: all 0.3s ease;
	box-sizing: border-box;
}
.city_box .shan_list_box ul li a:hover {
	border: 1px solid #1660c7;
	background: #1660c7;
	color: #fff;
}


/* 客服弹层 */
.layui-layer { border-radius: 15px!important; }
.mask_kefu_box { width: 100%; background: #fff; border-radius: 15px; overflow: hidden; }
.mask_kefu_box .topbg { width: 100%; }
.mask_kefu_box .box_kefu { width: 100%; padding: 0 20px 20px 20px; }
.mask_kefu_box .box_kefu .service_tel { width: 100%; text-align: center; padding: 15px 0; }
.mask_kefu_box .box_kefu .service_tel p { width: 100%; font-size: 14px; color: #999; }
.mask_kefu_box .box_kefu .service_tel b { width: 100%; font-size: 24px; font-weight: bold; }
.mask_kefu_box .box_kefu .all_btns_box { padding-top: 0px !important; }
.mask_kefu_box .box_kefu .btn { border-radius: 60px; justify-content: center; }
.mask_kefu_box .box_kefu .tips_weixin { width: 100%; text-align: center; font-size: 14px; cursor: pointer; color: #999; padding-top: 10px; }

.layui-layer-nobg {
    background: 0 0 !important
}