html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
b, 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;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
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;}
html{overflow-y:scroll;font-size:15px;}
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
body{background-color:#ffffff;font-family:'Open Sans', sans-serif;font-size:1rem;color:#656565;font-weight:400;line-height:1.75;}
p:not(:last-child){margin-bottom:1.25em;}
h1, h2, h3, h4, h5{margin:0 0 1rem;font-family:'Montserrat', sans-serif;font-weight:600;line-height:1.21;color:initial;}
h1{margin-top:0;font-size:3.052em;}
h2{font-size:2.441em;}
h3{font-size:1.953em;color:#313131;}
h4{font-size:1.563em;}
h5{font-size:1.10em;}
small, .text_small{font-size:0.8em;}
strong, b{font-weight:600 !important;font-family:'Montserrat', sans-serif;}
.badge{display:inline;padding:0.20rem .5rem;line-height:inherit;font-family:'Open Sans', sans-serif;font-weight:600;font-size:77%;}
.badge-pill{padding-right:.875em;padding-left:.875em;border-radius:50rem;}
.custom-radius{border-radius:15px;}
.ptb-100{padding:100px 0;}
.pt-100{padding-top:100px;}
.pt-165{padding-top:165px;}
.pb-100{padding-bottom:100px;}
.mt--165{margin-top:-165px !important;}
.gray-light-bg{background:#f4f4f4;}
.primary-bg{background:#1351a8;;}
.secondary-bg{background:#162e66;}
.accent-bg{background:#ff6492;}
.color-primary{color:#1351a8;}
.color-secondary{color:#162e66;}
.accent-color{color:#ff6492;}
.gradient-bg{background:linear-gradient(75deg, #1351a8 10%, #162e66) !important;}
.white-bg{background:#ffffff;}
a{color:#162e66;}
a:hover{color:#1351a8;text-decoration:none;}
.color-1{color:#ff164e;}
.color-1-bg{background:rgba(255, 22, 78, 0.15);}
.color-2{color:#1351a8;}
.color-2-bg{background:rgba(145, 35, 255, 0.15);}
.color-3{color:#162e66;}
.color-3-bg{background:rgba(0, 115, 236, 0.15);}
.color-4, .ratting-color{color:#ff7c3f;}
.color-4-bg{background:rgba(255, 124, 63, 0.15);}
.color-5, .success-color{color:#2ebf6d;}
.color-5-bg{background:rgba(46, 191, 109, 0.15);}
.color-6{color:#f25c7f;}
.color-6-bg{background:rgba(242, 92, 127, 0.15);}
.animated-btn{transition:all .25s ease-in-out;}
.animated-btn:hover{transform:translate(0, -3px);-webkit-transform:translate(0, -3px);}
.outline-btn, .secondary-solid-btn, .primary-solid-btn, .solid-white-btn, .outline-white-btn, .secondary-outline-btn, .accent-solid-btn, .accent-outline-btn{padding:12px 30px;font-family:'Montserrat', sans-serif;font-weight:600;font-size:13px;transition:all .25s ease-in-out;}
.primary-solid-btn{border:1px solid #162e66;box-shadow:0 2px 4px -1px rgba(0, 0, 0, .15);background-image:linear-gradient(to bottom, #1A2C79, #0e206d);color:#ffffff;}
.accent-solid-btn{background:#1351a8;color:#ffffff;}
.accent-solid-btn:hover{background:#0e4086;color:#ffffff;}
.accent-outline-btn{color:#fb3972;border:1px solid #fb3972;}
.accent-outline-btn:hover{background:#fb3972;color:#ffffff;}
.primary-solid-btn:hover{background:transparent;color:#ffffff;}
.pesan-solid-btn{background:#ff6492;color:#ffffff;}
.pesan-solid-btn:hover{background:#fb3972;color:#ffffff;}
.secondary-solid-btn{color:#fff;background:#1351a8;border:1px solid #1351a8;}
.secondary-solid-btn:hover{background:transparent;color:#1351a8;-webkit-box-shadow:none;box-shadow:none;}
.secondary-outline-btn{color:#1351a8;display:inline-block;border:1px solid #1351a8;}
.secondary-outline-btn:hover{background:#1351a8;color:#ffffff;}
.outline-btn{position:relative;display:inline-block;color:#162e66;border:1px solid #162e66;}
.outline-btn:after{content:" ";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;z-index:-1;border-radius:4px;opacity:0;transition:400ms;text-shadow:0 0.5px 0.3px rgba(0,0,0,.1);background-image:linear-gradient(to bottom, #1351a8, #162477);}
.outline-btn:hover:after{opacity:1;}
.outline-btn:hover{color:#ffffff;background-image:linear-gradient(to bottom, #1351a8,#162477);}
.primary-bg h1, .primary-bg p{color:#fff;}
.solid-white-btn{background:#ffffff;border-color:#ffffff;color:#162e66;}
.solid-white-btn:hover{background:transparent;color:#ffffff;}
.outline-white-btn{color:#ffffff;border-color:#ffffff;}
.outline-white-btn:hover{background:#ffffff;color:#162e66;}
.icon-sm{font-size:25px;line-height:25px;}
.icon-md{font-size:40px;line-height:40px;}
.icon-lg{font-size:50px;line-height:50px;}
.icon-25{width:25px;height:25px;line-height:25px;text-align:center;font-weight:600;}
.form-control{border-color:#ebebeb;padding:.75rem 0.85rem;height:calc(2.56em + .75rem + 2px);}
.form-control:focus{outline:none;box-shadow:none;}
input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value{color:#b1b1b1 !important;font-size:13px;}
input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value{color:#b1b1b1;font-size:13px;}
input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value{color:#b1b1b1;font-size:13px;}
input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value{color:#b1b1b1;font-size:13px;}
select.form-control.has-value{height:52px;}
.section-heading h2 span{font-weight:400;font-size:2rem;}
.z-index{z-index:9;}
.height-lg-100vh{min-height:100vh;}
@media (max-width:576px){.height-lg-100vh{height:auto;}
}
.custom-badge{top:5%;right:8%;}
.image-wrap img{display:block;}
@media (min-width:1300px) and (max-width:1920px){.custom-width{min-width:630px;}
}
@media (min-width:320px) and (max-width:991px){.hero-shape, .shape-four{display:none;}
}
@media (min-width:320px) and (max-width:767px){.app-download-list li{margin:10px 0;}
}
.app-download-list li a{padding:10px 22px;color:inherit;font-size:13px;line-height:15px;}
.download-text span{font-size:13px;}
.download-text h5{font-size:15px;color:inherit;}
.app-download-list li a:hover{background:#162e66;color:#FFFFFF;border-color:#162e66 !important;}
.affix{background-color:#ffffff;-webkit-transition:padding 0.4s ease-out;-moz-transition:padding 0.4s ease-out;-o-transition:padding 0.4s ease-out;transition:padding 0.4s ease-out;box-shadow:0 4px 10px rgba(0, 0, 0, 0.12);}
.topbar-text ul li{font-size:13px;font-weight:500;font-family:'Montserrat', sans-serif;}
.topbar-text ul li:not(:last-child){margin-right:20px;}
.topbar-text ul li strong{font-size:14px;vertical-align:middle;}
.topbar-text ul li a{display:inline-flex;align-items:center;color:inherit;}
.topbar-text ul li a:hover{color:#1351a8;}
.gradient-bg .topbar-text ul li, .gradient-bg .topbar-text ul li a{color:#ffffff;opacity:0.8;}
.gradient-bg .topbar-text ul li a:hover{opacity:1;}
.topbar-text ul li span{vertical-align:middle;}
.white-bg.affix, .custom-nav.affix{background:#ffffff;border-bottom:1px solid #ebebeb;}
.fixed-top{top:auto;}
.fixed-top.affix{top:0;background:linear-gradient(75deg, #3f48cd 5%, #2638a4) !important;}
.white-bg.custom-nav ul li a:hover{opacity:1;}
.bg-transparent ul li a{color:#ffffff;}
.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover{opacity:1;}
.bg-transparent.affix{background:linear-gradient(75deg, #213794 5%, #162e66);}
.navbar-toggler{color:#ffffff;}
.header nav.navbar{padding:0.3rem 1rem;transition:all .3s ease-in-out;}
.navbar-brand{font-size:inherit;height:auto;margin-bottom:-8px;}
.menu{display:block;}
.menu li{display:inline-block;position:relative;}
.menu li:first-child{margin-left:0;}
.menu li a{font-size:13px;font-weight:600;font-family:'Montserrat', sans-serif;text-decoration:none;padding:20px 15px;display:block;transition:all 0.3s ease-in-out 0s;color:#353535;opacity:0.8;}
.custom-nav ul li a{color:#ffffff;}
.custom-nav.affix ul li a{color:#162e66;}
.white-bg> .menu li a{color:#162e66 !important;}
.menu li a:hover, .menu li:hover>a{opacity:1;}
.menu ul{visibility:hidden;opacity:0;margin:0;padding:0;width:200px;position:absolute;left:0;background:#fff;z-index:9;border-radius:4px;transform:translate(0,20px);transition:all 0.3s ease-out;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.15);box-shadow:0 4px 10px rgba(0,0,0,.15);}
.menu ul:after{bottom:100%;left:35px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border:solid transparent;border-bottom-color:#fff;border-width:8px;margin-left:-8px;}
.menu li a.dropdown-toggle::after{position:relative;left:2px;vertical-align:middle;}
.menu ul li{display:block;float:none;background:white !important;margin:0;padding:0;border-radius:50px !important;}
.menu ul li a{text-transform:inherit;font-weight:normal;display:block;color:#000000;padding:8px 15px;font-family:'Montserrat', sans-serif;}
.menu ul li a:hover, .menu ul li:hover>a{color:#ffffff;background:#162e66;}
.menu ul.sub-menu li:first-child a:hover,
.menu ul.sub-menu li:last-child ul li:first-child a:hover{border-radius:4px 4px 0 0;}
.menu ul.sub-menu li:last-child a:hover,
.menu ul.sub-menu li:last-child ul li:last-child a:hover{border-radius:0 0 4px 4px;}
.menu ul.sub-menu li:last-child ul li a:hover{border-radius:0;}
.menu li:hover>ul{visibility:visible;opacity:1;transform:translate(0,0);}
.menu ul ul{left:200px;top:0;visibility:hidden;opacity:0;transform:translate(20px,20px);transition:all 0.2s ease-out;}
.menu ul.sub-menu ul:after{left:-8px;top:10px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border:solid transparent;border-right-color:#fff;border-width:8px;}
.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0,0);}
.responsive-menu{display:none;width:100%;padding:20px 15px;background:#374147;color:#fff;text-transform:uppercase;font-weight:600;}
.responsive-menu:hover{background:#374147;color:#fff;text-decoration:none;}
@media (min-width:320px) and (max-width:992px){.navbar.bg-transparent{padding:.45rem 1rem !important;}
.navbar.custom-nav{background:#ffffff;}
.navbar.custom-nav .navbar-toggler{color:#162e66 !important;}
.navbar.custom-nav .navbar-toggler:focus{outline:none;}
.menu li{display:block;}
.white-bg.affix, .custom-nav.affix, .navbar.white-bg{background:#ffffff !important;border-bottom:1px solid #ebebeb;}
.white-bg.custom-nav ul li a, .custom-nav ul li a{color:#162e66 !important;}
.white-bg.custom-nav ul li ul.sub-menu li a:hover, .custom-nav ul li ul.sub-menu li a:hover{color:#ffffff !important;}
.white-bg.navbar .navbar-toggler span{color:#162e66;}
.ptb-100{padding:55px 0;}
.pt-100{padding-top:55px;}
.pb-100{padding-bottom:55px;}
.pt-165{padding-top:100px;}
.mt--165{margin-top:0 !important;}
.hero-equal-height{min-height:auto !important;}
}
@media (min-width:768px) and (max-width:979px){.mainWrap{width:768px;}
.menu ul{top:37px;}
.menu li a{padding:8px 15px;}
a.homer{background:#374147;}
}
@media (max-width:767px){.responsive-menu{display:block;}
.header nav.navbar{padding:0.5rem 1rem;}
.mainWrap{width:auto;padding:50px 20px;}
nav{margin:0;background:none;}
.menu li{display:block;margin:0;background:linear-gradient(75deg, #3f48cd 5%, #2638a4) !important;}
.menu li a{padding:8px 15px;}
.menu li a:hover,.menu li:hover>a{background:#ff2c9c;color:#fff;border-radius:2px;margin-bottom:-2px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
.menu ul{visibility:hidden;opacity:0;top:0;left:0;width:100%;transform:initial;}
.menu li:hover>ul{visibility:visible;opacity:1;position:relative;transform:initial;}
.menu ul ul{left:0;transform:initial;}
.menu li>ul ul:hover{transform:initial;}
}
.mover{animation:mover 1s infinite alternate;}
@keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{transform:translateY(35px);}
}
.shape-image{position:absolute;width:100%;height:auto;bottom:76px;z-index:0;left:268px;overflow:hidden;background-size:cover;right:0;}
.hero-shape{position:absolute;left:auto;top:-70%;right:-44%;bottom:auto;width:100%;height:115%;border-radius:100px;background-color:#162e66;-webkit-transform:rotate(-35deg);-ms-transform:rotate(-35deg);transform:rotate(-35deg);}
@media (min-width:320px) and (max-width:991px){}
.right-shape{position:absolute;left:50%;top:6%;width:100%;height:50%;border-radius:100px;z-index:-3;background-color:#fff5e8;-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg);}
.shape-four{position:absolute;z-index:-1;top:-60%;right:60%;width:70%;height:100%;border-radius:100px;background-color:#fafbff;-webkit-transform:rotate(-33deg);-ms-transform:rotate(-33deg);transform:rotate(-33deg);}
.hero-shape-img{position:absolute;left:auto;top:-70%;right:-44%;bottom:auto;width:100%;height:115%;border-radius:100px;background:url("../img/hero-bg-shape.svg")no-repeat;}
.hero-dot-shape{position:relative;text-align:center;padding:100px 0 80px 0;width:100%;z-index:2;background-size:3px;background-repeat:repeat;}
.hero-bottom-shape, .hero-bottom-shape-two{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:101%;}
.video-box{max-width:550px;margin:0 auto;position:relative;bottom:-75px;}
.video-box img{z-index:0;}
.shape-img-2{position:absolute;left:0;top:0;right:auto;bottom:auto;z-index:1;width:269px;height:auto;max-height:100%;max-width:20.7vw;}
.shape-wrap{position:relative;width:100%;}
.circle-shape-1, .circle-shape-2, .circle-shape-3{position:absolute;max-height:100%;}
.circle-shape-1{left:auto;top:399px;right:0;bottom:auto;max-width:13vw;}
.circle-shape-2{top:756px;z-index:-2;max-width:11vw;}
.circle-shape-3{left:auto;top:1296px;right:0;bottom:auto;max-width:13vw;}
.group-shape-1, .group-shape-2, .group-shape-3{position:absolute;max-height:100%;right:auto;animation-name:angry-animation;animation-duration:3s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;}
.group-shape-1{left:0;top:0;bottom:auto;margin-top:161px;margin-left:42vw;}
.group-shape-2{left:9.2vw;top:auto;bottom:15px;}
@keyframes angry-animation{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.hero-equal-height{position:relative;min-height:700px;-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;}
.hero-equal-height.hero-tab-slider{min-height:700px !important;}
.shape-bottom img.bottom-shape{position:absolute;left:0;right:0;bottom:-2px;z-index:1;width:100%;margin:0 auto;}
.hero-bg-1, .hero-bg-2{position:relative;display:block;width:100%;}
.hero-bg-1:before{position:absolute;content:'';background:url("../img/slider-bg-2.svg")no-repeat center bottom/cover;width:100%;height:100%;top:0;left:0;right:0;}
.hero-bg-2:before{position:absolute;content:'';background:url("../img/slider-bg-1.svg")no-repeat center bottom/cover;width:100%;height:100%;top:0;left:0;right:0;}
.hero-slider-content h1{font-size:50px;line-height:initial;font-weight:700;}
.slider-bg-image, .gradient-overlay{position:relative;width:100%;display:block;}
.slider-bg-image:before{position:absolute;content:'';background:#162e66;opacity:0.60;width:100%;height:100%;top:0;left:0;}
.gradient-overlay:before{position:absolute;content:'';background-image:linear-gradient(75deg, rgba(19, 81, 168, 0.85) 10%, rgba(22, 46, 102, 0.85));width:100%;height:100%;top:0;left:0;}
.video-section-wrap .background-video-overly{display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(75deg, rgba(19, 81, 168, 0.85) 10%, rgba(22, 46, 102, 0.85)) !important;}
.gradient-overly-right-light, .gradient-overly-right-color, .gradient-overly-left, .gradient-overly-bottom, .gradient-overly-top{z-index:1;width:100%;min-width:100%;position:relative;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.gradient-overly-right-light:before, .gradient-overly-right-color:before, .gradient-overly-left:before, .gradient-overly-bottom:before, .gradient-overly-top:before{content:"";z-index:-1;position:absolute;height:100%;width:100%;left:0;right:0;top:0;bottom:0;}
.gradient-overly-right-light:before{background:-webkit-gradient(linear, left top, right top, color-stop(0, #1351a8), to(transparent));background:linear-gradient(to right, #fff4f4 30%, rgba(26, 44, 121, 0.18) 100%);}
.gradient-overly-right-color:before{background:-webkit-gradient(linear, left top, right top, color-stop(0, #1351a8), to(transparent));background:linear-gradient(to right, #1351a8 30%, rgba(26, 44, 121, 0.18) 100%);}
.gradient-overly-left:before{background:-webkit-gradient(linear, left top, right top, color-stop(0, #1351a8), to(transparent));background:linear-gradient(to left, #1351a8 30%, rgba(26, 44, 121, 0.18) 100%);}
.gradient-overly-bottom:before{background:-webkit-gradient(linear, left top, right top, color-stop(0, #1351a8), to(transparent));background:linear-gradient(to bottom, #1351a8 45%, rgba(26, 44, 121, 0.18) 100%);}
.gradient-overly-top:before{background:-webkit-gradient(linear, left top, right top, color-stop(0, #1351a8), to(transparent));background:linear-gradient(to top, #1351a8 35%, rgba(26, 44, 121, 0.18) 100%);}
.dot-indicator-center .owl-dots{position:absolute;width:100%;margin-top:0 !important;bottom:15px;}
.dot-indicator-center.owl-theme .owl-dots .owl-dot span{width:30px;height:5px;}
.dot-indicator-center.owl-theme .owl-dots .owl-dot.active span, .dot-indicator-center.owl-theme .owl-dots .owl-dot:hover span{background:#162e66;}
.dot-indicator-center.owl-theme .owl-dots button.owl-dot:focus{outline:none !important;}
.custom-dot.owl-theme .owl-dots, .custom-arrow.owl-theme .owl-nav{position:absolute;}
.custom-dot.owl-theme .owl-dots{right:0;bottom:35px;}
.custom-dot.dot-right-center.owl-theme .owl-dots{margin:0 !important;top:40%;right:10%;}
.custom-dot.dot-bottom-center.owl-theme .owl-dots{width:100%;margin:10px auto;}
.custom-dot.dot-bottom-center.owl-theme .owl-dots button{margin:0 4px;border:1px dashed #162e66;}
.custom-dot.dot-right-center.owl-theme .owl-dots button{display:block;border:1px dashed #ebebeb;margin:6px 0;}
.custom-dot.custom-dot-2.owl-theme .owl-dots button{margin:0 4px;border:1px dashed #ebebeb;}
.custom-dot.custom-dot-2.owl-theme .owl-dots{right:15px;top:auto;bottom:-10%;}
.custom-dot.owl-theme .owl-dots button{border-radius:100%;border:1px dashed #162e66;margin:0 4px;}
.custom-dot.owl-theme .owl-dots button:focus, .custom-arrow.owl-theme .owl-nav button:focus{outline:none;}
.custom-dot.owl-theme .owl-dots button.owl-dot.active, .custom-dot.owl-theme .owl-dots button.owl-dot span{background:#ffffff;}
.custom-dot.owl-theme .owl-dots button.owl-dot span:hover{background:#1351a8;}
.custom-dot.owl-theme .owl-dots button.owl-dot.active span{background:#1351a8;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);}
.custom-dot.owl-theme .owl-dots .owl-dot span{margin:2px;}
.custom-arrow.owl-theme .owl-nav button{width:30px;background:transparent;border:1px dashed #ebebeb;line-height:26px;}
.custom-arrow.owl-theme .owl-nav button:hover{background:#1351a8;border-color:#1351a8;}
.custom-arrow.owl-theme .owl-nav button:hover span{color:#ffffff;}
.custom-arrow.owl-theme .owl-nav button span{font-size:25px;color:#1351a8;}
.custom-arrow-bottom-center.owl-theme .owl-nav{width:100%;margin:auto;margin-top:8px;}
.custom-arrow-left-right.owl-theme .owl-nav{width:100%;top:25%;}
.custom-arrow-left-right.owl-theme .owl-nav button.owl-prev, .custom-arrow-left-right.owl-theme .owl-nav button.owl-next{position:absolute;}
.custom-arrow-left-right.owl-theme .owl-nav button.owl-prev{left:-35px;}
.custom-arrow-left-right.owl-theme .owl-nav button.owl-next{right:-35px;}
.highlight-list li{border:1px dashed #ebebeb;border-radius:4px;text-align:center;padding:0.75rem;margin-bottom:0.75rem;min-width:130px;}
.highlight-list li h5{font-size:32px;font-weight:700;}
.highlight-list li h6{font-size:13px;}
.custom-indicators{position:absolute;bottom:0;z-index:5;width:100%;}
.custom-indicators li{min-width:200px;transition:all 0.3s ease-in;}
.custom-indicators li button{border:none;display:block;width:100%;padding:1.5rem;justify-content:center;border-radius:4px 4px 0 0;transition:all 0.3s ease-in;font-family:'Montserrat', sans-serif;font-weight:600;}
.custom-indicators li.active button{background:#1351a8;color:#ffffff;}
.custom-indicators li.active button span{color:#ffffff;}
.custom-indicators li button:focus{outline:none;}
@media (min-width:320px) and (max-width:575px){.hero-equal-height.hero-tab-slider{min-height:500px !important;}
.custom-indicators li{min-width:auto;}
.custom-indicators li button{padding:6px 8px;}
}
@media (min-width:992px){.hero-animation-img{position:relative;display:block;width:100%;}
.animation-one{-webkit-animation:move-one 7s ease-in-out infinite;animation:move-one 7s ease-in-out infinite;}
@keyframes move-one{0%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
50%{-webkit-transform:translateX(0) translateY(-5px);transform:translateX(0) translateY(-5px)}
100%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
}
@-webkit-keyframes move-one{0%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
50%{-webkit-transform:translateX(0) translateY(-5px);transform:translateX(0) translateY(-5px)}
100%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
}
.animation-two{position:absolute;bottom:50px;-webkit-animation:move-two 8s ease-in-out infinite;animation:move-two 8s ease-in-out infinite;left:-10px;}
@-webkit-keyframes move-two{0%{-webkit-transform:translateX(-25px) translateY(-225px);transform:translateX(-25px) translateY(-225px)}
50%{-webkit-transform:translateX(-25px) translateY(-205px);transform:translateX(-25px) translateY(-205px)}
100%{-webkit-transform:translateX(-25px) translateY(-225px);transform:translateX(-25px) translateY(-225px)}
}
@keyframes move-two{0%{-webkit-transform:translateX(-25px) translateY(-225px);transform:translateX(-25px) translateY(-225px)}
50%{-webkit-transform:translateX(-25px) translateY(-205px);transform:translateX(-25px) translateY(-205px)}
100%{-webkit-transform:translateX(-25px) translateY(-225px);transform:translateX(-25px) translateY(-225px)}
}
.animation-three{position:absolute;-webkit-animation:move-three 9s ease-in-out infinite;animation:move-three 9s ease-in-out infinite}
@-webkit-keyframes move-three{0%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}
50%{-webkit-transform:translateX(-45px) translateY(-205px);transform:translateX(-45px) translateY(-205px)}
100%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}
}
@keyframes move-three{0%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}
50%{-webkit-transform:translateX(-45px) translateY(-205px);transform:translateX(-45px) translateY(-205px)}
100%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}
}
.animation-four{position:absolute;-webkit-animation:move-four 6s ease-in-out infinite;animation:move-four 6s ease-in-out infinite}
.animation-new{position:absolute;bottom:10px;}
@-webkit-keyframes move-four{0%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
50%{-webkit-transform:translateX(330px) translateY(-240px);transform:translateX(330px) translateY(-240px)}
100%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
}
@keyframes move-four{0%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
50%{-webkit-transform:translateX(330px) translateY(-240px);transform:translateX(330px) translateY(-240px)}
100%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
}
}
@media (min-width:992px) and (max-width:1199px){.animation-four, .animation-new{display:none !important;}
}
.core-services-single{position:relative;display:block;transition:all 0.3s ease-in;}
.core-services-single a{text-decoration:none;position:absolute;right:15px;bottom:-15px;color:#ffffff;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;box-shadow:0 4px 11px 0 rgba(0, 0, 0, 0.12);}
.core-services-single:hover{background:linear-gradient(75deg, #1351a8 10%, #162e66);color:#fff;}
.core-services-single:hover h5, .core-services-single:hover span{color:#ffffff !important;}
.core-services-single:hover a, .core-services-single:hover a > span{color:#162e66 !important;background:#ffffff;}
.services-block-three>a{display:block;position:relative;}
.services-block-three>a:before{display:block;content:"";width:9%;height:17%;position:absolute;bottom:-2px;right:-2px;border-bottom:1px solid #162e66;border-right:1px solid #162e66;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.services-block-three>a:after{display:block;content:"";width:9%;height:17%;position:absolute;top:-2px;left:-2px;border-top:1px solid #162e66;border-left:1px solid #162e66;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.services-block-three a, .services-block-three p{color:#757575;text-decoration:none;}
.services-block-three p{margin-bottom:0;}
.services-block-three>a:hover{opacity:1;border-color:#ebebeb;}
.services-block-three>a:hover:before, .services-block-three>a:hover:after{width:95%;height:90%;}
.icon-box-left{position:relative;padding-left:60px;text-align:left;}
.icon-box-left .icon-box-icon{position:absolute;height:38px;width:38px;left:0;text-align:center !important;line-height:3.375rem;font-size:2.1875rem;}
.icon-box .icon-box-icon{font-size:2.375rem;margin:0 0 10px;transition:all .3s ease-in-out;}
.icon-box:hover .icon-box-icon{transform:translateY(-5px);}
.features-box{position:relative;display:block;}
.features-box-icon{display:table-cell;vertical-align:top;}
.features-box-icon i{display:inline-block;width:80px;height:80px;text-align:center;color:#162e66;font-size:50px;padding:10px;border-radius:50%;}
.features-box-content{display:table-cell;padding-left:20px;}
.progress{position:relative;display:-ms-flexbox;display:flex;height:.45rem;overflow:hidden;font-size:.75rem;background-color:#ebebeb;border-radius:30px;}
.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#162e66;transition:width .6s ease;}
.progress-item + .progress-item{margin-top:24px;}
.progress-item{margin-bottom:20px;}
.progress-title > h6{font-size:.95375rem;margin-bottom:8px;font-weight:500;}
.progress span{display:block;height:100%;}
.progress-line{background-color:#162e66;-webkit-animation:progressBar 3s ease-in-out;-webkit-animation-fill-mode:both;-moz-animation:progressBar 3s ease-in-out;-moz-animation-fill-mode:both;}
@-webkit-keyframes progressBar{0%{width:0;}
100%{width:100%;}
}
@-moz-keyframes progressBar{0%{width:0;}
100%{width:100%;}
}
.switchable{position:relative;}
.imageblock-section{position:relative;display:block;width:100%;}
.imageblock-section .imageblock-section-img{position:absolute;height:100%;top:0;z-index:2;padding:0;}
.switchable.switchable-content div[class*='col-']:first-child{float:right;right:0;left:auto;}
.switchable > div[class*='col-']{padding:0;}
.background-image-holder{position:absolute;height:100%;top:0;left:0;background-size:cover !important;background-position:50% 50% !important;z-index:0;transition:opacity .3s linear;-webkit-transition:opacity .3s linear;opacity:0;background:#252525;}
.background-image-holder:not([class*='col-']){width:100%;}
.switchable div[class*='col-']:first-child{float:left;right:auto;}
@media (max-width:767px){.switchable .imageblock-section-img[class*='col-']{float:none !important;}
}
.switchable > div[class*='col-']{padding:0;}
@media (max-width:767px){.imageblock-section .imageblock-section-img{position:relative;min-height:18.57142857em;}
}
@media (min-width:768px){.switchable .container > .row{flex-flow:row-reverse;}
.switchable.switchable-content .container > .row{flex-flow:row;}
}
.layanan{padding:16px !important;padding-top:24px !important;padding-bottom:24px !important;}
.services-single{transition:all 0.3s ease-in;}
.services-single a{color:#ffffff;opacity:0.8;}
.filter-btn{position:relative;display:inline-block;cursor:pointer;padding:6px 20px;border-radius:4px;background:transparent;margin-right:5px;border:1px dashed #1351a8;transition:all 0.3s ease-in;font-size:13px;text-transform:uppercase;font-weight:600;font-family:'Open Sans', sans-serif;}
.filter-btn:hover{background:#1351a8;color:#ffffff;}
button.filter-btn:focus{outline:none;box-shadow:none !important;}
.mixitup-control-active{background:#1351a8;color:#ffffff;}
.mixitup-control-active[data-filter]:after{background:transparent;}
.control[data-filter] + .control[data-sort]{margin-left:.85rem;}
.portfolio-container{text-align:justify;}
.portfolio-item,
.gap{display:inline-block;vertical-align:top;}
.portfolio-item{background:#ebebeb;margin-top:1rem;position:relative;}
.portfolio-wrapper{position:relative;display:block;width:100%;overflow:hidden;}
.portfolio-wrapper .content-overlay{background:#1351a8;background:-webkit-linear-gradient(left, #1351a8 2%, #162477 82%);background:linear-gradient(to right, #1351a8 2%, #162477 82%);position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.portfolio-wrapper:hover .content-overlay{opacity:0.8;}
.portfolio-wrapper a img{display:block;}
.content-image{width:100%;}
.content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.portfolio-wrapper:hover .content-details{top:50%;left:50%;opacity:1;}
.fadeIn-bottom{top:80%;}
.fadeIn-top{top:20%;}
.fadeIn-left{left:20%;}
.fadeIn-right{left:80%;}
.portfolio-item,
.gap{width:calc(100%/2 - (((2 - 1) * 1rem)/1));}
@media screen and (min-width:541px){.portfolio-item,
.gap{width:calc(100%/3 - (((3 - 1) * 1rem)/3));}
}
@media screen and (min-width:961px){.portfolio-item,
.gap{width:calc(100%/3 - (((3 - 1) * 1rem)/3));}
}
@media screen and (min-width:1281px){.portfolio-item,
.gap{width:calc(100%/3 - (((3 - 1) * 1rem)/3));}
}
.single-blog-card{margin-bottom:25px;}
.single-blog-card span.category{z-index:2;top:10px;right:10px;}
.single-blog-card .card-body{padding:1.75rem;}
.meta-list{opacity:0.8;font-size:95%;}
.meta-list li.list-inline-item:not(:last-child){margin-right:0.7rem;}
.single-blog-card a{font-weight:600;font-family:'Montserrat', sans-serif;}
.single-blog-card a, .single-blog-card a:hover{text-decoration:none;}
a.detail-link{display:inline-block;text-decoration:none;color:#495057;font-weight:600;font-size:14px;font-family:'Montserrat', sans-serif;}
a.detail-link span{font-size:12px;vertical-align:middle;-webkit-transition-duration:.3s;transition-duration:.3s;color:#1351a8;}
a.detail-link:hover{color:#1351a8;}
a.detail-link:hover span{transform:translateX(3px);margin-left:8px;}
.work-process-list{width:100%;display:block;position:relative;}
.work-process-list li{width:18%;display:inline-block;text-align:center;margin-right:0;}
.work-process-list li span:before{position:absolute;content:'';height:4px;background:#000;width:100%;top:20%;z-index:-1;left:0;right:0;border:3px solid #1351a8;}
.work-process-list li span:after{position:absolute;content:'';height:4px;background:#000;width:100%;top:20%;z-index:-1;left:0;right:0;border:3px solid #1351a8;}
.work-process-list li span{width:50px;height:50px;line-height:50px;text-align:center;background:#ffffff;border:1px solid #ebebeb;display:block;margin:auto;border-radius:50%;z-index:2;}
.step{position:relative;padding:5.625rem 20% 20% 0;}
.step.step-highlight::before{background:#fff;border-color:#fff;color:#000;}
.owl-carousel .owl-stage-outer .owl-stage .owl-item{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;counter-increment:owlItem;}
.step-title{font-size:1.125rem;font-weight:400;letter-spacing:0.025em;}
.text-white .step::before{border-color:rgba(255, 255, 255, 0.2);color:#fff;}
.step:hover::before, .step.step-highlight::before{-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);-webkit-transform:scale(1.25);-moz-transform:scale(1.25);transform:scale(1.25);background:#ffffff;border-color:transparent;color:#1351a8;}
.step::before{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;content:counter(owlItem, decimal);position:absolute;display:block;top:0;left:0;width:3.75rem;height:3.75rem;line-height:calc(3.75rem - .25rem);text-align:center;border:2px solid #e5e5e5;z-index:20;border-radius:50%;font-size:1.5rem;}
.owl-item:not(:last-child) .step::after{content:"";display:block;position:absolute;top:29px;left:3.75rem;width:calc(100% - 40px);height:2px;background:#e5e5e5;z-index:10;}
.owl-carousel.visible .owl-stage-outer{overflow:visible;}
.text-white .step::after{background-color:rgba(255, 255, 255, 0.2) !important;}
.work-process-carousel{position:relative;display:block;}
.work-process-carousel .owl-nav{position:absolute;right:0;bottom:0;}
.work-process-carousel .owl-nav button.owl-next, .work-process-carousel .owl-nav button.owl-prev{font-family:'Open Sans', sans-serif;font-size:40px;line-height:45px;padding:10px !important;}
.work-process-wrap{margin:20px -15px -60px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start;}
.single-work-process{position:relative;margin:0 15px 60px;width:calc(25% - 30px);}
.work-process-icon-wrap{position:relative;display:inline-block;width:70px;height:70px;}
@media screen and (max-width:991px){.single-work-process{width:calc(50% - 30px);}
.work-process-divider{width:calc(100% - 145px);}
.single-work-process:nth-child(2n) .work-process-divider{display:none;}
}
@media screen and (max-width:767px){.single-work-process{width:100%;margin:0 0 50px;text-align:center;padding:0 30px;}
.work-process-divider{display:none;}
}
.work-process-divider{background-image:linear-gradient(90deg, #73778c, #73778c 40%, transparent 40%, transparent 100%);}
.single-work-process .work-process-divider{position:absolute;left:auto;top:40px;width:calc(100% - 130px);height:1px;background-image:linear-gradient(90deg, #73778C, #73778C 40%, transparent 40%, transparent 100%);background-size:12px 1px;}
.single-work-process .work-process-divider:after{content:'\e628';font-family:'themify';position:absolute;right:-30px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;}
.work-process-icon-wrap i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.work-process-icon-wrap .process-step{width:40px;height:40px;line-height:40px;text-align:center;-webkit-border-radius:50%;border-radius:50%;position:absolute;right:-20px;top:-20px;font-size:20px;font-weight:700;font-family:'Montserrat', sans-serif;}
.single-work-process:last-child .work-process-divider{display:none !important;}
.counter-wrap{width:100%;display:block;position:relative;}
.counter-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;grid-auto-flow:dense;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px, 1fr));}
.counter-wrap li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;text-align:center;padding:30px;}
.counter-wrap li:last-child{border-right:none;margin-right:0 !important;}
.counter-wrap .single-counter{margin:0;}
.single-counter{margin:14px 0;border:1px dashed;min-width:175px;}
.single-counter span{font-size:35px;line-height:38px;}
@media (min-width:320px) and (max-width:575px){.single-counter{margin:0;}
}
.feature-tabs-wrap{margin-top:30px;}
.feature-tabs-center{margin-bottom:25px;}
.feature-tabs li{position:relative;margin:0 15px;}
.feature-tabs li:first-child{margin-left:0;}
.feature-tabs li a{border:none !important;padding:0 0 6px;}
.feature-tabs li a, .feature-tabs li a.active{background:transparent !important;}
.feature-tabs li a h6{font-size:16px;line-height:21px;font-family:'Montserrat', sans-serif;font-weight:600;}
.feature-tabs li a:before{position:absolute;content:"";width:50%;background:rgba(0,0,0,.2);-webkit-transition:all .7s cubic-bezier(.19,1,.22,1) 0s;transition:all .7s cubic-bezier(.19,1,.22,1) 0s;height:2px;bottom:0;}
.feature-tabs li a.active:before{width:100%;background:#1351a8;}
.feature-tabs li a.active{color:#1351a8;!important;}
@media (min-width:320px) and (max-width:414px){.feature-tabs-wrap ul li{margin-bottom:10px !important;}
}
.team-1-wrap{position:relative;z-index:1;overflow:hidden;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;}
.team-style-2{border:1px solid #ececec;border-radius:4px;background:#fff;}
.team-img{position:relative;overflow:hidden;}
.team-img:before{content:"";background-image:linear-gradient(to left, rgba(41, 103, 230, 0.75), rgba(48, 91, 228, 0.75), rgba(59, 79, 226, 0.80), rgba(71, 64, 222, 0.85), rgba(84, 45, 216, 0.95));position:absolute;opacity:0.8;top:50%;left:50%;z-index:2;width:0;height:0;padding:25%;border-radius:50%;transition:opacity .3s ease-out, -webkit-transform .3s ease;transition:transform .3s ease, opacity .3s ease-out;transition:transform .3s ease, opacity .3s ease-out, -webkit-transform .3s ease;will-change:opacity, transform;opacity:0;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);}
.team-overly-content{width:100%;height:100%;box-sizing:border-box;opacity:0;will-change:opacity;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:10px;padding-right:10px;text-align:center;position:absolute;top:0;left:0;z-index:3;}
.team-1-wrap:hover .team-overly-content{opacity:1;height:100%;transition:opacity 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9) 0.2s;}
.team-1-wrap:hover .team-img:before{opacity:1;-webkit-transform:translate(-50%, -50%) scale(4);transform:translate(-50%, -50%) scale(4);transition-duration:.6s;}
.team-img img{display:block;transition:all 0.3s ease-in;}
.team-1-wrap:hover .team-img img{-webkit-transform:scale(1.2);transform:scale(1.2);}
.team-overly-content ul li a{box-sizing:border-box;width:35px;height:35px;line-height:25px;padding:5px;background-color:#fff;border-radius:100%;margin:4px;position:relative;display:inline-block;vertical-align:middle;color:#757575;}
.team-overly-content ul li a:hover{color:#1351a8;}
.team-info{display:block;text-align:center;width:100%;padding:15px;}
.staff-member{position:relative;display:block;}
.staff-member img{width:100%;}
.staff-member h5, .staff-member p, .staff-member span{-webkit-transition:all 0.3s;transition:all 0.3s;opacity:1;}
.staff-member h5, .staff-member p, .staff-member span{-webkit-transition:all 0.3s;transition:all 0.3s;opacity:1;}
.staff-member span{font-size:0.9rem;font-weight:400;color:#757575;display:inline-block;}
.staff-member .overlay{background:#1351a8;background:-moz-linear-gradient(left, #1351a8 2%, #162477 82%);background:-webkit-linear-gradient(left, #1351a8 2%, #162477 82%);background:linear-gradient(to right, #1351a8 2%, #162477 82%);color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;padding:40px 30px;text-align:center;opacity:0;-webkit-transition:all 0.4s;transition:all 0.4s;border-radius:4px;}
.staff-member .overlay .teacher-quote{font-size:0.9rem;font-weight:300;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 0.3s;transition:all 0.3s;opacity:0;}
.staff-member .overlay .teacher-name{color:#fff;text-decoration:none !important;display:block;margin-top:15px;}
.staff-member .overlay h5{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-delay:0.1s;transition-delay:0.1s;opacity:0;}
.staff-member .overlay .teacher-field{font-size:0.9rem;-webkit-transition:all 0.3s;transition:all 0.3s;display:inline-block;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition-delay:0.2s;transition-delay:0.2s;opacity:0;}
.staff-member .overlay ul.social{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.4s;transition:all 0.4s;opacity:0;}
.staff-member .overlay ul.social li{margin:0;}
.staff-member .overlay ul.social a{margin:0 5px;width:35px;height:35px;line-height:35px;background:#fff;text-align:center;border-radius:50%;display:block;}
.staff-member .overlay ul.social li a:hover span{color:#1351a8;}
.staff-member .overlay ul.social{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.4s;transition:all 0.4s;opacity:0;}
.staff-member:hover .social{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.staff-member .overlay .teacher-see-profile{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 0.3s;transition:all 0.3s;opacity:0;}
.staff-member:hover .overlay{opacity:0.90;}
.staff-member:hover .overlay h5, .staff-member:hover .overlay p, .staff-member:hover .overlay span, .staff-member:hover .overlay ul.social{-webkit-transform:none;transform:none;opacity:1;}
.team-social-list li a{padding:5px;}
.team-social-list li span{font-size:18px;line-height:inherit;vertical-align:middle;}
.video-play-icon{position:relative;display:block;width:100%;top:40%;left:-10%;}
.video-play-icon span{width:80px;height:80px;line-height:80px;border-radius:50%;position:absolute;text-align:center;font-size:30px;cursor:pointer;background:#ffffff;-webkit-transition:.5s;padding-left:5px;}
.color-bip span{-webkit-animation:ripple 1s linear infinite;animation:ripple 1s linear infinite;}
.white-bip span{-webkit-animation:ripple-white 1s linear infinite;animation:ripple-white 1s linear infinite;}
a.video-play-icon-without-bip:hover span{color:#ffffff;}
a.video-play-icon{border-radius:50%;display:block;}
a.video-play-icon-without-bip{animation:none;}
a.video-play-icon-without-bip:hover{-webkit-animation:ripple-white 1s linear infinite;animation:ripple-white 1s linear infinite;-webkit-transition:.5s;background-color:#1351a8;}
@-webkit-keyframes ripple{0%{-webkit-box-shadow:0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15);box-shadow:0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15)}
100%{-webkit-box-shadow:0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0);box-shadow:0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0)}
}
@keyframes ripple{0%{-webkit-box-shadow:0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15);box-shadow:0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15)}
100%{-webkit-box-shadow:0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0);box-shadow:0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0)}
}
@-webkit-keyframes ripple-white{0%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)}
100%{-webkit-box-shadow:0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);box-shadow:0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)}
}
@keyframes ripple-white{0%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)}
100%{-webkit-box-shadow:0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);box-shadow:0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)}
}
.about-img-wrap{position:relative;display:block;overflow:hidden;}
.about-img-wrap img{display:block;}
.box-1{background:#fff;box-shadow:0 20px 50px rgba(111,118,217,0.15);}
.box-2{background:linear-gradient(148.65deg,#f6f8fe 26.76%,#fdfeff 100.53%);box-shadow:0 20px 50px rgba(111,118,217,0.15);}
.single-promo-block{display:block;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.animated-hover:hover{transform:translateY(-10px);}
.promo-hover-bg-1:before{background-image:url("../img/blog/1.jpg");}
.promo-hover-bg-2:before{background-image:url("../img/blog/2.jpg");}
.promo-hover-bg-3:before{background-image:url("../img/blog/3.jpg");}
.promo-hover-bg-4:before{background-image:url("../img/blog/4.jpg");}
.promo-hover-bg-5:before{background-image:url("../img/blog/5.jpg");}
.promo-hover-bg-6:before{background-image:url("../img/blog/6.jpg");}
.single-promo-block:before{top:80%;opacity:0;background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-filter:brightness(40%);filter:brightness(40%);}
.single-promo-block:before, .single-promo-block:after{content:'';height:100%;right:0;left:0;position:absolute;pointer-events:none;-webkit-border-radius:inherit;border-radius:inherit;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.single-promo-block:after{z-index:1;top:100%;background-image:linear-gradient(75deg, rgba(93, 78, 230, 0.85) 10%, rgba(19, 13, 65, 0.85));}
.single-promo-block > *{position:relative;z-index:3;}
@media screen and (min-width:1367px), screen and (any-hover:hover) and (min-width:1200px), not all, not all, not all{.single-promo-block.hover-image:hover:before{opacity:1;-webkit-transition:all 0.17s ease-out 0.18s;transition:all 0.17s ease-out 0.18s;}
.single-promo-block.hover-image:hover:before, .single-promo-block.hover-image:hover:after{top:0;}
.single-promo-block.hover-image:hover .promo-block-content h5, .single-promo-block.hover-image:hover .promo-block-icon span{color:#ffffff;}
.single-promo-block.hover-image:hover .promo-block-content p{color:rgba(255,255,255,0.75);}
}
.overlay-top-img{position:absolute;bottom:-27px;}
.project-info-list li{border-left:4px solid #1351a8;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.project-info-list li a{color:#707070;}
.dot-bg-shape{padding-top:20px;padding-bottom:20px;background-image:url('../img/dot.svg');background-size:125px;background-repeat:no-repeat;}
@media (max-width:575px) and (min-width:320px){div.dot-bg-shape[class*='col-']:not(:last-of-type){margin-bottom:0 !important;}
}
.dot-bg-1{background-position:0 100%;}
.dot-bg-2{background-position:50% 0;}
.dot-bg-3{background-position:100% 100%;}
.promo-counter{border-radius:4px;box-shadow:0 11px 43px 0 rgba(84,93,120,.1);}
.testimonial-single{display:block;position:relative;}
.testimonial-single:after{content:'';width:0;height:0;border-top:30px solid #f7f7f7;border-right:30px solid transparent;position:absolute;bottom:-30px;}
.owl-carousel .owl-item .client-img img{width:60px;display:initial;}
.client-ratting-list li:not(:last-child){margin-right:0;line-height:14px;}
.client-ratting-list li span{font-size:12px;}
.bg-left-shape{position:relative;}
.bg-left-shape:before{content:"";position:absolute;z-index:-1;width:50%;height:80%;left:15%;top:22%;background-image:url(../img/globe-bg.png);background-repeat:no-repeat;background-size:contain;}
.testimonial-wrap{padding:30px;}
.testimonial-wrap span.icon{font-size:35px;color:#1351a8;}
.testimonial-wrap blockquote{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:127px;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:0;}
.client-say{position:relative;display:inline-block;}
.client-say p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:110px;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:0;float:left;}
.client-say p span{font-size:32px;color:#162e66;}
.client-say img{position:relative;width:6% !important;display:initial !important;top:5px;margin-right:10px;}
.author-img{width:4.425rem;height:4.425rem;line-height:4.425rem;border-radius:50%;border:2px solid #ffffff;}
.dot-indicator.owl-theme button.owl-dot span{display:inline-block;width:12px;height:12px;box-sizing:border-box;background:#d8d8d8;border-radius:50%;-webkit-transform:scale(0.8);transform:scale(0.8);transition:0.3s;}
.dot-indicator.owl-theme button.owl-dot:focus{border:none;outline:none;}
.dot-indicator.owl-theme button.owl-dot.active span{background:#7202bb;border:2px solid transparent;-webkit-transform:scale(0.8);transform:scale(0.8);}
.screen-carousel.dot-indicator.owl-theme .owl-nav.disabled + .owl-dots{margin-top:20px;}
.arrow-indicator.owl-theme .owl-nav{position:absolute;left:0;margin-top:4px;}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]{width:40px;height:40px;margin:2px;box-shadow:0 2px 4px rgba(12, 12, 12, 0.12);background:#ffffff;border-radius:50%;}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:focus{outline:none;}
.arrow-indicator.owl-theme .owl-nav [class*=owl-] span{font-size:20px;line-height:20px;color:#162e66;}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover{background:#162e66 !important;}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover span{color:#ffffff !important;}
.client-section-wrap ul{display:block;}
.client-section-wrap ul li{padding-right:50px;margin:5px 0;}
.client-section-wrap ul li img{transition:all 0.3s ease-in;}
.client-section-wrap ul li img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);filter:none;-webkit-filter:grayscale(0%);}
.client-section-wrap ul li:last-child{padding-right:0;}
.single-client{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-column-align:center;justify-items:center;width:100%;height:auto;-webkit-transition:-webkit-transform .5s ease-in;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in, -webkit-transform .5s ease-in;margin:8px auto;}
.single-client img{max-width:100%;max-height:100%;-webkit-filter:opacity(50%);filter:opacity(90%);width:100%;}
.single-client:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.single-client:hover .client-img{-webkit-filter:none;filter:none;opacity:1;}
.shape-img{position:relative;z-index:2;width:100%;}
.shape-img img{width:100%;position:absolute;max-width:none;height:auto;}
.client-img-list li.client-thumb img{box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border:4px solid #ffffff;border-radius:50%;}
.client-img-list li.client-thumb{display:inline-block;}
.client-img-list li.client-1{position:absolute;top:0;left:15%;width:120px;height:120px;-webkit-animation:thumb-scale-up-one 7s infinite linear;animation:thumb-scale-up-one 7s infinite linear;}
.client-img-list li.client-2{position:absolute;width:120px;height:120px;right:35%;top:0;-webkit-animation:thumb-scale-up-two 6s infinite linear;animation:thumb-scale-up-two 6s infinite linear;}
.client-img-list li.client-3{position:absolute;width:130px;height:130px;top:0;right:50px;-webkit-animation:thumb-scale-up-three 8s infinite linear;animation:thumb-scale-up-three 8s infinite linear;}
.client-img-list li.client-4{position:absolute;width:110px;height:110px;top:125px;left:90px;-webkit-animation:thumb-scale-up-one 7s infinite linear;animation:thumb-scale-up-one 7s infinite linear;}
.client-img-list li.client-5{position:absolute;width:160px;height:160px;left:37%;top:70px;-webkit-animation:thumb-scale-up-three 8s infinite linear;animation:thumb-scale-up-three 8s infinite linear;}
.client-img-list li.client-6{position:absolute;width:120px;height:120px;left:180px;top:200px;-webkit-animation:thumb-scale-up-two 6s infinite linear;animation:thumb-scale-up-two 6s infinite linear;}
.client-img-list li.client-7{position:absolute;top:130px;right:110px;width:100px;height:100px;-webkit-animation:thumb-scale-up-one 7s infinite linear;animation:thumb-scale-up-one 7s infinite linear;}
@-webkit-keyframes thumb-thumb-scale-up-one{0%{-webkit-transform:scale(1);transform:scale(1);}
40%{-webkit-transform:scale(.5);transform:scale(.5);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes thumb-scale-up-one{0%{-webkit-transform:scale(1);transform:scale(1);}
40%{-webkit-transform:scale(.5);transform:scale(.5);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes thumb-scale-up-two{0%{-webkit-transform:scale(.5);transform:scale(.5);}
40%{-webkit-transform:scale(.8);transform:scale(.8);}
100%{-webkit-transform:scale(.5);transform:scale(.5);}
}
@keyframes thumb-scale-up-two{0%{-webkit-transform:scale(.5);transform:scale(.5);}
40%{-webkit-transform:scale(.8);transform:scale(.8);}
100%{-webkit-transform:scale(.5);transform:scale(.5);}
}
@-webkit-keyframes thumb-scale-up-three{0%{-webkit-transform:scale(.7);transform:scale(.7);}
40%{-webkit-transform:scale(.4);transform:scale(.5);}
100%{-webkit-transform:scale(.7);transform:scale(.7);}
}
@keyframes thumb-scale-up-three{0%{-webkit-transform:scale(.7);transform:scale(.7);}
40%{-webkit-transform:scale(.4);transform:scale(.5);}
100%{-webkit-transform:scale(.7);transform:scale(.7);}
}
.subscribe-form #email{background:#FDFCFB;font-family:inherit;color:#737373;letter-spacing:1px;text-indent:5%;border-radius:30px;}
.subscribe-form input.button{position:absolute;right:8px;border-radius:30px;padding:initial;top:8px;bottom:8px;width:30%;}
.subscribe-form-footer{position:absolute;top:-40px;width:100%;}
.subscribe-form-footer input.form-control{padding:2.0175rem 1.15rem;border-radius:50px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.22);}
.subscribe-form-footer input.button{border-radius:50px;}
.accordion-faq.accordion > .card{overflow:hidden;}
.accordion-faq.accordion .card-header{position:relative;cursor:pointer;background:#ffffff;}
.accordion-faq.accordion .card-header:first-child{border-radius:calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;}
.accordion-faq.accordion .card-header{border-bottom:1px solid #EFF2F7;}
.accordion-faq.accordion > .card:not(:first-of-type) .card-header:first-child{border-radius:0;}
.accordion-faq.accordion > .card .card-header{margin-bottom:-1px;}
.accordion-faq.accordion > .card .card-header h6{font-weight:600;font-family:'Montserrat', sans-serif;}
.accordion-faq.accordion .card-header[aria-expanded=false]:after{content:"+";}
.accordion-faq.accordion .card-header[aria-expanded=true]:after{content:"-";}
.accordion-faq.accordion .card-header:after{content:"+";position:absolute;right:1.5rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:'Montserrat', sans-serif;font-weight:700;}
.service-block-one .inner-box{position:relative;display:block;}
.service-block-one .inner-box .image-box{position:absolute;left:0;top:0;background:#162e66;overflow:hidden;}
.service-block-one .inner-box .image-box a{position:relative;z-index:1;text-decoration:none;}
.service-block-one .inner-box .image-box img{width:100%;opacity:1;transition:all 500ms ease;display:block;}
figure{margin:0;}
.service-block-one .inner-box .content-box{position:relative;padding:28px 30px 30px 240px;min-height:300px;}
.service-block-one .inner-box:hover .image-box img{opacity:0.5;transform:scale(1.05);}
.service-block-one .inner-box .content-box .icon-box{position:relative;display:inline-block;font-size:55px;line-height:55px;color:#000;font-weight:500;margin-bottom:17px;}
.service-block-one .inner-box .content-box .link-btn a{position:relative;display:inline-block;text-decoration:none;}
.service-block-one .inner-box .content-box .link-btn i{position:relative;font-size:12px;transition:all 500ms ease;}
.service-block-one .inner-box .content-box .link-btn a:hover i{transform:rotate(360deg);}
@media only screen and (max-width:599px){.service-block-one .inner-box .image-box{position:relative;}
.service-block-one .inner-box .image-box a{display:block;}
.service-section .service-block-one .inner-box .content-box{padding-top:40px !important;}
.service-block-one .inner-box .content-box{padding-left:30px;}
}
.card.single-pricing-pack1{transition:all 0.2s ease 0s;box-shadow:0 0 0 1px #ebebeb;border:none;border-top:4px solid transparent;}
.card.single-pricing-pack2{transition:all 0.2s ease 0s;box-shadow:0 0 0 1px #ebebeb;border:none;border-top:4px solid transparent;}
.card.single-pricing-pack3{transition:all 0.2s ease 0s;box-shadow:0 0 0 1px #ebebeb;border:none;border-top:4px solid transparent;}
.card.single-pricing-pack:hover{z-index:2;border-radius:1rem !important;}
.single-pricing-pack1:hover{box-shadow:0 1rem 3rem rgba(31,45,61,.125)!important;transform:translate(0, -5px);border-top:4px solid #009688;;}
.single-pricing-pack2:hover{box-shadow:0 1rem 3rem rgba(31,45,61,.125)!important;transform:translate(0, -5px);border-top:4px solid #e91e63;;}
.single-pricing-pack3:hover{box-shadow:0 1rem 3rem rgba(31,45,61,.125)!important;transform:translate(0, -5px);border-top:4px solid #2196f3;;}
.single-pricing-pack1 .card-body{color:rgb(132, 146, 166);flex:1 1 auto;padding:1.5rem;}
.single-pricing-pack2 .card-body{color:rgb(132, 146, 166);flex:1 1 auto;padding:1.5rem;}
.single-pricing-pack3 .card-body{color:rgb(132, 146, 166);flex:1 1 auto;padding:1.5rem;}
.pricing-header{position:relative;background:transparent;}
.pricing-img{width:120px;height:120px;border-radius:50%;display:inline-block;position:relative;line-height:120px;margin:0 auto;}
.font-weight-bolder{font-weight:700;font-family:'Montserrat', sans-serif;}
.pricing-header::after{content:"";display:block;width:80%;position:absolute;bottom:0;left:50%;margin-left:-40%;height:1px;background:radial-gradient(at center center, rgb(222, 228, 239) 0px, rgba(255, 255, 255, 0) 75%);}
.pricing-feature-list li{font-size:14px;line-height:28px;}
.popular-price{box-shadow:0 1rem 3rem rgba(31,45,61,.125)!important;transform:translate(0, -5px);border-top:4px solid #e91e63 !important;}
.pricing-value{position:relative;display:block;}
.pricing-value.card-footer{border-color:#ebebeb;background:transparent;}
.pricing-value.card-footer::after{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);transform:translate(0, -50%);position:absolute;top:50%;right:2.875rem;display:block;content:"\e628";font-size:1.375rem;font-family:"themify";}
.pricing-value.card-footer:hover{background:#162e66;color:#ffffff;}
.pricing-value.card-footer:hover::after{right:1.875rem;color:inherit;}
.pricing-value .card-price{font-size:2.5rem;font-weight:500;}
a.pricing-value{text-decoration:none;color:#757575;}
@media (min-width:320px) and (max-width:576px){.page-header-content{padding-top:3rem !important;}
}
.custom-breadcrumb ol{margin-bottom:0;}
.custom-breadcrumb ol li a, .custom-breadcrumb ol li.breadcrumb-item.active{color:#ffffff;opacity:0.7;}
.custom-breadcrumb ol li a:hover{opacity:1;}
.custom-breadcrumb ol li.breadcrumb-item{padding-left:0;}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before{font-family:themify;content:"\e649";font-size:10px;color:#ffffff;opacity:0.7;}
.single-promo-card{transition:all .2s ease;}
.card.single-promo-card{border:1px solid #eff2f7;border-radius:1rem;}
.single-promo-card .card-body{padding:1.5rem;}
.single-promo-hover:hover{transform:translateY(-5px);box-shadow:0 1rem 3rem rgba(31,45,61,.125)!important;}
.link-color{color:#707070;}
.google-map{height:100%;margin-bottom:-8px;}
.google-map iframe{width:100%;border:0;-webkit-filter:grayscale(99%);-webkit-backface-visibility:hidden;}
.footer-top{padding:65px 0;}
.security-icon-list li{margin:0 15px 12px 0;}
@media (min-width:320px) and (max-width:567px){.footer-top{padding:50px 0;}
}
.footer-nav-wrap h4{font-size:13px;margin-bottom:1.4rem}
.footer-nav-wrap ul li a{font-size:13px;line-height:24px;padding:3px 0;color:inherit;opacity:0.8;}
.footer-nav-wrap ul li a:hover, .copyright-text a:hover, .social-list li a:hover{opacity:1;text-decoration:none;}
.payment-method ul{display:inline-flex;align-items:center;}
.payment-method ul li img{max-width:60px;}
.payment-method ul li:last-child img{margin-right:0;}
.copyright-text{font-size:13px;}
.social-list li a{padding:6px 10px;}
.footer-nav-list li a span{font-size:12px;vertical-align:middle;}
.bottom-sticky-footer{position:absolute;bottom:1px;width:100%;height:55px;}
.social-nav ul li a{opacity:0.8;transition:all 0.3s ease-in;}
.tooltip-hover{position:relative;}
.tooltip-hover a{display:block;}
.tooltip-item{position:absolute;background-color:rgb(255, 255, 255);pointer-events:none;color:rgb(51, 51, 51);font-size:13px;bottom:90%;left:50%;opacity:0;white-space:nowrap;visibility:hidden;z-index:999;box-shadow:rgba(0, 0, 0, 0.2) 0 4px 15px;transform:translate3d(-50%, 0px, 0px);padding:0.4rem 0.8rem;border-radius:3px;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.tooltip-item:after{content:"";position:absolute;width:0;height:0;bottom:-6px;left:50%;transform:translateX(-50%);border-top:6px solid rgb(255, 255, 255);border-right:6px solid transparent;border-left:6px solid transparent;}
.tooltip-hover:hover .tooltip-item{opacity:1;visibility:visible;bottom:calc(100% + 5px);}
.get-in-touch-list li{font-size:14px;}
.get-in-touch-list li span{font-size:18px;}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#fff;}
@media (max-width: 575px) and (min-width: 320px).loader1 {left:37%!important;}
.loader1{display:block;position:relative;left: 47%;top:50%;}
.loader1 span{vertical-align:middle;border-radius:100%;display:inline-block;width:10px;height:10px;margin:3px 2px;-webkit-animation:loader1 0.8s linear infinite alternate;animation:loader1 0.8s linear infinite alternate;}
.loader1 span:nth-child(1){-webkit-animation-delay:-1s;animation-delay:-1s;background:rgba(41, 103, 230, 0.6);}
.loader1 span:nth-child(2){-webkit-animation-delay:-0.8s;animation-delay:-0.8s;background:rgba(41, 103, 230, 0.8);}
.loader1 span:nth-child(3){-webkit-animation-delay:-0.26666s;animation-delay:-0.26666s;background:rgba(41, 103, 230, 1);}
.loader1 span:nth-child(4){-webkit-animation-delay:-0.8s;animation-delay:-0.8s;background:rgba(41, 103, 230, 0.8);}
.loader1 span:nth-child(5){-webkit-animation-delay:-1s;animation-delay:-1s;background:rgba(41, 103, 230, 0.4);}
@keyframes loader1{from{transform:scale(0, 0);}
to{transform:scale(1, 1);}
}
@-webkit-keyframes loader1{from{-webkit-transform:scale(0, 0);}
to{-webkit-transform:scale(1, 1);}
}
.row-post-thumbnail .post{border:0;padding-bottom:25px;margin-bottom:25px;}
.post{border-bottom:1px solid #f0f0f0;padding:0 0 35px;margin:0 0 45px;}
.post-preview{padding-bottom:5px;border-radius:.1875rem;transition:all .3s ease-in-out;}
.post-preview img{border-radius:.1875rem;width:100%;display:block;}
.post-header{margin:15px 0 20px;}
.post-header .post-title{font-size:1.5625rem;margin-bottom:0;color:#333333;}
.post-header .post-title a{color:#5d5d5d;}
.post-header .post-title a:hover{color:#1351a8;}
.post-meta{list-style:none;font-size:.8125rem;padding:0;margin:0;}
.post-meta a, .post-meta li{color:#495057;opacity:0.8;}
.post-meta a:hover{color:#1351a8;opacity:1;}
.post-meta > li{position:relative;display:inline-block;padding:0 14px 0 0;margin:0 14px 0 0;}
.post-meta > li:not(:last-child):after{position:absolute;content:'/';right:-5px;top:0;}
.post-content p{margin-bottom:5px;}
.post-more a span{vertical-align:middle;}
.post-footer{margin-top:15px;}
.post-content blockquote{border-left:2px solid #eaeaea;padding:10px 0 10px 40px;margin:40px 0;transition:all .3s ease-in-out;}
.post-content blockquote:hover{border-color:#1351a8;}
.blockquote{font-weight:500;color:#222;}
.post-content ol{list-style-type:decimal;}
.post-content ul, .post-content ol{margin:15px 0 15px 40px;}
.comment, .comment-shop{border-bottom:1px solid #f0f0f0;padding:30px 0 0;}
.comment-author, .comment-author-shop{margin:5px 0 0;height:64px;width:64px;float:left;}
.comment-body, .comment-body-shop{position:relative;padding:0 0 30px;margin:0 0 0 85px;}
.comment-meta, .comment-meta-shop{margin:0 0 15px;}
.comment-meta-date{font-size:13px;}
.children > .comment, .children > .comment-shop{border:0;border-top:1px solid #f0f0f0;margin-left:85px;}
.comment-meta-author a, .comment-meta-author-shop a{font-weight:500;color:#222;}
.comment-meta-date a, .comment-meta-date-shop a{color:#788487;opacity:.6;}
.comment-meta-date a:hover, .comment-meta-date a:focus, .comment-meta-date-shop a:hover, .comment-meta-date-shop a:focus{color:#162e66;opacity:1;}
.comment-reply, .comment-reply-shop{position:absolute;right:0;top:0;font-size:13px;}
.comment-reply > a, .comment-reply-shop > a{background:#f4f4f4;border-radius:.1875rem;padding:5px 15px;display:block;color:#222;}
.comment-reply > a:hover, .comment-reply > a:focus, .comment-reply-shop > a:hover, .comment-reply-shop > a:focus{background:#1351a8;color:#fff;}
.comment-list + .comment-respond, .comment-list-shop + .comment-respond{margin-top:30px;}
.custom-pagination-nav ul li{text-align:center;margin-right:10px;}
.custom-pagination-nav ul li:focus, .custom-pagination-nav ul li a:focus{outline:none;box-shadow:none;}
.custom-pagination-nav ul li a.page-link{width:35px;height:35px;line-height:33px;border-radius:100%;padding:inherit;font-family:'Montserrat', sans-serif;font-weight:600;color:#162e66;}
.custom-pagination-nav ul li a.page-link:hover{background:#1351a8;color:#FFFFFF;}
.custom-pagination-nav ul li.page-item:first-child .page-link,
.custom-pagination-nav ul li.page-item:last-child .page-link{border:none;background:transparent;}
.custom-pagination-nav ul li.page-item:first-child .page-link:hover,
.custom-pagination-nav ul li.page-item:last-child .page-link:hover{color:#1351a8;}
.custom-pagination-nav ul li.page-item.active .page-link{background-color:#1351a8;border-color:#1351a8;}
.widget-search{padding:0;border:0;}
.widget{margin-bottom:50px;}
.widget-search form{position:relative;}
.widget-search .search-button{background-color:transparent;border:none;position:absolute;top:50%;height:100%;right:.875rem;transform:translateY(-50%);transition:all .3s ease-out;color:#ddd;}
.widget-search .search-button span{font-size:20px;line-height:32px;}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button;}
.widget .widget-title{margin-bottom:24px;}
.widget .widget-title > h6{text-transform:uppercase;font-family:'Montserrat', sans-serif;letter-spacing:1px;font-weight:600;font-size:12px;margin:0;color:#788487;}
.widget ul{margin-bottom:0;}
.widget-categories ul li:first-child, .widget-recent-entries ul li:first-child, .widget-recent-entries-custom ul li:first-child{padding-top:0;}
.widget-categories ul li, .widget-recent-entries ul li, .widget-recent-entries-custom ul li{border-bottom:1px solid #f0f0f0;padding:10px 0;margin:0;}
.widget a{color:#788487;display:block;font-size:14px;}
.widget a:hover{color:#1351a8;}
.widget-recent-entries-custom .wi{float:left;width:80px;}
.widget-recent-entries-custom .wb{padding-left:16px;width:100%;}
.widget-recent-entries-custom .wi, .widget-recent-entries-custom .wb{vertical-align:middle;display:table-cell;}
.post-date{font-size:13px;color:#a3a6a8;display:block;margin:0;}
.tag-cloud > a, .post-tags > a{background:#f4f4f4;border-radius:.1875rem;position:relative;display:inline-block;padding:6px 15px;margin:5px 8px 5px 0;text-transform:uppercase;font-size:10px !important;color:#222;font-weight:500;font-family:'Montserrat', sans-serif;}
.tag-cloud > a:hover, .post-tags > a:hover{background:#162e66;color:#fff;opacity:1;}
button.scroll-top:focus{outline:none;}
.scroll-top.open{bottom:30px;}
.scroll-top{width:50px;height:50px;line-height:50px;position:fixed;bottom:105%;right:50px;font-size:16px;border-radius:50%;z-index:99;color:#ffffff;text-align:center;cursor:pointer;background:#2196F3;transition:1s ease;border:none;}
.scroll-top span{color:#fff;}
.scroll-top:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}
.full-screen{min-height:100vh;position:relative;width:100%;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.countdown-wrap h2, .countdown-wrap h5{color:#fff !important;}
.error-content .notfound-404{position:relative;height:280px;z-index:2;margin-bottom:30px;}
.error-content .notfound-404 h1{font-size:230px;font-weight:700;margin:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-size:cover;background-position:center;}
@media (min-width:320px) and (max-width:767px){.error-content .notfound-404{height:auto;display:block;position:relative;}
.error-content .notfound-404 h1{font-size:80px;position:relative;}
}
.login-signup-content{height:100%;width:100%;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.login-signup-wrap h1{font-size:35px;}
.vh-100{height:100vh!important;}
.bg-cover{background-repeat:no-repeat;background-position:50%;background-size:cover;}
.ml-n3, .mx-n3{margin-left:-.98rem!important;}
.small, small{font-size:90%;}
.input-group-text{display:flex;align-items:center;padding:.5rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.5;color:#95aac9;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid #d2ddec;border-radius:.375rem;}
.form-control:focus{border-color:#162e66;}
.btn.border-radius{border-radius:4px;}
.login-signup-form .form-group{position:relative;}
.login-signup-form .form-group label{font-family:'Montserrat', sans-serif;font-weight:500;font-size:90%;}
.login-signup-form .form-group .input-group.input-group-merge>.form-control{text-indent:35px;border-top-left-radius:4px;border-bottom-left-radius:4px;height:calc(2.65em + .75rem + 2px);}
.login-signup-form .form-group .input-group.input-group-merge>.form-control:focus{z-index:inherit;}
.input-icon{height:calc(3.4rem + 2px);position:absolute;z-index:2;display:block;width:40px;top:0;bottom:0;left:0;}
.input-icon span{padding:18px 15px;border-left:2px solid #162e66;position:absolute;font-size:18px;height:calc(3.4rem + 2px);border-radius:4px;color:#afafaf;}
.login-signup-card{position:relative;z-index:2;}
.custom-control-label{line-height:1.5;}
.custom-control-label{position:relative;margin-bottom:0;vertical-align:top;}
.author-info{display:flex;align-items:center;}
.subscribe-form-footer.subscribe-form-two{top:0;}
@media (max-width: 575px) and (min-width: 320px){.loader1 {left:37%!important;}}
/* ================================================================
BLOG STYLES - Professional Blog Design
================================================================ */
/* Blog hero section */
.blog-hero {
position: relative;
padding: 165px 0 100px;
background: linear-gradient(135deg, #1351a8 0%, #162e66 100%);
overflow: hidden;
}
.blog-hero::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: url('/assets/frontend/img/bg-illustration.svg') no-repeat center center / cover;
opacity: 0.15;
}
.blog-hero::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: -1px;
height: 80px;
background: url('/assets/frontend/img/hero-bottom-shape.svg') no-repeat bottom center / cover;
pointer-events: none;
}
.blog-hero .container {
position: relative;
z-index: 2;
}
.blog-hero h1 {
font-weight: 800;
font-size: 2.5rem;
text-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.blog-hero p {
opacity: 0.9;
font-size: 1.1rem;
}
/* Blog search */
.blog-search {
background: #fff;
border-radius: 16px;
padding: 6px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.blog-search .form-control {
border: none;
border-radius: 12px;
padding: 12px 20px;
font-size: 0.95rem;
background: transparent;
}
.blog-search .form-control:focus {
box-shadow: none;
outline: none;
}
.blog-search .btn {
border-radius: 12px;
padding: 12px 28px;
font-weight: 700;
}
/* Blog category filter */
.blog-category-filter {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 2.5rem;
}
.blog-category-filter .filter-btn {
border: 2px solid #e2e8f0;
background: #fff;
color: #64748b;
border-radius: 999px;
padding: 8px 20px;
font-size: 0.875rem;
font-weight: 600;
transition: all 0.25s ease;
text-decoration: none;
}
.blog-category-filter .filter-btn:hover {
border-color: #1351a8;
color: #1351a8;
background: rgba(19,81,168,0.05);
}
.blog-category-filter .filter-btn.active,
.blog-category-filter .filter-btn.mixitup-control-active {
background: #1351a8;
color: #fff;
border-color: #1351a8;
}
/* Blog cards */
.blog-card {
border-radius: 12px;
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
background: #fff;
border: none;
}
.blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}
.blog-card img {
width: 100%;
height: 200px;
object-fit: cover;
transition: transform 0.4s ease;
}
.blog-card:hover img {
transform: scale(1.05);
}
.blog-card .card-body {
padding: 1.25rem;
}
.blog-card .card-title a {
color: #0f172a;
text-decoration: none;
font-weight: 700;
line-height: 1.4;
transition: color 0.2s;
}
.blog-card .card-title a:hover {
color: #1351a8;
}
.blog-card .blog-excerpt {
color: #64748b;
font-size: 0.875rem;
line-height: 1.6;
margin-bottom: 0.75rem;
}
.blog-card .blog-meta {
display: flex;
align-items: center;
gap: 12px;
font-size: 0.75rem;
color: #94a3b8;
margin-top: auto;
}
.blog-card .blog-meta i {
margin-right: 4px;
}
/* Blog pagination */
.blog-pagination .page-item .page-link {
border: none;
color: #64748b;
font-weight: 600;
padding: 10px 16px;
margin: 0 3px;
border-radius: 10px;
transition: all 0.25s;
}
.blog-pagination .page-item .page-link:hover {
background: rgba(19,81,168,0.08);
color: #1351a8;
}
.blog-pagination .page-item.active .page-link {
background: #1351a8;
color: #fff;
box-shadow: 0 4px 12px rgba(19,81,168,0.3);
}
/* Blog detail hero */
.blog-detail-hero {
position: relative;
overflow: hidden;
padding: 165px 0 80px;
background: linear-gradient(135deg, #1351a8 0%, #162e66 100%);
}
.blog-detail-hero::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: url('/assets/frontend/img/bg-illustration.svg') no-repeat center center / cover;
opacity: 0.12;
}
.blog-detail-hero::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: -1px;
height: 72px;
background: url('/assets/frontend/img/hero-bottom-shape.svg') no-repeat bottom center / cover;
pointer-events: none;
}
.blog-detail-hero .container {
position: relative;
z-index: 2;
}
.blog-category-pill {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 5px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.18);
color: #fff;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.3px;
backdrop-filter: blur(4px);
}
.blog-meta-info {
display: flex;
flex-wrap: wrap;
gap: 16px;
color: rgba(255,255,255,0.88);
font-size: 0.875rem;
font-weight: 500;
}
.blog-meta-info i {
margin-right: 6px;
opacity: 0.8;
}
/* Blog article card */
.blog-article-card {
border: none;
border-radius: 16px;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
overflow: hidden;
background: #fff;
}
.blog-article-card .blog-cover {
max-height: 450px;
width: 100%;
object-fit: cover;
}
.blog-article-card .card-body {
padding: 2.5rem;
}
@media (max-width: 767.98px) {
.blog-article-card .card-body {
padding: 1.5rem;
}
}
/* Blog content typography */
.blog-content {
color: #334155;
font-size: 1rem;
line-height: 1.9;
}
.blog-content img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 1.25rem 0;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5 {
color: #0f172a;
font-weight: 700;
margin-top: 2rem;
margin-bottom: 0.75rem;
line-height: 1.3;
}
.blog-content h2 { font-size: 1.5rem; }
.blog-content h3 { font-size: 1.25rem; }
.blog-content p { margin-bottom: 1.25rem; }
.blog-content blockquote {
border-left: 4px solid #1351a8;
background: #f8fafc;
padding: 1rem 1.5rem;
margin: 1.5rem 0;
border-radius: 0 8px 8px 0;
font-style: italic;
color: #475569;
}
.blog-content a {
color: #1351a8;
text-decoration: underline;
text-underline-offset: 2px;
}
.blog-content a:hover {
color: #162e66;
}
.blog-content ul, .blog-content ol {
padding-left: 1.5rem;
margin-bottom: 1.25rem;
}
.blog-content li {
margin-bottom: 0.5rem;
}
/* Blog share card */
.blog-share-card {
border: none;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.blog-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
padding: 10px 18px;
border-radius: 999px;
color: #fff !important;
font-size: 0.8125rem;
font-weight: 700;
text-decoration: none !important;
border: 0;
transition: transform 0.2s, box-shadow 0.2s;
}
.blog-share-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}
/* Related blog card */
.related-blog-card {
border: none;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
}
.related-blog-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 32px rgba(0,0,0,0.12);
}
.related-blog-thumb {
height: 160px;
background: linear-gradient(135deg, #1351a8, #03a9f4);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
overflow: hidden;
}
.related-blog-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.related-blog-card:hover .related-blog-thumb img {
transform: scale(1.08);
}
.related-blog-card .card-body {
padding: 1rem 1.25rem;
}
.related-blog-card .card-title,
.related-blog-card-title {
font-size: 0.9375rem;
font-weight: 700;
color: #0f172a;
line-height: 1.4;
margin: 0;
}
/* Blog empty state */
.blog-empty-state {
padding: 4rem 2rem;
text-align: center;
}
.blog-empty-state i {
font-size: 4rem;
color: #cbd5e1;
margin-bottom: 1rem;
}
.blog-empty-state p {
color: #94a3b8;
font-size: 1.1rem;
}