/*
Theme Name: MoonCrea
Theme URI: http://www.mooncrea.com/
Description: MoonCrea
Author: MoonCrea
Author URI: https://mooncrea.com
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,700&display=swap'); body { font-family: 'Nunito Sans',sans-serif; overflow-x: hidden!important; font-size: 1rem; color: #212529; background-color: #fff}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: var(--bs-font-sans-serif); line-height: 1.4; font-weight: 600}
::-moz-selection { background: rgba(47,85,212,.9); color: #fff}
::selection { background: rgba(47,85,212,.9); color: #fff}
p strong, p b {color:#000;}
a { text-decoration: none!important; -webkit-transition: all .5s ease; transition: all .5s ease}
p { line-height: 1.6; }
#topnav { position: fixed; right: 0; left: 0; top: 0; z-index: 999; background-color: transparent; border: 0; -webkit-transition: all .5s ease; transition: all .5s ease}
#topnav .logo { float: left; color: #212529!important}
#topnav .logo .l-dark,#topnav .logo .logo-dark-mode { display: none}
#topnav .logo .l-light,#topnav .logo .logo-light-mode { display: inline-block}
#topnav .logo:focus { outline: 0}
#topnav .has-sub-menu.active a { color: #fff}
#topnav .has-sub-menu.active .sub-menu li.active>a { color: #2f55d4!important}
#topnav .has-sub-menu.active.active .menu-arrow { border-color: #2f55d4}
#topnav #navigation.toggle-menu { position: relative; display: block; top: 0; border: none}
#topnav #navigation.toggle-menu .toggle-menu-item { display: block}
#topnav #navigation.toggle-menu .toggle-menu-item>li { float: none; margin: 0 16px!important; text-align: center}
#topnav #navigation.toggle-menu .toggle-menu-item>li>a { padding: 16px 0; min-height: auto; font-size: 18px}
#topnav .has-sub-menu { position: relative}
#topnav .has-sub-menu .sub-menu { position: relative}
#topnav .has-sub-menu .sub-menu .sub-menu-arrow { border: solid #212529; border-radius: .5px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 20px; top: 13px}
#topnav .has-sub-menu .sub-menu .has-sub-menu .sub-menu .has-sub-menu:hover .sub-menu-arrow { border-color: #2f55d4}
#topnav .has-sub-menu .sub-menu .has-sub-menu:hover>.sub-menu-arrow { border-color: #2f55d4}
#topnav .navbar-toggle { border: 0; position: relative; padding: 0; margin: 0; cursor: pointer}
#topnav .navbar-toggle .lines { width: 25px; display: block; position: relative; margin: 30px 0 26px 10px; height: 18px}
#topnav .navbar-toggle span { height: 2px; width: 100%; background-color: #212529; display: block; margin-bottom: 5px; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease}
#topnav .navbar-toggle span:last-child { margin-bottom: 0}
#topnav .buy-button { float: right; line-height: 74px}
#topnav .buy-button>li { line-height: initial}
#topnav .buy-button .btn-icon-dark,#topnav .buy-button .login-btn-primary { display: none}
#topnav .buy-button .btn-icon-light,#topnav .buy-button .login-btn-light { display: inline-block}
#topnav .buy-button .search-bar .menu-search form { position: relative}
#topnav .buy-button .search-bar .searchform input[type=text] { -webkit-box-shadow: none; box-shadow: none; padding: 10px 12px; height: 44px; font-size: 14px; display: block; outline: 0!important; padding-right: 45px}
#topnav .buy-button .search-bar .searchform input[type=submit] { display: none}
#topnav .buy-button .search-bar .searchform:after { content: "\f0349"; position: absolute; font-family: "Material Design Icons"; right: 14px; top: 14px; font-size: 20px; line-height: 20px; pointer-events: none}
#topnav .buy-button .dropdown .dropdown-toggle:after,#topnav .buy-menu-btn .dropdown .dropdown-toggle:after { display: none}
#topnav .navbar-toggle.open span { position: absolute}
#topnav .navbar-toggle.open span:first-child { top: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
#topnav .navbar-toggle.open span:nth-child(2) { visibility: hidden}
#topnav .navbar-toggle.open span:last-child { width: 100%; top: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
#topnav .navbar-toggle.open span:hover { background-color: #2f55d4}
#topnav .navbar-toggle .navigation-menu>li>a:hover,#topnav .navbar-toggle:focus,#topnav .navbar-toggle:hover { background-color: transparent}
#topnav .navigation-menu { list-style: none; margin: 0; padding: 0}
#topnav .navigation-menu>li { float: left; display: block; position: relative; margin: 0 0 0 10px; }
#topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a { color: #2f55d4!important}
#topnav .navigation-menu>li>a { display: block; color: #212529; font-size: 13px; background-color: transparent!important; font-weight: 700; letter-spacing: 1px; line-height: 24px; font-family: var(--bs-font-sans-serif); padding-left: 10px; padding-right: 10px; text-transform: uppercase; }
#topnav .navigation-menu>li>a:active,#topnav .navigation-menu>li>a:hover { color: #2f55d4}
#topnav .navigation-menu>li .sub-menu.megamenu li .megamenu-head { padding: 10px 20px; white-space: nowrap; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; color: #161c2d!important}
#topnav .navigation-menu .has-sub-menu .menu-arrow { border: solid #212529; border-radius: .5px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; -webkit-transition: all .5s; transition: all .5s; right: -1px; top: 30px}
#topnav .navigation-menu .has-sub-menu:hover .menu-arrow { -webkit-transform: rotate(225deg); transform: rotate(225deg)}
#topnav .menu-extras { float: right}
#topnav.scroll { background-color: #fff; border: none; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
#topnav.scroll .navigation-menu>li>a { color: #212529}
#topnav.scroll .navigation-menu>li>.menu-arrow { border-color: #212529}
#topnav.scroll .navigation-menu>li.active>a,#topnav.scroll .navigation-menu>li:hover>a { color: #2f55d4}
#topnav.scroll .navigation-menu>li.active>.menu-arrow,#topnav.scroll .navigation-menu>li:hover>.menu-arrow { border-color: #2f55d4}
#topnav.defaultscroll.dark-menubar .logo { line-height: 70px}
#topnav.defaultscroll.scroll .logo { line-height: 62px}
#topnav.defaultscroll.scroll.dark-menubar .logo { line-height: 62px}
#topnav.nav-sticky { background: #fff; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
#topnav.nav-sticky .navigation-menu.nav-light>li>a { color: #212529}
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a { color: #2f55d4!important}
#topnav.nav-sticky .navigation-menu.nav-light>li.active>.menu-arrow,#topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow { border-color: #2f55d4!important}
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a,#topnav.nav-sticky .navigation-menu.nav-light>li:hover>a { color: #2f55d4!important}
#topnav.nav-sticky .navigation-menu.nav-light .has-sub-menu .menu-arrow { border-color: #212529}
#topnav.nav-sticky.tagline-height { top: 0!important}
#topnav.nav-sticky .buy-button .btn-icon-dark,#topnav.nav-sticky .buy-button .login-btn-primary { display: inline-block}
#topnav.nav-sticky .buy-button .btn-icon-light,#topnav.nav-sticky .buy-button .login-btn-light { display: none}
#topnav.nav-sticky .logo .l-dark { display: inline-block}
#topnav.nav-sticky .logo .l-light { display: none}
.logo { font-weight: 700; font-size: 24px; margin-right: 15px; padding: 10px 0; letter-spacing: 1px; line-height: 50px; }
@media (min-width: 1025px) { #topnav .navigation-menu>li .sub-menu.megamenu { width:1116px!important}
}
@media screen and (max-width: 1024px) and (min-width:992px) { #topnav .navigation-menu>li .sub-menu.megamenu { width:936px!important}
}
@media (min-width: 992px) { #topnav .navigation-menu { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; }
#topnav .navigation-menu>.has-sub-menu:hover .menu-arrow { top: 33px!important}
#topnav .navigation-menu>.has-sub-menu.active .menu-arrow { top: 30px}
#topnav .navigation-menu>li .sub-menu { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 15px 0; list-style: none; min-width: 180px; visibility: hidden; opacity: 0; margin-top: 10px; -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
#topnav .navigation-menu>li .sub-menu li { position: relative}
#topnav .navigation-menu>li .sub-menu li a { display: block; padding: 10px 20px; clear: both; white-space: nowrap; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; color: #212529!important; -webkit-transition: all .3s; transition: all .3s}
#topnav .navigation-menu>li .sub-menu li a:hover { color: #2f55d4!important}
#topnav .navigation-menu>li .sub-menu li ul { list-style: none; padding-left: 0; margin: 0}
#topnav .navigation-menu>li .sub-menu.megamenu { white-space: nowrap; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: fixed; top: auto; display: -webkit-box; display: -ms-flexbox; display: flex}
#topnav .navigation-menu>li .sub-menu.megamenu>li { overflow: hidden; vertical-align: top; width: 20%}
#topnav .navigation-menu>li .sub-menu.megamenu>li .sub-menu { left: 100%; top: 0; margin-left: 10px; margin-top: -1px}
#topnav .navigation-menu>li .sub-menu>li .sub-menu { left: 101%; top: 0; margin-left: 10px; margin-top: -1px}
#topnav .navigation-menu>li>a { padding-top: 25px; padding-bottom: 25px; min-height: 62px}
#topnav .navigation-menu>li:hover>.menu-arrow { border-color: #2f55d4}
#topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a { color: #2f55d4!important}
#topnav .navigation-menu>li.last-elements .sub-menu { left: auto; right: 0}
#topnav .navigation-menu>li.last-elements .sub-menu:before { left: auto; right: 10px}
#topnav .navigation-menu>li.last-elements .sub-menu>li.has-sub-menu .sub-menu { left: auto; right: 100%; margin-left: 0; margin-right: 10px}
#topnav .navigation-menu.nav-light>li>a { color: rgba(255,255,255,.5)}
#topnav .navigation-menu.nav-light>li.active>a { color: #fff!important}
#topnav .navigation-menu.nav-light>li:hover>.menu-arrow { border-color: #fff!important}
#topnav .navigation-menu.nav-light>li:hover>a { color: #fff!important}
#topnav .navigation-menu.nav-light .has-sub-menu .menu-arrow { border-color: rgba(255,255,255,.5)}
#topnav .navigation-menu.nav-light .has-sub-menu.active .menu-arrow { border-color: #fff!important}
#topnav .navigation-menu.nav-right { -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important}
#topnav .navigation-menu.nav-left { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important}
#topnav .navigation-menu.nav-left>li.last-elements .sub-menu { left: 0!important; right: auto!important}
#topnav .navigation-menu.nav-left>li.last-elements .sub-menu:before { left: 45px!important; right: auto!important}
#topnav .buy-button { padding-left: 15px; margin-left: 15px}
#topnav .navbar-toggle { display: none}
#topnav #navigation { display: block!important}
#topnav.scroll { top: 0}
#topnav.scroll .navigation-menu>li>a { padding-top: 20px; padding-bottom: 20px}
#topnav.scroll-active .navigation-menu>li>a { padding-top: 25px; padding-bottom: 25px}
}
@media (max-width: 991px) { #topnav { background-color:#fff; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15); min-height: 74px}
#topnav .logo .l-dark { display: inline-block!important}
#topnav .logo .l-light { display: none!important}
#topnav .container { width: auto}
#topnav .navigation-menu { float: none;height: calc(100vh - 60px);margin-top:20px}
#topnav .navigation-menu>li { float: none}
#topnav .navigation-menu>li .sub-menu { list-style: none; padding-left: 20px; margin: 0}
#topnav .navigation-menu>li .sub-menu li a { display: block; position: relative; padding: 7px 15px; text-transform: uppercase; font-size: 11px; letter-spacing: .04em; font-weight: 700; color: #212529!important; -webkit-transition: all .3s; transition: all .3s}
#topnav .navigation-menu>li .sub-menu.megamenu li .megamenu-head { padding: 7px 15px}
#topnav .navigation-menu>li .sub-menu.open { display: block}
#topnav .navigation-menu>li .sub-menu .sub-menu { display: none; list-style: none}
#topnav .navigation-menu>li .sub-menu .sub-menu.open { display: block}
#topnav .navigation-menu>li .sub-menu.megamenu>li>ul { list-style: none; padding-left: 0}
#topnav .navigation-menu>li .sub-menu.megamenu>li>ul>li>span { display: block; position: relative; padding: 10px 15px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; color: #8492a6}
#topnav .navigation-menu>li>a { color: #212529; padding: 10px 20px}
#topnav .navigation-menu>li>a:after { position: absolute; right: 15px}
#topnav .navigation-menu>li .sub-menu li a:hover,#topnav .navigation-menu>li.has-sub-menu.open>a,#topnav .navigation-menu>li>a:hover { color: #2f55d4}
#topnav .menu-extras .menu-item { border-color: #8492a6}
#topnav .navbar-header { float: left}
#topnav .buy-button .btn-icon-dark,#topnav .buy-button .login-btn-primary { display: inline-block!important}
#topnav .buy-button .btn-icon-light,#topnav .buy-button .login-btn-light { display: none}
#topnav .has-sub-menu .sub-menu .sub-menu-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 12px}
#topnav .has-sub-menu.active a { color: #2f55d4}
#navigation { position: absolute; top: 74px; left: 0; width: 100%; display: none; height: auto; padding-bottom: 0; overflow: auto; border-top: 1px solid #f2f4f6; border-bottom: 1px solid #f2f4f6; background-color: #fff; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
#navigation.open { display: block; overflow-y: auto}
}
@media (max-width: 768px) { #topnav .navigation-menu .has-sub-menu .menu-arrow { right:8px; top: 16px}
}
@media (min-width: 768px) { #topnav .navigation-menu>li:hover>.sub-menu { visibility:visible; opacity: 1; margin-top: 0}
#topnav .navigation-menu>li:hover>.sub-menu>li.has-sub-menu:hover>.sub-menu { visibility: visible; opacity: 1; margin-left: 0; margin-right: 0}
#topnav .navigation-menu>li:hover>.sub-menu>li.has-sub-menu:hover>.sub-menu>li:hover>.sub-menu { visibility: visible; opacity: 1; margin-left: 0; margin-right: 0}
.navbar-toggle { display: block}
}
@media (max-width: 425px) { #topnav .buy-menu-btn { display:block!important; margin: 0 10px; padding: 10px 20px}
#topnav .buy-menu-btn .dropdown .dropdown-menu.show { -webkit-transform: translate3d(0,-54px,0)!important; transform: translate3d(0,-54px,0)!important}
}
.tagline { position: absolute; width: 100%; z-index: 99; font-size: 14px; padding: 13px 0}
@media screen and (max-width: 575px) { .tagline { display:none}
}
@media screen and (max-width: 575px) { .tagline-height { top:0!important}
}
@media (min-width: 576px) { .tagline-height { top:47px!important}
}
.sidebar-nav>.navbar-item { padding: 5px 0}
.sidebar-nav>.navbar-item .navbar-link { color: #212529!important; font-size: 15px; font-weight: 600}
.sidebar-nav>.navbar-item .navbar-link .navbar-icon { font-size: 18px; margin-right: 6px}
.sidebar-nav>.navbar-item.active .navbar-link,.sidebar-nav>.navbar-item:hover .navbar-link { color: #2f55d4!important}
#navmenu-nav li.active a { color: #2f55d4!important}
#navmenu-nav li.account-menu.active .navbar-link,#navmenu-nav li.account-menu:hover .navbar-link { color: #fff!important; background-color: #2f55d4!important}
.navbar-white-bg { background-color: #fff!important}
.footer { background: #202942; position: relative; color: #adb5bd}
.footer .footer-py-60 { padding: 60px 0}
.footer .footer-py-30 { padding: 30px 0}
.footer .logo-footer { font-size: 22px}
.footer .logo-footer:focus { outline: 0}
.footer .footer-head { letter-spacing: 1px; font-weight: 500; color: #fff}
.footer .foot-subscribe .form-control { background-color: #27314f; border: 1px solid #27314f; color: #dee2e6!important}
.footer .foot-subscribe .form-control:focus { -webkit-box-shadow: none; box-shadow: none}
.footer .foot-subscribe.foot-white .form-control { color: #adb5bd}
.footer .foot-subscribe input::-webkit-input-placeholder { color: #adb5bd}
.footer .foot-subscribe input::-moz-placeholder { color: #adb5bd}
.footer .foot-subscribe input:-ms-input-placeholder { color: #adb5bd}
.footer .foot-subscribe input::-ms-input-placeholder { color: #adb5bd}
.footer .foot-subscribe input::placeholder { color: #adb5bd}
.footer .footer-list a { color: #adb5bd}
.footer .footer-list { margin-bottom: 0}
.footer .footer-list li { margin-bottom: 10px; display: inline-block}
.footer .footer-list li:not(:last-child) { margin-right: .5rem}
.footer .footer-list li a { -webkit-transition: all .5s ease; transition: all .5s ease}
.footer .footer-list li a:hover { color: #e6e8ea}
.footer .footer-list li:last-child { margin-bottom: 0}
.footer .footer-bar,.footer .footer-border { border-top: 1px solid #283453}
.footer .border { border-color: #283453!important}
.footer.footer-light { background: #f8f9fa; color: #8492a6}
.footer.footer-light .footer-head { color: #212529}
.footer.footer-light .foot-subscribe .form-control { background-color: #f8f9fa; border: 1px solid #e9ecef; color: #f8f9fa}
.footer.footer-light .foot-subscribe.foot-white .form-control { color: #adb5bd}
.footer.footer-light .foot-subscribe input::-webkit-input-placeholder { color: #adb5bd}
.footer.footer-light .foot-subscribe input::-moz-placeholder { color: #adb5bd}
.footer.footer-light .foot-subscribe input:-ms-input-placeholder { color: #adb5bd}
.footer.footer-light .foot-subscribe input::-ms-input-placeholder { color: #adb5bd}
.footer.footer-light .foot-subscribe input::placeholder { color: #adb5bd}
.footer.footer-light .border { border-color: #e9ecef!important}
.footer.footer-light .text-foot { color: #8492a6}
.footer.footer-light .footer-list li a:hover { color: #495057}
.avatar.avatar-coin,.avatar.avatar-sm-sm { height: 36px!important; width: 36px!important}
.avatar.avatar-ex-sm, .avatar-wrap img { max-width: 120px; }
.avatar-wrap figure { margin: 0;text-align:center}
.avatar.avatar-ex-small { height: 36px!important; width: 36px!important}
.avatar.avatar-md-sm { height: 45px!important; width: 45px!important}
.avatar.avatar-small { height: 65px!important; width: 65px!important}
.avatar.avatar-md-md { height: 80px!important; width: 80px!important}
.avatar.avatar-medium { height: 110px!important; width: 110px!important}
.avatar.avatar-large { height: 140px!important; width: 140px!important}
.avatar.avatar-ex-large { height: 180px!important; width: 180px!important}
.accordion .accordion-item { overflow: hidden; border: 0; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
.accordion .accordion-item .accordion-button { font-weight: 600; text-align: left; -webkit-box-shadow: none; box-shadow: none; padding: 1rem 2.5rem 1rem 1.25rem}
.accordion .accordion-item .accordion-button:focus { -webkit-box-shadow: none; box-shadow: none}
.accordion .accordion-item .accordion-button:before { content: "\f0143"; display: block; font-family: "Material Design Icons"; font-size: 16px; color: #2f55d4; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s ease; transition: all .5s ease}
.accordion .accordion-item .accordion-button.collapsed { background-color: #fff; color: #212529!important; -webkit-transition: all .5s; transition: all .5s}
.accordion .accordion-item .accordion-button.collapsed:before { top: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #212529!important}
.accordion .accordion-item .accordion-button:not(.collapsed) { color: #2f55d4}
.accordion .accordion-item .accordion-button:after { display: none}
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg,#fff,#fff); z-index: 9999999}
#preloader #status { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
#preloader #status .spinner { width: 40px; height: 40px; position: relative; margin: 100px auto}
#preloader #status .spinner .double-bounce1,#preloader #status .spinner .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #2f55d4; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out}
#preloader #status .spinner .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s}
@-webkit-keyframes sk-bounce { 0%,100% { -webkit-transform: scale(0); transform: scale(0)}
50% { -webkit-transform: scale(1); transform: scale(1)}
}
@keyframes sk-bounce { 0%,100% { -webkit-transform: scale(0); transform: scale(0)}
50% { -webkit-transform: scale(1); transform: scale(1)}
}
.form-check-label,.form-label { font-weight: 700; font-size: 14px}
.form-control { border: 1px solid #e9ecef; font-size: 14px; line-height: 26px; border-radius: 6px; color: #212529!important; text-align: left}
.form-control:focus { border-color: #2f55d4; -webkit-box-shadow: none; box-shadow: none}
.form-control[readonly] { background-color: #fff}
.form-control:disabled { background-color: #dee2e6}
.form-control::-webkit-input-placeholder { color: #3c4858}
.form-control::-moz-placeholder { color: #3c4858}
.form-control:-ms-input-placeholder %7   color: #e43f52!important}
.job-box.job-danger .icons { color: #e43f52!important}
.job-box.job-danger.candidate-list .name:hover,.job-box.job-danger.company-list .name:hover { color: #e43f52!important}
.job-box.job-danger .bg { background-color: #e43f52!important}
.job-box.job-danger .bg-soft { background-color: rgba(228,63,82,.1)!important; border: 1px solid rgba(228,63,82,.1)!important; color: #e43f52!important}
.job-box.job-danger .btn-soft { background-color: rgba(228,63,82,.05)!important; border: 1px solid rgba(228,63,82,.05)!important; color: #e43f52!important; -webkit-box-shadow: 0 3px 5px 0 rgba(228,63,82,.1); box-shadow: 0 3px 5px 0 rgba(228,63,82,.1)}
.job-box.job-danger .btn-soft.active,.job-box.job-danger .btn-soft.focus,.job-box.job-danger .btn-soft:active,.job-box.job-danger .btn-soft:focus,.job-box.job-danger .btn-soft:hover { background-color: #e43f52!important; border-color: #e43f52!important; color: #fff!important}
.job-box.job-light .position a:hover { color: #f8f9fa!important}
.job-box.job-light .company-name:hover { color: #f8f9fa!important}
.job-box.job-light .readmore:hover,.job-box.job-light .title:hover { color: #f8f9fa!important}
.job-box.job-light .icons { color: #f8f9fa!important}
.job-box.job-light.candidate-list .name:hover,.job-box.job-light.company-list .name:hover { color: #f8f9fa!important}
.job-box.job-light .bg { background-color: #f8f9fa!important}
.job-box.job-light .bg-soft { background-color: rgba(248,249,250,.1)!important; border: 1px solid rgba(248,249,250,.1)!important; color: #f8f9fa!important}
.job-box.job-light .btn-soft { background-color: rgba(248,249,250,.05)!important; border: 1px solid rgba(248,249,250,.05)!important; color: #f8f9fa!important; -webkit-box-shadow: 0 3px 5px 0 rgba(248,249,250,.1); box-shadow: 0 3px 5px 0 rgba(248,249,250,.1)}
.job-box.job-light .btn-soft.active,.job-box.job-light .btn-soft.focus,.job-box.job-light .btn-soft:active,.job-box.job-light .btn-soft:focus,.job-box.job-light .btn-soft:hover { background-color: #f8f9fa!important; border-color: #f8f9fa!important; color: #fff!important}
.job-box.job-dark .position a:hover { color: #212529!important}
.job-box.job-dark .company-name:hover { color: #212529!important}
.job-box.job-dark .readmore:hover,.job-box.job-dark .title:hover { color: #212529!important}
.job-box.job-dark .icons { color: #212529!important}
.job-box.job-dark.candidate-list .name:hover,.job-box.job-dark.company-list .name:hover { color: #212529!important}
.job-box.job-dark .bg { background-color: #212529!important}
.job-box.job-dark .bg-soft { background-color: rgba(33,37,41,.1)!important; border: 1px solid rgba(33,37,41,.1)!important; color: #212529!important}
.job-box.job-dark .btn-soft { background-color: rgba(33,37,41,.05)!important; border: 1px solid rgba(33,37,41,.05)!important; color: #212529!important; -webkit-box-shadow: 0 3px 5px 0 rgba(33,37,41,.1); box-shadow: 0 3px 5px 0 rgba(33,37,41,.1)}
.job-box.job-dark .btn-soft.active,.job-box.job-dark .btn-soft.focus,.job-box.job-dark .btn-soft:active,.job-box.job-dark .btn-soft:focus,.job-box.job-dark .btn-soft:hover { background-color: #212529!important; border-color: #212529!important; color: #fff!important}
.job-box.job-footer .position a:hover { color: #202942!important}
.job-box.job-footer .company-name:hover { color: #202942!important}
.job-box.job-footer .readmore:hover,.job-box.job-footer .title:hover { color: #202942!important}
.job-box.job-footer .icons { color: #202942!important}
.job-box.job-footer.candidate-list .name:hover,.job-box.job-footer.company-list .name:hover { color: #202942!important}
.job-box.job-footer .bg { background-color: #202942!important}
.job-box.job-footer .bg-soft { background-color: rgba(32,41,66,.1)!important; border: 1px solid rgba(32,41,66,.1)!important; color: #202942!important}
.job-box.job-footer .btn-soft { background-color: rgba(32,41,66,.05)!important; border: 1px solid rgba(32,41,66,.05)!important; color: #202942!important; -webkit-box-shadow: 0 3px 5px 0 rgba(32,41,66,.1); box-shadow: 0 3px 5px 0 rgba(32,41,66,.1)}
.job-box.job-footer .btn-soft.active,.job-box.job-footer .btn-soft.focus,.job-box.job-footer .btn-soft:active,.job-box.job-footer .btn-soft:focus,.job-box.job-footer .btn-soft:hover { background-color: #202942!important; border-color: #202942!important; color: #fff!important}
.job-box.job-muted .position a:hover { color: #8492a6!important}
.job-box.job-muted .company-name:hover { color: #8492a6!important}
.job-box.job-muted .readmore:hover,.job-box.job-muted .title:hover { color: #8492a6!important}
.job-box.job-muted .icons { color: #8492a6!important}
.job-box.job-muted.candidate-list .name:hover,.job-box.job-muted.company-list .name:hover { color: #8492a6!important}
.job-box.job-muted .bg { background-color: #8492a6!important}
.job-box.job-muted .bg-soft { background-color: rgba(132,146,166,.1)!important; border: 1px solid rgba(132,146,166,.1)!important; color: #8492a6!important}
.job-box.job-muted .btn-soft { background-color: rgba(132,146,166,.05)!important; border: 1px solid rgba(132,146,166,.05)!important; color: #8492a6!important; -webkit-box-shadow: 0 3px 5px 0 rgba(132,146,166,.1); box-shadow: 0 3px 5px 0 rgba(132,146,166,.1)}
.job-box.job-muted .btn-soft.active,.job-box.job-muted .btn-soft.focus,.job-box.job-muted .btn-soft:active,.job-box.job-muted .btn-soft:focus,.job-box.job-muted .btn-soft:hover { background-color: #8492a6!important; border-color: #8492a6!important; color: #fff!important}
.job-box { -webkit-transition: all .5s ease; transition: all .5s ease}
.job-box .job-overlay { opacity: .6}
.job-box .head { position: absolute; top: 15px; right: 15px}
.job-box .position { position: absolute; top: 15px; left: 15px}
.job-box .position a { -webkit-transition: all .5s ease; transition: all .5s ease}
.job-box .firm-logo { position: absolute; left: 0; right: 0; height: 60px; width: 60px; line-height: 60px; margin: 0 auto; top: -30px}
.job-box .company-name { -webkit-transition: all .5s ease; transition: all .5s ease}
.job-box.candidate-list .like { -webkit-text-stroke: 1px #8492a6; -webkit-text-fill-color: transparent}
.job-box.candidate-list .like:focus,.job-box.candidate-list .like:hover { -webkit-text-stroke: #e43f52; -webkit-text-fill-color: #e43f52}
.job-box.candidate-list,.job-box.company-list { -webkit-transition: all .5s ease; transition: all .5s ease}
.job-box.candidate-list:hover,.job-box.company-list:hover { -webkit-box-shadow: 0 5px 13px rgba(60,72,88,.2)!important; box-shadow: 0 5px 13px rgba(60,72,88,.2)!important}
.job-box:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px)}
@media (min-width: 1024px) { .job-profile { top:-378px}
}
@media (min-width: 768px) and (max-width:1023px) { .job-profile { top:-338px}
}
@media (max-width: 767px) { .company-logo { float:none!important; text-align: left!important}
}
.categories.category-primary .title:hover { color: #2f55d4!important}
.categories.category-secondary .title:hover { color: #6c757d!important}
.categories.category-success .title:hover { color: #2eca8b!important}
.categories.category-info .title:hover { color: #17a2b8!important}
.categories.category-warning .title:hover { color: #f17425!important}
.categories.category-danger .title:hover { color: #e43f52!important}
.categories.category-light .title:hover { color: #f8f9fa!important}
.categories.category-dark .title:hover { color: #212529!important}
.categories.category-footer .title:hover { color: #202942!important}
.categories.category-muted .title:hover { color: #8492a6!important}
.categories { -webkit-transition: all .5s ease; transition: all .5s ease}
.categories:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
.form-icon .icons { position: absolute; top: 12px; left: 18px;z-index:1; }
.map { line-height: 0}
.map iframe { width: 100%; height: 400px}
.error { margin: 8px 0; display: none; color: #e43f52}
#ajaxsuccess { font-size: 16px; width: 100%; display: none; clear: both; margin: 8px 0}
#success_page,.error_message { padding: 10px; margin-bottom: 20px; text-align: center; border-radius: 5px}
.error_message { background-color: rgba(240,115,90,.1)!important; border: 2px solid rgba(240,115,90,.1)!important; color: #f0735a!important; font-size: 14px}
.contact-loader { display: none}
#success_page { background-color: rgba(83,199,151,.1)!important; border: 2px solid rgba(83,199,151,.1)!important; color: #53c797!important}
#success_page p { margin-bottom: 0!important}
.qs-datepicker-container { background-color: #fff; border-color: #e9ecef; color: #3c4858; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
.qs-datepicker-container .qs-controls { background-color: #e9ecef; color: #3c4858}
.qs-datepicker-container .qs-controls .qs-month-year { font-weight: 600; font-size: 15px}
.qs-datepicker-container .qs-controls .qs-month-year:hover { border-bottom: 1px solid #e9ecef}
.qs-datepicker-container .qs-squares .qs-square { font-size: 15px; height: 34px; width: 34px}
.qs-datepicker-container .qs-squares .qs-square.qs-current,.qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover { background: #2f55d4; color: #fff; border-radius: 30px; font-weight: 500; text-decoration: none; border-radius: 30px}
.qs-datepicker-container .qs-squares .qs-day { font-weight: 500; color: #8492a6}
@media (min-width: 768px) { .map.map-height-two iframe { height:551px}
}
.coming-soon,.error-page,.maintenance { font-size: 40px; letter-spacing: 1px}
@media (max-width: 767px) { .coming-soon,.error-page,.maintenance { font-size:32px}
}
#countdown .count-down,#eventdown .count-down,#token-sale .count-down { display: inline-block; margin: 30px 10px 10px; color: #fff; text-align: center}
#countdown .count-down .count-number,#eventdown .count-down .count-number,#token-sale .count-down .count-number { font-size: 40px; line-height: 95px}
#countdown .count-down .count-head,#eventdown .count-down .count-head,#token-sale .count-down .count-head { display: block; position: relative; -webkit-transform: translateY(-20px); transform: translateY(-20px); text-transform: uppercase; font-size: 14px; letter-spacing: 1px}
#countdown .count-down .count-number { font-size: 40px; line-height: 95px; border: 4px solid #fff; height: 130px; width: 130px; border-radius: 50%}
#token-sale .count-down { border: 0; color: #212529!important}
#token-sale .count-down .count-number { line-height: 80px}
@media (max-width: 767px) { #token-sale .count-down .count-number { font-size:30px}
}
#token-sale .count-down .count-head { margin-bottom: 0!important; -webkit-transform: translateY(-15px); transform: translateY(-15px)}
@media (max-width: 767px) { #token-sale .count-down .count-head { font-size:10px}
}
#eventdown .count-down { margin: 10px!important; border: 0}
@media (max-width: 767px) { #eventdown .count-down { width:60px}
}
#eventdown .count-down .count-number { line-height: 80px}
@media (max-width: 767px) { #eventdown .count-down .count-number { font-size:30px}
}
#eventdown .count-down .count-head { -webkit-transform: translateY(-15px); transform: translateY(-15px)}
@media (max-width: 767px) { #eventdown .count-down .count-head { font-size:10px}
}
#maintenance { color: #fff; font-size: 56px; letter-spacing: 1px}
#maintenance .indicator { font-size: 18px}
.bg-cta { padding: 150px 0}
.play-btn { height: 78px; width: 78px; font-size: 30px; line-height: 76px; border-radius: 50%; display: inline-block; color: #fff; border: 1px solid #fff}
.play-icon { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); right: 0; left: 0; text-align: center}
.play-icon i { height: 75px; -webkit-text-stroke: 2px #2f55d4; -webkit-text-fill-color: transparent; width: 75px; fonB
    color: #3c4858}
.form-control::-ms-input-placeholder { cground-color: #fff}
.play-icon i:hover { -webkit-text-stroke: 2px #2f55d4; -webkit-text-fill-color: #2f55d4}
@media (max-width: 767px) { iframe { width:auto!important}
}
.features.feature-primary .icon { background: rgba(47,85,212,.1)}
.features.feature-primary .image:before { background: linear-gradient(45deg,transparent,rgba(47,85,212,.1))}
.features.feature-primary .color,.features.feature-primary .read-more { color: #2f55d4!important}
.features.feature-primary.feature-clean .icons { color: #2f55d4!important}
.features.feature-primary.feature-clean .icons i { background-color: rgba(47,85,212,.1)}
.features.feature-primary.feature-clean .title:hover { color: #2f55d4!important}
.features.feature-primary.feature-full-bg .icon-color { color: #2f55d4!important}
.features.feature-primary.feature-full-bg:hover { background-color: #2f55d4!important}
.features.feature-primary.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(47,85,212,.15)); color: #2f55d4}
.features.feature-primary.course-feature .full-img { color: #2f55d4!important}
.features.feature-primary.explore-feature:hover .icons,.features.feature-primary.explore-feature:hover .title { color: #2f55d4!important}
.features.feature-primary .btn-soft { background-color: rgba(47,85,212,.05)!important; border: 1px solid rgba(47,85,212,.05)!important; color: #2f55d4!important; -webkit-box-shadow: 0 3px 5px 0 rgba(47,85,212,.1); box-shadow: 0 3px 5px 0 rgba(47,85,212,.1)}
.features.feature-primary .btn-soft.active,.features.feature-primary .btn-soft.focus,.features.feature-primary .btn-soft:active,.features.feature-primary .btn-soft:focus,.features.feature-primary .btn-soft:hover { background-color: #2f55d4!important; border-color: #2f55d4!important; color: #fff!important}
.features.feature-primary:hover .image:before { background: rgba(47,85,212,.1)}
.features.feature-secondary .icon { background: rgba(108,117,125,.1)}
.features.feature-secondary .image:before { background: linear-gradient(45deg,transparent,rgba(108,117,125,.1))}
.features.feature-secondary .color,.features.feature-secondary .read-more { color: #6c757d!important}
.features.feature-secondary.feature-clean .icons { color: #6c757d!important}
.features.feature-secondary.feature-clean .icons i { background-color: rgba(108,117,125,.1)}
.features.feature-secondary.feature-clean .title:hover { color: #6c757d!important}
.features.feature-secondary.feature-full-bg .icon-color { color: #6c757d!important}
.features.feature-secondary.feature-full-bg:hover { background-color: #6c757d!important}
.features.feature-secondary.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(108,117,125,.15)); color: #6c757d}
.features.feature-secondary.course-feature .full-img { color: #6c757d!important}
.features.feature-secondary.explore-feature:hover .icons,.features.feature-secondary.explore-feature:hover .title { color: #6c757d!important}
.features.feature-secondary .btn-soft { background-color: rgba(108,117,125,.05)!important; border: 1px solid rgba(108,117,125,.05)!important; color: #6c757d!important; -webkit-box-shadow: 0 3px 5px 0 rgba(108,117,125,.1); box-shadow: 0 3px 5px 0 rgba(108,117,125,.1)}
.features.feature-secondary .btn-soft.active,.features.feature-secondary .btn-soft.focus,.features.feature-secondary .btn-soft:active,.features.feature-secondary .btn-soft:focus,.features.feature-secondary .btn-soft:hover { background-color: #6c757d!important; border-color: #6c757d!important; color: #fff!important}
.features.feature-secondary:hover .image:before { background: rgba(108,117,125,.1)}
.features.feature-success .icon { background: rgba(46,202,139,.1)}
.features.feature-success .image:before { background: linear-gradient(45deg,transparent,rgba(46,202,139,.1))}
.features.feature-success .color,.features.feature-success .read-more { color: #2eca8b!important}
.features.feature-success.feature-clean .icons { color: #2eca8b!important}
.features.feature-success.feature-clean .icons i { background-color: rgba(46,202,139,.1)}
.features.feature-success.feature-clean .title:hover { color: #2eca8b!important}
.features.feature-success.feature-full-bg .icon-color { color: #2eca8b!important}
.features.feature-success.feature-full-bg:hover { background-color: #2eca8b!important}
.features.feature-success.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(46,202,139,.15)); color: #2eca8b}
.features.feature-success.course-feature .full-img { color: #2eca8b!important}
.features.feature-success.explore-feature:hover .icons,.features.feature-success.explore-feature:hover .title { color: #2eca8b!important}
.features.feature-success .btn-soft { background-color: rgba(46,202,139,.05)!important; border: 1px solid rgba(46,202,139,.05)!important; color: #2eca8b!important; -webkit-box-shadow: 0 3px 5px 0 rgba(46,202,139,.1); box-shadow: 0 3px 5px 0 rgba(46,202,139,.1)}
.features.feature-success .btn-soft.active,.features.feature-success .btn-soft.focus,.features.feature-success .btn-soft:active,.features.feature-success .btn-soft:focus,.features.feature-success .btn-soft:hover { background-color: #2eca8b!important; border-color: #2eca8b!important; color: #fff!important}
.features.feature-success:hover .image:before { background: rgba(46,202,139,.1)}
.features.feature-info .icon { background: rgba(23,162,184,.1)}
.features.feature-info .image:before { background: linear-gradient(45deg,transparent,rgba(23,162,184,.1))}
.features.feature-info .color,.features.feature-info .read-more { color: #17a2b8!important}
.features.feature-info.feature-clean .icons { color: #17a2b8!important}
.features.feature-info.feature-clean .icons i { background-color: rgba(23,162,184,.1)}
.features.feature-info.feature-clean .title:hover { color: #17a2b8!important}
.features.feature-info.feature-full-bg .icon-color { color: #17a2b8!important}
.features.feature-info.feature-full-bg:hover { background-color: #17a2b8!important}
.features.feature-info.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(23,162,184,.15)); color: #17a2b8}
.features.feature-info.course-feature .full-img { color: #17a2b8!important}
.features.feature-info.explore-feature:hover .icons,.features.feature-info.explore-feature:hover .title { color: #17a2b8!important}
.features.feature-info .btn-soft { background-color: rgba(23,162,184,.05)!important; border: 1px solid rgba(23,162,184,.05)!important; color: #17a2b8!important; -webkit-box-shadow: 0 3px 5px 0 rgba(23,162,184,.1); box-shadow: 0 3px 5px 0 rgba(23,162,184,.1)}
.features.feature-info .btn-soft.active,.features.feature-info .btn-soft.focus,.features.feature-info .btn-soft:active,.features.feature-info .btn-soft:focus,.features.feature-info .btn-soft:hover { background-color: #17a2b8!important; border-color: #17a2b8!important; color: #fff!important}
.features.feature-info:hover .image:before { background: rgba(23,162,184,.1)}
.features.feature-warning .icon { background: rgba(241,116,37,.1)}
.features.feature-warning .image:before { background: linear-gradient(45deg,transparent,rgba(241,116,37,.1))}
.features.feature-warning .color,.features.feature-warning .read-more { color: #f17425!important}
.features.feature-warning.feature-clean .icons { color: #f17425!important}
.features.featurAhover { color: #2eca8b!important}
.job-box.job-success .readmore:hover,.job-box.job-success .title:hover { color: #2eca8b!important}
.job-box.job-success .icons { color: #2eca8b!important}
.job-box.job-success.candidate-list .name:hover,.job-box.job-success.company-list .name:hover { color: #2eca8b!important}
.job-box.job-success .bg { background-color: #2eca8b!important}
.job-box.job-success .bg-soft { background-color: rgba(46,202,139,.1)!important; border: 1px solid rgba(46,202,139,.1)!important; color: #2eca8b!important}
.job-box.job-success .btn-soft { background-color: rgba(46,202,139,.05)!important; border: 1px solid rgba(46,202,139,.05)!important; color: #2eca8b!important; -webkit-box-shadow: 0 3px 5px 0 rgba(46,202,139,.1); box-shadow: 0 3px 5px 0 rgba(46,202,139,.1)}
.job-box.job-success .btn-soft.active,.job-box.job-success .btn-soft.focus,.job-box.job-success .btn-soft:active,.job-box.job-success .btn-soft:focus,.job-box.job-success .btn-soft:hover { background-color: #2eca8b!important; border-color: #2eca8b!important; color: #fff!important}
.job-box.job-info .position a:hover { color: #17a2b8!important}
.job-box.job-info .company-name:hover { color: #17a2b8!important}
.job-box.job-info .readmore:hover,.job-box.job-info .title:hover { color: #17a2b8!important}
.job-box.job-info .icons { color: #17a2b8!important}
.job-box.job-info.candidate-list .name:hover,.job-box.job-info.company-list .name:hover { color: #17a2b8!important}
.job-box.job-info .bg { background-color: #17a2b8!important}
.job-box.job-info .bg-soft { background-color: rgba(23,162,184,.1)!important; border: 1px solid rgba(23,162,184,.1)!important; color: #17a2b8!important}
.job-box.job-info .btn-soft { background-color: rgba(23,162,184,.05)!important; border: 1px solid rgba(23,162,184,.05)!important; color: #17a2b8!important; -webkit-box-shadow: 0 3px 5px 0 rgba(23,162,184,.1); box-shadow: 0 3px 5px 0 rgba(23,162,184,.1)}
.job-box.job-info .btn-soft.active,.job-box.job-info .btn-soft.focus,.job-box.job-info .btn-soft:active,.job-box.job-info .btn-soft:focus,.job-box.job-info .btn-soft:hover { background-color: #17a2b8!important; border-color: #17a2b8!important; color: #fff!important}
.job-box.job-warning .position a:hover { color: #f17425!important}
.job-box.job-warning .company-name:hover { color: #f17425!important}
.job-box.job-warning .readmore:hover,.job-box.job-warning .title:hover { color: #f17425!important}
.job-box.job-warning .icons { color: #f17425!important}
.job-box.job-warning.candidate-list .name:hover,.job-box.job-warning.company-list .name:hover { color: #f17425!important}
.job-box.job-warning .bg { background-color: #f17425!important}
.job-box.job-warning .bg-soft { background-color: rgba(241,116,37,.1)!important; border: 1px solid rgba(241,116,37,.1)!important; color: #f17425!important}
.job-box.job-warning .btn-soft { background-color: rgba(241,116,37,.05)!important; border: 1px solid rgba(241,116,37,.05)!important; color: #f17425!important; -webkit-box-shadow: 0 3px 5px 0 rgba(241,116,37,.1); box-shadow: 0 3px 5px 0 rgba(241,116,37,.1)}
.job-box.job-warning .btn-soft.active,.job-box.job-warning .btn-soft.focus,.job-box.job-warning .btn-soft:active,.job-box.job-warning .btn-soft:focus,.job-box.job-warning .btn-soft:hover { background-color: #f17425!important; border-color: #f17425!important; color: #fff!important}
.job-box.job-danger .position a:hover { color: #e43f52!important}
.job-box.job-danger .company-name:hover { color: #e43f52!important}
.job-box.job-danger .readmore:hover,.job-box.job-danger .title:hover { t-size: 25px; line-height: 75px; display: inline-block; backant}
.features.feature-dark.explore-feature:hover .icons,.features.feature-dark.explore-feature:hover .title { color: #212529!important}
.features.feature-dark .btn-soft { background-color: rgba(33,37,41,.05)!important; border: 1px solid rgba(33,37,41,.05)!important; color: #212529!important; -webkit-box-shadow: 0 3px 5px 0 rgba(33,37,41,.1); box-shadow: 0 3px 5px 0 rgba(33,37,41,.1)}
.features.feature-dark .btn-soft.active,.features.feature-dark .btn-soft.focus,.features.feature-dark .btn-soft:active,.features.feature-dark .btn-soft:focus,.features.feature-dark .btn-soft:hover { background-color: #212529!important; border-color: #212529!important; color: #fff!important}
.features.feature-dark:hover .image:before { background: rgba(33,37,41,.1)}
.features.feature-footer .icon { background: rgba(32,41,66,.1)}
.features.feature-footer .image:before { background: linear-gradient(45deg,transparent,rgba(32,41,66,.1))}
.features.feature-footer .color,.features.feature-footer .read-more { color: #202942!important}
.features.feature-footer.feature-clean .icons { color: #202942!important}
.features.feature-footer.feature-clean .icons i { background-color: rgba(32,41,66,.1)}
.features.feature-footer.feature-clean .title:hover { color: #202942!important}
.features.feature-footer.feature-full-bg .icon-color { color: #202942!important}
.features.feature-footer.feature-full-bg:hover { background-color: #202942!important}
.features.feature-footer.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(32,41,66,.15)); color: #202942}
.features.feature-footer.course-feature .full-img { color: #202942!important}
.features.feature-footer.explore-feature:hover .icons,.features.feature-footer.explore-feature:hover .title { color: #202942!important}
.features.feature-footer .btn-soft { background-color: rgba(32,41,66,.05)!important; border: 1px solid rgba(32,41,66,.05)!important; color: #202942!important; -webkit-box-shadow: 0 3px 5px 0 rgba(32,41,66,.1); box-shadow: 0 3px 5px 0 rgba(32,41,66,.1)}
.features.feature-footer .btn-soft.active,.features.feature-footer .btn-soft.focus,.features.feature-footer .btn-soft:active,.features.feature-footer .btn-soft:focus,.features.feature-footer .btn-soft:hover { background-color: #202942!important; border-color: #202942!important; color: #fff!important}
.features.feature-footer:hover .image:before { background: rgba(32,41,66,.1)}
.features.feature-muted .icon { background: rgba(132,146,166,.1)}
.features.feature-muted .image:before { background: linear-gradient(45deg,transparent,rgba(132,146,166,.1))}
.features.feature-muted .color,.features.feature-muted .read-more { color: #8492a6!important}
.features.feature-muted.feature-clean .icons { color: #8492a6!important}
.features.feature-muted.feature-clean .icons i { background-color: rgba(132,146,166,.1)}
.features.feature-muted.feature-clean .title:hover { color: #8492a6!important}
.features.feature-muted.feature-full-bg .icon-color { color: #8492a6!important}
.features.feature-muted.feature-full-bg:hover { background-color: #8492a6!important}
.features.feature-muted.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(132,146,166,.15)); color: #8492a6}
.features.feature-muted.course-feature .full-img { color: #8492a6!important}
.features.feature-muted.explore-feature:hover .icons,.features.feature-muted.explore-feature:hover .title { color: #8492a6!important}
.features.feature-muted .btn-soft { background-color: rgba(132,146,166,.05)!important; border: 1px solid rgba(132,146,166,.05)!important; color: #8492a6!important; -webkit-box-shadow: 0 3px 5px 0 rgba(132,146,166,.1); box-shadow: 0 3px 5px 0 rgba(132,146,166,.1)}
.features.feature-muted .btn-soft.active,.features.feature-muted .btn-soft.focus,.features.feature-muted .btn-soft:active,.features.feature-muted .btn-soft:focus,.features.feature-muted .btn-soft:hover { background-color: #8492a6!important; border-color: #8492a6!important; color: #fff!important}
.features.feature-muted:hover .image:before { background: rgba(132,146,166,.1)}
.features .image:before { content: ""; position: absolute; bottom: 5px; left: 5px; width: 64px; height: 64px; border-radius: 6px; -webkit-transform: rotate(33.75deg); transform: rotate(33.75deg)}
.features.feature-clean { background-color: #fff}
.features.feature-clean .icons i { height: 65px; width: 65px; display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.features .ride-image { -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.features .ride-image img { border-radius: 100% 100% 100% 0}
.features.key-feature { -webkit-transition: all .3s ease; transition: all .3s ease}
.features.key-feature:hover { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 5px 13px rgba(60,72,88,.2)!important; box-shadow: 0 5px 13px rgba(60,72,88,.2)!important}
.features:hover .image:before { -webkit-animation: spinner-border 5s linear infinite!important; animation: spinner-border 5s linear infinite!important}
.features.feature-full-bg { -webkit-transition: all .5s ease; transition: all .5s ease}
.features.feature-full-bg .big-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; opacity: .015; font-size: 180px}
.features.feature-full-bg:hover { -webkit-box-shadow: 0 10px 25px rgba(60,72,88,.15); box-shadow: 0 10px 25px rgba(60,72,88,.15); color: #fff!important}
.features.feature-full-bg:hover .icon-color i,.features.feature-full-bg:hover .para { color: rgba(255,255,255,.5)!important}
.features.feature-full-bg:hover .content,.features.feature-full-bg:hover .icon-color { z-index: 2}
.features.feature-full-bg:hover .big-icon { opacity: .05}
.features.feature-full-bg:hover .readmore { color: #fff!important}
.features.course-feature { -webkit-transition: all .5s ease; transition: all .5s ease}
.features.course-feature .full-img { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); left: 0; right: 0; opacity: 0; margin: 0 auto; z-index: -2; -webkit-transition: all .5s ease; transition: all .5s ease; font-size: 250px}
.features.course-feature:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px)}
.features.course-feature:hover .full-img { opacity: .05}
.features.explore-feature { -webkit-transition: all .5s ease; transition: all .5s ease}
.features.explore-feature .icons { height: 80px; width: 80px; display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .5s ease; transition: all .5s ease}
.features.explore-feature:hover { -webkit-box-shadow: 0 10px 25px rgba(60,72,88,.15)!important; box-shadow: 0 10px 25px rgba(60,72,88,.15)!important}
.features .title,.key-feature .title { font-size: 18px!important}
.features .icon,.key-feature .icon { height: 45px; width: 45px; min-width: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.work-process { -webkit-transition: all .5s ease; transition: all .5s ease}
.work-process .step,.work-process .step-icon { opacity: .06}
.work-process a { font-size: 15px}
.work-process.process-arrow:after { content: ""; position: absolute; width: 60%; height: 40px; top: 30px; left: 80%; background: url(../images/process.png) center center no-repeat; z-index: 1}
@media (max-width: 767px) { .work-process.process-arrow:after { display:none}
}
.work-process.process-arrow:hover { -webkit-transform: none!important; transform: none!important}
.work-process:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px)}
.work-process.d-none-arrow:hover { -webkit-transform: none!important; transform: none!important}
.features-absolute { position: relative; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease}
.features-absolute { margin: -200px 0 0}
@media (max-width: 768px) { .features-absolute { margin:-140px 0 0}
}
.features-absolute.blog-search { margin: -120px 0 0}
@media (max-width: 768px) { .features-absolute.blog-search { margin:-90px 0 0}
}
.app-feature-shape-left:after,.app-feature-shape-right:after { bottom: 0; width: 30rem; height: 40rem; border-radius: 10rem}
.app-feature-shape-right:after { left: 10rem; -webkit-transform: rotate(150deg); transform: rotate(150deg)}
@media (max-width: 768px) { .app-feature-shape-right:after { left:0}
}
.app-feature-shape-left:after { right: 10rem; -webkit-transform: rotate(210deg); transform: rotate(210deg)}
@media (max-width: 768px) { .app-feature-shape-left:after { right:0}
}
.app-subscribe { position: absolute; top: -200px}
@media (max-width: 767px) { .app-subscribe { position:relative; top: 0}
}
.saas-feature-shape-left:after,.saas-feature-shape-right:after { bottom: -3rem; width: 35rem; height: 35rem; border-radius: 15rem; -webkit-transform: rotate(145deg); transform: rotate(145deg)}
@media (max-width: 767px) { .saas-feature-shape-left:after,.saas-feature-shape-right:after { bottom:-1rem; width: 25rem; height: 25rem; border-radius: 10rem}
}
.saas-feature-shape-left:after { left: -10rem}
.saas-feature-shape-right:after { right: -10rem}
.app-feature-shape-left:after,.app-feature-shape-right:after,.saas-feature-shape-left:after,.saas-feature-shape-right:after,.social-feature-left:after,.social-feature-right:after { background: rgba(47,85,212,.1); -webkit-box-shadow: 0 0 40px rgba(47,85,212,.1); box-shadow: 0 0 40px rgba(47,85,212,.1)}
.app-feature-shape-left:after,.app-feature-shape-right:after,.saas-feature-shape-left:after,.saas-feature-shape-right:after,.social-feature-left:after,.social-feature-right:after { content: ""; position: absolute; z-index: -1}
.modern-saas-absolute-left,.modern-saas-absolute-right { position: absolute}
.modern-saas-absolute-left { top: 2%; left: -2%}
@media (min-width: 768px) { .modern-saas-absolute-left { top:20%; lefte-warning.feature-clean .icons i { background-color: rgba(241,116,37,.1)}
.features.feature-warning.feature-clean .title:hover { color: #f17425!important}
.features.feature-warning.feature-full-bg .icon-color { color: #f17425!important}
.features.feature-warning.feature-full-bg:hover { background-color: #f17425!important}
.features.feature-warning.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(241,116,37,.15)); color: #f17425}
.features.feature-warning.course-feature .full-img { color: #f17425!important}
.features.feature-warning.explore-feature:hover .icons,.features.feature-warning.explore-feature:hover .title { color: #f17425!important}
.features.feature-warning .btn-soft { background-color: rgba(241,116,37,.05)!important; border: 1px solid rgba(241,116,37,.05)!important; color: #f17425!important; -webkit-box-shadow: 0 3px 5px 0 rgba(241,116,37,.1); box-shadow: 0 3px 5px 0 rgba(241,116,37,.1)}
.features.feature-warning .btn-soft.active,.features.feature-warning .btn-soft.focus,.features.feature-warning .btn-soft:active,.features.feature-warning .btn-soft:focus,.features.feature-warning .btn-soft:hover { background-color: #f17425!important; border-color: #f17425!important; color: #fff!important}
.features.feature-warning:hover .image:before { background: rgba(241,116,37,.1)}
.features.feature-danger .icon { background: rgba(228,63,82,.1)}
.features.feature-danger .image:before { background: linear-gradient(45deg,transparent,rgba(228,63,82,.1))}
.features.feature-danger .color,.features.feature-danger .read-more { color: #e43f52!important}
.features.feature-danger.feature-clean .icons { color: #e43f52!important}
.features.feature-danger.feature-clean .icons i { background-color: rgba(228,63,82,.1)}
.features.feature-danger.feature-clean .title:hover { color: #e43f52!important}
.features.feature-danger.feature-full-bg .icon-color { color: #e43f52!important}
.features.feature-danger.feature-full-bg:hover { background-color: #e43f52!important}
.features.feature-danger.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(228,63,82,.15)); color: #e43f52}
.features.feature-danger.course-feature .full-img { color: #e43f52!important}
.features.feature-danger.explore-feature:hover .icons,.features.feature-danger.explore-feature:hover .title { color: #e43f52!important}
.features.feature-danger .btn-soft { background-color: rgba(228,63,82,.05)!important; border: 1px solid rgba(228,63,82,.05)!important; color: #e43f52!important; -webkit-box-shadow: 0 3px 5px 0 rgba(228,63,82,.1); box-shadow: 0 3px 5px 0 rgba(228,63,82,.1)}
.features.feature-danger .btn-soft.active,.features.feature-danger .btn-soft.focus,.features.feature-danger .btn-soft:active,.features.feature-danger .btn-soft:focus,.features.feature-danger .btn-soft:hover { background-color: #e43f52!important; border-color: #e43f52!important; color: #fff!important}
.features.feature-danger:hover .image:before { background: rgba(228,63,82,.1)}
.features.feature-light .icon { background: rgba(248,249,250,.1)}
.features.feature-light .image:before { background: linear-gradient(45deg,transparent,rgba(248,249,250,.1))}
.features.feature-light .color,.features.feature-light .read-more { color: #f8f9fa!important}
.features.feature-light.feature-clean .icons { color: #f8f9fa!important}
.features.feature-light.feature-clean .icons i { background-color: rgba(248,249,250,.1)}
.features.feature-light.feature-clean .title:hover { color: #f8f9fa!important}
.features.feature-light.feature-full-bg .icon-color { color: #f8f9fa!important}
.features.feature-light.feature-full-bg:hover { background-color: #f8f9fa!important}
.features.feature-light.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(248,249,250,.15)); color: #f8f9fa}
.features.feature-light.course-feature .full-img { color: #f8f9fa!important}
.features.feature-light.explore-feature:hover .icons,.features.feature-light.explore-feature:hover .title { color: #f8f9fa!important}
.features.feature-light .btn-soft { background-color: rgba(248,249,250,.05)!important; border: 1px solid rgba(248,249,250,.05)!important; color: #f8f9fa!important; -webkit-box-shadow: 0 3px 5px 0 rgba(248,249,250,.1); box-shadow: 0 3px 5px 0 rgba(248,249,250,.1)}
.features.feature-light .btn-soft.active,.features.feature-light .btn-soft.focus,.features.feature-light .btn-soft:active,.features.feature-light .btn-soft:focus,.features.feature-light .btn-soft:hover { background-color: #f8f9fa!important; border-color: #f8f9fa!important; color: #fff!important}
.features.feature-light:hover .image:before { background: rgba(248,249,250,.1)}
.features.feature-dark .icon { background: rgba(33,37,41,.1)}
.features.feature-dark .image:before { background: linear-gradient(45deg,transparent,rgba(33,37,41,.1))}
.features.feature-dark .color,.features.feature-dark .read-more { color: #212529!important}
.features.feature-dark.feature-clean .icons { color: #212529!important}
.features.feature-dark.feature-clean .icons i { background-color: rgba(33,37,41,.1)}
.features.feature-dark.feature-clean .title:hover { color: #212529!important}
.features.feature-dark.feature-full-bg .icon-color { color: #212529!important}
.features.feature-dark.feature-full-bg:hover { background-color: #212529!important}
.features.feature-dark.key-feature .icon { background: linear-gradient(45deg,transparent,rgba(33,37,41,.15)); color: #212529}
.features.feature-dark.course-feature .full-img { color: #212529!importolor: #3c4858}
.form-control::placeholder { color: #3c4858}
.form-check-input { border: 1px solid #e9ecef; background-color: #fff}
.form-check-input:focus { border-color: #2f55d4; -webkit-box-shadow: none; box-shadow: none}
.form-check-input.form-check-input:checked { background-color: #2f55d4; border-color: #2f55d4}
.subcribe-form .btn { padding: 10px 20px}
.subcribe-form input { padding: 12px 20px; width: 100%; color: #212529!important; border: none; outline: 0!important; padding-right: 160px; background-color: rgba(255,255,255,.8); height: 50px}
.subcribe-form input::-webkit-input-placeholder { color: #3c4858}
.subcribe-form input::-moz-placeholder { color: #3c4858}
.subcribe-form input:-ms-input-placeholder { color: #3c4858}
.subcribe-form input::-ms-input-placeholder { color: #3c4858}
.subcribe-form input::placeholder { color: #3c4858}
.subcribe-form button { position: absolute; top: 2px; right: 3px; outline: 0!important}
.subcribe-form form { position: relative; max-width: 600px; margin: 0 auto}
.blog.blog-primary .tag { background: #2f55d4!important}
.blog.blog-primary .readmore:hover,.blog.blog-primary .title:hover { color: #2f55d4!important}
.blog.blog-primary .link { color: #2f55d4!important}
.blog.blog-secondary .tag { background: #6c757d!important}
.blog.blog-secondary .readmore:hover,.blog.blog-secondary .title:hover { color: #6c757d!important}
.blog.blog-secondary .link { color: #6c757d!important}
.blog.blog-success .tag { background: #2eca8b!important}
.blog.blog-success .readmore:hover,.blog.blog-success .title:hover { color: #2eca8b!important}
.blog.blog-success .link { color: #2eca8b!important}
.blog.blog-info .tag { background: #17a2b8!important}
.blog.blog-info .readmore:hover,.blog.blog-info .title:hover { color: #17a2b8!important}
.blog.blog-info .link { color: #17a2b8!important}
.blog.blog-warning .tag { background: #f17425!important}
.blog.blog-warning .readmore:hover,.blog.blog-warning .title:hover { color: #f17425!important}
.blog.blog-warning .link { color: #f17425!important}
.blog.blog-danger .tag { background: #e43f52!important}
.blog.blog-danger .readmore:hover,.blog.blog-danger .title:hover { color: #e43f52!important}
.blog.blog-danger .link { color: #e43f52!important}
.blog.blog-light .tag { background: #f8f9fa!important}
.blog.blog-light .readmore:hover,.blog.blog-light .title:hover { color: #f8f9fa!important}
.blog.blog-light .link { color: #f8f9fa!important}
.blog.blog-dark .tag { background: #212529!important}
.blog.blog-dark .readmore:hover,.blog.blog-dark .title:hover { color: #212529!important}
.blog.blog-dark .link { color: #212529!important}
.blog.blog-footer .tag { background: #202942!important}
.blog.blog-footer .readmore:hover,.blog.blog-footer .title:hover { color: #202942!important}
.blog.blog-footer .link { color: #202942!important}
.blog.blog-muted .tag { background: #8492a6!important}
.blog.blog-muted .readmore:hover,.blog.blog-muted .title:hover { color: #8492a6!important}
.blog.blog-muted .link { color: #8492a6!important}
.blog { -webkit-transition: all .3s ease; transition: all .3s ease}
.blog .content h4 { line-height: 1.2}
.blog .content .title { -webkit-transition: all .5s ease; transition: all .5s ease}
.blog .content .post-meta .comments,.blog .content .post-meta .like,.blog .content .post-meta .readmore { font-size: 15px; -webkit-transition: all .5s ease; transition: all .5s ease}
.blog .content .post-meta .like:hover { color: #e43f52!important}
.blog .content .post-meta .comments:hover { color: #2eca8b!important}
.blog .author,.blog .course-fee,.blog .preview,.blog .teacher { position: absolute; z-index: 1; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease}
.blog .author { top: 5%; left: 5%}
.blog .author .date,.blog .author .profession,.blog .author .user,.blog .teacher .date,.blog .teacher .profession,.blog .teacher .user { color: #fff}
.blog .teacher { bottom: 6%; left: 5%}
.blog .course-fee { bottom: -5%; right: 5%; width: 50px; height: 50px}
.blog .course-fee .fee { line-height: 50px}
.blog.blog-detail:hover { -webkit-transform: translateY(0)!important; transform: translateY(0)!important}
.blog .overlay { background: #3c4858}
.blog:hover .overlay { opacity: .6}
.blog:hover .author,.blog:hover .course-fee,.blog:hover .preview,.blog:hover .teacher { opacity: 1}
.blog .blog-list-meta { position: absolute; bottom: 24px}
.blog .preview { color: #fff!important}
.sidebar .widget .blog-categories li { padding-bottom: 10px}
.sidebar .widget .blog-categories li:last-child { padding-bottom: 0}
.sidebar .widget .blog-categories li a,.sidebar .widget .blog-categories li span { font-size: 15px}
.sidebar .widget .blog-categories li a { color: #212529; -webkit-transition: all .5s ease; transition: all .5s ease}
.sidebar .widget .blog-categories li a:hover { color: #2f55d4}
.sidebar .widget .post-recent { padding-bottom: 15px}
.sidebar .widget .post-recent:last-child { padding-bottom: 0}
.sidebar .widget .post-recent .post-recent-thumb { width: 25%}
.sidebar .widget .post-recent .post-recent-content { width: 75%; padding-left: 10px}
.sidebar .widget .post-recent .post-recent-content a { display: block; color: #212529; font-size: 15px; -webkit-transition: all .5s ease; transition: all .5s ease}
.sidebar .widget .post-recent .post-recent-content a:hover { color: #2f55d4}
.sidebar .widget .post-recent .post-recent-content span { font-size: 13px}
.tagcloud>a { background: #f8f9fa; color: #212529; display: inline-block; font-size: 9px; letter-spacing: 1px; margin: 5px 10px 5px 0; padding: 8px 12px 7px; text-transform: uppercase; -webkit-transition: all .5s ease; transition: all .5s ease; font-weight: 600}
.tagcloud>a:hover { background: #2f55d4; color: #fff}
.media-list .media .media-heading:hover { color: #2f55d4!important}
.media-list .sub-comment { border-left: 2px dashed #e9ecef}
.blog .overlay,.job-box .job-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease}
.job-box.job-primary .position a:hover { color: #2f55d4!important}
.job-box.job-primary .company-name:hover { color: #2f55d4!important}
.job-box.job-primary .readmore:hover,.job-box.job-primary .title:hover { color: #2f55d4!important}
.job-box.job-primary .icons { color: #2f55d4!important}
.job-box.job-primary.candidate-list .name:hover,.job-box.job-primary.company-list .name:hover { color: #2f55d4!important}
.job-box.job-primary .bg { background-color: #2f55d4!important}
.job-box.job-primary .bg-soft { background-color: rgba(47,85,212,.1)!important; border: 1px solid rgba(47,85,212,.1)!important; color: #2f55d4!important}
.job-box.job-primary .btn-soft { background-color: rgba(47,85,212,.05)!important; border: 1px solid rgba(47,85,212,.05)!important; color: #2f55d4!important; -webkit-box-shadow: 0 3px 5px 0 rgba(47,85,212,.1); box-shadow: 0 3px 5px 0 rgba(47,85,212,.1)}
.job-box.job-primary .btn-soft.active,.job-box.job-primary .btn-soft.focus,.job-box.job-primary .btn-soft:active,.job-box.job-primary .btn-soft:focus,.job-box.job-primary .btn-soft:hover { background-color: #2f55d4!important; border-color: #2f55d4!important; color: #fff!important}
.job-box.job-secondary .position a:hover { color: #6c757d!important}
.job-box.job-secondary .company-name:hover { color: #6c757d!important}
.job-box.job-secondary .readmore:hover,.job-box.job-secondary .title:hover { color: #6c757d!important}
.job-box.job-secondary .icons { color: #6c757d!important}
.job-box.job-secondary.candidate-list .name:hover,.job-box.job-secondary.company-list .name:hover { color: #6c757d!important}
.job-box.job-secondary .bg { background-color: #6c757d!important}
.job-box.job-secondary .bg-soft { background-color: rgba(108,117,125,.1)!important; border: 1px solid rgba(108,117,125,.1)!important; color: #6c757d!important}
.job-box.job-secondary .btn-soft { background-color: rgba(108,117,125,.05)!important; border: 1px solid rgba(108,117,125,.05)!important; color: #6c757d!important; -webkit-box-shadow: 0 3px 5px 0 rgba(108,117,125,.1); box-shadow: 0 3px 5px 0 rgba(108,117,125,.1)}
.job-box.job-secondary .btn-soft.active,.job-box.job-secondary .btn-soft.focus,.job-box.job-secondary .btn-soft:active,.job-box.job-secondary .btn-soft:focus,.job-box.job-secondary .btn-soft:hover { background-color: #6c757d!important; border-color: #6c757d!important; color: #fff!important}
.job-box.job-success .position a:hover { color: #2eca8b!important}
.job-box.job-success .company-name%3: -7%}
}
@media (min-width: 1024px) { .modern-saas-absolute-left { left:-10%}
}
.modern-saas-absolute-right { bottom: 2%; right: -2%}
@media (min-width: 768px) { .modern-saas-absolute-right { bottom:20%; right: -7%}
}
@media (min-width: 1024px) { .modern-saas-absolute-right { right:-10%}
}
.modern-app-round { position: fixed; width: 600px; height: 600px; border-radius: 50%; -webkit-filter: blur(100px); filter: blur(100px); pointer-events: none; z-index: -2; background-color: rgba(47,85,212,.15)}
.modern-app-bg-shape:after { content: " "; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 500px; height: 500px; border-radius: 50%; background: -webkit-gradient(linear,left top,right top,from(rgba(47,85,212,.3)),color-stop(35%,rgba(47,85,212,.5)),to(#2f55d4)); background: linear-gradient(to right,rgba(47,85,212,.3) 0,rgba(47,85,212,.5) 35%,#2f55d4 100%); -webkit-box-shadow: 0 0 40px rgba(47,85,212,.2); box-shadow: 0 0 40px rgba(47,85,212,.2); z-index: -1}
@media (max-width: 768px) { .modern-app-bg-shape:after { width:400px; height: 400px}
}
.modern-app-absolute-left,.modern-app-absolute-right { position: absolute}
.modern-app-absolute-right { top: 7%; right: -2%}
@media (min-width: 768px) { .modern-app-absolute-right { top:20%; right: -7%}
}
@media (min-width: 1024px) { .modern-app-absolute-right { right:-10%}
}
.modern-app-absolute-left { bottom: 7%; left: -2%}
@media (min-width: 768px) { .modern-app-absolute-left { bottom:20%; left: -7%}
}
@media (min-width: 1024px) { .modern-app-absolute-left { left:-10%}
}
.social-feature-left:after,.social-feature-right:after { width: 450px; height: 520px; border-radius: 30px; bottom: -75px}
@media (max-width: 768px) { .social-feature-left:after,.social-feature-right:after { width:300px; height: 400px; bottom: -65px}
}
@media (max-width: 575px) { .social-feature-left:after,.social-feature-right:after { bottom:-35px}
}
.social-feature-left:after { right: -200px}
@media (max-width: 575px) { .social-feature-left:after { right:60px}
}
.social-feature-right:after { left: -200px}
@media (max-width: 575px) { .social-feature-right:after { left:60px}
}
.construction-img { position: absolute; bottom: 0; right: 20px}
.nft.nft-primary .read-more:hover,.nft.nft-primary .title:hover { color: #2f55d4!important}
.nft.nft-primary .link { color: #2f55d4!important}
.nft.nft-primary .author .name:hover { color: #2f55d4!important}
.nft.nft-primary .bg-soft { background-color: rgba(47,85,212,.1)!important; border: 1px solid rgba(47,85,212,.1)!important; color: #2f55d4!important}
.nft.nft-primary .btn { background-color: #2f55d4!important; border: 1px solid #2f55d4!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(47,85,212,.1); box-shadow: 0 3px 5px 0 rgba(47,85,212,.1)}
.nft.nft-primary .btn.active,.nft.nft-primary .btn.focus,.nft.nft-primary .btn:active,.nft.nft-primary .btn:focus,.nft.nft-primary .btn:hover { background-color: #2443ac!important; border-color: #2443ac!important; color: #fff!important}
.nft.nft-secondary .read-more:hover,.nft.nft-secondary .title:hover { color: #6c757d!important}
.nft.nft-secondary .link { color: #6c757d!important}
.nft.nft-secondary .author .name:hover { color: #6c757d!important}
.nft.nft-secondary .bg-soft { background-color: rgba(108,117,125,.1)!important; border: 1px solid rgba(108,117,125,.1)!important; color: #6c757d!important}
.nft.nft-secondary .btn { background-color: #6c757d!important; border: 1px solid #6c757d!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(108,117,125,.1); box-shadow: 0 3px 5px 0 rgba(108,117,125,.1)}
.nft.nft-secondary .btn.active,.nft.nft-secondary .btn.focus,.nft.nft-secondary .btn:active,.nft.nft-secondary .btn:focus,.nft.nft-secondary .btn:hover { background-color: #545b62!important; border-color: #545b62!important; color: #fff!important}
.nft.nft-success .read-more:hover,.nft.nft-success .title:hover { color: #2eca8b!important}
.nft.nft-success .link { color: #2eca8b!important}
.nft.nft-success .author .name:hover { color: #2eca8b!important}
.nft.nft-success .bg-soft { background-color: rgba(46,202,139,.1)!important; border: 1px solid rgba(46,202,139,.1)!important; color: #2eca8b!important}
.nft.nft-success .btn { background-color: #2eca8b!important; border: 1px solid #2eca8b!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(46,202,139,.1); box-shadow: 0 3px 5px 0 rgba(46,202,139,.1)}
.nft.nft-success .btn.active,.nft.nft-success .btn.focus,.nft.nft-success .btn:active,.nft.nft-success .btn:focus,.nft.nft-success .btn:hover { background-color: #25a06e!important; border-color: #25a06e!important; color: #fff!important}
.nft.nft-info .read-more:hover,.nft.nft-info .title:hover { color: #17a2b8!important}
.nft.nft-info .link { color: #17a2b8!important}
.nft.nft-info .author .name:hover { color: #17a2b8!important}
.nft.nft-info .bg-soft { background-color: rgba(23,162,184,.1)!important; border: 1px solid rgba(23,162,184,.1)!important; color: #17a2b8!important}
.nft.nft-info .btn { background-color: #17a2b8!important; border: 1px solid #17a2b8!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(23,162,184,.1); box-shadow: 0 3px 5px 0 rgba(23,162,184,.1)}
.nft.nft-info .btn.active,.nft.nft-info .btn.focus,.nft.nft-info .btn:active,.nft.nft-info .btn:focus,.nft.nft-info .btn:hover { background-color: #117a8b!important; border-color: #117a8b!important; color: #fff!important}
.nft.nft-warning .read-more:hover,.nft.nft-warning .title:hover { color: #f17425!important}
.nft.nft-warning .link { color: #f17425!important}
.nft.nft-warning .author .name:hover { color: #f17425!important}
.nft.nft-warning .bg-soft { background-color: rgba(241,116,37,.1)!important; border: 1px solid rgba(241,116,37,.1)!important; color: #f17425!important}
.nft.nft-warning .btn { background-color: #f17425!important; border: 1px solid #f17425!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(241,116,37,.1); box-shadow: 0 3px 5px 0 rgba(241,116,37,.1)}
.nft.nft-warning .btn.active,.nft.nft-warning .btn.focus,.nft.nft-warning .btn:active,.nft.nft-warning .btn:focus,.nft.nft-warning .btn:hover { background-color: #d55b0e!important; border-color: #d55b0e!important; color: #fff!important}
.nft.nft-danger .read-more:hover,.nft.nft-danger .title:hover { color: #e43f52!important}
.nft.nft-danger .link { color: #e43f52!important}
.nft.nft-danger .author .name:hover { color: #e43f52!important}
.nft.nft-danger .bg-soft { background-color: rgba(228,63,82,.1)!important; border: 1px solid rgba(228,63,82,.1)!important; color: #e43f52!important}
.nft.nft-danger .btn { background-color: #e43f52!important; border: 1px solid #e43f52!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(228,63,82,.1); box-shadow: 0 3px 5px 0 rgba(228,63,82,.1)}
.nft.nft-danger .btn.active,.nft.nft-danger .btn.focus,.nft.nft-danger .btn:active,.nft.nft-danger .btn:focus,.nft.nft-danger .btn:hover { background-color: #d21e32!important; border-color: #d21e32!important; color: #fff!important}
.nft.nft-light .read-more:hover,.nft.nft-light .title:hover { color: #f8f9fa!important}
.nft.nft-light .link { color: #f8f9fa!important}
.nft.nft-light .author .name:hover { color: #f8f9fa!important}
.nft.nft-light .bg-soft { background-color: rgba(248,249,250,.1)!important; border: 1px solid rgba(248,249,250,.1)!important; color: #f8f9fa!important}
.nft.nft-light .btn { background-color: #f8f9fa!important; border: 1px solid #f8f9fa!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(248,249,250,.1); box-shadow: 0 3px 5px 0 rgba(248,249,250,.1)}
.nft.nft-light .btn.active,.nft.nft-light .btn.focus,.nft.nft-light .btn:active,.nft.nft-light .btn:focus,.nft.nft-light .btn:hover { background-color: #dae0e5!important; border-color: #dae0e5!important; color: #fff!important}
.nft.nft-dark .read-more:hover,.nft.nft-dark .title:hover { color: #212529!important}
.nft.nft-dark .link { color: #212529!important}
.nft.nft-dark .author .name:hover { color: #212529!important}
.nft.nft-dark .bg-soft { background-color: rgba(33,37,41,.1)!important; border: 1px solid rgba(33,37,41,.1)!important; color: #212529!important}
.nft.nft-dark .btn { background-color: #212529!important; border: 1px solid #212529!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(33,37,41,.1); box-shadow: 0 3px 5px 0 rgba(33,37,41,.1)}
.nft.nft-dark .btn.active,.nft.nft-dark .btn.focus,.nft.nft-dark .btn:active,.nft.nft-dark .btn:focus,.nft.nft-dark .btn:hover { background-color: #0a0c0d!important; border-color: #0a0c0d!important; color: #fff!important}
.nft.nft-footer .read-more:hover,.nft.nft-footer .title:hover { color: #202942!important}
.nft.nft-footer .link { color: #202942!important}
.nft.nft-footer .author .name:hover { color: #202942!important}
.nft.nft-footer .bg-soft { background-color: rgba(32,41,66,.1)!important; border: 1px solid rgba(32,41,66,.1)!important; color: #202942!important}
.nft.nft-footer .btn { background-color: #202942!important; border: 1px solid #202942!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(32,41,66,.1); box-shadow: 0 3px 5px 0 rgba(32,41,66,.1)}
.nft.nft-footer .btn.active,.nft.nft-footer .btn.focus,.nft.nft-footer .btn:active,.nft.nft-footer .btn:focus,.nft.nft-footer .btn:hover { background-color: #0f1420!important; border-color: #0f1420!important; color: #fff!important}
.nft.nft-muted .read-more:hover,.nft.nft-muted .title:hover { color: #8492a6!important}
.nft.nft-muted .link { color: #8492a6!important}
.nft.nft-muted .author .name:hover { color: #8492a6!important}
.nft.nft-muted .bg-soft { background-color: rgba(132,146,166,.1)!important; border: 1px solid rgba(132,146,166,.1)!important; color: #8492a6!important}
.nft.nft-muted .btn { background-color: #8492a6!important; border: 1px solid #8492a6!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(132,146,166,.1); box-shadow: 0 3px 5px 0 rgba(132,146,166,.1)}
.nft.nft-muted .btn.active,.nft.nft-muted .btn.focus,.nft.nft-muted .btn:active,.nft.nft-muted .btn:focus,.nft.nft-muted .btn:hover { background-color: #68788f!important; border-color: #68788f!important; color: #fff!important}
.nft.nft-item { -webkit-transition: all .5s ease; transition: all .5s ease}
.nft.nft-item .nft-image .item-img { -webkit-transition: all .5s ease; transition: all .5s ease}
.nft.nft-item .nft-image .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; background: #212529}
.nft.nft-item:hover { -webkit-box-shadow: 0 5px 13px rgba(60,72,88,.2)!important; box-shadow: 0 5px 13px rgba(60,72,88,.2)!important}
.nft .bid-btn { position: absolute; -webkit-transition: all .5s ease; transition: all .5s ease; bottom: -100px; right: 0; left: 0}
.nft.nft-creator { -webkit-transition: all .5s ease; transition: all .5s ease}
.nft.nft-creator img { -webkit-transition: all .5s ease; transition: all .5s ease}
.nft.nft-creator:hover img { height: 90px!important; width: 90px!important}
.nft:hover .nft-image .item-img { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg)}
.nft:hover .nft-image .overlay { opacity: .7}
.nft:hover .bid-btn { bottom: 0}
.bg-home { height: 100vh; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-photography { height: 100vh; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
@media (max-width: 767px) { .bg-photography { padding:300px 0; height: auto}
}
.bg-video-studio { height: 100vh; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-home-75vh { height: 75vh!important; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
@media (max-width: 767px) { .bg-home-75vh { height:80vh!important}
}
.bg-half-260 { padding: 260px 0; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-half-170 { padding: 170px 0; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-half-100 { padding: 100px 0; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-half { padding: 200px 0 100px; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
@media (max-width: 768px) { .bg-half { padding:160px 0 60px}
}
.bg-auth-home { padding: 142px 0; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-circle-gradiant { background: radial-gradient(circle at 50% 50%,rgba(47,85,212,.1) 0,rgba(47,85,212,.1) 33.333%,rgba(47,85,212,.2) 33.333%,rgba(47,85,212,.2) 66.666%,rgba(47,85,212,.3) 66.666%,rgba(47,85,212,.3) 99.999%)}
.lawyer-wrapper { overflow: hidden}
.lawyer-wrapper:before { content: ""; position: absolute; bottom: 25rem; right: 13rem; width: 50rem; height: 25rem; -webkit-transform: rotate(100deg); transform: rotate(100deg); background: -webkit-gradient(linear,left top,right top,from(rgba(47,85,212,.3)),to(transparent)); background: linear-gradient(90deg,rgba(47,85,212,.3),transparent); z-index: 1}
@media (min-width: 769px) and (max-width:1024px) { .lawyer-wrapper:before { right:-10rem}
}
@media (min-width: 576px) and (max-width:768px) { .lawyer-wrapper:before { right:-15rem; height: 20rem; bottom: 25rem}
}
@media (max-width: 575px) { .lawyer-wrapper:before { right:-15rem; height: 20rem; bottom: 35rem}
}
.it-home { -webkit-animation: slideleft 30000s infinite linear; animation: slideleft 30000s infinite linear}
@-webkit-keyframes slideleft { from { background-position: 0}
to { background-position: 90000%}
}
@keyframes slideleft { from { background-position: 0}
to { background-position: 90000%}
}
.home-dashboard img { position: relative; top: 60px; z-index: 1}
@media (min-width: 768px) { .home-dashboard.onepage-hero { overflow:hidden}
}
.classic-saas-image .bg-saas-shape:after { bottom: 3rem; left: 0; width: 75rem; height: 55rem; border-radius: 20rem}
@media (max-width: 767px) { .classic-saas-image .bg-saas-shape:after { left:10rem; width: 30rem; height: 30rem; border-radius: 10rem}
}
@media (max-width: 768px) { .classic-saas-image .bg-saas-shape img,.freelance-hero .bg-shape img { max-width:550px}
}
@media (max-width: 767px) { .classic-saas-image .bg-saas-shape img,.freelance-hero .bg-shape img { max-width:100%; height: auto}
}
.classic-saas-image .bg-saas-shape:after,.freelance-hero .bg-shape:after { opacity: .9; -webkit-transform: rotate(130deg); transform: rotate(130deg)}
@media (max-width: 767px) { .classic-saas-image .bg-saas-shape:after,.freelance-hero .bg-shape:after { bottom:-5rem!important; height: 30rem}
}
.freelance-hero .bg-shape:after { bottom: 0; left: 7rem; width: 100rem; height: 70rem; border-radius: 6rem}
@media (max-width: 768px) { .freelance-hero .bg-shape:after { bottom:-10rem}
}
@media (max-width: 767px) { .freelance-hero .bg-shape:after { left:15rem; width: 40rem; height: 30rem}
}
.freelance-hero .bg-shape:after { -webkit-box-shadow: 0 0 40px rgba(47,85,212,.5); box-shadow: 0 0 40px rgba(47,85,212,.5); background-color: #99abea}
.studio-home { padding: 7%}
.agency-wrapper:before { content: ""; position: absolute; bottom: 22rem; right: 54rem; width: 90rem; height: 35rem; border-radius: 17rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #f8f9fa; z-index: -1}
@media (max-width: 768px) { .agency-wrapper:before { right:12rem}
}
@media (max-width: 767px) { .agency-wrapper:before { right:0}
}
.bg-marketing { padding: 76px 0 120px; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-top-74 { padding: 74px 0 0; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.home-slider .carousel-control-next,.home-slider .carousel-control-prev { width: 30px; height: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 30px; border: 1px solid #e9ecef}
.home-slider .carousel-control-next-icon,.home-slider .carousel-control-prev-icon { width: 30%}
.home-slider .carousel-control-next { right: 8px}
.home-slider .carousel-control-prev { left: 8px}
.carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 3px; -webkit-transition: all .5s ease; transition: all .5s ease; border: 0; background: #2f55d4!important; margin: auto 4px}
.carousel-indicators .active { background-color: #2f55d4!important; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.bg-animation-left:after { content: ""; position: absolute; left: 0; top: 0; width: 70%; height: 100%; background: rgba(255,255,255,.85); -webkit-clip-path: polygon(0 0,90% 0,70% 100%,0 100%); clip-path: polygon(0 0,90% 0,70% 100%,0 100%)}
@media (max-width: 767px) { .bg-animation-left:after { width:100%; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
}
.bg-animation-left.dark-left:after { background: rgba(0,0,0,.6)}
.bg-animation-left.crypto-home:after { background: #2f55d4; width: 80%; -webkit-clip-path: polygon(0 0,100% 0,50% 100%,0 100%); clip-path: polygon(0 0,100% 0,50% 100%,0 100%)}
.bg-animation-left.task-management-home:after { background: url(../images/task/bg.png) #2f55d4; width: 100%; -webkit-clip-path: circle(65% at 40% 25%); clip-path: circle(65% at 40% 25%)}
.bg-invoice { padding: 100px 0; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.classic-app-image .bg-app-shape:after { bottom: 3rem; left: -8rem; width: 55rem; height: 35rem; border-radius: 20rem; -webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: .9}
.classic-app-image .app-images { position: absolute; bottom: 60px; right: -20px}
.classic-app-image .bg-app-shape:after,.classic-saas-image .bg-saas-shape:after,.freelance-hero .bg-shape:after { content: " "; position: absolute; z-index: -1}
.classic-app-image .bg-app-shape:after,.classic-saas-image .bg-saas-shape:after { -webkit-box-shadow: 0 0 40px rgba(47,85,212,.5); box-shadow: 0 0 40px rgba(47,85,212,.5); background-color: #2f55d4}
.shape-before .shape-img { position: absolute; top: -50px; left: -35px; z-index: -1; height: auto; overflow: hidden}
.swiper-slider-hero .swiper-container,.swiper-slider-hero .swiper-slide .slide-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.swiper-slider-hero .swiper-container .swiper-button-next,.swiper-slider-hero .swiper-container .swiper-button-prev { background: 0 0; width: 35px; height: 35px; line-height: 35px; margin-top: -30px}
.swiper-slider-hero .swiper-container .swiper-button-next:before,.swiper-slider-hero .swiper-container .swiper-button-prev:before { font-family: "Material Design Icons"; font-weight: 900; color: #fff}
.swiper-slider-hero .swiper-container .swiper-button-next:hover,.swiper-slider-hero .swiper-container .swiper-button-prev:hover { background: #2f55d4; border-color: #2f55d4!important}
.swiper-slider-hero .swiper-container .swiper-button-prev { left: 10px; border: 1px solid rgba(255,255,255,.5)}
.swiper-slider-hero .swiper-container .swiper-button-prev:before { content: "\f0141"}
.swiper-slider-hero .swiper-container .swiper-button-next { right: 10px; border: 1px solid rgba(255,255,255,.5)}
.swiper-slider-hero .swiper-container .swiper-button-next:before { content: "\f0142"}
.swiper-slider-hero .swiper-pagination-bullet { color: #f8f9fa; background: 0 0}
.swiper-slider-hero .swiper-pagination-bullet-active { color: #fff}
.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-slider-hero .swiper-pagination-custom,.swiper-slider-hero .swiper-pagination-fraction { bottom: 45px}
.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 13px}
@media (min-width: 769px) { .bg-studio:after { content:""; position: absolute; right: 0; top: 0; width: 50%; height: 100%; background: #fff none repeat scroll 0 0; z-index: 2}
}
@media (max-width: 767px) { .bg-half-170,.bg-half-260,.bg-home,.bg-marketing,.swiper-slider-hero .swiper-container .swiper-slide { padding:150px 0; height: auto}
}
.personal-hero:before { content: ""; position: absolute; z-index: -1; bottom: -20rem; width: 50rem; height: 50rem; right: 150px; left: 0; margin: 0 auto; border-radius: 50%; background: #2f55d4}
@media (max-width: 576px) { .personal-hero:before { width:30rem; height: 30rem; bottom: -10rem}
}
.personal-hero .personal-overlay { visibility: hidden!important}
@media (max-width: 768px) { .personal-hero .personal-overlay { visibility:visible!important}
.personal-hero .sub-title,.personal-hero .title { color: #fff}
.personal-hero .para { color: rgba(255,255,255,.5)}
}
@media (min-width: 769px) { .personal-hero .personal-hero-para { position:absolute; top: 50%; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background-color: rgba(248,249,250,.5); z-index: 1; padding: 24px}
}
.bg-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden}
.bg-video-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%)}
.shape { position: absolute; pointer-events: none; right: 0; bottom: -2px; left: 0}
.shape>svg { -webkit-transform: scale(2); transform: scale(2); width: 100%; height: auto; -webkit-transform-origin: top center; transform-origin: top center}
.shape.integration-hero { -webkit-clip-path: polygon(50% 0,0 100%,100% 100%); clip-path: polygon(50% 0,0 100%,100% 100%); height: 250px; background: #fff}
@media (max-width: 768px) { .shape.integration-hero { height:140px}
}
@media (max-width: 425px) { .shape.integration-hero { height:60px}
}
@media (max-width: 425px) { .shape { bottom:-4px}
}
.zoom-image { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0}
.image-wrap { position: absolute; top: -350px; right: -100px; bottom: -350px; left: -100px; margin: auto; height: auto; min-height: 100%; width: auto; min-width: 100%; overflow: hidden; -webkit-animation: 100s ppb_kenburns linear infinite alternate; animation: 100s ppb_kenburns linear infinite alternate}
@-webkit-keyframes move { 0% { -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(1); transform: scale(1)}
100% { -webkit-transform: scale(1.4); transform: scale(1.4)}
}
@keyframes move { 0% { -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(1); transform: scale(1)}
100% { -webkit-transform: scale(1.4); transform: scale(1.4)}
}
@-webkit-keyframes ppb_kenburns { 0% { -webkit-transform: scale(1.3) translate(-10%,10%); transform: scale(1.3) translate(-10%,10%)}
25% { -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0)}
50% { -webkit-transform: scale(1.3) translate(10%,10%); transform: scale(1.3) translate(10%,10%)}
75% { -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0)}
100% { -webkit-transform: scale(1.3) translate(-10%,10%); transform: scale(1.3) translate(-10%,10%)}
}
@keyframes ppb_kenburns { 0% { -webkit-transform: scale(1.3) translate(-10%,10%); transform: scale(1.3) translate(-10%,10%)}
25% { -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0)}
50% { -webkit-transform: scale(1.3) translate(10%,10%); transform: scale(1.3) translate(10%,10%)}
75% { -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0)}
100% { -webkit-transform: scale(1.3) translate(-10%,10%); transform: scale(1.3) translate(-10%,10%)}
}
.pricing.pricing-primary.business-rate:hover { border-color: #2f55d4!important}
.pricing.pricing-primary.business-rate:hover .title { color: #2f55d4}
.pricing.pricing-primary.starter-plan { border-color: #2f55d4!important}
.pricing.pricing-primary .icon,.pricing.pricing-primary .name { color: #2f55d4}
.pricing.pricing-secondary.business-rate:hover { border-color: #6c757d!important}
.pricing.pricing-secondary.business-rate:hover .title { color: #6c757d}
.pricing.pricing-secondary.starter-plan { border-color: #6c757d!important}
.pricing.pricing-secondary .icon,.pricing.pricing-secondary .name { color: #6c757d}
.pricing.pricing-success.business-rate:hover { border-color: #2eca8b!important}
.pricing.pricing-success.business-rate:hover .title { color: #2eca8b}
.pricing.pricing-success.starter-plan { border-color: #2eca8b!important}
.pricing.pricing-success .icon,.pricing.pricing-success .name { color: #2eca8b}
.pricing.pricing-info.business-rate:hover { border-color: #17a2b8!important}
.pricing.pricing-info.business-rate:hover .title { color: #17a2b8}
.pricing.pricing-info.starter-plan { border-color: #17a2b8!important}
.pricing.pricing-info .icon,.pricing.pricing-info .name { color: #17a2b8}
.pricing.pricing-warning.business-rate:hover { border-color: #f17425!important}
.pricing.pricing-warning.business-rate:hover .title { color: #f17425}
.pricing.pricing-warning.starter-plan { border-color: #f17425!important}
.pricing.pricing-warning .icon,.pricing.pricing-warning .name { color: #f17425}
.pricing.pricing-danger.business-rate:hover { border-color: #e43f52!important}
.pricing.pricing-danger.business-rate:hover .title { color: #e43f52}
.pricing.pricing-danger.starter-plan { border-color: #e43f52!important}
.pricing.pricing-danger .icon,.pricing.pricing-danger .name { color: #e43f52}
.pricing.pricing-light.business-rate:hover { border-color: #f8f9fa!important}
.pricing.pricing-light.business-rate:hover .title { color: #f8f9fa}
.pricing.pricing-light.starter-plan { border-color: #f8f9fa!important}
.pricing.pricing-light .icon,.pricing.pricing-light .name { color: #f8f9fa}
.pricing.pricing-dark.business-rate:hover { border-color: #212529!important}
.pricing.pricing-dark.business-rate:hover .title { color: #212529}
.pricing.pricing-dark.starter-plan { border-color: #212529!important}
.pricing.pricing-dark .icon,.pricing.pricing-dark .name { color: #212529}
.pricing.pricing-footer.business-rate:hover { border-color: #202942!important}
.pricing.pricing-footer.business-rate:hover .title { color: #202942}
.pricing.pricing-footer.starter-plan { border-color: #202942!important}
.pricing.pricing-footer .icon,.pricing.pricing-footer .name { color: #202942}
.pricing.pricing-muted.business-rate:hover { border-color: #8492a6!important}
.pricing.pricing-muted.business-rate:hover .title { color: #8492a6}
.pricing.pricing-muted.starter-plan { border-color: #8492a6!important}
.pricing.pricing-muted .icon,.pricing.pricing-muted .name { color: #8492a6}
.pricing { position: relative; z-index: 1; border-bottom: 3px solid #e9ecef!important; -webkit-transition: all .5s ease; transition: all .5s ease}
.pricing .price { font-weight: 400}
.pricing.business-rate:hover { -webkit-transform: scale(1.03); transform: scale(1.03); z-index: 2; -webkit-box-shadow: 0 5px 13px rgba(60,72,88,.2)!important; box-shadow: 0 5px 13px rgba(60,72,88,.2)!important; background-color: #fff!important}
.pricing.starter-plan { -webkit-transform: scale(1.05); transform: scale(1.05); z-index: 2}
@media (max-width: 767px) { .pricing.starter-plan { -webkit-transform:scale(1); transform: scale(1)}
}
.pricing.best-plan:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px)}
.ribbon.ribbon-primary span { background-color: #2f55d4!important}
.ribbon.ribbon-primary span:before { border-left-color: #2443ac; border-top-color: #2443ac}
.ribbon.ribbon-primary span:after { border-right-color: #2443ac; border-top-color: #2443ac}
.ribbon.ribbon-secondary span { background-color: #6c757d!important}
.ribbon.ribbon-secondary span:before { border-left-color: #545b62; border-top-color: #545b62}
.ribbon.ribbon-secondary span:after { border-right-color: #545b62; border-top-color: #545b62}
.ribbon.ribbon-success span { background-color: #2eca8b!important}
.ribbon.ribbon-success span:before { border-left-color: #25a06e; border-top-color: #25a06e}
.ribbon.ribbon-success span:after { border-right-color: #25a06e; border-top-color: #25a06e}
.ribbon.ribbon-info span { background-color: #17a2b8!important}
.ribbon.ribbon-info span:before { border-left-color: #117a8b; border-top-color: #117a8b}
.ribbon.ribbon-info span:after { border-right-color: #117a8b; border-top-color: #117a8b}
.ribbon.ribbon-warning span { background-color: #f17425!important}
.ribbon.ribbon-warning span:before { border-left-color: #d55b0e; border-top-color: #d55b0e}
.ribbon.ribbon-warning span:after { border-right-color: #d55b0e; border-top-color: #d55b0e}
.ribbon.ribbon-danger span { background-color: #e43f52!important}
.ribbon.ribbon-danger span:before { border-left-color: #d21e32; border-top-color: #d21e32}
.ribbon.ribbon-danger span:after { border-right-color: #d21e32; border-top-color: #d21e32}
.ribbon.ribbon-light span { background-color: #f8f9fa!important}
.ribbon.ribbon-light span:before { border-left-color: #dae0e5; border-top-color: #dae0e5}
.ribbon.ribbon-light span:after { border-right-color: #dae0e5; border-top-color: #dae0e5}
.ribbon.ribbon-dark span { background-color: #212529!important}
.ribbon.ribbon-dark span:before { border-left-color: #0a0c0d; border-top-color: #0a0c0d}
.ribbon.ribbon-dark span:after { border-right-color: #0a0c0d; border-top-color: #0a0c0d}
.ribbon.ribbon-footer span { background-color: #202942!important}
.ribbon.ribbon-footer span:before { border-left-color: #0f1420; border-top-color: #0f1420}
.ribbon.ribbon-footer span:after { border-right-color: #0f1420; border-top-color: #0f1420}
.ribbon.ribbon-muted span { background-color: #8492a6!important}
.ribbon.ribbon-muted span:before { border-left-color: #68788f; border-top-color: #68788f}
.ribbon.ribbon-muted span:after { border-right-color: #68788f; border-top-color: #68788f}
.ribbon { position: absolute; top: -5px; width: 75px; height: 75px; z-index: 2}
.ribbon.ribbon-right { right: -5px}
.ribbon.ribbon-right span { right: -23px; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.ribbon.ribbon-left { left: -5px}
.ribbon.ribbon-left span { left: -21px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.ribbon span { position: absolute; top: 18px; width: 100px; color: #fff}
.ribbon span:after,.ribbon span:before { content: ""; position: absolute; top: 100%; z-index: -1; border: 3px solid transparent}
.ribbon span:before { left: 0}
.ribbon span:after { right: 0}
.invoice-top .logo-invoice { font-weight: 700; font-size: 27px; letter-spacing: 1px}
.crypto-chart { position: absolute; left: 24px; right: 24px; bottom: 24px; opacity: .1; z-index: 0}
.apexcharts-tooltip { background: #161c2d!important; color: #fff}
.switcher-pricing .toggle,.switcher-pricing .toggler { display: inline-block; vertical-align: middle}
.switcher-pricing .toggler { -webkit-transition: all .5s ease; transition: all .5s ease; font-weight: 700}
.switcher-pricing .toggler--is-active { color: #2f55d4!important}
.switcher-pricing .form-switch .form-check-input { width: 48px; height: 24px; margin-top: 0}
.hide { display: none}
.team.team-primary .name:hover { color: #2f55d4!important}
.team.team-secondary .name:hover { color: #6c757d!important}
.team.team-success .name:hover { color: #2eca8b!important}
.team.team-info .name:hover { color: #17a2b8!important}
.team.team-warning .name:hover { color: #f17425!important}
.team.team-danger .name:hover { color: #e43f52!important}
.team.team-light .name:hover { color: #f8f9fa!important}
.team.team-dark .name:hover { color: #212529!important}
.team.team-footer .name:hover { color: #202942!important}
.team.team-muted .name:hover { color: #8492a6!important}
.team img { -webkit-transition: all .5s ease; transition: all .5s ease}
.team .team-icon { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); right: 0; opacity: 0; left: 0; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease}
.team:hover img { -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15); opacity: .2}
.team:hover .overlay-team { opacity: .6}
.team:hover .team-icon { opacity: 1}
.client-testi { cursor: e-resize}
.client-testi .client-image { margin-right: 16px}
.client-testi .content:before { content: ""; position: absolute; top: 30px; left: 0; margin-left: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 8px solid #212529; border-color: transparent #fff #fff transparent; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: 2px 2px 2px -1px rgba(33,37,41,.15); box-shadow: 2px 2px 2px -1px rgba(33,37,41,.15)}
.tns-nav { text-align: center; margin-top: 10px}
.tns-nav button { border-radius: 3px; background: rgba(47,85,212,.5)!important; -webkit-transition: all .5s ease; transition: all .5s ease; border: none; margin: 0 5px; padding: 5px}
.tns-nav button.tns-nav-active { background: #2f55d4!important; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.tns-controls button[data-controls=next],.tns-controls button[data-controls=prev] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #212529; border: none; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 1; -webkit-box-shadow: 0 10px 25px rgba(60,72,88,.15); box-shadow: 0 10px 25px rgba(60,72,88,.15)}
.tns-controls button[data-controls=next]:hover,.tns-controls button[data-controls=prev]:hover { background: #2f55d4; color: #fff}
.tns-controls button[data-controls=prev] { left: 0}
.tns-controls button[data-controls=next] { right: 0}
.slick-slider { overflow-x: hidden!important; cursor: pointer}
.tiny-timeline { position: relative; width: 100%; margin: 0 auto}
.tiny-timeline:before { content: ""; position: absolute; width: 100%; top: 17px; left: 0; height: 2px; background: #2f55d4}
.tiny-timeline .item-box { margin: 70px 15px 20px}
.tiny-timeline .item-box:after,.tiny-timeline .item-box:before { content: ""; position: absolute; left: 50%; background: #2f55d4}
.tiny-timeline .item-box:before { width: 2px; height: 46px; top: -46px; -webkit-transform: translateX(-50%); transform: translateX(-50%)}
.tiny-timeline .item-box:after { width: 13px; height: 13px; top: -59px; border-radius: 3px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg)}
html[dir=rtl] .swiper-slider-hero,html[dir=rtl] .tns-inner,html[dir=rtl] .tns-nav { direction: ltr!important}
html[dir=rtl] .tns-visually-hidden { left: 0!important; visibility: hidden}
.login-page { font-size: 15px}
.login-page .forgot-pass { z-index: 99; position: relative; font-size: 13px}
.cover-user .container-fluid { max-width: 100%}
@media (max-width: 768px) { .cover-user .container-fluid .padding-less { position:relative!important; height: 400px!important}
}
.cover-user .container-fluid .padding-less.img { background: scroll center no-repeat; background-size: cover; position: absolute; height: 100%}
.cover-user .cover-user-img { height: 100vh}
@media (min-width: 1025px) { .cover-user .cover-user-img { padding:0 20%}
}
@media (max-width: 768px) { .cover-user .cover-user-img { -webkit-box-align:start!important; -ms-flex-align: start!important; align-items: start!important; height: auto!important; padding: 30px}
}
@media (max-width: 768px) { .cover-user .cover-user-content { text-align:left!important}
.cover-user .cover-my-30 { margin: 30px 0}
}
.form-signin { width: 100%; max-width: 400px; margin: auto}
.bg-profile { padding: 100px 0; background-size: cover!important; -ms-flex-item-align: center; align-self: center; position: relative!important; background-position: center center}
.bg-profile .public-profile { top: 175px}
.chat .chat-list.active,.chat .chat-list:focus,.chat .chat-list:hover { background: #f8f9fa!important; -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
.chat .chat-list .on-off,.chat .chat-type .on-off { position: absolute; left: -1px; top: -1px; font-size: 12px!important}
.chat.chat-person .on-off { font-size: 10px}
.chat.chat-person .chat-msg { margin-left: 8px}
.chat.chat-person .chat-msg .msg { border: 1px solid #e9ecef}
.chat.chat-person .chat-msg .msg-time { font-size: 12px!important}
.chat.chat-person .chat-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right}
.chat.chat-person .chat-right .chat-user-image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}
.chat.chat-person .chat-right .chat-user-image .on-off { right: -1px}
.chat.chat-person .chat-right .chat-msg { margin-right: 8px; margin-left: 0}
.chat.chat-person .chat-right .chat-msg .msg { display: inline-block}
.chat.chat-person .chat-right .chat-msg .msg-time { display: block}
.simplebar-track.simplebar-vertical { width: 8px!important}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { width: 4px!important; background: #adb5bd!important}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused),.ck.ck-toolbar { background: #fff!important; border: 1px solid #e9ecef!important}
.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break),.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown { color: #212529}
.work-container.work-primary .title:hover { color: #2f55d4!important}
.work-container.work-primary.work-creative .work-icon,.work-container.work-primary.work-modern .work-icon { color: #2f55d4!important}
.work-container.work-primary.work-creative .work-icon:hover,.work-container.work-primary.work-modern .work-icon:hover { background: #2f55d4!important}
.work-container.work-primary .btn { background-color: #2f55d4!important; border: 1px solid #2f55d4!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(47,85,212,.1); box-shadow: 0 3px 5px 0 rgba(47,85,212,.1)}
.work-container.work-primary .btn.active,.work-container.work-primary .btn.focus,.work-container.work-primary .btn:active,.work-container.work-primary .btn:focus,.work-container.work-primary .btn:hover { background-color: #2443ac!important; border-color: #2443ac!important; color: #fff!important}
.work-container.work-primary .bg { background-color: #2f55d4!important}
.work-container.work-primary .link { color: #2f55d4!important}
.work-container.work-secondary .title:hover { color: #6c757d!important}
.work-container.work-secondary.work-creative .work-icon,.work-container.work-secondary.work-modern .work-icon { color: #6c757d!important}
.work-container.work-secondary.work-creative .work-icon:hover,.work-container.work-secondary.work-modern .work-icon:hover { background: #6c757d!important}
.work-container.work-secondary .btn { background-color: #6c757d!important; border: 1px solid #6c757d!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(108,117,125,.1); box-shadow: 0 3px 5px 0 rgba(108,117,125,.1)}
.work-container.work-secondary .btn.active,.work-container.work-secondary .btn.focus,.work-container.work-secondary .btn:active,.work-container.work-secondary .btn:focus,.work-container.work-secondary .btn:hover { background-color: #545b62!important; border-color: #545b62!important; color: #fff!important}
.work-container.work-secondary .bg { background-color: #6c757d!important}
.work-container.work-secondary .link { color: #6c757d!important}
.work-container.work-success .title:hover { color: #2eca8b!important}
.work-container.work-success.work-creative .work-icon,.work-container.work-success.work-modern .work-icon { color: #2eca8b!important}
.work-container.work-success.work-creative .work-icon:hover,.work-container.work-success.work-modern .work-icon:hover { background: #2eca8b!important}
.work-container.work-success .btn { background-color: #2eca8b!important; border: 1px solid #2eca8b!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(46,202,139,.1); box-shadow: 0 3px 5px 0 rgba(46,202,139,.1)}
.work-container.work-success .btn.active,.work-container.work-success .btn.focus,.work-container.work-success .btn:active,.work-container.work-success .btn:focus,.work-container.work-success .btn:hover { background-color: #25a06e!important; border-color: #25a06e!important; color: #fff!important}
.work-container.work-success .bg { background-color: #2eca8b!important}
.work-container.work-success .link { color: #2eca8b!important}
.work-container.work-info .title:hover { color: #17a2b8!important}
.work-container.work-info.work-creative .work-icon,.work-container.work-info.work-modern .work-icon { color: #17a2b8!important}
.work-container.work-info.work-creative .work-icon:hover,.work-container.work-info.work-modern .work-icon:hover { background: #17a2b8!important}
.work-container.work-info .btn { background-color: #17a2b8!important; border: 1px solid #17a2b8!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(23,162,184,.1); box-shadow: 0 3px 5px 0 rgba(23,162,184,.1)}
.work-container.work-info .btn.active,.work-container.work-info .btn.focus,.work-container.work-info .btn:active,.work-container.work-info .btn:focus,.work-container.work-info .btn:hover { background-color: #117a8b!important; border-color: #117a8b!important; color: #fff!important}
.work-container.work-info .bg { background-color: #17a2b8!important}
.work-container.work-info .link { color: #17a2b8!important}
.work-container.work-warning .title:hover { color: #f17425!important}
.work-container.work-warning.work-creative .work-icon,.work-container.work-warning.work-modern .work-icon { color: #f17425!important}
.work-container.work-warning.work-creative .work-icon:hover,.work-container.work-warning.work-modern .work-icon:hover { background: #f17425!important}
.work-container.work-warning .btn { background-color: #f17425!important; border: 1px solid #f17425!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(241,116,37,.1); box-shadow: 0 3px 5px 0 rgba(241,116,37,.1)}
.work-container.work-warning .btn.active,.work-container.work-warning .btn.focus,.work-container.work-warning .btn:active,.work-container.work-warning .btn:focus,.work-container.work-warning .btn:hover { background-color: #d55b0e!important; border-color: #d55b0e!important; color: #fff!important}
.work-container.work-warning .bg { background-color: #f17425!important}
.work-container.work-warning .link { color: #f17425!important}
.work-container.work-danger .title:hover { color: #e43f52!important}
.work-container.work-danger.work-creative .work-icon,.work-container.work-danger.work-modern .work-icon { color: #e43f52!important}
.work-container.work-danger.work-creative .work-icon:hover,.work-container.work-danger.work-modern .work-icon:hover { background: #e43f52!important}
.work-container.work-danger .btn { background-color: #e43f52!important; border: 1px solid #e43f52!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(228,63,82,.1); box-shadow: 0 3px 5px 0 rgba(228,63,82,.1)}
.work-container.work-danger .btn.active,.work-container.work-danger .btn.focus,.work-container.work-danger .btn:active,.work-container.work-danger .btn:focus,.work-container.work-danger .btn:hover { background-color: #d21e32!important; border-color: #d21e32!important; color: #fff!important}
.work-container.work-danger .bg { background-color: #e43f52!important}
.work-container.work-danger .link { color: #e43f52!important}
.work-container.work-light .title:hover { color: #f8f9fa!important}
.work-container.work-light.work-creative .work-icon,.work-container.work-light.work-modern .work-icon { color: #f8f9fa!important}
.work-container.work-light.work-creative .work-icon:hover,.work-container.work-light.work-modern .work-icon:hover { background: #f8f9fa!important}
.work-container.work-light .btn { background-color: #f8f9fa!important; border: 1px solid #f8f9fa!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(248,249,250,.1); box-shadow: 0 3px 5px 0 rgba(248,249,250,.1)}
.work-container.work-light .btn.active,.work-container.work-light .btn.focus,.work-container.work-light .btn:active,.work-container.work-light .btn:focus,.work-container.work-light .btn:hover { background-color: #dae0e5!important; border-color: #dae0e5!important; color: #fff!important}
.work-container.work-light .bg { background-color: #f8f9fa!important}
.work-container.work-light .link { color: #f8f9fa!important}
.work-container.work-dark .title:hover { color: #212529!important}
.work-container.work-dark.work-creative .work-icon,.work-container.work-dark.work-modern .work-icon { color: #212529!important}
.work-container.work-dark.work-creative .work-icon:hover,.work-container.work-dark.work-modern .work-icon:hover { background: #212529!important}
.work-container.work-dark .btn { background-color: #212529!important; border: 1px solid #212529!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(33,37,41,.1); box-shadow: 0 3px 5px 0 rgba(33,37,41,.1)}
.work-container.work-dark .btn.active,.work-container.work-dark .btn.focus,.work-container.work-dark .btn:active,.work-container.work-dark .btn:focus,.work-container.work-dark .btn:hover { background-color: #0a0c0d!important; border-color: #0a0c0d!important; color: #fff!important}
.work-container.work-dark .bg { background-color: #212529!important}
.work-container.work-dark .link { color: #212529!important}
.work-container.work-footer .title:hover { color: #202942!important}
.work-container.work-footer.work-creative .work-icon,.work-container.work-footer.work-modern .work-icon { color: #202942!important}
.work-container.work-footer.work-creative .work-icon:hover,.work-container.work-footer.work-modern .work-icon:hover { background: #202942!important}
.work-container.work-footer .btn { background-color: #202942!important; border: 1px solid #202942!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(32,41,66,.1); box-shadow: 0 3px 5px 0 rgba(32,41,66,.1)}
.work-container.work-footer .btn.active,.work-container.work-footer .btn.focus,.work-container.work-footer .btn:active,.work-container.work-footer .btn:focus,.work-container.work-footer .btn:hover { background-color: #0f1420!important; border-color: #0f1420!important; color: #fff!important}
.work-container.work-footer .bg { background-color: #202942!important}
.work-container.work-footer .link { color: #202942!important}
.work-container.work-muted .title:hover { color: #8492a6!important}
.work-container.work-muted.work-creative .work-icon,.work-container.work-muted.work-modern .work-icon { color: #8492a6!important}
.work-container.work-muted.work-creative .work-icon:hover,.work-container.work-muted.work-modern .work-icon:hover { background: #8492a6!important}
.work-container.work-muted .btn { background-color: #8492a6!important; border: 1px solid #8492a6!important; color: #fff!important; -webkit-box-shadow: 0 3px 5px 0 rgba(132,146,166,.1); box-shadow: 0 3px 5px 0 rgba(132,146,166,.1)}
.work-container.work-muted .btn.active,.work-container.work-muted .btn.focus,.work-container.work-muted .btn:active,.work-container.work-muted .btn:focus,.work-container.work-muted .btn:hover { background-color: #68788f!important; border-color: #68788f!important; color: #fff!important}
.work-container.work-muted .bg { background-color: #8492a6!important}
.work-container.work-muted .link { color: #8492a6!important}
.work-container.work-classic .work-image { -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-classic .work-image:hover { -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
.work-container .overlay-grid,.work-container .overlay-work { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container .overlay-work { background-color: #3c4858}
.work-container .overlay-grid { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(25%,rgba(0,0,0,.25)),color-stop(50%,rgba(0,0,0,.5)),color-stop(75%,rgba(0,0,0,.75)),to(black)); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 25%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.75) 75%,#000 100%)}
.work-container.work-classic .content .title,.work-container.work-grid .content .title,.work-container.work-modern .content .title { font-size: 18px; -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-classic .content .tag,.work-container.work-grid .content .tag,.work-container.work-modern .content .tag { font-size: 15px!important}
.work-container.work-modern .client,.work-container.work-modern .content,.work-container.work-modern .overlay-work,.work-container.work-modern .read_more,.work-container.work-modern img { -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-modern .client,.work-container.work-modern .content,.work-container.work-modern .read_more { position: absolute}
.work-container.work-modern .overlay-work { opacity: 0}
.work-container.work-modern .content { z-index: 1; bottom: 5%; left: 5%}
.work-container.work-modern .icons { right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
.work-container.work-modern .client,.work-container.work-modern .content { opacity: 0}
.work-container.work-modern .client { color: #fff}
.work-container.work-modern .client,.work-container.work-modern .read_more { z-index: 1; right: 5%; top: 5%}
.work-container.work-modern .read_more { height: 30px; width: 30px; line-height: 30px}
.work-container.work-modern:hover img { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg)}
.work-container.work-modern:hover .overlay-work { opacity: .65}
.work-container.work-modern:hover .client,.work-container.work-modern:hover .content,.work-container.work-modern:hover .personal-port { opacity: 1}
.work-container.work-grid { -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-grid img { -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-grid .content { background-color: #fff}
.work-container.work-grid:hover { -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
.work-container.work-grid:hover img { -webkit-transform: translateY(-40px); transform: translateY(-40px)}
.work-container.work-creative .content,.work-container.work-grid .content { position: absolute; bottom: 0; right: 0; left: 0; -webkit-transform: translateY(150px); transform: translateY(150px); overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 1}
.work-container.work-creative .content .title,.work-container.work-grid .content .title { -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-creative:hover .content,.work-container.work-grid:hover .content { -webkit-transform: translateY(0); transform: translateY(0)}
.work-container.work-creative .icons,.work-container.work-modern .icons { position: absolute; z-index: 2; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-creative .icons .work-icon,.work-container.work-modern .icons .work-icon { height: 45px; width: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .5s ease; transition: all .5s ease}
.work-container.work-creative .icons .work-icon:hover,.work-container.work-modern .icons .work-icon:hover { color: #fff!important}
.work-container.work-creative:hover .icons,.work-container.work-modern:hover .icons { opacity: 1}
.work-container.work-creative .icons { top: 0; right: 0}
.work-container.work-creative .overlay-grid { -webkit-transform: translateY(500px); transform: translateY(500px)}
.work-container.work-creative:hover .overlay-grid { -webkit-transform: translateY(0); transform: translateY(0)}
.work-details ul li b { max-width: 90px; width: 100%; display: inline-block}
.container-filter li { font-size: 13px; padding: 0 15px; margin: 5px 3px; font-weight: 700; letter-spacing: .8px; cursor: pointer; line-height: 34px; -webkit-transition: all .5s ease; transition: all .5s ease}
.container-filter li.active,.container-filter li:hover { color: #2f55d4!important; border-color: #2f55d4!important}
.container-filter.filter-border li { color: #8492a6!important; border-bottom: 2px solid transparent}
.container-filter.filter-border li.active,.container-filter.filter-border li:hover { color: #2f55d4!important}
.spacing { padding: 7px}
.popular-tour .content { position: absolute; bottom: 3%; left: 5%}
.popular-tour .overlay-work { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease}
.popular-tour:hover .overlay-work { opacity: .6}
.event-schedule.event-primary .date { color: #2f55d4!important}
.event-schedule.event-primary .date .day { background: rgba(47,85,212,.1); -webkit-box-shadow: 0 0 2px .25px rgba(47,85,212,.5); box-shadow: 0 0 2px .25px rgba(47,85,212,.5)}
.event-schedule.event-primary .content .title:hover { color: #2f55d4!important}
.event-schedule.event-primary:hover { border-color: #2f55d4!important}
.event-schedule.event-secondary .date { color: #6c757d!important}
.event-schedule.event-secondary .date .day { background: rgba(108,117,125,.1); -webkit-box-shadow: 0 0 2px .25px rgba(108,117,125,.5); box-shadow: 0 0 2px .25px rgba(108,117,125,.5)}
.event-schedule.event-secondary .content .title:hover { color: #6c757d!important}
.event-schedule.event-secondary:hover { border-color: #6c757d!important}
.event-schedule.event-success .date { color: #2eca8b!important}
.event-schedule.event-success .date .day { background: rgba(46,202,139,.1); -webkit-box-shadow: 0 0 2px .25px rgba(46,202,139,.5); box-shadow: 0 0 2px .25px rgba(46,202,139,.5)}
.event-schedule.event-success .content .title:hover { color: #2eca8b!important}
.event-schedule.event-success:hover { border-color: #2eca8b!important}
.event-schedule.event-info .date { color: #17a2b8!important}
.event-schedule.event-info .date .day { background: rgba(23,162,184,.1); -webkit-box-shadow: 0 0 2px .25px rgba(23,162,184,.5); box-shadow: 0 0 2px .25px rgba(23,162,184,.5)}
.event-schedule.event-info .content .title:hover { color: #17a2b8!important}
.event-schedule.event-info:hover { border-color: #17a2b8!important}
.event-schedule.event-warning .date { color: #f17425!important}
.event-schedule.event-warning .date .day { background: rgba(241,116,37,.1); -webkit-box-shadow: 0 0 2px .25px rgba(241,116,37,.5); box-shadow: 0 0 2px .25px rgba(241,116,37,.5)}
.event-schedule.event-warning .content .title:hover { color: #f17425!important}
.event-schedule.event-warning:hover { border-color: #f17425!important}
.event-schedule.event-danger .date { color: #e43f52!important}
.event-schedule.event-danger .date .day { background: rgba(228,63,82,.1); -webkit-box-shadow: 0 0 2px .25px rgba(228,63,82,.5); box-shadow: 0 0 2px .25px rgba(228,63,82,.5)}
.event-schedule.event-danger .content .title:hover { color: #e43f52!important}
.event-schedule.event-danger:hover { border-color: #e43f52!important}
.event-schedule.event-light .date { color: #f8f9fa!important}
.event-schedule.event-light .date .day { background: rgba(248,249,250,.1); -webkit-box-shadow: 0 0 2px .25px rgba(248,249,250,.5); box-shadow: 0 0 2px .25px rgba(248,249,250,.5)}
.event-schedule.event-light .content .title:hover { color: #f8f9fa!important}
.event-schedule.event-light:hover { border-color: #f8f9fa!important}
.event-schedule.event-dark .date { color: #212529!important}
.event-schedule.event-dark .date .day { background: rgba(33,37,41,.1); -webkit-box-shadow: 0 0 2px .25px rgba(33,37,41,.5); box-shadow: 0 0 2px .25px rgba(33,37,41,.5)}
.event-schedule.event-dark .content .title:hover { color: #212529!important}
.event-schedule.event-dark:hover { border-color: #212529!important}
.event-schedule.event-footer .date { color: #202942!important}
.event-schedule.event-footer .date .day { background: rgba(32,41,66,.1); -webkit-box-shadow: 0 0 2px .25px rgba(32,41,66,.5); box-shadow: 0 0 2px .25px rgba(32,41,66,.5)}
.event-schedule.event-footer .content .title:hover { color: #202942!important}
.event-schedule.event-footer:hover { border-color: #202942!important}
.event-schedule.event-muted .date { color: #8492a6!important}
.event-schedule.event-muted .date .day { background: rgba(132,146,166,.1); -webkit-box-shadow: 0 0 2px .25px rgba(132,146,166,.5); box-shadow: 0 0 2px .25px rgba(132,146,166,.5)}
.event-schedule.event-muted .content .title:hover { color: #8492a6!important}
.event-schedule.event-muted:hover { border-color: #8492a6!important}
.event-schedule { -webkit-transition: all .5s ease; transition: all .5s ease}
.event-schedule .date .day { font-size: 18px; width: 50px; height: 50px; border-radius: 50px; line-height: 48px; border: 2px solid #e9ecef}
.event-schedule .date .month { font-size: 13px}
.event-schedule .content .title { font-size: 20px; -webkit-transition: all .5s ease; transition: all .5s ease}
.event-schedule .content .location-time { font-size: 14px}
.event-schedule:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15); box-shadow: 0 0 3px rgba(60,72,88,.15)}
.shop-features .category-title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; z-index: 1}
.shop-list .shop-image .overlay-work,.shop-list .shop-image .shop-icons { position: absolute; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease}
.shop-list .shop-image .overlay-work { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1}
.shop-list .shop-image .overlay-work .out-stock { position: absolute; bottom: 0; left: 0; right: 0}
.shop-list .shop-image .shop-icons { top: 15px; right: 15px; z-index: 2}
.shop-list .shop-image:hover .overlay-work,.shop-list .shop-image:hover .shop-icons { opacity: 1}
.shop-list .content .product-name { -webkit-transition: all .5s ease; transition: all .5s ease}
.shop-list .content .product-name:hover { color: #2f55d4!important}
.shop-list .label { position: absolute; top: 15px; left: 15px; z-index: 2}
.shop-list .qty-btn { pointer-events: none; width: 65px; padding-left: 15px}
.main-icon { border: 2px solid #e9ecef; height: 40px; width: 40px; line-height: 0; text-align: center}
.main-icon .fea { height: 20px}
@media (min-width: 768px) { .main-icon { margin:0 auto}
}
.timeline-page:after { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 95%; margin: auto; width: 2px; background-color: #e9ecef!important}
.timeline-page .timeline-item .date-label-left,.timeline-page .timeline-item .duration-right { margin-right: 15px}
.timeline-page .timeline-item .date-label-left:after,.timeline-page .timeline-item .duration-right:after { content: ""; position: absolute; top: 12px; width: 12px; height: 12px; z-index: 1; background-color: #2f55d4; border-radius: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.timeline-page .timeline-item .date-label-left { float: right; margin-right: 15px}
.timeline-page .timeline-item .date-label-left:after { right: -34px}
.timeline-page .timeline-item .duration-right { float: left; margin-left: 15px}
.timeline-page .timeline-item .duration-right:after { left: -34px}
.timeline-page .timeline-item .event { -webkit-transition: all .2s ease; transition: all .2s ease}
.timeline-page .timeline-item .event.event-description-right { margin-left: 15px}
.timeline-page .timeline-item .event.event-description-left { margin-right: 15px; text-align: right}
@media (max-width: 767px) { .timeline-page { margin-left:18px}
.timeline-page:after { margin: 0}
.timeline-page .timeline-item .duration { float: left!important; margin: 0 0 30px 15px!important; text-align: left!important}
.timeline-page .timeline-item .duration:after { left: -21px!important}
.timeline-page .timeline-item .duration .event { text-align: left!important; margin-left: 15px}
.timeline-page .timeline-item .event-description-left { text-align: left!important; margin: 0 0 0 15px}
}
.tobii>button.tobii__close svg,.tobii>button.tobii__next svg,.tobii>button.tobii__prev svg { height: 36px; width: auto}
.tobii__counter { font-size: 16px}
.tobii-zoom { display: block!important}
.tobii-zoom__icon { display: none}
#grid { padding: 0!important}
.fw-medium { font-weight: 600}
.section { padding: 100px 0; position: relative}
@media (max-width: 768px) { .section { padding:60px 0}
}
.section-two { padding: 60px 0; position: relative}
.bg-overlay { background-color: rgba(60,72,88,.7); position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%}
.bg-overlay-white { background-color: rgba(255,255,255,.5)}
.bg-gradient-primary { background: -webkit-gradient(linear,right top,left top,from(#614092),to(#2443ac)); background: linear-gradient(to left,#614092 0,#2443ac 100%)}
.bg-linear-gradient { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,.3)),to(black)); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.3) 80%,#000 100%)}
.bg-linear-gradient-2 { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.3)),color-stop(75%,rgba(0,0,0,.7)),to(black)); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 75%,#000 100%)}
.bg-linear-gradient-3 { background: -webkit-gradient(linear,left top,right top,from(black),color-stop(25%,#000),color-stop(50%,rgba(0,0,0,.5)),color-stop(75%,rgba(0,0,0,.25)),to(rgba(0,0,0,0))); background: linear-gradient(to right,#000 0,#000 25%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.25) 75%,rgba(0,0,0,0) 100%)}
.bg-linear-gradient-4 { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(25%,rgba(0,0,0,.25)),color-stop(50%,rgba(0,0,0,.5)),color-stop(75%,rgba(0,0,0,.75)),to(black)); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 25%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.75) 75%,#000 100%)}
.bg-linear-gradient-primary { background: -webkit-gradient(linear,left bottom,left top,from(rgba(47,85,212,0)),color-stop(50%,rgba(47,85,212,.15)),to(rgba(47,85,212,.3))); background: linear-gradient(to top,rgba(47,85,212,0) 0,rgba(47,85,212,.15) 50%,rgba(47,85,212,.3) 100%)}
.bg-gradient-overlay { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(25%,rgba(0,0,0,.5)),color-stop(50%,rgba(0,0,0,.75)),to(black)); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 25%,rgba(0,0,0,.75) 50%,#000 100%)}
.bg-gradient-overlay-2 { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),color-stop(25%,rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.7)),to(rgba(0,0,0,.8))); background: linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,.6) 25%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.8) 100%)}
.bg-primary-gradient-overlay { background: -webkit-gradient(linear,left top,left bottom,from(rgba(47,85,212,0)),color-stop(25%,rgba(47,85,212,.25)),color-stop(50%,rgba(47,85,212,.5)),color-stop(75%,rgba(47,85,212,.75)),to(#2f55d4)); background: linear-gradient(to bottom,rgba(47,85,212,0) 0,rgba(47,85,212,.25) 25%,rgba(47,85,212,.5) 50%,rgba(47,85,212,.75) 75%,#2f55d4 100%)}
.bg-gradient-white-overlay { background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,.5))); background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.5) 100%)}
.title-heading { line-height: 26px}
.title-heading .heading { font-size: 45px!important; letter-spacing: 1px}
.title-heading .heading.heading-lg { font-size: 60px!important}
@media (max-width: 768px) { .title-heading .heading { font-size:35px!important}
}
.title-heading .para-desc { font-size: 18px}
.section-title .title { letter-spacing: .5px; font-size: 30px!important}
@media (max-width: 768px) { .section-title .title { font-size:24px!important}
}
.text-shadow-title { text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 4px 0 rgba(255,255,255,.4),0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}
.para-desc { max-width: 600px}
.mt-100 { margin-top: 100px}
.text-slider { margin: 0 auto; position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.text-slider>ul { white-space: nowrap}
.text-slider .move-text { -webkit-animation: moveSlideshow 12s linear infinite; animation: moveSlideshow 12s linear infinite}
@-webkit-keyframes moveSlideshow { 100% { -webkit-transform: translateX(-45%); transform: translateX(-45%)}
}
@keyframes moveSlideshow { 100% { -webkit-transform: translateX(-45%); transform: translateX(-45%)}
}
.mover { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate}
@-webkit-keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0)}
100% { -webkit-transform: translateY(5px); transform: translateY(5px)}
}
@keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0)}
100% { -webkit-transform: translateY(5px); transform: translateY(5px)}
}
.mover-2 { -webkit-animation: movers 10s infinite alternate; animation: movers 10s infinite alternate}
@-webkit-keyframes movers { 0% { -webkit-transform: translateY(0); transform: translateY(0)}
100% { -webkit-transform: translateY(350px); transform: translateY(350px)}
}
@keyframes movers { 0% { -webkit-transform: translateY(0); transform: translateY(0)}
100% { -webkit-transform: translateY(350px); transform: translateY(350px)}
}
.zoom-in-out { -webkit-animation: zoom-in-zoom-out 3s ease-out infinite; animation: zoom-in-zoom-out 3s ease-out infinite}
@-webkit-keyframes zoom-in-zoom-out { 0% { -webkit-transform: scale(1,1); transform: scale(1,1)}
50% { -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5)}
100% { -webkit-transform: scale(1,1); transform: scale(1,1)}
}
@keyframes zoom-in-zoom-out { 0% { -webkit-transform: scale(1,1); transform: scale(1,1)}
50% { -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5)}
100% { -webkit-transform: scale(1,1); transform: scale(1,1)}
}
.feature-posts-placeholder { position: absolute; bottom: 0; left: 0; right: 0; height: 66.6%}
@media (max-width: 425px) { .feature-posts-placeholder { height:80%}
}
.spin-anything { -webkit-animation: spinner-animation 5s linear infinite; animation: spinner-animation 5s linear infinite}
@-webkit-keyframes spinner-animation { from { -webkit-transform: rotate(0); transform: rotate(0)}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes spinner-animation { from { -webkit-transform: rotate(0); transform: rotate(0)}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
.seo-hero-widget { position: relative; -webkit-transition: all .5s ease; transition: all .5s ease}
.seo-hero-widget:hover { -webkit-transform: scale(1.05); transform: scale(1.05); z-index: 9}
.home-wrapper:before { content: ""; position: absolute; bottom: 40rem; right: 0; width: 90rem; height: 35rem; -webkit-transform: rotate(78.75deg); transform: rotate(78.75deg); background: -webkit-gradient(linear,left top,right top,from(rgba(47,85,212,.3)),to(transparent)); background: linear-gradient(90deg,rgba(47,85,212,.3),transparent); z-index: 1}
@media (min-width: 769px) and (max-width:1024px) { .home-wrapper:before { right:-20rem}
}
@media (min-width: 426px) and (max-width:768px) { .home-wrapper:before { right:-15rem; width: 70rem; height: 25rem}
}
@media (max-width: 425px) { .home-wrapper:before { right:-25rem}
}
.cookie-popup { position: fixed; bottom: 12px; left: 0; right: 0; margin: 0 auto; max-width: 512px; z-index: 5}
.cookie-popup .cookie-popup-actions button { border: none; background: 0 0; padding: 0; cursor: pointer; font-weight: 600; position: absolute; top: 5px; right: 5px}
@media (max-width: 425px) { .cookie-popup { left:12px; right: 12px}
}
.cookie-popup-not-accepted { display: block; -webkit-animation: cookie-popup-in .5s ease forwards; animation: cookie-popup-in .5s ease forwards}
.cookie-popup-accepted { display: none!important}
@-webkit-keyframes cookie-popup-in { from { bottom: -6.25rem}
to { bottom: 1.25rem}
}
@keyframes cookie-popup-in { from { bottom: -6.25rem}
to { bottom: 1.25rem}
}
.clip-text { font-size: 190px; -webkit-background-clip: text; -webkit-text-fill-color: transparent}
.clip-text.clip-text-image { background-position: center; background-repeat: no-repeat; background-size: cover}
@media (max-width: 1024px) { .clip-text { font-size:180px}
}
@media (max-width: 768px) { .clip-text { font-size:135px}
}
@media (max-width: 425px) { .clip-text { font-size:50px}
}
@media (min-width: 768px) { .margin-top-100 { margin-top:100px}
}
@media (max-width: 768px) { .mt-60 { margin-top:60px}
}
.background-effect .circles { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden}
.background-effect .circles li { position: absolute; display: block; -webkit-animation: animate 25s linear infinite; animation: animate 25s linear infinite; bottom: -150px; background: rgba(47,85,212,.15)}
.background-effect .circles li:nth-child(1),.background-effect .circles li:nth-child(10),.background-effect .circles li:nth-child(2),.background-effect .circles li:nth-child(3),.background-effect .circles li:nth-child(4),.background-effect .circles li:nth-child(5),.background-effect .circles li:nth-child(6),.background-effect .circles li:nth-child(7),.background-effect .circles li:nth-child(8),.background-effect .circles li:nth-child(9) { width: 24px; height: 24px}
.background-effect .circles li:nth-child(1) { left: 25%; -webkit-animation-delay: 0s; animation-delay: 0s}
.background-effect .circles li:nth-child(2) { left: 10%; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 12s; animation-duration: 12s}
.background-effect .circles li:nth-child(3) { left: 70%; -webkit-animation-delay: 4s; animation-delay: 4s}
.background-effect .circles li:nth-child(4) { left: 40%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 18s; animation-duration: 18s}
.background-effect .circles li:nth-child(5) { left: 65%; -webkit-animation-delay: 0s; animation-delay: 0s}
.background-effect .circles li:nth-child(6) { left: 75%; -webkit-animation-delay: 3s; animation-delay: 3s}
.background-effect .circles li:nth-child(7) { left: 35%; -webkit-animation-delay: 7s; animation-delay: 7s}
.background-effect .circles li:nth-child(8) { left: 50%; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 45s; animation-duration: 45s}
.background-effect .circles li:nth-child(9) { left: 20%; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 35s; animation-duration: 35s}
.background-effect .circles li:nth-child(10) { left: 85%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 11s; animation-duration: 11s}
@-webkit-keyframes animate { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); opacity: 1; border-radius: 10px}
100% { -webkit-transform: translateY(-1000px) rotate(720deg); transform: translateY(-1000px) rotate(720deg); opacity: 0}
}
@keyframes animate { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); opacity: 1; border-radius: 10px}
100% { -webkit-transform: translateY(-1000px) rotate(720deg); transform: translateY(-1000px) rotate(720deg); opacity: 0}
}
.fea { stroke-width: 1.8}
.fea.icon-sm { height: 16px; width: 16px}
.fea.icon-ex-md { height: 20px; min-width: 20px}
.fea.icon-m-md { height: 28px; width: 28px}
.fea.icon-md { height: 35px; width: 35px}
.fea.icon-lg { height: 42px; width: 42px}
.fea.icon-ex-lg { height: 52px; width: 52px}
[class*=" uil-"]:before,[class^=uil-]:before { margin: 0}
.uim-svg { vertical-align: 0!important}
.rounded { border-radius: 6px!important}
.rounded-top { border-top-left-radius: 6px!important; border-top-right-radius: 6px!important}
.rounded-left { border-top-left-radius: 6px!important; border-bottom-left-radius: 6px!important}
.rounded-bottom { border-bottom-left-radius: 6px!important; border-bottom-right-radius: 6px!important}
.rounded-right { border-top-right-radius: 6px!important; border-bottom-right-radius: 6px!important}
.rounded-md { border-radius: 10px!important}
.rounded-lg { border-radius: 30px!important}
.border-primary { border-color: #2f55d4!important}
.border-secondary { border-color: #6c757d!important}
.border-success { border-color: #2eca8b!important}
.border-info { border-color: #17a2b8!important}
.border-warning { border-color: #f17425!important}
.border-danger { border-color: #e43f52!important}
.border-light { border-color: #f8f9fa!important}
.border-dark { border-color: #212529!important}
.border-footer { border-color: #202942!important}
.border-muted { border-color: #8492a6!important}
.opacity-05 { opacity: .05}
.opacity-075 { opacity: .075}
.opacity-1 { opacity: .1}
.opacity-2 { opacity: .2}
.opacity-3 { opacity: .3}
.opacity-4 { opacity: .4}
.opacity-5 { opacity: .5}
.opacity-6 { opacity: .6}
.opacity-7 { opacity: .7}
.opacity-8 { opacity: .8}
.opacity-9 { opacity: .9}
.z-index-1 { z-index: 1}
.z-index-0 { z-index: 0}
.z-index-m-1 { z-index: -1}
.small,small { font-size: 90%}
.social-icon li a { color: #212529; border: 1px solid #212529; height: 32px; width: 32px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; overflow: hidden; position: relative}
.social-icon li a .fea-social { stroke-width: 2}
.social-icon li a:hover { background-color: #2f55d4; border-color: #2f55d4!important; color: #fff!important}
.social-icon li a:hover .fea-social { fill: #2f55d4}
.social-icon.social li a { color: #adb5bd; border-color: #adb5bd}
.social-icon.foot-social-icon li a { color: #adb5bd; border-color: #283453}
.back-to-top { position: fixed; z-index: 99; bottom: 30px; right: 30px; display: none; -webkit-transition: all .5s ease; transition: all .5s ease; height: 36px; width: 36px; line-height: 33px; border-radius: 6px; text-align: center; background: #2f55d4; color: #fff!important}
.back-to-top .icons { -webkit-transition: all .5s ease; transition: all .5s ease}
.back-to-top:hover { -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.back-to-top:hover .icons { -webkit-transform: rotate(-45deg)!important; transform: rotate(-45deg)!important}
.back-to-home { position: fixed; bottom: 10px; right: 10px; z-index: 1}
.sticky-bar { position: sticky; top: 80px}
.position-middle-bottom { position: absolute; bottom: 15px; left: 12px; right: 12px; text-align: center}
.text-color-white { color: #fff!important}
.d-flex .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1}
.brand-gray img { -webkit-filter: grayscale(1); -webkit-transition: all .5s ease; transition: all .5s ease}
.brand-gray img:hover { -webkit-filter: grayscale(0)}
.switcher-btn { position: fixed; top: 200px; height: 41px; width: 40px; padding: 3px; border-radius: 0 30px 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.style-switcher .t-dark,.style-switcher .t-rtl-light { display: inline-block}
.style-switcher .t-light,.style-switcher .t-ltr-dark,.style-switcher .t-ltr-light,.style-switcher .t-rtl-dark { display: none}
[dir=rtl] .style-switcher .t-rtl-light { display: none}
[dir=rtl] .style-switcher .t-ltr-light { display: inline-block}
ul.pattern { overflow: hidden; border-radius: 0; list-style: none}
ul.pattern li { float: left; margin: 2px}
ul.pattern li .color-list { display: block; height: 35px; width: 60px; margin: 5px}
ul.pattern .color1 { background-color: #2f55d4}
ul.pattern .color2 { background-color: #16a34a}
ul.pattern .color3 { background-color: #f7961c}
.mode-dark { display: none; -webkit-transition: all .5s ease; transition: all .5s ease}
.mode-light { display: blog; -webkit-transition: all .5s ease; transition: all .5s ease}
body[data-layout-mode=dark] .mode-dark { display: inline-block}
body[data-layout-mode=dark] .mode-light{ display: none}
body.home .home-remove { display: none!important}
.btn-grid p { margin: 0; }
.btn-grid input {width: 100%; }
.breadcrumb .breadcrumb-item:after {display:none!important; }
.breadcrumb .breadcrumb-item svg {width:10px;height:10px;display: inline-block;margin: -3px 0 0px 10px;}
.post-categories {list-style:none;padding:0 0 0 5px;}
.hover {cursor:pointer;}
.job-date, .job-features h3, .jobpost-form h3, .job-features .col-md-3:first-child, .sjb-job-characteristics, body.archive h3 .job-title , .jobpost-form {display:none}
.sjb-page { margin: 100px 0 25px;}
.form-wrap-btn input, .form-wrap-btn button {
    width: 49%!important;
}


.form-wrap-btn {position:relative;overflow: hidden;padding: 10px 0;}
.form-wrap-btn .wpcf7-spinner {position:absolute;top:10px;left:auto;right:auto;margin:0 auto;}
.form-wrap-btn .wpcf7-spinner:after {position:absolute;left:0;top:0;content:"";background: #0c0c0c33;width: 1000px;height: 100px;left: -500px;top: -50px;}
.sjb-page .form-btn {
    clear: both;padding:20px 0 0;
}
.sjb-page .form-btn a {padding:10px 50px!important;font-size:16px!important;background:#2f55d4!important;font-weight: 600;}
body .sjb-page .form-group {margin:0;}
body .sjb-page .sjb-filters.sjb-filters-v2 {
    background: none;
    margin: 0;
    padding: 0;
}
body .sjb-page .sjb-filters.sjb-filters-v2 .btn-search {width:40px;height:40px;border-radius:50%;}

body .job-features h4 {font-size:14px;font-weight:bold;}
body .job-features p {font-size:14px!important}
body .sjb-page .list-data .v2 .header-margin-top {
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
}
body .sjb-page .list-data .sjb-company-wrapper-details {
    padding: 0;
}
body .sjb-page .list-data .v2 .company-logo {border-right:1px solid #eee;padding-right:10px;}
body .sjb-page .sjb-detail .list-data .v2 .job-detail * {font-size:18px!important;color:#202942;font-weight:bold;}
body .sjb-page .list-data .v2 .job-info h4 {margin:7px 0 0}
body .sjb-page .list-data .v2 .job-info h4 * {font-size:16px!important;font-weight:bold;}
body.archive .sjb-job-type-location-date {display:none;}
body.archive .job-description-list {border-top:1px solid #eee;padding: 20px 20px 0!important;display:inline-block;}
body.archive .job-description-list p {font-size: 14px!important;}
.sjb-listing p {display:none}
.sjb-listing div p {display:block}
.sjb-page .btn-primary, .sjb-page .btn-primary:hover, .sjb-page .btn-primary:active:hover, .sjb-page .btn-primary:active:focus, .sjb-page .sjb-detail .jobpost-form .file div, .sjb-page .sjb-detail .jobpost-form .file:hover div {    background: #202942;}
.sjb-page .sjb-detail .list-data .v1 h3, .sjb-page .sjb-detail .list-data .v2 h3, .sjb-page .sjb-detail .list-data ul li::before, .sjb-page .sjb-detail .list-data .v1 .job-detail h3, .sjb-page .sjb-detail .list-data .v2 .job-detail h3, .sjb-page .sjb-archive-page .job-title, .sjb-page .job-features h3 {    color: #202942!important;}
.checkbox-wrap span {max-width:100%;min-width:100%;display:block;margin: 0;}
.checkbox-wrap span label { width: 100%;}
.checkbox-wrap span label input {margin:0;width: auto!important;}
.checkbox-wrap span label span {display:inline-block;width: auto;min-width: auto;padding-left: 7px;font-weight: normal;}
.avatar-wrap {text-align:center;display: inline-block!important;width: 100%;margin-bottom:0;}
.avatar-wrap div {max-width:200px;margin:0 auto;display:inline-block;padding:0 20px 15px;}
#container { min-height: 66vh;}
.checkbox-wrap a { position: absolute; left: 20px; top: 0;  height: 46px;  width: 100%; background: #fff; z-index: 9;  color: #000; line-height: 45px;}
.checkbox-wrap a:hover {text-decoration:underline!important;}
.sub-menu li a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/wp-content/uploads/favicon.png) no-repeat center;
    background-size: 18px 18px;
    margin: -10px 5px 0 0;
    position: relative;
    top: 4px;
}
.dscf7captcha > .cf7as-firstAct {margin: 0 0 0 -60px;position:relative;z-index: 1;}
.dscf7captcha > .cf7as-firstAct:before {content:"";display:block;position:absolute;z-index: -1;width:250px;height:100%;background:#fff;top: 0;left: 0;}
.dscf7captcha > .cf7as-firstAct:after {content:" x"!important;}
.dscf7captcha > .cf7as-firstAct.positive:after {content:" +"!important;}
.dscf7captcha > .cf7as-firstAct + .cf7as-firstAct {margin:0 0 0 -12px;}
.dscf7captcha > .cf7as-firstAct + .cf7as-firstAct:after {content:" ?"!important;}
.dscf7captcha > .cf7as-firstAct + .cf7as-firstAct:before {display:none}
.dscf7captcha a {position:relative;z-index:2;}

.dscf7captcha .wpcf7-form-control-wrap {width:100%!important;}
.dscf7captcha .wpcf7-form-control {
    display: block;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    background-color: #fff;
    background-clip: padding-box;
    width: 100%!important;
    border: 1px solid #e9ecef;
    font-size: 14px;
    line-height: 26px;
    border-radius: 6px;
    color: #212529!important;
    text-align: left;
    }
body .sjb-page .list-data .v2 .company-logo{
    width: auto;
}
body .sjb-page .list-data .v2 .company-logo:after {background:url(/wp-content/uploads/2023/12/polente.svg) no-repeat center;width:100px;height:90px;display:block;content:"";float: left;}
body .sjb-page .list-data .v2 .company-logo img {display: none;}