.mobile-only{display:none;}
.header{position:fixed;left:0;top:0;right:0;padding:10px 15px;z-index:999;}
.header:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(to right, var(--color1), rgba(0,0,0,0.1), rgba(0,0,0,0.7));opacity:0.85;}
.ifscroll .header{padding:0;background:var(--cwhite);-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);}
.ifscroll .header:before{background:var(--cwhite);}
.header-inner{margin:0 15px 0;}
.ifscroll .header-inner{margin:0 30px;}
.web-title img{position:relative;display:block;width:auto;height:7vh;padding:0;margin:0 10px 0 0;line-height:1;z-index:5;}
.ifscroll .web-title img{height:5vh;}
.web-title h2{font-family: Arial !important;position:relative;font-size:95%;line-height:1.1;font-weight:normal;margin:3px 0 0;padding:0;letter-spacing:-0.5px;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.ifscroll .web-title h2{overflow:hidden;font-size:0;margin:0;}
.ifscroll .header .animation-title1{background-image: linear-gradient(-225deg,var(--cblack) 0%,var(--cblack) 29%,var(--cblack) 67%,var(--cblack) 100%);}

.pagetop{position:relative;overflow:hidden;background: linear-gradient(to right, var(--cdark), var(--color1), var(--color3), var(--color1), var(--cdark));}
.pagetop-bg{position:absolute;left:0;top:0;right:0;height:25vh;z-index:10;background: linear-gradient(to top, transparent, var(--cblack));opacity:0.4;}
.pagetop-inner{position:relative;overflow:hidden;margin:0;}
#blog .pagetop-inner, #product .pagetop-inner, #profile .pagetop-inner, #service .pagetop-inner, #category .pagetop-inner, #team .pagetop-inner{min-height:85vh;background: linear-gradient(to right, var(--color1), var(--color2), var(--color2), var(--color1));}
#profile .pagetop-inner{min-height:60vh;}
#blog .pagetop-inner{min-height:70vh;}
#videomode .pagetop-inner{min-height:50vh;background: linear-gradient(to right, var(--cblack), var(--cdark), var(--cblack));}
#category .pagetop-inner, #team .pagetop-inner{min-height:50vh;}
#blog .pagetop-inner:after, #product .pagetop-inner:after, #profile .pagetop-inner:after, #service .pagetop-inner:after, #category .pagetop-inner:after, #team .pagetop-inner:after, #videomode .pagetop-inner:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:transparent;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E");}
#videomode .pagetop-inner:after{background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23000000' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E");}
.graphmod1, .graphmod2{position:absolute;left:-2px;right:-2px;bottom:-25px;z-index:10;overflow:hidden;}
.graphmod1{opacity:0.5;}
.graphmod1 svg, .graphmod2 svg{width:100%;height:auto;display:block;height:auto;}
.graphmod1 svg{fill:var(--cwhite);}
#blog .graphmod1 svg, #blog .graphmod2 svg, #product .graphmod1 svg, #product .graphmod2 svg, #profile .graphmod1 svg, #profile .graphmod2 svg, #service .graphmod1 svg, #service .graphmod2 svg, #category .graphmod1 svg, #category .graphmod2 svg, #team .graphmod1 svg{fill:var(--cwhite);}
#team .graphmod2 svg{fill:var(--cgrey1);}
#videomode .graphmod1{opacity:1!important;}
#videomode .graphmod1 svg{fill:var(--cdark)!important;}
#videomode .graphmod2 svg{fill:var(--cblack)!important;}
.pagetop-info{position:absolute;bottom:0;left:0;width:100%;z-index:7;}
.pagetop-info-bottom{width:80%;margin:0 auto;height:17vh;background:rgba(0,0,0,0.2);border:var(--cwhite) 1px solid;border-radius:15px 15px 0 0;}
#videomode .pagetop-info-bottom{border:var(--color1) 1px solid;width:66%;}
.pagetop-info-inner{position:relative;overflow:hidden;text-align:center;height:12vh;}
.pagetop-info-inner h2{padding:0;margin:0;line-height:1.1;font-size:140%;font-weight:bold;color:#54FFF4;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.pagetop-info-inner p{padding:0;margin:5px 0 0;line-height:1.1;font-size:100%;font-weight:normal;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.pagetop-info-inner svg{width:auto;height:40px;line-height:1;fill:#54FFF4;margin:0 10px 0 0;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.3));}
.pagetop-info h1{font-family: 'Poppins-Medium', Arial !important;padding:0;margin:0 0 30px;line-height:1.1;font-size:250%;font-weight:bold;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
#profile .pagetop-info h1, #service .pagetop-info h1{font-size:400%;}
.colauto{display: flex;flex-flow: row wrap;justify-content: space-between center;}
.menurow{margin:0 0 0 auto;float:right;}
.navbar{padding:0}
.mobile-menu .navbar, .mobile-menu .navbar.difle-l{width:100%!important;display:block!important;}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.mobile-menu .navbar ul{display:block;align-items:left}
.navbar li {position: relative;line-height:1.1;padding:0;}
.mobile-menu .navbar li{display: block;}
.navbar a svg{display:block;width:auto;height:22px;padding:0;margin:0 2px 0 0;line-height:1;fill:var(--color3)!important;opacity:.8}
.ifscroll .navbar a svg{fill:var(--color1)!important;opacity:.4}
.navbar a{padding:7px 10px;margin:0 0 0 5px;font-size:95%;color:var(--cwhite);transition:0.3s;line-height:1.1;font-weight:400;border-radius:4px}
.mobile-menu .navbar a{padding:10px 0;margin:0;font-size:110%;color:var(--cmain);border-radius:0;display:block!important;}
.mobile-menu .submenu li a{position:relative;padding-left:50px!important;}
.mobile-menu .submenu li a:after{content:"";position:absolute;left:0;top:13px;width:10px;height:10px;border-radius:10px;background:var(--cgrey3);}
.mobile-menu .navbar .dropdown.open .submenu a{padding-left:20px!important;}
.mobile-menu .navbar .dropdown.open .submenu{display:block;border-top:var(--cgrey3) 1px solid;}
.ifscroll .navbar a{color:var(--cblack)}
.navbar a:hover,.navbar .active,.navbar li:hover>a,.navbar a:focus{color:var(--cwhite)!important;background:var(--color1)}
.mobile-menu .navbar a:hover,.mobile-menu .navbar .active,.mobile-menu .navbar li:hover>a,.mobile-menu .navbar a:focus{color:var(--cblack)!important;background:transparent}
.navbar a:hover svg,.navbar .active svg,.navbar li:hover>a svg{opacity:1}
.ifscroll .navbar a:hover svg,.ifscroll .navbar .active svg,.ifscroll .navbar li:hover>a svg{fill:var(--color3)!important}
.navbar .dropdown ul{display:block;position:absolute;left:5px;top:calc(100% + 35px);margin:0;padding:15px 15px 10px;z-index:99;opacity:0;min-width:200px;visibility:hidden;background:#fff0;box-shadow:none;transition:0.3s;border-radius:0}
.navbar .dropdown ul:after{content:"";position:absolute;left:0;top:5px;right:0;bottom:0;background:var(--color1);border-radius:5px;}
.navbar .dropdown ul a{position:relative;z-index:3;margin:0!important;padding:0!important;color:var(--color3)!important;line-height:1.1}
.navbar .dropdown ul li{padding:5px 0!important}
.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:var(--cwhite)!important;background:#fff0}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}
.navbar .dropdown:nth-last-child(-n+2) .dropdown ul,.navbar .dropdown:nth-last-child(-n+2) .dropdown .dropdown ul {left: auto !important;right: 5px !important;}
.navbar .dropdown:nth-last-child(-n+2):hover > ul,
.navbar .dropdown:nth-last-child(-n+2) .dropdown:hover > ul {left: auto !important;right: 0 !important;}

.post-image-gallery{position:relative;overflow:hidden;padding:10px;border:var(--cgrey3) 1px solid;border-radius:10px;}
.image-product, .image-blogbig, .image-other, .image-top, .image-category, .image-team, .image-detail, .image-video, .image-search{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-product{height:35vh;border-radius:7px;}
.image-blogbig{height:calc(40vh + 10px);border-radius:7px 0 0 7px;}
.image-other{height:20vh;border-radius:7px;}
.image-team{height:50vh;border-radius:7px;}
.image-top{height:85vh;z-index:6;background:var(--color1);}
.image-top img{opacity:0.8;}
.image-category{height:30vh;border-radius:7px;}
.image-detail{height:60vh;border-radius:10px;}
.image-video{height:35vh;border-radius:7px;}
.img-wide{padding-bottom: 56.25%;}
.image-search{height:15vh;border-radius:7px;}
.imagefull img, .video-view{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;transform: translate3d(-50%, -50%, 0);}
.imageblur img{opacity:0.5;-webkit-filter: blur(10px);filter: blur(10px);}

.fade-gallery-slider{position:relative;width:100%;max-width:100%;overflow:hidden;margin:0;height:100vh;background-size:cover;background-repeat:no-repeat;background-color:#000;}
.fade-gallery-img{position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity 1s ease-in-out;object-fit:cover;z-index:0}
.fade-gallery-img.active{opacity:1;z-index:1}
.slide-title{position:absolute;left:0;bottom:0;right:0;z-index:5;text-align:center;padding:0 15% 6%;background: linear-gradient(to top, var(--cblack) 20%, transparent);}
.slide-title h2{font-family: 'Poppins-Medium', Arial !important;font-size:270%;margin:0;padding:0;line-height:1.1;color:var(--cyellow);font-weight:bold;text-shadow:1px 1px 2px #000;}
.slide-desk{position:relative;overflow:hidden;margin:0 auto 10px;}
.slide-desk-item{height:35px;border-radius:35px;margin:0;font-size:100%;font-weight:normal;padding:0 25px;line-height:1;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;background:rgba(0,0,0,0.6);}
.slide-title:hover h2{color:var(--color3);}
.slide-title:hover p{color:var(--cyellow);}

.profile-area{position:relative;margin:-1px 0 0;}
.profile-area:before{content:"";position:absolute;left:0;top:0;right:0;height:20vh;background: linear-gradient(to right, var(--cdark) 0%, var(--color1) 25%, var(--color2) 50%, var(--color1) 75%, var(--cdark) 100%);}
.profile-box{position:relative;background:var(--cgrey1);padding:6vh 5% 8vh;border-radius:10px;margin:8vh 7% 0;z-index:2;border:var(--color1) 1px solid;}
.profile-head{margin:0 0 5vh;}
.module-headsub{position:relative;z-index:8;}
.module-headsub-inner{border-bottom:var(--cyellow) 2px solid;padding:0 0 3px;}
.module-headsub-inner .dropdown{padding:0!important;margin:0!important;line-height:1!important;}
.module-headsub .dropdown-menu{padding:15px;font-size:16px;margin-top:9px;min-width:220px;background:var(--color1);border:none;box-shadow:none;left:50%;margin-left:-90px;border-radius:7px;}
.module-headsub .dropdown-menu:after{content:"";position:absolute;left:50%;top:-9px;border-bottom:var(--color1) 10px solid;border-left:transparent 9px solid;border-right:transparent 9px solid;transform: translate3d(-50%, 0, 0);}
.module-headsub .dropdown-menu h3{font-size:100%;margin:0;padding:4px 0;line-height:1.1;font-weight:normal;color:var(--cwhite);}
.link-index{position:relative;margin:0 0 0 20px;padding:0 0 0 15px;line-height:1;font-size:100%;font-weight:bold;}
.link-index:after{content:"";position:absolute;left:0;top:0;border-left:var(--cgrey3) 12px solid;border-top:transparent 8px solid;border-bottom:transparent 8px solid;}
.profile-head h1, .module-head h1, .module-headsub h1{position:relative;font-family: 'Poppins-Medium', Arial !important;font-size:180%;margin:0;padding:0;line-height:1;letter-spacing:-1px;}
.profile-head h1:after, .module-head h1:after{content:"";position:absolute;bottom:-3px;left:50%;height:2px;width:100%;background:var(--cyellow);transform: translate3d(-50%, 0, 0);}
.profile-col{position:relative;width:calc(25% - 20px);margin:0 10px;}
.profile-icon{position:relative;width:16vh;height:16vh;border-radius:50%;margin:-5vh auto 0;background:var(--cwhite);border:var(--color1) 1px solid;z-index:3;}
.profile-icon img{display:block;width:7vh;height:auto;line-height:1;}
.profile-inner{position:relative;overflow:hidden;margin:-8vh auto 0;padding:8vh 20px 60px;background: linear-gradient(to top, var(--color2) 35%, var(--color1));border-radius:7px;}
.profile-col:hover .profile-inner{background: var(--color1)}
.profile-inner:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:transparent;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E");}
.profile-inner h2{font-size:110%;margin:40px auto 0;padding:0;line-height:1.1;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}

.service-area{position:relative;overflow:hidden;margin:10vh 0 0;padding:10vh 10%;border-radius:10px;}
.service-area h1{position:relative;font-family: 'Poppins-Medium', Arial !important;font-size:180%;margin:0 auto 20px;padding:0;line-height:1;letter-spacing:-0.5px;color:#20DCE6;}
.service-area:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--cdark);opacity:0.55;}
.service-inner{position:relative;z-index:5;}
.service-icon{position:relative;margin:0 auto 10px;}
.service-icon-item svg{display:block;height:7vh;width:100%;fill:#20DCE6;line-height:1;}
.service-title{position:relative;width:100%;margin:0 auto;display:block;}
.service-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:var(--cyellow);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.service-title p{font-size:80%;margin:10px 0 0;padding:0;line-height:1.1;color:var(--cgrey1);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.col-service{position:relative;width:calc(33.33333333% - 20px);margin:10px 10px;border-radius:10px;border:#20DCE6 1px solid;background:rgba(0,0,0,0.3);}
.col-service:hover{border:#fff 1px solid;background:rgba(0,0,0,0.5);}
.col-service-top{position:relative;overflow:hidden;text-align:center;padding:15px;}
.col-service-bottom{position:relative;overflow:hidden;text-align:center;padding:0 15px 15px;}
.col-service:hover .service-icon-item svg{fill:var(--cyellow);}
.col-service:hover .service-title h2{color:var(--cwhite);}
.service-btn{padding:0 15px;height:24px;line-height:24px;margin:0 3px;font-weight:normal;font-size:80%;color:var(--cgrey2);background:var(--color1);border-radius:24px;}

.product-area{position:relative;overflow:hidden;margin:10vh 0 0;}
.product-image{position:relative;border-radius:7px;padding:5px;background:var(--cgrey1);border:var(--cgrey3) 1px solid;z-index:2;}
.product-category{position:absolute;left:0;right:0;bottom:-10px;}
.product-category-item{position:relative;height:auto;border-radius:5px;padding:7px 15px;margin:0 auto;font-size:90%;font-weight:normal;line-height:1;color:var(--cwhite);background:var(--color1);}
.product-category-item:after{content:"";position:absolute;bottom:-9px;border-top:var(--color1) 10px solid;border-left:transparent 10px solid;border-right:transparent 10px solid;left:50%;transform: translate3d(-50%, 0, 0);}
.producthome-title{position:relative;overflow:hidden;margin-top:-8px;background: linear-gradient(to top, transparent, var(--cgrey2));padding:15px 0 0;}
.producthome-title h2{font-size:110%;margin:20px 0 0;padding:0;line-height:1.2;font-weight:bold;color:var(--cblack);}
.carousel-cell:hover .producthome-title h2{color:var(--cdark);}
.dotted{position:absolute;left:0;top:0;right:0;bottom:0;}
.table-product td{font-size:100%!important;border:none!important;padding:10px 0 10px!important;margin:0!important;line-height:1.1!important;vertical-align:top;}
#team{background:var(--cgrey1);}
.team{margin:0;}
.team-col{position:relative;width:calc(25% - 20px);margin:15px 10px 0;border:var(--cgrey3) 1px solid;background:var(--cwhite);border-radius:10px;padding:0 0 10px;}
.team-col h2{font-size:120%;margin:10px auto 0;padding:0;line-height:1.1;font-weight:bold;color:var(--cblack);}
.team-absolute{position:absolute;left:0;bottom:0;right:0;padding:30px 10px 10px;background: linear-gradient(to top, var(--cdark), transparent);border-radius:0 0 7px 7px;}
.team-absolute h3{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.zoom-hid{position:absolute;left:0;top:0;right:0;bottom:0;background:transparent;}

.blog-box{margin:10vh 7% 0;}
.blog-primary{position:relative;width:calc(60% - 20px);margin:0 10px;background:var(--cblack);border-radius:7px;}
.blog-primary-image{position:relative;width:70%;}
.blog-primary-image:after{content:"";position:absolute;right:-1px;top:0;bottom:0;left:0;background: linear-gradient(to right, transparent 40%, var(--cblack));}
.blog-primary-title{position:relative;width:55%;margin-left:-25%;}
.blog-primary-title h2{font-size:160%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:var(--cyellow);}
.blog-primary-title p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cgrey1);}
.blog-other{position:relative;width:calc(40% - 20px);margin:0 10px;}
.blog-other-item:nth-child(1){display:none;}
.blog-other-image{position:relative;width:calc(40% - 10px);margin:0 5px;}
.blog-other-title{position:relative;width:calc(60% - 10px);margin:0 5px;padding:15px 0;}
.blog-other-title h2{font-size:110%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:var(--cblack)}
.blog-other-title p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--color1)}
.blog-other-item:hover .blog-other-title h2{color:var(--color1)}
.blog-primary:hover .blog-primary-title h2{color:var(--cwhite)}

.data-content{position:relative;overflow:hidden;}
.main-image{float:right;vertical-align:text-top;width:45%;margin:0 0 5px 10px;}
.main-image-item{margin:0;padding:5px;border:#bdbdbd 1px solid;border-radius:7px;}
.main-image-default img{display:block;width:100%;height:auto;border-radius:7px;}
.play-icon{position:absolute;left:50%;top:50%;transform: translate3d(-50%, -50%, 0);z-index:2;}
.play-icon svg{width:50px;height:auto;fill:var(--cwhite);opacity:0.6;}
.play-icon-small svg{width:auto;height:30px;fill:var(--cyellow);margin:4px 5px 0 0;}
.category-top{position:absolute;left:0;bottom:0;right:0;padding:2vh 0 10vh;}
.category-top:before{content:"";position:absolute;left:0;bottom:0;right:0;top:0;background: linear-gradient(to top, var(--cdark), transparent);}
.category-top h2{position:relative;padding:0;margin:0 0 10px;line-height:1.1;font-size:140%;font-weight:bold;color:var(--color3);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;z-index:3;}
.category-top h1{position:relative;font-family: 'Poppins-Medium', Arial !important;padding:0;margin:0;line-height:1.1;font-size:300%;font-weight:bold;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;z-index:3;}
.category-col{position:relative;width:calc(33.33333333% - 20px);margin:30px 10px 0;text-align:center;}
.image-category-box{position:relative;overflow:hidden;padding:5px;border:#bdbdbd 1px solid;border-radius:7px;}
.category-col h2{display:block;padding:0;margin:10px 0 0;line-height:1.1;font-size:110%;font-weight:bold;color:var(--cblack);}
.category-col h2 a{color:var(--cblack);}
.category-col p{display:block;padding:0;margin:10px 0 0;line-height:1.1;font-size:95%;color:var(--cdark);}
.category-col:hover h2, .category-col:hover h2 a{color:var(--cdark);}
.post-meta-item{margin:0 20px 0 0;}
#videomode .post-meta-item{margin:0 10px;}
.post-meta-item p{font-size:100%;margin:0;padding:0;line-height:1;font-weight:normal;}
#videomode .post-meta-item p{color:var(--cgrey3);}
.post-meta-item svg{width:auto;height:24px;line-height:1;margin:-1px 3px 0 0;opacity:0.4;}
#videomode .post-meta-item svg{fill:var(--cgrey3);opacity:0.6;}
#videomode .content-isi{color:var(--cgrey3)!important;}
.video-desk{position:relative;overflow:hidden;padding:25px 15px;border-radius:10px;border:#313131 1px solid;}
.area-h{min-height:50vh;}
.content-isi h1,.content-isi h2,.content-isi h3,.content-isi h4,.content-isi h5,.content-isi h6,.content-isi p {line-height:1.5;display:block;}
.content-isi h1,.content-isi h2,.content-isi h3,.content-isi h4,.content-isi h5,.content-isi h6,.content-isi p{margin:0 0 15px;}
.content-isi ul{margin:0 0 20px 40px;line-height:1.2;padding:0;}
.content-isi li{margin:0 0 10px 0;line-height:1.2;padding:0;}
.content-isi .table, .content-isi table{width:100% !important;}
.content-isi .box{padding:0 0 10px !important;}
.content-isi hr {margin-top: 5px !important;margin-bottom: 5px !important;border:none !important;}
.sharebt{width:40px;height:40px;border-radius:50%;margin:0 3px;}
.sharebt svg{width:auto;height:24px;fill:var(--cwhite);}
.whatsapp-bg{background:#24B500;}
.facebook-bg{background:#0054b8;}
.twitter-bg{background:#009bb8;}
.email-bg{background:#e21f6e;}
.telegram-bg{background:#0075d2;}
.instagram-bg{background:#d40072;}
.youtube-bg{background:#d20000;}
.print-bg{background:#e66000;}

#videomode{background:var(--cblack);}
.video-section{position:relative;overflow:hidden;min-height:20vh;margin:0;}
.video-margin{position:relative;overflow:hidden;border-radius:10px;}
.limit-post{font-size:95%;color:var(--cmain);margin:0;padding:0;line-height:1.1;}
.limit-post svg{width:24px;height:auto;margin:0 5px 0 0;line-height:1;fill:var(--cmain);opacity:0.4;}

.tooltip2{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:50%;right:100%;font-size:80%;min-width:120px;line-height:1.1;margin:0 6px 0 0;transform:translate3d(0,-50%,0)}
.tooltiptop .tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;text-align:center;font-size:80%;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;bottom:100%;top:auto;left:50% !important;min-width:100px;margin:0 0 6px;transform:translate3d(-50%,0,0)}
.tooltip2 .tooltip2text:after{content:"";position:absolute;left:50%;bottom:-6px;border-top:#000 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;transform: translate3d(-50%, 0, 0);}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}

.carousel {background:transparent;}
.plusgal .carousel{position:relative;overflow:hidden;padding:0;border-radius:10px;}
.plusgal .carousel:before, .plusgal .carousel:after{content:"";position:absolute;top:0;bottom:0;width:10px;background:var(--cwhite);border-radius:0 10px 10px 0;border:var(--cgrey3) 1px solid;z-index:10;}
.plusgal .carousel:after{right:0;border-left:none;}
.plusgal .carousel:before{border-radius:10px 0 0 10px;border-right:none;left:0;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.product-area .carousel-cell{width:calc(33.33333333% - 15px);margin:10px 10px 0;text-align:center;}
.service-area .carousel-cell{width:calc(33.33333333% - 20px);margin:0 15px 0;}
.seigroup .carousel-cell{width:calc(25% - 10px);margin:0 5px 0;text-align:center;}
.plusgal .carousel-cell{width:calc(75% - 10px);margin:0 5px 0;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;overflow:hidden;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;top:0;width: 30px;height: 30px;border:none;background-color:transparent;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.flickity-prev-next-button{background-repeat:no-repeat !important;top:50%;transform: translate3d(0, -50%, 0);}
.product-box .flickity-prev-next-button, .plusgal .flickity-prev-next-button{width:34px;height:34px;border-radius:50%;background-color:var(--color1);background-size:25% auto;margin-top:-15px!important;}
.plusgal .flickity-prev-next-button{margin-top:0!important;}
.flickity-prev-next-button.previous {background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button.next {background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.product-box .flickity-prev-next-button.next{right:-10px;}
.product-box .flickity-prev-next-button.previous{left:-10px;}
.plusgal .flickity-prev-next-button.next{right:15px;}
.plusgal .flickity-prev-next-button.previous{left:15px;}
.service-area .flickity-prev-next-button.next{right:-5%;}
.service-area .flickity-prev-next-button.previous{left:-5%;}

.menu-bottom{display:none;position:fixed;bottom:0;left:0;right:0;height:45px;z-index:1200;background: linear-gradient(to top, var(--cblack) 40%, transparent 100%);}
.menu-bottom-bg{position:absolute;top:0;height:45px;}
.menu-bottom-bg, .menu-bottom-open, .closemenu{left:50%;transform: translate3d(-50%, 0, 0);}
.menu-bottom-bg svg{width:auto;height:45px;margin:0 auto;fill:var(--color1);}
.menu-bottom-open{position:fixed;bottom:13px;width:50px;height:50px;background:var(--color2);z-index:3;border-radius:50%;cursor:pointer;}
.menu-bottom-open svg{width:35px;height:auto;fill:var(--cwhite);}
.menu-bottom-home, .menu-bottom-login{position:fixed;bottom:0;width:auto;height:45px;z-index:2;cursor:pointer;}
.menu-bottom-home{left:35px;}
.menu-bottom-login{right:35px;}
.menu-bottom-home svg, .menu-bottom-login svg{width:26px;height:auto;fill:var(--cwhite);opacity:0.7;margin:-1px 0 0;}
.menumobile-open{position:fixed;bottom:0;left:0;height:0;width:100%;overflow:hidden;z-index:2600;transition:0.5s;background:var(--color1);}
.closemenu{position:absolute;top:-15px;width:50px;height:50px;background:var(--cwhite);border-radius:50%;z-index:10;cursor:pointer;}
.closemenu-inner{width:40px;height:40px;border-radius:50%;background:var(--color1);}
.closemenu-inner svg{width:30px;height:auto;fill:var(--cwhite);}
.menumobile-container{position:absolute;left:0;right:0;bottom:0;top:20vh;background:var(--cwhite);}
.menumobile-container .scrollbar{height:100%;width: 100%;overflow-y: scroll;}
.menumobile-inner{position:relative;overflow:hidden;padding:50px 20px;}
.menumobile-container:before{content:"";position:absolute;left:0;right:0;top:0;height:60px;background: linear-gradient(to top, transparent, var(--cwhite) 50%);z-index:2;}
.menumobile-container:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background: linear-gradient(to top, var(--cwhite), transparent);z-index:2;}
.menumobile-inner svg{display:block;width:36px;height:auto;fill:var(--color2);margin:0 4px 0 0;}
.headpanel{position:relative;padding:0;margin:20px 0 0;}
.headpanel a{font-size:120%;padding:0;line-height:1.1;display:block;position:relative;width:100%;margin:0;color:var(--cblack);font-weight:bold;}
.headpanel a::after{content:"";border:solid var(--cgrey2);border-width:0 3px 3px 0;display:inline-block;padding:6px;position:absolute;right:5px!important;top:8px;float:right;transform:rotate(45deg)}
.nosub.headpanel a::after{display:none;}
.headpanel a[aria-expanded=true]::after{transform:rotate(-135deg);top:12px}
.menumobile-inner p{font-size:120%;padding:5px 0;line-height:1.1;display:block;position:relative;width:100%;margin:0 0 0 40px;color:var(--color1);font-weight:bold;}
.whatsapp{background:#24B500;}
.telegram{background:#0080B3;}
.share-row{font-family:Arial !important;border-radius:4px;padding:5px 10px 5px 7px;font-size:85%;margin:0 3px;line-height:1;color:var(--cwhite);font-weight:normal;}
.share-bt{margin:0 3px 0 0;}
.share-bt svg{display:block;width:22px;height:22px;fill:var(--cwhite);}
.share h2{font-size:100%;padding:0;line-height:1;display:block;margin:0 10px 0 0;color:var(--cblack);font-weight:bold;}
.seigroup{margin:10vh 0 0;}
.group-item:hover{border:var(--color1) 1px solid;background: linear-gradient(to right, var(--cgrey1), transparent, var(--cgrey1));}
.group-image img{display:block;width:auto;height:15vh;margin:0 auto;padding:0;line-height:1;}
.groupcenter .group-image img{height:13vh;}
.group-head{position:relative;width:calc(20% - 20px);margin:0 10px;height:32vh;}
.group-content{position:relative;width:calc(80% - 20px);margin:0 10px;}
.group-item{position:relative;overflow:hidden;border:var(--cgrey3) 1px solid;width:100%;height:32vh;border-radius:10px;}
.seigroup svg{display:block;width:100%;height:50%;margin:0;padding:0;line-height:1;fill:var(--color2);opacity:0.25;}
.group-title{position:absolute;left:0;right:0;padding:0 20%;top:50%;transform: translate3d(0, -50%, 0);}
.group-title h2{font-size:120%;padding:0;line-height:1;display:block;margin:0;color:var(--cblack);font-weight:bold;}
.group-title h1{font-family:Arial !important;font-size:200%;padding:0;line-height:1;display:block;margin:0;color:var(--color1);font-weight:800;letter-spacing:-1px;}
.filter-doc{margin:0 20%;}
.dotted{position:absolute;left:0;top:0;right:0;bottom:0;}
.contact{width:80%;margin:0 auto;}
.contact-left{position:relative;width:calc(60% - 40px);margin:0 20px;}
.contact-right{position:relative;width:calc(40% - 40px);margin:0 20px;}
.contact-icon{position:relative;width:11vh;}
.contact-icon-image{position:relative;width:11vh;height:11vh;border:var(--cgrey3) 1px solid;border-radius:7px;}
.contact-content{position:relative;width:calc(100% - 12vh);margin:0 0 0 1vh;}
.contact-icon-image img{width:7vh;height:auto;line-height:1;display:block;margin:0;}
.contact-row h2, .contact-right h2{font-size:100%;line-height:1.1;font-weight:bold;margin:5px 0 5px;padding:0;}
.contact-row p{font-size:100%;line-height:1.1;font-weight:normal;margin:2px 0 0;padding:0;color:var(--color1);}
.contact-social-icon{width:35px;height:35px;border-radius:4px;margin:0 5px 0 0;}
.contact-social-icon svg{width:24px;height:auto;line-height:1;margin:0;fill:var(--cwhite);}
.contact-social p{font-size:100%;line-height:1.1;font-weight:normal;margin:0;padding:0;color:var(--color1);}
.bottompage{position:relative;overflow:hidden;height:12vh;}
.footer-area{position:relative;overflow:hidden;margin:0;border-top:var(--color2) 5px solid;background: linear-gradient(to right, var(--color1), var(--color2), var(--color2), var(--color1));}
.footer-bg{position:absolute;left:0;top:0;right:0;bottom:0;font-size:600%;font-family: 'Poppins-Medium', Arial !important;letter-spacing:-5px;opacity:0.1;font-weight:bold;white-space: nowrap;}
.footer-bg marquee{margin-top:-5vh;}
.footer-inner{position:relative;overflow:hidden;margin:0;padding:10vh 0 17vh;background: linear-gradient(to right, var(--cdark), transparent, var(--cdark));}
.copyright{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.2);}
.copyright-item{height:7vh;font-size:85%;margin:0 auto;color:var(--color3);font-weight:normal;line-height:1;display:block;}
.footer-left{width:35%;float:left;}
.footer-right{width:35%;float:right;}
.footer-inner h2, .footer-inner p{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:var(--cgrey1);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.footer-inner p{font-weight:normal;font-size:90%;}
.footer-inner svg{width:24px;height:auto;fill:var(--color2);}
.contact-map{position:relative;overflow:hidden;border-radius:10px;border:var(--cgrey3) 1px solid!important;padding:10px 10px 5px;}
.contact-map iframe{width:100%!important;height:50vh!important;position:relative;overflow:hidden;border-radius:10px;border:var(--cgrey3) 1px solid!important;margin:0!important;padding:0!important;}

.bottom-tombol{position:fixed;right:15px;z-index:800;bottom:20px;}
#ScrollToTop{width:30px;height:0;cursor:pointer;margin-top:0;border-radius:3px;opacity:1!important;overflow:hidden;}
.ifscroll #ScrollToTop{height:30px;margin-top:3px!important;background:var(--color2);}
#ScrollToTop svg{width:22px;height:auto;display:block;margin:0;padding:0;line-height:1;fill:var(--cwhite);}

.pre-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--cdark);display:flex;justify-content:center;align-items:center;text-align:center;z-index:999999!important}
.loader-inner{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;}

.animation-title1{background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--cgrey2) 0%,var(--cwhite) 29%,var(--cgrey2) 67%,var(--cwhite) 100%);}

.animation-title-dark{background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--color1) 0%,var(--cblack) 29%,var(--color1) 67%,var(--cblack) 100%);}

.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  overflow-x: hidden;
}

.track {
  white-space: nowrap;
  will-change: transform;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.title-site{position:relative;}
.ifscroll .title-site{margin-top:0;}
.textwater{position:relative;z-index:3;}
.textwater h1, .textwater-bot h1{
	font-family: 'Poppins-Medium', Arial !important;
	font-size: 160%;
	font-weight:bold;line-height:1;margin:0;padding:0;
}
.textwater-bot{
	position: absolute;
	left:0;
	top:0;z-index:5;
}
.textwater-load h1 {
	font-family: 'Poppins-Medium', Arial !important;
	color: #fff;
	font-size: 800%;
	font-weight:bold;
	position: absolute;
	left:50%;
	top:50%;transform: translate3d(-50%, -50%, 0);
}
.ifscroll .textwater h1 {font-size: 140%;top:50%;}
.textwater h1 {color: var(--color3);}
.ifscroll .textwater h1{color: var(--color1);}
.textwater-bot h1{color: var(--color2);animation: animate 4s ease-in-out infinite;opacity:0.55;}
.ifscroll .textwater-bot h1 {color: var(--cwhite);opacity:0.65;}
.textwater-load h1:nth-child(2) {color: var(--color1);animation: animate 4s ease-in-out infinite;opacity:0.55;}

.visimisi-head{position:relative;width:calc(25% - 20px);margin:0 10px;}
.visimisi-content{position:relative;width:calc(75% - 20px);margin:0 10px;border-left:var(--cgrey3) 1px solid;padding:5px 0 0;}
.visimisi-head-inner{position:relative;padding:5px 0;}
.visimisi-title{position:relative;font-size:320%;font-family:Arial!important;font-weight:800;padding:0;margin:0 0 0 20px;line-height:1;color:var(--cdark);z-index:2;}
.visimisi-head-inner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:40px;border:var(--cyellow) 3px solid;z-index:1;}
.visimisi-content h1,.visimisi-content h2,.visimisi-content h3,.visimisi-content h4,.visimisi-content h5,.visimisi-content h6,.visimisi-content p {line-height:1.4;display:block;}
.visimisi-content h1,.visimisi-content h2,.visimisi-content h3,.visimisi-content h4,.visimisi-content h5,.visimisi-content h6,.visimisi-content p{margin:0;}
.visimisi-content ul, .visimisi-content ol{margin:0;line-height:1.2;padding:0;}
.visimisi-content li{margin:0 0 15px 15px;line-height:1.4;padding:0;}
.visimisi-content-inner{padding:0 0 0 15px;}
.speak{position:relative;overflow:hidden;padding:0 0 0 40px;}
.speaktop{position:absolute;left:0;top:0;width:30px;}
.speaktop svg{width:100%;height:auto;line-height:1;display:block;opacity:0.3;}
.pre-loader .textwater h1 {
	font-family: 'Poppins-Medium', Arial !important;
	color: #fff;
	font-size: 180%;
	font-weight:bold;
	left:0;
	top:0;
}

@keyframes animate {
	0%,
	100% {
		clip-path: polygon(
			0% 45%,
			16% 44%,
			33% 50%,
			54% 60%,
			70% 61%,
			84% 59%,
			100% 52%,
			100% 100%,
			0% 100%
		);
	}

	50% {
		clip-path: polygon(
			0% 60%,
			15% 65%,
			34% 66%,
			51% 62%,
			67% 50%,
			84% 45%,
			100% 46%,
			100% 100%,
			0% 100%
		);
	}
}
@keyframes textclip {to {background-position: 200% center;}}
.mlr-web{margin-left:7%;margin-right:7%;}
.mlr-webpage{margin-left:10%;margin-right:10%;}
#videomode .mlr-webpage{margin-left:17%;margin-right:17%;}
.emptydata{position:relative;overflow:hidden;width:calc(100% - 20px);margin:0 10px;border-radius:10px;border:var(--cgrey3) 1px solid;padding:15vh 10px;background:var(--cgrey1);}
.table-doc th{line-height:1!important;padding:15px 5px!important;margin:0!important;height:auto!important;}	
.table-doc td{line-height:1!important;padding:15px 5px!important;margin:0!important;vertical-align:top;height:auto!important;}
.thjudul{min-width:25vw!important;}	
.tdnumber{text-align:center;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {position:absolute;top:0!important;left: 0;margin-top:13px!important;}
.cbp-section:before,.cbp-section:after{content:" ";display:table}
.cbp-section:after{clear:both}
.cbp-so{width:100%;margin:0;transition:transform 0.5s,opacity 0.5s}
.cbp-so:before,.cbp-so:after{content:" ";display:table}
.cbp-so-init .cbp-so{opacity:0}
.cbp-so-init .cbp-so-top{transform:translateY(80px)}
.cbp-section.cbp-so-animate .cbp-so-top{transform:translateY(0);opacity:1}
.cbp-so-init .cbp-so-bottom{transform:translateY(80px)}
.cbp-section.cbp-so-animate .cbp-so-bottom{transform:translateY(0);opacity:1}
.cbp-so-init .cbp-so-left{transform:translateX(-80px)}
.cbp-section.cbp-so-animate .cbp-so-left{transform:translateX(0);opacity:1}
.cbp-so-init .cbp-so-right{transform:translateX(80px)}
.cbp-section.cbp-so-animate .cbp-so-right{transform:translateX(0);opacity:1}
.btsearch{position:relative;z-index:10;cursor:pointer;width:30px;height:30px;border-radius:50%;background:var(--cdark);margin:0 0 0 10px;}
.btsearch svg{width:18px;height:auto;line-height:1;fill:var(--cwhite);}
.postsearch-image{position:relative;width:calc(25% - 10px);margin:0 5px;}
.postsearch-content{position:relative;width:calc(75% - 10px);margin:0 5px;}
.postsearch{margin:10px 0;}
.postsearch-content h2{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.postsearch-content p{font-size:90%;margin:0;padding:0;line-height:1.1;}
.postsearch-content h3{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;color:var(--color1);}
.search-load{position:absolute;bottom:0;left:0;right:0;background: linear-gradient(to top, var(--cwhite), transparent);}

.modal-open {overflow-x: hidden;}
.modal{z-index:9999999 !important;}
.modal-dialog{z-index:99999 !important;}
.modal-backdrop{z-index:3000 !important;background:#000}
.modal-backdrop.in{filter:alpha(opacity=100);opacity:0.85}
.modal.left .modal-dialog, .modal.right .modal-dialog {position: fixed;margin: auto;width: 25%;top:15px;bottom:15px;transform: translate3d(0, 0, 0);}
.modal.left.fade .modal-dialog{left: -320px;transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.left .modal-dialog{top:0;bottom:0;}
.modal.left.fade.in .modal-dialog{left: 0;}
.modal.right.fade .modal-dialog {right: -320px;transition: opacity 0.3s linear, right 0.3s ease-out;border-radius:5px;overflow:hidden;}
.modal.right.fade.in .modal-dialog {right:15px;}
.modal.center .modal-dialog {width:40%;margin:30px auto;}
.inner-modal{position:absolute;left:0;top:0;right:0;bottom:0;}
.inner-modal:after{content:"";position:absolute;left:0;top:8vh;right:0;bottom:0;margin:0 13px;background:var(--bgwhite);border-radius:0 0 7px 7px;}
.modalhead{position:relative;height:50px;z-index:10;margin:0;padding:0;}
.modal-body{padding:10px;background:transparent;}
.modal-content{background:var(--cwhite);overflow:hidden;}
.modalhead .form-control{height:45px;line-height:1.1;padding:0 10px;color:var(--main);border:var(--cgrey3) 1px solid;box-shadow:none;transition:all 0.2s linear 0.1s;}
.modal-data{margin:10px 0 0;max-height:calc(100vh - 150px);width: 100%;overflow:hidden;overflow-y: scroll;padding:0 0 35px;}
.scrollbar{height:100%;width: 100%;overflow-y: scroll;}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background:#b0b0b0;
}
::-webkit-scrollbar-thumb:hover {
    background:#919191;
}
.modal-data::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.modal-data::-webkit-scrollbar-thumb {border-radius:8px;}

.mobile-menu .tohome{display:none;}