/* =============================== 
Theme Name: APP BUSINESS v2.00
Author: Basri Matindas
Design: https://www.goomsite.net
 =============================== */

/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pgHYYT8L5.woff) format('woff');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKtdSZaM9iE8KbpRA_hK1QL.woff) format('woff');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_p2HcYT8L5.woff) format('woff');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pkHEYT8L5.woff) format('woff');
}

/* Reset and More */
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:none;outline:none;vertical-align:baseline;background:none;text-decoration:none}
ins{text-decoration:underline}
del{text-decoration:line-through}
blockquote{font-style:italic;color:#888}
caption,th{text-align:center}
img{border:none;position:relative}
a,a:visited{text-decoration:none}
.section,.widget,.widget ul,#PopularPosts1 ul,.ready-box ul,ul.custom-widget,.related-magz ul,h3.title-video,h3.list-title-wp,p.list-summary,.related li h3{margin:0;padding:0}
:focus{outline:none}
a img{border:none}
brc{color:#444}
.ready-box ul,ul.custom-widget{margin:0!important;padding:0!important}
.CSS_LIGHTBOX{z-index:999999!important}
.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}
span.item-control,a.quickedit{display:none!important}
.archive .home-link,.index .home-link,.home-link{display:none!important}
*{outline:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
:after,:before{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease}
.status-msg-wrap{margin:0 auto 25px}.status-msg-border{border:#eee solid 1px;opacity:0.699999988079071044921875;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.status-msg-bg{background-color:#f8f8f8;opacity:1;filter:none}
.icon:before,.postags a:before{font-family:FontAwesome;font-weight:400;font-style:normal;line-height:1;padding-right:4px}
.feed-links{clear:both;display:none;line-height:2.5em}
::selection {background:#fb1e8b;color:#fff;}
::-moz-selection {background:#fb1e8b;color:#fff}
::-webkit-selection {background:#fb1e8b;color:#fff}
::-o-selection {background:#fb1e8b;color:#fff}
:after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
svg{vertical-align: middle;}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}
h6{font-size:0.9rem}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Quicksand,sans-serif;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
p{margin: 0 0 10px;}
#navbar-iframe,a.quickedit,.blog-pager,#blog-pager{height:0;visibility:hidden;display:none}
body{background:#fff;color:#444;height:100%;font-family: Quicksand,sans-serif;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0}
a,a:link,a:visited{color:#fb1e8b;text-decoration:none}
a:hover,a:active{color:#444;text-decoration:none}
h2.date-header{display:none}
/* Saat menu mobile aktif */
body.menu-active .header-wrap a {
    pointer-events: none; /* ❌ cegah klik logo / link */
}

/* Tapi tetap izinkan tombol close & menu */
body.menu-active #cssmenu,
body.menu-active #cssmenu * {
    pointer-events: auto;
}
#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu ul li a{position:relative}
#cssmenu #head-mobile{position:relative}
#cssmenu{width:auto;line-height:1;float:right}#cssmenu ul{margin:0;display:block;height:48px}#cssmenu #head-mobile{display:none;position:relative}#cssmenu>ul>li{float:left;margin:0}#cssmenu>ul>li>a{padding:15px 15px 22px 15px;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu ul li.active a{color:#fff}
#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:rgba(64,64,64,0.1);-webkit-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}
#cssmenu ul ul li.has-sub>a:after{content:"+";font-style:normal;font-weight:normal;text-decoration:inherit;margin-left:10px}
#cssmenu ul ul li.has-sub>a:after{content:"-"}
#cssmenu>ul>li.has-sub:hover>a:after{content:""}
#cssmenu ul ul{width:240px;height:auto;position:absolute;left:-9999px;z-index:1;-webkit-box-shadow:0 8px 15px rgba(0,0,0,.2);-moz-box-shadow:0 8px 15px rgba(0,0,0,.2);-ms-box-shadow:0 8px 15px rgba(0,0,0,.2);-o-box-shadow:0 8px 15px rgba(0,0,0,.2);box-shadow:0 8px 15px rgba(0,0,0,.2);opacity:0;transform: translateY(-2em);transition: all 0.3s ease-in-out 0s;border-top:3px solid #ff728c}
#cssmenu ul ul:before{border-color:transparent transparent #ff728c transparent;content:'';position:absolute;width:0;height:0;left:-68%;border-style:solid;border-width:0 8px 8px;right:0;margin:-8px auto 0}
#cssmenu li:hover>ul{left:auto;opacity:1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
#cssmenu ul ul li{background:#fff;margin:0}
#cssmenu ul ul li:hover{background:#ff728c;}
#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{font-size:13px;padding:0 15px;line-height:45px;max-width:100%;text-decoration:none;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#cssmenu ul ul li:last-child>a,#cssmenu ul ul li.last-item>a{border-bottom:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#efefef}
.colum-left,.colum-right{z-index:30;height:auto;position:relative}
#particle-canvas:after,span.wa-x::before{content:""}
.colum-left a,.inner a,a.submit{text-transform:uppercase}
.jadwal,.mfp-container:before,.mfp-content,a.btn-wa{vertical-align:middle}
.mfp-arrow,.slick-slider{-webkit-tap-highlight-color:transparent}
.comment-content,.main-wrapper,.mfp-title,.sidebar-wrapper{word-wrap:break-word}
.hero-center{padding:10rem 0}
.colum-left{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;margin:0;padding-top:5%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.colum-left h1{font-size:35px;color:#fff;font-weight:600;letter-spacing:-2px;padding:0;margin:0}
.colum-left p{color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:2;margin:1.875em 0;}
.colum-left a{display:inline-block;padding:10px 20px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font-weight:800;font-size:13px;color:#fff;margin:0 10px 0 0;box-shadow:0 10px 35px 2px rgba(61,61,61,.3);background:#ff65a5;background:-moz-linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);background:-webkit-linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);background:linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff65a5',endColorstr='#ff866a',GradientType=1)}
.colum-left a.slide-button{color:#fff;box-shadow:0 10px 15px 0 rgba(102,204,150,.3);background:#6c9;background:-moz-linear-gradient(45deg,rgba(102,204,153,1) 0,rgba(108,205,148,1) 19%,rgba(136,209,125,1) 72%,rgba(146,211,117,1) 100%);background:-webkit-linear-gradient(45deg,rgba(102,204,153,1) 0,rgba(108,205,148,1) 19%,rgba(136,209,125,1) 72%,rgba(146,211,117,1) 100%);background:linear-gradient(45deg,rgba(102,204,153,1) 0,rgba(108,205,148,1) 19%,rgba(136,209,125,1) 72%,rgba(146,211,117,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c9',endColorstr='#92d375',GradientType=1)}
#particle-canvas:after,.header-wrap{background:linear-gradient(to right,rgba(25 8 184 / 96%) 0,#21409A 50%,#6410f7 100%)}
.colum-left a svg{width:22px;fill:#fff}
.colum-right{float:right;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;margin:0;padding-right:5%;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}
.mfp-container,.team-box,.team-details,.wa-body,img.mfp-img{box-sizing:border-box}
.colum-right img {
    width: 350px;
    height: 500px;
    visibility: visible;
    animation-duration: .8s;
    animation-name: fadeInRight;
}
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
#particle-canvas{position:relative;display:block;overflow:hidden;width:auto;z-index:10;height:300px}
#particle-canvas:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.header-wrap{position:fixed;width:100%;padding-top:5px;z-index:999;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
.header-wrap.fixed{z-index:9999;padding:10px 0 0;box-shadow:0 .25rem .375rem -.375rem rgba(76,76,76,.6901960784313725)}
.circles,.section-shape{left:0;z-index:20;position:absolute;right:0}
.section-shape{bottom:-8px}
.section-shape img{width:100%;height:auto}
.circles{top:0;bottom:0;overflow:hidden;margin:0}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(255,255,255,.13);animation:animate 45s linear infinite;bottom:-150px;z-index:0}
.circles li:nth-child(1){left:25%;width:60px;height:60px;animation-delay:0}
.circles li:nth-child(2){left:10%;width:10px;height:10px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:10px;height:10px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:40px;height:40px;animation-delay:0;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:10px;height:10px;animation-delay:0}
.circles li:nth-child(6){left:75%;width:90px;height:90px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:130px;height:130px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:15px;height:15px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:5px;height:5px;animation-delay:2s;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:130px;height:130px;animation-delay:0;animation-duration:11s}
@keyframes animate{0{transform:translateY(0) rotate(0);opacity:1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
100%{transform:translateY(-1000px) rotate(720deg);opacity:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}}
.header-wrapper{width:1100px;color:#777;min-height:50px;position:relative;z-index:999;margin:0 auto}
div#pelajar,div#whatsapp{position:fixed;transition:.5s}
#header{float:left;width:auto;overflow:hidden;margin:0;padding:0}
#header-inner{margin:5px 0;padding:0}
#header h1,#header p{font-size:26px;line-height:38px;color:#fff;margin:-3px 0 0;font-weight:700}
#header h1 a,#header h1.title a:hover,#header p a{color:#fff;text-decoration:none}
#header img{border:0;background:none;width:auto;height:35px;margin:0 auto}
#header .description{display:none}
div#pelajar{top:0;left:0;right:0;bottom:0;z-index:-99;opacity:0;background:rgba(0,0,0,.74)}
div#whatsapp,span.wa-x::before{left:50%;transform:translate(-50%,-50%)}
div#pelajar.active{z-index:9999;opacity:1}
div#whatsapp{top:50%;max-width:600px;width:100%;background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5);z-index:-1;opacity:0}
div#whatsapp.active{z-index:999999;opacity:1}
p.wa-title{margin:0;padding:15px;font-size:14px;text-transform:uppercase;text-align:center;font-weight:700;background:#067f97;color:#fff}.link-sk{color:#fff!important;text-decoration:underline!important}.wa-body{padding:20px;display:block;width:100%;border:10px solid #fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:radial-gradient(farthest-corner at 40px 40px,#285fb1,#116ca0,#008793,#00bf72,#a8eb12);color:#fff}
.wa-input,.wa-option{padding:10px;outline:0}
.wa-input{border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:1.2em}
.wa-option{border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:32px;width:100%}
.wa-input.bagi{width:92%;margin:0;outline:0}
.wa-option.kolom{width:68%;margin:1% 1% 10px}
.jadwal{margin-right:5px;display:inline}
.mr-10{margin-right:10px!important;font-size:14px}
.wa-label.bagi,.wa-label.full{padding:0;font-size:15px;font-weight:700}
.wa-label.bagi{line-height:1.2em;display:block;margin-bottom:10px}
.bagil{display:block;font-weight:700}
.wa-label.full{width:100%;line-height:32px;display:inline}
.p-info,a.submit{font-size:13px;text-align:center}
.form-whatsapp{display:inline-block;width:100%;margin-bottom:18px}
.left,.right{width:48%}
.right{float:right}
.box-tanggal{width:100%;text-align:center;margin:15px;line-height:1.6em}
.wa-input.full{width:96%;resize:none;min-height:70px;margin:0}
a.submit{line-height:24px;padding:10px 15px;width:100%;max-width:100px;font-weight:700;background:#fff;margin:14px auto 0;display:block;color:#20a94b!important;border-radius:3px;cursor:pointer}
span.wa-x{position:absolute;top:5px;right:5px;height:30px;width:30px;border:2px solid #fff;border-radius:50px;cursor:pointer}
span.wa-x::before{position:absolute;top:50%;height:3px;width:50%;background:#fff}
.p-info{color:#fff}
.about-content p{
    margin-bottom: 20px;
}
@media screen and (max-width:768px){.wa-input.bagi{width:100%;margin:0 0 10px}
.wa-body{overflow-y:scroll;max-height:500px}
.wa-input.full{width:100%;margin:0}}
.box-list,.box1,.box10,.box11,.box12,.box2,.box3,.box4,.box5,.box6,.box7,.box8,.box9,.mfp-bg,.team-details,.team-img img{overflow:hidden}
@media screen and (max-width:640px){.left,.right{width:100%}}
a.btn-wa{border-radius:35px;letter-spacing:0;line-height:35px;display:block;font-size:13px;font-weight:700;text-transform:uppercase;color:#fff;float:right;position:relative;transition:.3s ease-out;-moz-transition:.3s ease-out;-webkit-transition:.3s ease-out;border:1px solid #ff66a3;padding:1px 15px!important;margin-top:0;margin-left:0;box-shadow:0 5px 5px 0 rgba(107,66,83,.16);background:#ff65a5;background:-moz-linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);background:-webkit-linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);background:linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%)}
a.btn-wa span{display:block}
a.btn-wa i{display:none}
.about-content h6,.box1 .right .about-content ul li i{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:transparent}
.box1{margin:0 auto;padding:3rem 0 1rem}
.box1 .left,.box1 .right{width:50%}
.left{float:left}
.box1 .right{float:right}
.box1 .right .about-content ul li i{font-size:15px;color:#74e5a5;padding-right:2px;background-image:-webkit-gradient(linear,right top,left top,from(#75e9a0),to(#75bae4));background-image:linear-gradient(-90deg,#75e9a0 0,#75bae4 100%)}
#about-area{padding:110px 0 50px}
.about-content h6{font-weight:600;background-image:-webkit-gradient(linear,right top,left top,from(#0985f9),to(#6809dc));background-image:linear-gradient(-90deg,#0985f9 0,#6809dc 100%);margin:0 0 5px}
.about-content h2{font-weight:700;margin-bottom:25px}
.about-content ul li{font-size:14px;display:block;padding:5px 0;font-weight:600}
.about-content a{display:inline-block;background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%);background-size:100% auto;padding:12px 30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#fff;margin-top:30px;font-weight:500;box-shadow:0 18px 32px rgba(0,0,0,.28)}
.about-content a:hover{background-size:200% auto}
.video-content{margin:0 auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpJ-dAYGjfdpr8Y536PJlk92ted27JoGVvKY8HGJJUffhr1wrj3v_JtKaZxN5vQoALi3RIhEBxR8RXW4KYuySgB4AXZUBuivrDzGJ8U7tfsf_yWRV6vXUGlLJFX4AH_RANemiX6hKPLEo/s1600/over.jpg) center no-repeat;background-origin:initial;background-clip:initial;background-size:cover;z-index:1;padding:0;height:380px;max-width:738px;width:100%}
.video-content .bg-opacity{background-color:rgba(21,21,21,.79);height:100%}
.video-content a{display:inline-block;width:80px;height:80px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:30px;text-align:center;line-height:80px;padding:0;background-color:#fb1e8b;color:#fff;position:relative}
.video-content a:after,.video-content a:before{content:"";position:absolute;left:-5px;top:-5px;height:90px;width:90px}
.video-content a:after{border:3px solid #fb1e8b;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:icon-bubble 1s infinite forwards linear;animation:icon-bubble 1s infinite forwards linear}
.video-content a:before{border:3px solid #fb1e8b;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:icon-bubble 1s infinite forwards linear .5s;animation:icon-bubble 1s infinite forwards linear .5s}
.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}
.box-list li i,.box5,.box8{position:relative}
.d-table-cell{padding:150px 0}
@-webkit-keyframes icon-bubble{0{-webkit-transform:scale(.85);transform:scale(.85);opacity:1}
25%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.8}
50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.55}
75%{-webkit-transform:scale(1.32);transform:scale(1.32);opacity:.3}
100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}
@keyframes icon-bubble{0{-webkit-transform:scale(.85);transform:scale(.85);opacity:1}
25%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.8}
50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.55}
75%{-webkit-transform:scale(1.32);transform:scale(1.32);opacity:.3}
100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}
#footer h2,#footer h6,#footer p,.box12 .section-heading h2,.box12 .section-heading h6,.box12 .section-heading p,.box3 .section-heading h2,.box3 .section-heading h6,.box3 .section-heading p.text-light,.box5 .section-heading h2,.box5 .section-heading h6,.box5 .section-heading p.text-light,.box8 .section-heading h2,.box8 .section-heading h6,.box8 .section-heading p{color:#fff}
.section-heading h6{font-weight:500;color:#555;margin:0 0 5px;font-size:20px}
.section-heading h2,.section-heading1 h2{font-weight:700;font-size:45px;color:#555;margin:10px 0}
.section-heading p, .section-heading1 p {
    color: #333;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
}
.section-heading{-ms-flex:0 0 50%;flex:0 0 50%;max-width:70%;margin:0 auto 60px}
.section-heading1{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin:40px auto 20px}
.box12 .section-heading{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin:0 auto 20px}
#footer .section-heading{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin:0 auto}
.text-center{text-align:center}
.box2{background:#f9f9f9;margin:0 auto;padding:3rem 0 1rem}
.box-list {
    list-style: none;
    margin: 15px 0 30px;
    padding: 0 0 30px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 18px;
    text-align: center;
}
.box-list li{float:left;display:block;background:#fff;width:25.15%;padding:40px 30px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:0 1px 15px 1px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04);border:0;margin:15px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.box-list li i,.box3{background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%)}
.box-list li span{font-size:16px;color:#000;font-weight:600;line-height:1.2em}
.box-list li p{padding:0;margin:5px 0 0}
.box-list h3 {
    font-size: 18px;
    padding: 15px 0;
    font-weight: 700;
}
.box-list li i{font-size:35px;color:#fcfcfc;padding:0;width:75px;height:75px;margin:0 auto 20px;line-height:75px;border-radius:100%;box-shadow:0 18px 32px rgba(0,0,0,.28);display:block;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.box10,.box11,.box3,.box4,.box5,.box6,.box7,.box8,.box9{padding:3rem 0}
.about-wrap,.box10,.box11,.box3,.box4,.box5,.box6,.box7,.box8,.box9{margin:0 auto}
.box4{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3RtgsKIPBfjVsv590UdWHJ796LUiDFazE4ZT-O0_VOiVlEH0Hj68m8vfhpprQ5VVg7d7mLqJbtc42h6lgVHDnN_5vtOBCneVZg6Fm52LUFxLfGM9d4Dqevfz5FlI_ctMZqzuPa2-fiG8/s1600/bg.png) left bottom no-repeat #fff}
.box5{background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%)}
.box7{background:#fbfbfb}
.box8{background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%)}
.box9{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTyqu8WZzFRT_8Duo88kzG9Sj0T_5HBRTn99oqPHeJy6g1lmHiCYu9UwF5pxXwZ3-PTAqWbozem9oHK2p2Wk5yUSjypOJ0MnwPzhrrNMGzwvRG5OusK1LfYXAslNvgSztI2a5KLspvyWY/s1600/bg2.png);background-repeat:no-repeat;background-position:left bottom}
.team-img,.team-member{position:relative;overflow:hidden}
.about-title{margin-bottom:35px}
.about-title h4{font-size:35px;line-height:45px;color:#303030}
.socials a,.team-details p{color:#fff}
.team-box{width:23.1%;float:left;padding:0;margin:10px;height:324px}
.overlay,.team-img img{width:100%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.team-img img{height:100%}
.team-img{height:246px}
.overlay,.socials,.team-details{position:absolute}
.team-title{padding:11px 0 11px 51px;margin:0;font-size:16px}
.overlay{background-color:rgba(20,20,20,.7);top:0;height:100%;opacity:0}
.team-details{opacity:0;top:40%;left:0;padding:5%;z-index:2;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.team-box:hover .socials{opacity:1}
.socials{top:0;bottom:0;right:0;opacity:0;background:rgba(56,44,54,.45);z-index:2;height:246px;-webkit-transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-o-transition:all .5s ease-in-out 0;transition:all .5s ease-in-out 0}
.socials a,.socials i{height:34px;text-align:center}
.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}
.socials a{display:block;width:36px;padding:7px}
.socials i{line-height:34px;color:rgba(243,41,151,.61);font-size:14px;width:34px;background-color:#fff;border-radius:50%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.team-details .socials i{color:#fff}
.phone_trigger{border-left:1px solid #f2f2f2;font-size:25px;display:block;float:right;color:#505050;width:49px;cursor:pointer;-webkit-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}
.inner{background:#f1f1f1;padding:12px 0;text-align:center}
.inner a {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}
.subscribe-wrapper,h2,h3.date-header{text-transform:none}
.inner p {
    font-weight: 500;
    color: #000;
    font-size: 14px;
}
.box12{background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%);margin:0 auto;padding:3rem 0}
.mfp-bg{top:0;left:0;z-index:1042;position:fixed!important;background:#000;opacity:.8}
.mfp-wrap{top:0;left:0;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px}
.mfp-container:before{display:inline-block;height:100%}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;margin:0 auto;text-align:left;z-index:1045}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-close,.mfp-preloader a:hover{color:#fff}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}
button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:none;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-figure,img.mfp-img{line-height:0}
.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}
.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}
img.mfp-img{padding:40px 0;margin:0 auto}
.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;padding-right:36px}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px){
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}
}
@media screen and (max-width:300px){
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}}
#subscribe-css{position:relative;padding:0;overflow:hidden;display:block;margin:0 auto;width:100%;max-width:607px}
.subscribe-wrapper{color:#444;font-size:16px;line-height:normal;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin:0;text-align:center;font-weight:400}
.contact-form-button-submit,.subscribe-css-email-button{text-transform:uppercase;text-align:center;cursor:pointer}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field {
    min-width: 560px;
    max-width: 100%;
    margin: 0;
    padding: 23px;
    border: none;
    font-size: 17px;
    color: #000;
    background: #fff;
    outline: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    line-height: 1;
}
.subscribe-css-email-button{padding:18px 30px;border:0;color:#fff;right:8px;top:9px;position:absolute;line-height:1;font-weight:900;background-color:#f92792;outline:0;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;}
div#landing_form{padding:50px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#1d1d1d;font-size:15px;font-weight:700;position:relative;margin:0 auto;overflow:hidden}
div#landing_form .wrap-me{margin:0;display:block;max-width:500px;width:100%;float:left;box-sizing:border-box;background:rgba(0,0,0,.24);padding:40px 40px 5px}
.contact-title{text-align:center;margin:25px 0}
.contact-title h4{font-size:35px;line-height:45px;color:#303030}
.contact-title span{color:#606060}
.contact_list_wrapper{text-align:center}
.contact-list-info{list-style:none;padding:0;margin:0;text-align:center}
.contact_list_wrapper .contact-list-info li{padding:0 15px;display:inline-block;line-height:25px;color:#606060}
.contact_list_wrapper .contact-list-info li i{display:inline;margin-right:5px;font-size:15px;vertical-align:-2px;color:#303030}
.contact_list_wrapper .contact-list-info li p{display:inline}
#ContactForm1_contact-form-email,#ContactForm1_contact-form-email:active,#ContactForm1_contact-form-email:hover,input#ContactForm1_contact-form-name{padding:5px;margin-top:4px!important;box-shadow:none!important;width:100%;max-width:100%;background:none!important;color:#fff;border-color:rgba(238, 238, 238, 0.3411764705882353);border-width:0 0 1px;line-height:1em;min-height:31px;margin-bottom:15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.contact-form-email-message,.contact-form-email-message:active,.contact-form-email-message:hover{padding:5px;margin-top:4px!important;box-shadow:none!important;width:100%;max-width:100%;line-height:1em;min-height:80px;background:none!important;color:#fff;border-color:rgba(238, 238, 238, 0.3411764705882353);border-width:0 0 1px;margin-bottom:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-name:focus{outline:0;background:none!important;color:#fff;border-color:#ffbd2f!important;border-width:0 0 1px;box-shadow:none!important;transition:all .3s ease-in-out!important}
.contact-form-button-submit{border:none;display:table;font-size:12px;margin:0!important;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;max-width:100%;width:100%;min-width:100%;line-height:.2em;letter-spacing:.5px;font-weight:700;position:relative;outline:0!important;color:#fff;box-shadow:0 10px 15px 0 rgba(255,101,165,.3);background:#ff65a5;background:-moz-linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);background:-webkit-linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);background:linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);padding:18px 47px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
.contact-form-success-message,.contact-form-success-message-with-border{color:#fff!important;margin-top:55px!important}
.contact-form-button-submit.disabled,.contact-form-button-submit.disabled:active,.contact-form-button-submit.disabled:hover{opacity:.9}
.contact-form-error-message-with-border{background:#000;border:none;bottom:0;box-shadow:none;color:#fdfdfd;font-size:15px;font-weight:400;line-height:35px;margin-left:0;opacity:1;position:static;text-align:center;height:35px;margin-top:60px}
.contact-form-cross{height:14px;margin:5px;vertical-align:-8.5%;float:right;width:14px;border-radius:50px;border:0!important;cursor:pointer}
.contact-form-widget{max-width:100%}
.contact-form-success-message-with-border{font-weight:400;background-color:#52ad48;border:none;color:#fff;line-height:35px;margin-left:0;font-size:13px;opacity:1;position:static;text-align:center;height:35px;margin-top:60px}
div#landing_form span.email-bg,div#landing_form span.message-bg,div#landing_form span.name-bg{line-height:21px;padding:3px 0;height:30px;margin:0 0 4px;letter-spacing:0;font-weight:400;display:inline-block;width:100%;box-sizing:border-box}
div#landing_form span.email-bg, div#landing_form span.name-bg,div#landing_form span.message-bg {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
div#landing_form span.send-bg{height:32px;display:inline-block;float:left;transition:all .4s ease-in-out!important}
div#landing_form .clear-button,div#landing_form span.clear-bg{display:none}
input.contact-form-button.contact-form-button-submit.clear-button:hover{background-color:#e83434!important}
.map-me{margin:0;display:block;max-width:500px;width:100%;float:left;padding:40px;box-sizing:border-box}
.map-me .con-title{font-weight:700;letter-spacing:-1px;line-height:48px;color:#fff;margin:0;text-transform:capitalize}
.map-me .con-text{font-weight:500;line-height:24px;color:#555;margin:0 0 10px}
.map-me .con-list{list-style-type:none;padding:0}
.map-me .con-list li{list-style-type:none;color:#fff;line-height:45px;margin-bottom:15px;font-weight:400}
.map-me .con-list li i{font-size:2em;margin-right:20px;padding:0;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:rgba(255,255,255,.93)}
#search-wrapper{padding:20px 0 25px;margin:0 auto;width:100%;display:block;background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%);border-radius:5px;overflow:hidden}
#search-wrapper h4{color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;line-height:1.3em;text-align:center;padding:0 0 10px;margin:auto}
#search-box{width:80%;height:50px;padding:0;margin:0 auto;text-align:center;position:relative}
#search-box form{border:1px solid #fff;line-height:40px;background:#fff;border-radius:5px}
.search-button,.search-form{line-height:25px;margin:0;border:none}
.search-form{color:#272727;width:100%;padding:0 30px 0 10px;height:25px;font-size:12px;font-weight:400;-moz-box-sizing:border-box;box-sizing:border-box}
.search-button{background:none;width:40px;height:30px;padding:10px 0;text-align:center;top:0;right:0;font-size:19px;color:#f22a9b;position:absolute;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-shadow:none;box-shadow:none;cursor:pointer}
.search-button:focus,.search-button:hover,.search-form:focus,.search-form:hover{border:none;outline:0;color:#1f253d}
.container{position:relative;max-width:1100px;margin:0 auto}
.outer-wrapper{position:relative;width:100%;padding:0}
.main-wrapper{width:780px;margin:0;float:left;overflow:hidden}
.clr{clear:both;float:none}
h2{line-height:1.4em;color:#333;margin:.5em 0 .25em}
h3.date-header{color:#666;line-height:1.2em;margin:.1em 0}
.post{margin:0;padding:0}
.post h1{font-size:200%;line-height:1.2em;color:#333;margin:0;padding:4px 0;font-weight:400;text-transform:uppercase}
.post h1 a,.post h1 a:visited,.post h1 strong{display:block;text-decoration:none;color:#333}
.post-body{margin:0;line-height:1.8em}
.post-body blockquote{line-height:1.5em;margin:15px 0;font-size:15px;background:#f1f1f1;padding:10px 20px;border-left:5px solid #f42997}
.post ol,.post ul{margin:5px 0 5px 10px;padding:0 0 0 20px}
#header2 img,.post img,.sidebar img{max-width:100%;width:auto;border:0;height:auto!important}
.post ul{list-style-type:inherit}
.post ol{list-style-type:decimal}
.line-left,.line-right{width:50%}
.line-left{float:left}
.line-right{float:right}
.timeline-item{padding:2.8125rem 3rem 3rem;position:relative;color:rgba(0,0,0,.7);border-left:.125rem solid #f92892}
.timeline-item::before{content:attr(date-time);display:block;position:absolute;top:.75rem;font-size:.8125rem}
.timeline-item::after{content:'';display:block;width:1rem;height:1rem;position:absolute;top:1em;left:-.5rem;border-radius:1rem;margin-left:-.0625rem}
.timeline__section .timeline-item:first-child:before{top:0}
.timeline__section .timeline-item:first-child:before,.timeline__section .timeline-item:last-child:before{content:"";width:.5rem;height:.5rem;background:#8315d6;display:block;position:absolute;left:-.3125rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.timeline-centered{display:flex;flex-wrap:wrap}
.timeline-centered .timeline-item{max-width:50%;flex:0 0 50%}
.timeline-centered .timeline-item:not(:nth-child(even)){border-left:0;border-right:.125rem solid #f92892;text-align:right}
.timeline-centered .timeline-item:not(:nth-child(even))::before{right:3rem}
.timeline-centered .timeline-item:not(:nth-child(even))::after{left:auto;right:-.5rem;margin-left:auto;margin-right:-.0625rem}
.timeline-centered .timeline-item:nth-child(even){margin-left:calc(50% - .125rem)}
.timeline-horizontal{display:flex}
.timeline-horizontal .timeline-item{border-left:0;border-top:.125rem solid #f92892;padding-top:3.3125rem}
.timeline-horizontal .timeline-item::before{top:1.25rem}
.timeline-horizontal .timeline-item::after{left:3rem;top:-.5rem;margin-top:-.0625rem}
.timeline-vertical-x .timeline-item{border-left:0;border-left:.125rem solid #f92892;border-bottom:.125rem solid #f92892;padding-top:2.8125rem}
.timeline-vertical-x .timeline-item h5{
    font-size: 22px;
    margin-bottom: 10px;
}
.timeline-vertical-x .timeline-item p {
    font-weight: 500;
    font-size: 15px;
}
.timeline-vertical-x .timeline-item::before{top:2.3125rem}
.timeline-vertical-x .timeline-item::after{top:2.8125rem}
.timeline-vertical-x .timeline-item:not(:nth-child(even)){margin-right:2rem;border-bottom-left-radius:2rem;padding-right:0}
.timeline-vertical-x .timeline-item:not(:nth-child(even)):not(:first-child){border-top-left-radius:2rem;border-top:.125rem solid #f92892;margin-top:-.125rem}
.timeline-vertical-x .timeline-item:nth-child(even){border-left:0;border-top-right-radius:30px;border-bottom-right-radius:30px;border-top:.125rem solid #f92892;border-right:.125rem solid #f92892;margin-top:-.125rem;padding-left:0;margin-left:2rem;text-align:right}
.timeline-vertical-x .timeline-item:nth-child(even):before{right:3rem}
.timeline-vertical-x .timeline-item:nth-child(even):after{left:auto;margin-left:0;right:-.5rem;margin-right:-.0625rem}
.timeline-vertical-x .timeline-item:last-child:not(:nth-child(even)){border-bottom:0;border-bottom-left-radius:0}
 [data-step].timeline-item::after{content:attr(data-step);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;left:-1.5rem;border-radius:3rem;font-weight:500;background:#ce33c1;background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%);color:#fff}
.future-timeline-right:after,.future-timeline:after,.timeline-right:before,.timeline:before{content:""}
.timeline p,.timeline-right p{line-height:1.8em;font-weight:300}
 [data-step].timeline-item:nth-child(even)::after{left:auto;right:-1.5rem}
.timeline-horizontal [data-step].timeline-item::after{top:-1.5rem;left:1.875rem}
.animation-circle-inverse i{top:50%;left:0;margin:0 auto;background:#eee;right:0;box-shadow:0 15px 30px 0 rgba(0,0,0,.11);position:absolute;height:100px;width:100px;border-radius:100%;opacity:.3;transform:scale(1.3);-webkit-animation:ripple1 3s linear infinite;animation:ripple1 3s linear infinite}
.animation-circle-inverse i:nth-child(2){-webkit-animation:ripple2 3s linear infinite;animation:ripple2 3s linear infinite}
.animation-circle-inverse i:nth-child(3){-webkit-animation:ripple3 3s linear infinite;animation:ripple3 3s linear infinite}
@keyframes ripple1{0{transform:scale(5.5);opacity:.3}
to{transform:scale(8.5);opacity:0}}
@-webkit-keyframes ripple1{0{-ms-transform:scale(5.5);-webkit-transform:scale(5.5);transform:scale(5.5);opacity:.3}
to{-ms-transform:scale(8.5);-webkit-transform:scale(8.5);transform:scale(8.5);opacity:0}}
@keyframes ripple2{0{-ms-transform:scale(3.5);-webkit-transform:scale(3.5);transform:scale(3.5)}
to{-ms-transform:scale(5.5);-webkit-transform:scale(5.5);transform:scale(5.5)}}
@-webkit-keyframes ripple2{0{-ms-transform:scale(3.5);-webkit-transform:scale(3.5);transform:scale(3.5)}
to{-ms-transform:scale(5.5);-webkit-transform:scale(5.5);transform:scale(5.5)}}
@keyframes ripple3{0{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}
to{-ms-transform:scale(3.5);-webkit-transform:scale(3.5);transform:scale(3.5)}}
@-webkit-keyframes ripple3{0{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}
to{-ms-transform:scale(3.5);-webkit-transform:scale(3.5);transform:scale(3.5)}}
.timelist-left,.timelist-right{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.timelist-left{float:left;position:relative}
.timelist-right{float:right;position:relative}
.future-mobile{margin:0 auto 0 6.5%;float:left;text-align:center;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;display:block;max-width:33.333333%}
.future-mobile img{width:80%;margin:20px auto}
.future-box{padding:60px 0}
.img-fluid{max-width:100%;height:auto}
.future-timeline-right:after{background-color:rgba(238, 238, 238, 0.27058823529411763);position:absolute;height:100%;width:1px;left:-15px;background-size:cover;border-radius:12px;top:0}
.future-timeline{text-align:right}
.text-left{text-align:left!important}
.timeline h4{color:#fff!important;margin-top:0}
.timeline p{color:#fff;margin-bottom:55px;margin-left:12px;margin-right:15px}
.sub-title{font-size:20px;margin-bottom:0;font-weight: 700;}
ul{list-style-type:none;padding:0;margin:0}
.timeline:before{background:#9647db;position:relative;height:12px;width:12px;right:-21px;background-size:cover;top:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:2;float:right;padding:0;border:3px solid rgba(238, 238, 238, 0.7294117647058823);}
.future-timeline:after{background-color:rgba(238, 238, 238, 0.27058823529411763);position:absolute;height:100%;width:1px;right:-15px;background-size:cover;border-radius:12px;top:0}
.timeline-right:before{background:#9647db;position:relative;height:12px;width:12px;left:-21px;top:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:2;float:left;padding:0;border:3px solid rgba(238, 238, 238, 0.7294117647058823);}
.timeline-right h4{color:#fff!important;margin-top:0}
.timeline-right p{color:#fff;margin-bottom:55px;margin-left:12px}
.ac-left{float:left;padding:10px;border:1px solid #e6f0fa;-webkit-box-shadow:0 0 30px #ddd;box-shadow:0 0 30px #ddd;border-radius:6px}
.ac-right{text-align:center;float:right}
.ac-left,.ac-right{width:48%}
.ac-right img{max-width:260px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:5px solid #f1f1f1;-webkit-box-shadow:0 10px 30px #ccc;box-shadow:0 10px 30px #ccc}
.accordion{font-size:1rem;margin:0 auto}
.accordion-header{padding:10px 20px;background:#6410f7;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}
.accordion-body{background:#fcfcfc;color:#3f3c3c;display:none}
.accordion-body__contents {
    padding: 1.5em;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.accordion__item.active:last-child .accordion-header{border-radius:none}
.accordion:first-child>.accordion__item>.accordion-header{border-bottom:1px solid #d8b31b}
.accordion__item>.accordion-header:after{content:"\f107";font-family:FontAwesome;font-size:1.2em;float:right;position:relative;top:-2px;transition:.3s all;transform:rotate(0)}
.accordion__item.active>.accordion-header:after{transform:rotate(-180deg)}
.accordion__item.active .accordion-header{background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%)}
.accordion__item .accordion__item .accordion-header{background:#f1f1f1;color:#000}
@media screen and (max-width:1000px){.accordion{width:100%}}
.col_fourth{width:23.5%;position:relative;display:inline;display:inline-block;float:left;margin-right:1.7585%;margin-bottom:20px}
.count-text, .count-title {
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}
.end{margin-right:0!important}
.counter{background-color:#fff;padding:20px 0;text-align:center;border-radius:5px;border:1px solid #ffd8fe;-webkit-box-shadow:0 0 10px #e6f0f1;box-shadow:0 0 10px #e6f0f1}
.count-title{font-size:40px}
.count-text {
    font-size: 14px;
    color: #000;
}
.fa-2x{margin:0 auto;float:none;display:table;color:#fb2790}
.phone,.slider .slick-dots{position:absolute;display:block}
.phone{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BOe795-CEhz3qF9hLeXNq_E599vCNox14h8AvesMjxLEobE7-SlfGFTi5dJwlCxksIlli6vN6dWoL4hlhHH-C1osU8r4FxjFQ-zg3GMO7GRhF118uKyLTGYKI1h6ynGNrLMzzB_b8_4/s1600/bgm.png);background-repeat:no-repeat;background-size:100% 100%;height:616px;width:400px;left:calc(50% + 8.5px);top:-12%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}
 [dir=rtl] .slick-slide{float:right}
.slick-slide img{height:100%;width:100%}
.slick-slidedd:after{content:'';position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:transform .4s}
.slider .slick-dots{width:100%;padding:0;z-index:1;bottom:-22%;margin:40px 0 0;list-style:none;text-align:center}
.slider .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer}
.slider .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:#999;border:none;outline:0;background:none}
.slider .slick-dots li button:focus,.slider .slick-dots li button:hover{color:#f9d000;outline:0}
.slider .slick-dots li button:focus:before,.slider .slick-dots li button:hover:before{font-size:18px;color:#f9d000;opacity:1}
.slider .slick-dots li button:before{font-family:FontAwesome;font-size:10px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'\f111';text-align:center;opacity:1;color:#e0dfe0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slider .slick-dots li.slick-active button:before{opacity:.75;font-size:18px;color:#f9d000}
.slider .NextArrow,.slider .PrevArrow{position:absolute;top:10%;min-width:0;bottom:11%;margin:0;font-size:2.5em;cursor:pointer;text-align:center}
.slider .NextArrow{outline:0;right:0;background:rgba(17,17,17,.82);border:none;z-index:5;width:47px;height:auto;-webkit-transform:none;transform:none;border-radius:initial;visibility:visible}
.slider .NextArrow:before,.slider .PrevArrow:before{content:"";height:40px;display:block}
.slider .NextArrow:hover,.slider .PrevArrow:hover{opacity:.6}
.slider .NextArrow:before{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi62yKRxBsg_O0u11yciY9_NJMAutmBUe_7Td3beLI4-LU0EdzNIJhc4n8H_dQ-C5NC5is04WxQqak1CloKZlcE8TclMjQR7ksZq-hSVps4SunpE1Np8eugt5PDsG-MsHN9ZWWH3Wmcv1Q/s1600/arrow-right.png) 100% no-repeat;width:34px}
.slider .PrevArrow:before{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbr9SotidKU9RRf5xql1aOfS-BarpEtAw8jFN5uIALKk0m7gpjnpGiV1SjkelX_jwsUx_BOE81rRM3Kc6pU5LNURzLWFGh8YFyia4BhJPbjQdJZn2xgkEWow0ubARVmvG2Pc-BcFklhq4/s1600/arrow-left.png)-1% no-repeat;width:40px}
.slider .PrevArrow{outline:0;left:0;background:rgba(17,17,17,.82);border:none;z-index:5;width:47px;height:auto;-webkit-transform:none;transform:none;border-radius:initial;visibility:visible}
.item.slick-slide,.item.slick-slide.slick-center:after,.slick-list,.slick-slider,.slick-track,.slider,.pricing_table .plan,.pricing_table header,.testimonial{position:relative}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slider{padding:0;margin:5rem auto;width:100%}
.item.slick-slide{width:265px;margin:0 15px;height:443px!important;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}
.item.slick-slide img{width:100%;height:100%}
.item.slick-slide.slick-center{-webkit-transform:scale(1);transform:scale(1);z-index:10;opacity:.9;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);background:rgba(0,0,0,.8)}
.slick-center:after{opacity:0}
.slick-slider{display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}
.slick-list{display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
 [dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.pricing_table{color:#000;text-align:center;font-size:16px;width:100%;margin:0}
.pricing_table .plan{margin:8px;width:23.546%;float:left;background-color:#fff;box-shadow:0 1px 15px 1px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04)}
.pricing_table .plan-cost,.pricing_table .plan-select a{background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%)}
.pricing_table .plan.hover .plan-cost,.pricing_table .plan:hover .plan-cost{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pricing_table *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}
.pricing_table header{color:#616161;font-weight:700;padding:20px}
.pricing_table .plan-title{font-size:1.4em;font-weight:500;padding:10px 0;margin:0;text-transform:uppercase}
.pricing_table .plan-cost{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:90px;width:90px;height:90px;margin:15px auto 0}
.pricing_table .plan-price{font-weight:800;font-size:1.3em;color:#fff}
.pricing_table .plan-type{opacity:.8;color:#fff;font-size:.7em}
.pricing_table .plan-features{padding:0;margin:0;text-align:center;list-style:none;font-size:.8em}
.pricing_table .plan-features li {
    padding: 10px 5%;
    font-size: 15px;
    font-weight: 500;
}
.pricing_table .plan-features i{margin-right:8px;opacity:.4}
.pricing_table .plan-select{padding:20px}
.pricing_table .plan-select a{color:#fff;text-decoration:none;padding:10px 30px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font-weight:500;text-transform:uppercase;display:inline-block}
.pricing_table .featured{margin-top:-10px;background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%);color:#fff;box-shadow:0 0 20px rgba(0,0,0,.4);z-index:1}
.pricing_table .featured .plan-cost{background:#fff}
.pricing_table .featured .plan-select{padding:20px;margin:20px 0}
.pricing_table .featured .plan-price,.pricing_table .featured .plan-type{color:#555}
.pricing_table .featured .plan-select a{background:#fff;color:#555}
.pricing_table .featured header{color:#fff}
@media screen and (max-width:767px){.pricing_table .plan{width:50%}
.pricing_table .featured .plan-select a,.pricing_table .plan-select a{padding:20px}
.pricing_table .featured{margin-top:0}}
@media screen and (max-width:440px){.pricing_table .plan{width:100%}}
.testimonial{outline:0;background-color:#ac43e9;text-align:center;padding:30px 30px 50px;margin:0 15px 160px}
.testimonial::after,.testimonial::before{content:"";border-top:40px solid #a13cdc;border-right:125px solid transparent;position:absolute;bottom:-40px;left:0}
.testimonial::after{border-right:none;border-left:125px solid transparent;left:auto;right:0}
.testimonial .icon{display:inline-block;font-size:28px;color:#fff;margin-bottom:20px}
.testimonial .description {
    font-size: 15px;
    color: #fff;
    text-align: justify;
    margin-bottom: 30px;
    font-weight: 500;
}
.testimonial .testimonial-content{width:100%;left:0;position:absolute}
.testimonial .pic{display:inline-block;border:4px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:0 0 4px 4px rgba(84,84,84,.12156862745098039);overflow:hidden;z-index:1;position:relative}
.testimonial .pic img{width:100%;height:auto}
.testimonial .name{font-size:20px;font-weight:700;color:#333;text-transform:capitalize;margin:10px 0 5px}
.footer h2,.sidebar h2{text-transform:uppercase}
.testimonial .title {
    display: block;
    font-weight: 500;
    font-size: 15px;
    color: #212121;
}
#testimonial-slider .slick-dots{position:absolute;display:block;width:100%;padding:0;z-index:1;bottom:-10%;margin:40px 0 0;list-style:none;text-align:center}
#testimonial-slider .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer}
#testimonial-slider .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:#999;border:none;outline:0;background:none}
#testimonial-slider .slick-dots li button:focus,#testimonial-slider .slick-dots li button:hover{color:#fb1e8b;outline:0}
#testimonial-slider .slick-dots li button:focus:before,#testimonial-slider .slick-dots li button:hover:before{font-size:18px;color:#fb1e8b;opacity:1}
#testimonial-slider .slick-dots li button:before{font-family:FontAwesome;font-size:10px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'\f111';text-align:center;opacity:1;color:#e4e4e4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;font-size:18px;color:#f9d000}
.sidebar-wrapper{width:280px;float:right;top:10%;position:sticky;overflow:hidden}
.sidebar h2{font-size:20px;margin:0;padding:5px 0}
.sidebar{color:#999;line-height:1em;margin:5px 0}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px}
.sidebar .widget{margin:0 0 30px;padding:0}
.sidebar .widget-content{margin:0 auto;padding:0}
.sidebar a:link,.sidebar a:visited{color:#00a0a;text-decoration:none;font-weight:500;font-size:14px}
.sidebar li a:hover{color:#fb1e8b}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.PopularPosts li,.PopularPosts li a,.PopularPosts li a img,.PopularPosts li img,.PopularPosts ul{margin:0;padding:0;list-style:none;border:none;background:none;outline:0}
.PopularPosts ul{margin:10px 0 0;list-style:none;color:#333}
.PopularPosts ul li img{display:block;width:100%;height:auto}
.PopularPosts .item-snippet,.PopularPosts ul li:nth-child(n+6){display:none}
.PopularPosts ul li{margin:0 2px;position:relative;line-height:1.4em!important}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li a:hover{color:#ef2929!important}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;transition:all .3s}
.PopularPosts ul li .item-title a:hover,.PopularPosts ul li a:hover{color:#ef2929}
.PopularPosts .item-thumbnail{margin:0 10px 0 0;width:72px;height:72px;float:left}
.PopularPosts .item-title{padding:0 5px}
#share_btnper{margin:15px auto;padding:0}
.share_btn{position:relative;margin:0;padding:0;text-align:center;display:block;overflow:hidden}
.share_btn ul{position:relative;margin:0;padding:0;font-size:12px}
.share_btn ul li{margin:8px;display:inline-block;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.04),0 12px 28px rgb(248,249,250)}
.share_btn li a{color:#fff;padding:0;width:55px;display:block;text-align:center;height:55px;line-height:55px;overflow:hidden}
.share_btn li a svg{height:25px;text-align:center;width:auto}
#Label1{padding-bottom:10px}
#Label1 ul{margin:10px 0 20px 0}
#Label1 li{float:left;display:inline;margin:0 5px 5px 0;padding:0 5px;height:24px;line-height:24px;color:#aaa;background-color:#e2e2e2;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;transition:background-color .5s linear}
#Label1 li a{padding:0 8px;color:#333;-webkit-transition:color .5s linear;-moz-transition:color .5s linear;-o-transition:color .5s linear;transition:color .5s linear;text-shadow:0 1px 0 #fff}
#Label1 a:hover{color:#f95759}
#footer{width:100%;margin:30px 0 0;position:relative;overflow:hidden;display:block;padding:110px 0 55px}
#footer:before{border-radius:750px;background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%);content:"";height:1250px;left:-360px;position:absolute;top:40px;-webkit-transform:rotate(-184deg);transform:rotate(-184deg);width:2250px}
.footer-wrapper{color:#fff;height:100%;line-height:2em;overflow:hidden;padding:0;font-size:13.3px}
.footer{float:left;width:31%;margin:10px}
.footer .widget{margin-bottom:30px}
.footer h2{border-bottom:3px solid #333;padding-bottom:8px;margin-top:15px;margin-bottom:8px;line-height:1.3em;color:#fff}
.footer .widget-content{line-height:21px}
.footer ul{list-style:none;color:#777;margin:0;padding:0}
.footer li{color:#777;line-height:1.2em;margin:0;padding:12px 0 12px 18px;border-bottom:1px solid #2c2c2c}
.footer a:link,.footer li a:visited{color:#999;text-decoration:none;font-weight:600;position:relative;text-indent:-18px}
.footer li a:hover{color:#ccc}
#credit{background:#fff;font-size:13px;color:#f61e90;width:100%;overflow:hidden;clear:both;padding:20px 0;font-weight:500;line-height:18px;text-align:center;text-transform:capitalize;position:relative}
#credit a,#credit a:hover{color:#555;text-decoration:none}
.comments{clear:both;padding-top:40px;border-top:1px solid #eee;margin-bottom:0}
.comment-thread .user a{font-weight:700;color:#000;padding:0;font-size:13px;text-decoration:none}
.comment-thread .user a:hover{color:inherit}
.comment-thread .datetime{font-weight:400}
.comment-thread .user{text-decoration:none;padding:0;font-size:13px;font-weight:700;position:relative}
.comment-thread .datetime{color:#a9a9a9;font-size:12px!important;margin-top:-3px}
.comment-thread .datetime a{text-decoration:none;color:#a9a9a9;font-size:12px!important;font-weight:400}
.comment-thread .datetime a:hover{color:#000}
.comment-content{line-height:1.5em;margin:4px 0 5px;color:#444;font-weight:400;font-size:13px;padding:0}
.item-control a,a.comment-reply{color:#aaa!important;font-size:12px!important;font-weight:400!important}
.item-control a:hover,a:hover.comment-reply{color:#000!important}
.item-control{margin-left:0}
.thread-chrome a.comment-reply{color:#fff!important;display:block;margin-top:20px!important;border:none;text-align:center;background:linear-gradient(to right,rgba(251,30,139,.96) 0,#ab44ec 50%,#6410f7 100%);margin:0 auto;width:23%;font-weight:500!important;border-radius:5px}
.thread-chrome a:hover.comment-reply{border-color:#bbb}
.comment-block{margin-left:65px;background:#f4f4f4;padding:10px;text-align:left;border:1px solid #f5f5f5;border-radius:5px;position:relative;display:block}
#comments .comments-content .icon.blog-author{width:16px;height:16px;margin-left:5px;vertical-align:2px;display:inline-block;background:url(data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z' fill='%23118ff9'></path></svg>) center center no-repeat}
a.allbtn{background-color:#9534ef;font-size:13px;font-weight:600;text-transform:uppercase;color:#fff;text-align:center;box-shadow:0 4px 5px 0 rgba(153,55,239,.32);padding:10px;width:160px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;display:block;transition:all .2s ease-in-out;margin:18px auto}

#toTop{position:absolute;right:0;top:0;background:#a33eee;padding:17px 20px;cursor:pointer}
#toTop i{color:#fff;font-size:22px;line-height:32px}

@media screen and (max-width: 1100px){
.header-wrapper {width:100%;}
#header-inner {margin:5px 10px;}
.container {max-width:98%;}
.box-list li {width:24.8%;}
.col_fourth {width:23.4%;}
.pricing_table .plan {width:23.4%;}
.main-wrapper {width:71.5%;}
}
@media screen and (max-width: 1024px){
.box-list li {width:24.2%;}
.line-left, .line-right {width:42%;}
.timeline-vertical-x .timeline-step{margin-right:30px}
.future-mobile {margin:0 auto 0 4%;}
.pricing_table .plan {width:23.3%;}
div#landing_form .wrap-me {max-width:460px;}
.team-box {width:22.9%;}
.main-wrapper {width:69%;}
}
@media screen and (max-width: 960px){
.box-list li {width:23.5%;}
.colum-left h1 {font-size: 60px;}
.future-mobile {margin:0 auto 0 3%;}
.pricing_table .plan {width:23.2%;}
.team-box {width:22.8%;}
.team-img {height:205px;}
.socials {display:none}
.map-me {max-width:40%;}
.main-wrapper {width:68%;}
}

@media screen and (max-width: 800px){
.container{position:relative;margin:0 auto}
.headerpic-wrapper{width:100%;margin:0 auto}
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header img {top:-5px;}
#header{text-align:center;width:100%;max-width:none}
#header-inner{margin:10px}


#cssmenu li:hover>ul{transition-delay:0,0,0}
#cssmenu ul li{border-top:1px solid rgba(150,150,150,0.15);background:#f8f8f8}
#cssmenu>ul>li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#efefef}
#cssmenu>ul>li:hover>a,#cssmenu ul li.active a{color:#777}
#cssmenu ul ul li a{padding:0 25px}
#cssmenu ul li a {width:100%;border-bottom:0;color:#777;line-height:1;padding:13px;}
#cssmenu ul ul li a{width:100%;border-bottom:0;color:#333;line-height:50px}
#cssmenu>ul>li{float:none;position:relative}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu>ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:after{display:none}
#cssmenu #head-mobile{display:block;padding:8px;color:#f8f6f6;font-size:0;font-weight:500}
#cssmenu ul ul:before{left:-76%}
#cssmenu .button{width:25px;height:20px;position:absolute;left:15px;top:14px;cursor:pointer;z-index:2;outline:none}
#cssmenu li.has-sub {
    position: relative;
}

#cssmenu .submenu-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    cursor: pointer;
    z-index: 5;
}

#cssmenu .submenu-button:after {
    content: "+";
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 45px;
    color: #777;
}

#cssmenu .submenu-opened:after {
    content: "-";
}

#cssmenu li.has-sub > a {
    padding-right: 55px;
}
/* Saat menu mobile aktif */
body.menu-active .header-wrap a {
    pointer-events: none; /* ❌ cegah klik logo / link */
}

/* Tapi tetap izinkan tombol close & menu */
body.menu-active #cssmenu,
body.menu-active #cssmenu * {
    pointer-events: auto;
}


.mline1,.mline2,.mline3{position:absolute;left:0;display:block;height:3px;width:22px;background:#fff;content:"";border-radius:5px;transition:all .2s}
.mline1{top:0}
.mline2{top:7px}
.mline3{top:14px}
.button.menu-opened .mline1{top:8px;border:0;height:3px;width:22px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened .mline2{top:8px;background:#fff;width:22px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.button.menu-opened .mline3{display:none;height:0}

a.btn-wa {text-align:center;position:absolute;right:15px;top:0px;padding:0!important;}
a.btn-wa span{display:none}
a.btn-wa i {display: block;height:30px;padding:5px;line-height:30px;width:30px;font-size:24px;}
.main-wrapper{margin-left:0;width:100%;}
.post {margin:0;padding:15px;}
.sidebar-wrapper{width:100%;margin:0 auto;}
.box1 .left, .box1 .right {width:100%;margin-bottom:30px;}
.box1 .right, .box1 .left {float: none;text-align: center;}
.box-list li {width:23.9%;padding:20px;}
.line-left, .line-right {width:87%;}
.line-right {float:none;clear:both;margin:0 auto;}
.line-left {float: none;text-align: center;}
.ac-left, .ac-right {width: 90%;float: none;margin: 0 auto 50px;}
.pricing_table .plan {width: 47.9%;}
.pricing_table .featured {margin-top:10px}
.pricing_table .featured .plan-select {padding:19px;margin:0;}
.team-box {width: 47.3%;}
.team-box,.team-img {height: auto;}
div#landing_form .wrap-me {max-width:initial;margin:0 auto;display:block;width:100%;float:none;}
.map-me {max-width:100%;}
.colum-left h1 {font-size:55px;}
.colum-left p {margin-top:2em;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:2em;}
.timelist-left,.timelist-right{float:none;text-align:center;position:relative;max-width:90%;margin:0 auto}.future-timeline,.timelist-left .text-left,.timelist-right .text-left,.text-left{text-align:center!important}.future-mobile{margin:0 auto;float:none;text-align:center;display:block;max-width:51%}.timeline:before,.future-timeline:after,.timeline-right:before,.future-timeline-right:after{display:none}.text-left{text-align:center}.future-box{padding:0}.timeline p,.timeline-right p{color:#fff;margin-bottom:30px;margin-left:0;margin-right:0}
}
@media screen and (max-width: 768px){
.box-list li {padding: 19px;}
.line-left{width:100%!important;}
.line-left,.line-right {width:80%;}
.pricing_table .plan {width: 47.8%;}
.team-box {width:47.2%;}
}
@media screen and (max-width: 760px){
}
@media screen and (max-width: 680px){
.box-list li {width:39.5%;}
.col_fourth {margin:10px;width:46.6%;}
.pricing_table .plan {width:47.5%;}
.team-box {width:46.8%;}
}
@media screen and (max-width: 640px){
.colum-right{display:none}
#particle-canvas {height: initial;}
.hero-center {padding: 6rem 2rem;}
.colum-left {float:none;text-align:center;max-width:100%;}
.colum-left h1 {font-size:45px;}
.box-list li {width:38.7%;}
.section-heading,.box12 .section-heading,.section-heading1,#footer .section-heading{max-width:98%;}
.col_fourth {width:46.3%;}
.pricing_table .plan {width:47.3%;}
.team-box {width:46.7%;}
.map-me {padding:40px 40px 0;}
.box1 .left img,.line-left img,.ac-right img{width:48%;height:auto}
}
@media screen and (max-width: 515px){
.box-list li {width:36%;}
.col_fourth {width:45%;}
.pricing_table .plan {width:97%;}
.team-box {width:45.7%;}
.subscribe-css-email-field {min-width:90%;}
.about-content{
    padding: 0 20px;}
}
@media screen and (max-width: 480px){
.box-list li {width:35%;}
.team-box {width:95%;}
.subscribe-css-email-field {min-width:89%;}
}
@media screen and (max-width: 414px){
.box-list li {width:83%;}
.col_fourth {width:44%;}
.count-title {font-size:30px;}
.subscribe-css-email-field {min-width:80%;}
.subscribe-css-email-button {padding:18px 20px;right:23px;font-size:12px;}
}
@media screen and (max-width: 384px){
.colum-left h1 {font-size:40px;}
.colum-left p {font-size:14px;}
.col_fourth {width:43.5%;}
}
@media screen and (max-width: 360px){
.colum-left h1 {font-size:38px;}
.box-list li {width:80%;}
.col_fourth {width:43.4%;}
.team-box {width:94%;}
.map-me {padding:40px 20px 0;}
.map-me .con-list li {line-height:23px;}
.map-me .con-list li i {float:left;}
.subscribe-css-email-field {min-width:77%;}
}
@media screen and (max-width: 320px){
#header img {height:27px;}
.colum-left a {margin:0;}
.about-content h2 {line-height:1;font-size:20px;margin-bottom:15px}
.section-heading h2,.section-heading1 h2{font-size:25px;}
.box-list li {width:78%;}
.col_fourth {width:93%;}
.pricing_table .plan {width:95%;}
.subscribe-css-email-button {padding:19px 10px;right:18px;font-size:10px;}
#credit {padding:20px 0;text-align:left;}
}
#particle-canvas{height:100vh}
.header-wrap{padding-top:30px}.main-wrapper{float:none;width:100%;margin:0 auto}.post{margin:11px;-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 31.333333%;max-width:31.333333%;border:0 0;padding:0 0 20px 0;float:left;box-shadow:0 1px 15px 1px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04);height:490px}.post h2 {
    font-size: 125%;
    line-height: 1.2em;
    margin: 15px 0 3px;
    padding: 0;
    font-weight: 500;
    margin-bottom: 15px;
}.post h2 a{color:#000}.post-body,.post-snippet{font-size:14px;line-height:1.5em;color:#000;font-weight:400}.post-body{padding:15px 25px}.img-home{height:250px;margin:0;padding:0;position:relative;width:100%}.img-home img{height:100%;width:100%;margin:0}.postmeta{text-align:center;position:absolute;left:0;bottom:0;width:100%;height:auto}.postmeta div{background:linear-gradient(-45deg,#e035a0 50%,#714ac7 100%);box-shadow:0 5px 10px 0 rgba(0,0,0,.1);padding:5px 15px 10px;display:inline-block;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}.postmeta a{font-size:10px;font-weight:600;text-transform:uppercase;color:#fff;margin:5px}.button-wrap a{background-color:#fb1e8b;font-size:10px;font-weight:600;text-transform:uppercase;color:#fff;text-align:center;padding:5px 20px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;display:inline-block;transition:all .2s ease-in-out;margin:18px 0}.sidebar-wrapper{display:none}

@media screen and (max-width:1100px){
.post {max-width:31.2%;}
}
@media screen and (max-width: 1024px){
.post {max-width:31.1%;}
}
@media screen and (max-width: 960px){
.post {max-width:30.9%;height:433px;}
.img-home {height: auto;}
}
@media screen and (max-width: 800px){
.post {max-width: 30.4%;height: 315px;}
#footer {padding: 110px 0 0;}
}
@media screen and (max-width: 768px){
.post {max-width: 30.3%;}
}
@media screen and (max-width: 680px){
.post {max-width: 100%;height: auto;}
}
@media screen and (max-width: 640px){
.post-body {padding:30px 25px 0;text-align:center;}
}
@media screen and (max-width: 515px){
.post-snippet{display:none}
}
/* ===== SLIDER TANPA JS ===== */
/* ===== WRAPPER LUAR ===== */
.testimonial-outer {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

/* ===== SLIDER ===== */

/* === OUTER WRAPPER === */
.testimonial-outer {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  padding: 20px 0 40px;

  scrollbar-width: none;
}
.testimonial-outer::-webkit-scrollbar {
  display: none;
}

/* === SLIDER === */
.testimonial-slider {
  display: flex;
  gap: 30px;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;

  /* INI YANG BIKIN CENTER */
  margin: 0 auto;
  padding: 0 20px;

  width: max-content;
}
.testimonial-card img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

/* === CARD === */
.testimonial-card {
  flex: 0 0 210px;
  scroll-snap-align: center;

  background: #ffffff;
  padding: 7px 0px 7px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);

  text-align: center;

  /* pastikan tidak pudar */
  opacity: 1;
  filter: none;
  transform: none;
}

/* === DESKTOP: 3 CARD TERLIHAT CENTER === */
@media (min-width: 992px) {
  .testimonial-slider {
    justify-content: center;
  }
}

/* === MOBILE: SLIDE CENTER === */
@media (max-width: 968px) {
  .testimonial-card {
    flex: 0 0 45%;
    background: #ffffff;
  padding: 7px 0px 7px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);

  text-align: center;
  }
}