@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: url("/assets/fonts/woff/YekanBakhFaNum-Thin.woff") format("woff"), url("@/assets/fonts/woff2/YekanBakhFaNum-Thin.woff2") format("woff2");
}

@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(""/assets/fonts/woff/YekanBakhFaNum-Light.woff"") format("woff"), url("/assets/fonts/woff2/YekanBakhFaNum-Light.woff2") format("woff2");
}

@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("/assets/fonts/woff/YekanBakhFaNum-Regular.woff") format("woff"), url("/assets/fonts/woff2/YekanBakhFaNum-Regular.woff2") format("woff2");
}

@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src: url("/assets/fonts/woff/YekanBakhFaNum-SemiBold.woff") format("woff"), url("/assets/fonts/woff2/YekanBakhFaNum-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url("/assets/fonts/woff/YekanBakhFaNum-Bold.woff") format("woff"), url("/assets/fonts/woff2/YekanBakhFaNum-Bold.woff2") format("woff2");
}

@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url("/assets/fonts/woff/YekanBakhFaNum-ExtraBold.woff") format("woff"), url("/assets/fonts/woff2/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url("/assets/fonts/woff/YekanBakhFaNum-Black.woff") format("woff"), url("/assets/fonts/woff2/YekanBakhFaNum-Black.woff2") format("woff2");
}

@font-face {
    font-family: YekanBakh;
    font-display: swap;
    font-style: normal;
    font-weight: 950;
    src: url("/assets/fonts/woff/YekanBakhFaNum-ExtraBlack.woff") format("woff"), url("/assets/fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2") format("woff2");
}
:root {
    --bs-font-sans-serif: YekanBakh !important;
}

body{
    font-family:YekanBakh,sans-serif;
    overflow-x:hidden!important;
    font-size:1rem;
    color:#212529;
    background-color: #f5f7fb;
    /*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(247,150,28,.9);
    color:#fff
}
::selection{
    background:rgba(247,150,28,.9);
    color:#fff
}
a{
    text-decoration:none!important;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
p{
    line-height:1.6;
    direction: rtl;
}
.rtl {
    direction: rtl !important;
}
#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:right;
    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-submenu.active a{
    color:#fff
}
#topnav .has-submenu.active .submenu li.active>a{
    color:#f7961c!important
}
#topnav .has-submenu.active.active .menu-arrow{
    border-color:#f7961c
}
#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-submenu{
    position:relative
}
#topnav .has-submenu .submenu{
    position:relative
}
#topnav .has-submenu .submenu .submenu-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-submenu .submenu .has-submenu .submenu .has-submenu:hover .submenu-arrow{
    border-color:#f7961c
}
#topnav .has-submenu .submenu .has-submenu:hover>.submenu-arrow{
    border-color:#f7961c
}
#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:left;
    line-height:74px;
    padding-left: 10px;

}
#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:#f7961c
}
#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;
    direction: rtl;
}
#topnav .navigation-menu>li{
    float:left;
    display:block;
    position:relative;
    margin:0 10px
}
#topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a{
    color: #ffc300 !important;
}
#topnav .navigation-menu>li>a{
    display:block;
    color:#212529;
    font-size:16px;
    background-color:transparent!important;
    line-height:24px;
    text-transform:uppercase;
    font-family:var(--bs-font-sans-serif);
    padding-left:15px;
    padding-right:15px
}
#topnav .navigation-menu>li>a:active,#topnav .navigation-menu>li>a:hover{
    color:#f7961c
}
#topnav .navigation-menu>li .submenu.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-submenu .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-submenu:hover .menu-arrow{
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg)
}
#topnav .menu-extras{
    float:left
}
#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:#f7961c
}
#topnav.scroll .navigation-menu>li.active>.menu-arrow,#topnav.scroll .navigation-menu>li:hover>.menu-arrow{
    border-color:#f7961c
}
#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:#f7961c!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:#f7961c!important
}
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a,#topnav.nav-sticky .navigation-menu.nav-light>li:hover>a{
    color:#f7961c!important
}
#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .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:0 0 6px;
    letter-spacing:1px;
    line-height:68px
}
@media (min-width:1025px){
    #topnav .navigation-menu>li .submenu.megamenu{
        width:1116px!important
    }
}
@media screen and (max-width:1024px) and (min-width:992px){
    #topnav .navigation-menu>li .submenu.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:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    #topnav .navigation-menu>.has-submenu:hover .menu-arrow{
        top:33px!important
    }
    #topnav .navigation-menu>.has-submenu.active .menu-arrow{
        top:30px
    }
    #topnav .navigation-menu>li .submenu{
        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 .submenu li{
        position:relative
    }
    #topnav .navigation-menu>li .submenu li a{
        display:block;
        padding:10px 20px;
        clear:both;
        white-space:nowrap;
        font-size:16px;
        text-transform:uppercase;
        color:#212529!important;
        -webkit-transition:all .3s;
        transition:all .3s
    }
    #topnav .navigation-menu>li .submenu li a:hover{
        color:#f7961c!important
    }
    #topnav .navigation-menu>li .submenu li ul{
        list-style:none;
        padding-left:0;
        margin:0
    }
    #topnav .navigation-menu>li .submenu.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 .submenu.megamenu>li{
        overflow:hidden;
        vertical-align:top;
        width:20%
    }
    #topnav .navigation-menu>li .submenu.megamenu>li .submenu{
        left:100%;
        top:0;
        margin-left:10px;
        margin-top:-1px
    }
    #topnav .navigation-menu>li .submenu>li .submenu{
        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:#f7961c
    }
    #topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a{
        color: #ffc300!important;
    }
    #topnav .navigation-menu>li.last-elements .submenu{
        left:auto;
        right:0
    }
    #topnav .navigation-menu>li.last-elements .submenu:before{
        left:auto;
        right:10px
    }
    #topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu{
        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-submenu .menu-arrow{
        border-color:rgba(255,255,255,.5)
    }
    #topnav .navigation-menu.nav-light .has-submenu.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 .submenu{
        left:0!important;
        right:auto!important
    }
    #topnav .navigation-menu.nav-left>li.last-elements .submenu:before{
        left:45px!important;
        right:auto!important
    }
    #topnav .buy-button{
        padding-right:15px;
        margin-right: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{
        max-height:400px
    }
    #topnav .navigation-menu{
        float:none
    }
    #topnav .navigation-menu>li{
        float:none
    }
    #topnav .navigation-menu>li .submenu{
        display:none;
        list-style:none;
        padding-left:20px;
        margin:0
    }
    #topnav .navigation-menu>li .submenu 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 .submenu.megamenu li .megamenu-head{
        padding:7px 15px
    }
    #topnav .navigation-menu>li .submenu.open{
        display:block
    }
    #topnav .navigation-menu>li .submenu .submenu{
        display:none;
        list-style:none
    }
    #topnav .navigation-menu>li .submenu .submenu.open{
        display:block
    }
    #topnav .navigation-menu>li .submenu.megamenu>li>ul{
        list-style:none;
        padding-left:0
    }
    #topnav .navigation-menu>li .submenu.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 .submenu li a:hover,#topnav .navigation-menu>li.has-submenu.open>a,#topnav .navigation-menu>li>a:hover{
        color:#f7961c
    }
    #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-submenu .submenu .submenu-arrow{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        position:absolute;
        right:20px;
        top:12px
    }
    #topnav .has-submenu.active a{
        color:#f7961c
    }
    #navigation{
        position:absolute;
        top: 72px;
        left:0;
        width:100%;
        display:none;
        height:auto;
        padding-bottom:0;
        overflow:auto;
        border-top:1px solid rgb(242.05,243.9,245.75);
        border-bottom:1px solid rgb(242.05,243.9,245.75);
        background-color:#fff;
        -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
        box-shadow:0 0 3px rgba(60,72,88,.15);
        border-radius: 0px 0px 40px 40px;
        padding: 30px;
    }
    #navigation.open{
        display:block;
        overflow-y:auto
    }
}
@media (max-width:768px){
    #topnav .navigation-menu .has-submenu .menu-arrow{
        right:8px;
        top:16px
    }
}
@media (min-width:768px){
    #topnav .navigation-menu>li.has-submenu:hover>.submenu{
        visibility:visible;
        opacity:1;
        margin-top:0
    }
    #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu{
        visibility:visible;
        opacity:1;
        margin-left:0;
        margin-right:0
    }
    #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu>li:hover>.submenu{
        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: fixed;
    width: 100%;
    z-index:99;
    font-size:14px;
    bottom: 0px;
}
@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:#f7961c!important
}
#navmenu-nav li.active a{
    color:#f7961c!important
}
#navmenu-nav li.account-menu.active .navbar-link,#navmenu-nav li.account-menu:hover .navbar-link{
    color:#fff!important;
    background-color:#f7961c!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:rgb(38.7462686567,49.3134328358,79.2537313433);
    border:1px solid rgb(38.7462686567,49.3134328358,79.2537313433);
    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 .text-foot{
    color:#adb5bd
}
.footer .footer-list{
    margin-bottom:0
}
.footer .footer-list li{
    margin-bottom:10px
}
.footer .footer-list li a{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.footer .footer-list li a:hover{
    color:rgb(229.5135135135,232,234.4864864865)
}
.footer .footer-list li:last-child{
    margin-bottom:0
}
.footer .footer-bar,.footer .footer-border{
    border-top:1px solid rgb(40.3265306122,51.6683673469,83.1734693878)
}
.footer .border{
    border-color:rgb(40.3265306122,51.6683673469,83.1734693878)!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{
    max-height:25px!important
}
.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:#f7961c;
    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:#f7961c
}
.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:#f7961c;
    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:#f7961c;
    -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{
    color:#3c4858
}
.form-control::-ms-input-placeholder{
    color:#3c4858
}
.form-control::placeholder{
    color:#3c4858
}
.form-check-input{
    border:1px solid #e9ecef;
    background-color:#fff
}
.form-check-input:focus{
    border-color:#f7961c;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-check-input.form-check-input:checked{
    background-color:#f7961c;
    border-color:#f7961c
}
.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:#f7961c!important
}
.blog.blog-primary .readmore:hover,.blog.blog-primary .title:hover{
    color:#f7961c!important
}
.blog.blog-primary .link{
    color:#f7961c!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{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px)
}
.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:#f7961c
}
.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:#f7961c
}
.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:#f7961c;
    color:#fff
}
.media-list .media .media-heading:hover{
    color:#f7961c!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:#f7961c!important
}
.job-box.job-primary .company-name:hover{
    color:#f7961c!important
}
.job-box.job-primary .readmore:hover,.job-box.job-primary .title:hover{
    color:#f7961c!important
}
.job-box.job-primary .icons{
    color:#f7961c!important
}
.job-box.job-primary.candidate-list .name:hover,.job-box.job-primary.company-list .name:hover{
    color:#f7961c!important
}
.job-box.job-primary .bg{
    background-color:#f7961c!important
}
.job-box.job-primary .bg-soft{
    background-color:rgba(247,150,28,.1)!important;
    border:1px solid rgba(247,150,28,.1)!important;
    color:#f7961c!important
}
.job-box.job-primary .btn-soft{
    background-color:rgba(247,150,28,.05)!important;
    border:1px solid rgba(247,150,28,.05)!important;
    color:#f7961c!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(247,150,28,.1);
    box-shadow:0 3px 5px 0 rgba(247,150,28,.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:#f7961c!important;
    border-color:#f7961c!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:hover{
    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{
    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:#f7961c!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
}
.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:#f7961c;
    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 #f7961c;
    -webkit-text-fill-color:transparent;
    width:75px;
    font-size:25px;
    line-height:75px;
    display:inline-block;
    background-color:#fff
}
.play-icon i:hover{
    -webkit-text-stroke:2px #f7961c;
    -webkit-text-fill-color:#f7961c
}
@media (max-width:767px){
    iframe{
        width:auto!important
    }
}
.features.feature-primary .icon{
    background:rgba(247,150,28,.1)
}
.features.feature-primary .image:before{
    background:linear-gradient(45deg,transparent,rgba(247,150,28,.1))
}
.features.feature-primary .color,.features.feature-primary .read-more{
    color:#f7961c!important
}
.features.feature-primary.feature-clean .icons{
    color: #ffc300!important;
}
.features.feature-primary.feature-clean .icons i{
    background-color:rgba(247,150,28,.1)
}
.features.feature-primary.feature-clean .title:hover{
    color:#f7961c!important
}
.features.feature-primary.feature-full-bg .icon-color{
    color:#f7961c!important
}
.features.feature-primary.feature-full-bg:hover{
    background-color:#f7961c!important
}
.features.feature-primary.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(247,150,28,.15));
    color:#f7961c
}
.features.feature-primary.course-feature .full-img{
    color:#f7961c!important
}
.features.feature-primary.explore-feature:hover .icons,.features.feature-primary.explore-feature:hover .title{
    color:#f7961c!important
}
.features.feature-primary .btn-soft{
    background-color:rgba(247,150,28,.05)!important;
    border:1px solid rgba(247,150,28,.05)!important;
    color:#f7961c!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(247,150,28,.1);
    box-shadow:0 3px 5px 0 rgba(247,150,28,.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:#f7961c!important;
    border-color:#f7961c!important;
    color:#fff!important
}
.features.feature-primary:hover .image:before{
    background:rgba(247,150,28,.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.feature-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!important
}
.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(247,150,28,.1);
    -webkit-box-shadow:0 0 40px rgba(247,150,28,.1);
    box-shadow:0 0 40px rgba(247,150,28,.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%;
        left:-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(247,150,28,.15)
}
.modern-app-round.primary-50{
    background-color:rgba(247,150,28,.5)!important
}
.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(247,150,28,.3)),color-stop(35%,rgba(247,150,28,.5)),to(#f7961c));
    background:linear-gradient(to right,rgba(247,150,28,.3) 0,rgba(247,150,28,.5) 35%,#f7961c 100%);
    -webkit-box-shadow:0 0 40px rgba(247,150,28,.2);
    box-shadow:0 0 40px rgba(247,150,28,.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:#f7961c!important
}
.nft.nft-primary .link{
    color:#f7961c!important
}
.nft.nft-primary .author .name:hover{
    color:#f7961c!important
}
.nft.nft-primary .bg-soft{
    background-color:rgba(247,150,28,.1)!important;
    border:1px solid rgba(247,150,28,.1)!important;
    color:#f7961c!important
}
.nft.nft-primary .btn{
    background-color:#f7961c!important;
    border:1px solid #f7961c!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(247,150,28,.1);
    box-shadow:0 3px 5px 0 rgba(247,150,28,.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:rgb(216.3744680851,123.914893617,7.6255319149)!important;
    border-color:rgb(216.3744680851,123.914893617,7.6255319149)!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:rgb(84.3605150215,91.3905579399,97.6394849785)!important;
    border-color:rgb(84.3605150215,91.3905579399,97.6394849785)!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:rgb(36.5403225806,160.4596774194,110.4153225806)!important;
    border-color:rgb(36.5403225806,160.4596774194,110.4153225806)!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:rgb(17.3333333333,122.0869565217,138.6666666667)!important;
    border-color:rgb(17.3333333333,122.0869565217,138.6666666667)!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:rgb(213.3017241379,90.9956896552,13.6982758621)!important;
    border-color:rgb(213.3017241379,90.9956896552,13.6982758621)!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:rgb(210.4109589041,29.5890410959,50.4109589041)!important;
    border-color:rgb(210.4109589041,29.5890410959,50.4109589041)!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:rgb(218.25,223.5,228.75)!important;
    border-color:rgb(218.25,223.5,228.75)!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:rgb(10.2567567568,11.5,12.7432432432)!important;
    border-color:rgb(10.2567567568,11.5,12.7432432432)!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:rgb(15.3469387755,19.6632653061,31.6530612245)!important;
    border-color:rgb(15.3469387755,19.6632653061,31.6530612245)!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:rgb(103.6933962264,120.0047169811,143.3066037736)!important;
    border-color:rgb(103.6933962264,120.0047169811,143.3066037736)!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-consulting{
    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-consulting{
        padding:0 0 300px;
        height:auto
    }
    .bg-consulting .background{
        padding:120px 12px 50px;
        background:#fff
    }
}
@media (min-width:768px){
    .bg-consulting:after{
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:50%;
        height:100%;
        background:#fff
    }
}
.bg-circle-gradiant{
    background:radial-gradient(circle at 50% 50%,rgba(247,150,28,.1) 0,rgba(247,150,28,.1) 33.333%,rgba(247,150,28,.2) 33.333%,rgba(247,150,28,.2) 66.666%,rgba(247,150,28,.3) 66.666%,rgba(247,150,28,.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(247,150,28,.3)),to(transparent));
    background:linear-gradient(90deg,rgba(247,150,28,.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){
    .ai-hero .image img,.classic-saas-image .bg-saas-shape img,.freelance-hero .bg-shape img{
        max-width:550px
    }
}
@media (max-width:767px){
    .ai-hero .image img,.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
    }
}
.ai-hero:after,.ai-hero:before{
    content:"";
    position:absolute;
    border:2px dashed rgba(206,212,218,.5);
    border-radius:50%;
    -webkit-animation:spinner-animation 72s linear infinite;
    animation:spinner-animation 72s linear infinite;
    z-index:-1
}
.ai-hero:after{
    top:-40px;
    right:-128px;
    height:576px;
    width:576px
}
@media (min-width:1024px){
    .ai-hero:after{
        top:0
    }
}
.ai-hero:before{
    top:-144px;
    right:-224px;
    height:768px;
    width:768px
}
@media (min-width:1024px){
    .ai-hero:before{
        top:-96px
    }
}
.ai-hero .image:after{
    content:"";
    position:absolute;
    top:-40px;
    right:0;
    width:672px;
    height:672px;
    background-color:rgba(247,150,28,.4);
    border-radius:50%;
    -webkit-filter:blur(100px);
    filter:blur(100px);
    pointer-events:none;
    z-index:-1
}
@media (min-width:1024px){
    .ai-hero .image:after{
        top:-96px
    }
}
.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(247,150,28,.5);
    box-shadow:0 0 40px rgba(247,150,28,.5);
    background-color:rgb(251.3404255319,206.9680851064,151.1595744681)
}
.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:#f7961c!important;
    margin:auto 4px
}
.carousel-indicators .active{
    background-color:#f7961c!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);
    clip-path:polygon(0 0,90% 0,70% 100%,0 100%)
}
@media (max-width:767px){
    .bg-animation-left:after{
        width: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:#f7961c;
    width:80%;
    clip-path:polygon(0 0,100% 0,50% 100%,0 100%)
}
.bg-animation-left.task-management-home:after{
    background:url(../images/task/bg.png) #f7961c;
    width:100%;
    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 .app-images-bottom{
    position:absolute;
    bottom:10px;
    right:0
}
.classic-app-image .app-images-up{
    position:absolute;
    top:10px;
    left:0
}
.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(247,150,28,.5);
    box-shadow:0 0 40px rgba(247,150,28,.5);
    background-color:#f7961c
}
.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:#f7961c;
    border-color:#f7961c!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:#f7961c
}
@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{
    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:#f7961c!important
}
.pricing.pricing-primary.business-rate:hover .title{
    color:#f7961c
}
.pricing.pricing-primary.starter-plan{
    border-color:#f7961c!important
}
.pricing.pricing-primary .icon,.pricing.pricing-primary .name{
    color:#f7961c
}
.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:#f7961c!important
}
.ribbon.ribbon-primary span:before{
    border-left-color:rgb(216.3744680851,123.914893617,7.6255319149);
    border-top-color:rgb(216.3744680851,123.914893617,7.6255319149)
}
.ribbon.ribbon-primary span:after{
    border-right-color:rgb(216.3744680851,123.914893617,7.6255319149);
    border-top-color:rgb(216.3744680851,123.914893617,7.6255319149)
}
.ribbon.ribbon-secondary span{
    background-color:#6c757d!important
}
.ribbon.ribbon-secondary span:before{
    border-left-color:rgb(84.3605150215,91.3905579399,97.6394849785);
    border-top-color:rgb(84.3605150215,91.3905579399,97.6394849785)
}
.ribbon.ribbon-secondary span:after{
    border-right-color:rgb(84.3605150215,91.3905579399,97.6394849785);
    border-top-color:rgb(84.3605150215,91.3905579399,97.6394849785)
}
.ribbon.ribbon-success span{
    background-color:#2eca8b!important
}
.ribbon.ribbon-success span:before{
    border-left-color:rgb(36.5403225806,160.4596774194,110.4153225806);
    border-top-color:rgb(36.5403225806,160.4596774194,110.4153225806)
}
.ribbon.ribbon-success span:after{
    border-right-color:rgb(36.5403225806,160.4596774194,110.4153225806);
    border-top-color:rgb(36.5403225806,160.4596774194,110.4153225806)
}
.ribbon.ribbon-info span{
    background-color:#17a2b8!important
}
.ribbon.ribbon-info span:before{
    border-left-color:rgb(17.3333333333,122.0869565217,138.6666666667);
    border-top-color:rgb(17.3333333333,122.0869565217,138.6666666667)
}
.ribbon.ribbon-info span:after{
    border-right-color:rgb(17.3333333333,122.0869565217,138.6666666667);
    border-top-color:rgb(17.3333333333,122.0869565217,138.6666666667)
}
.ribbon.ribbon-warning span{
    background-color:#f17425!important
}
.ribbon.ribbon-warning span:before{
    border-left-color:rgb(213.3017241379,90.9956896552,13.6982758621);
    border-top-color:rgb(213.3017241379,90.9956896552,13.6982758621)
}
.ribbon.ribbon-warning span:after{
    border-right-color:rgb(213.3017241379,90.9956896552,13.6982758621);
    border-top-color:rgb(213.3017241379,90.9956896552,13.6982758621)
}
.ribbon.ribbon-danger span{
    background-color:#e43f52!important
}
.ribbon.ribbon-danger span:before{
    border-left-color:rgb(210.4109589041,29.5890410959,50.4109589041);
    border-top-color:rgb(210.4109589041,29.5890410959,50.4109589041)
}
.ribbon.ribbon-danger span:after{
    border-right-color:rgb(210.4109589041,29.5890410959,50.4109589041);
    border-top-color:rgb(210.4109589041,29.5890410959,50.4109589041)
}
.ribbon.ribbon-light span{
    background-color:#f8f9fa!important
}
.ribbon.ribbon-light span:before{
    border-left-color:rgb(218.25,223.5,228.75);
    border-top-color:rgb(218.25,223.5,228.75)
}
.ribbon.ribbon-light span:after{
    border-right-color:rgb(218.25,223.5,228.75);
    border-top-color:rgb(218.25,223.5,228.75)
}
.ribbon.ribbon-dark span{
    background-color:#212529!important
}
.ribbon.ribbon-dark span:before{
    border-left-color:rgb(10.2567567568,11.5,12.7432432432);
    border-top-color:rgb(10.2567567568,11.5,12.7432432432)
}
.ribbon.ribbon-dark span:after{
    border-right-color:rgb(10.2567567568,11.5,12.7432432432);
    border-top-color:rgb(10.2567567568,11.5,12.7432432432)
}
.ribbon.ribbon-footer span{
    background-color:#202942!important
}
.ribbon.ribbon-footer span:before{
    border-left-color:rgb(15.3469387755,19.6632653061,31.6530612245);
    border-top-color:rgb(15.3469387755,19.6632653061,31.6530612245)
}
.ribbon.ribbon-footer span:after{
    border-right-color:rgb(15.3469387755,19.6632653061,31.6530612245);
    border-top-color:rgb(15.3469387755,19.6632653061,31.6530612245)
}
.ribbon.ribbon-muted span{
    background-color:#8492a6!important
}
.ribbon.ribbon-muted span:before{
    border-left-color:rgb(103.6933962264,120.0047169811,143.3066037736);
    border-top-color:rgb(103.6933962264,120.0047169811,143.3066037736)
}
.ribbon.ribbon-muted span:after{
    border-right-color:rgb(103.6933962264,120.0047169811,143.3066037736);
    border-top-color:rgb(103.6933962264,120.0047169811,143.3066037736)
}
.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:#f7961c!important
}
.switcher-pricing .form-switch .form-check-input{
    width:48px;
    height:24px;
    margin-top:0
}
.hide{
    display:none
}
.team.team-primary .name:hover{
    color:#f7961c!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(247,150,28,.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:#f7961c!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:#f7961c;
    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:#f7961c
}
.tiny-timeline .item-box{
    margin:70px 15px 20px
}
.tiny-timeline .item-box:after,.tiny-timeline .item-box:before{
    content:"";
    position:absolute;
    left:50%;
    background:#f7961c
}
.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:#f7961c!important
}
.work-container.work-primary.work-creative .work-icon,.work-container.work-primary.work-modern .work-icon{
    color:#f7961c!important
}
.work-container.work-primary.work-creative .work-icon:hover,.work-container.work-primary.work-modern .work-icon:hover{
    background:#f7961c!important
}
.work-container.work-primary .btn{
    background-color:#f7961c!important;
    border:1px solid #f7961c!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(247,150,28,.1);
    box-shadow:0 3px 5px 0 rgba(247,150,28,.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:rgb(216.3744680851,123.914893617,7.6255319149)!important;
    border-color:rgb(216.3744680851,123.914893617,7.6255319149)!important;
    color:#fff!important
}
.work-container.work-primary .bg{
    background-color:#f7961c!important
}
.work-container.work-primary .link{
    color:#f7961c!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:rgb(84.3605150215,91.3905579399,97.6394849785)!important;
    border-color:rgb(84.3605150215,91.3905579399,97.6394849785)!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:rgb(36.5403225806,160.4596774194,110.4153225806)!important;
    border-color:rgb(36.5403225806,160.4596774194,110.4153225806)!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:rgb(17.3333333333,122.0869565217,138.6666666667)!important;
    border-color:rgb(17.3333333333,122.0869565217,138.6666666667)!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:rgb(213.3017241379,90.9956896552,13.6982758621)!important;
    border-color:rgb(213.3017241379,90.9956896552,13.6982758621)!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:rgb(210.4109589041,29.5890410959,50.4109589041)!important;
    border-color:rgb(210.4109589041,29.5890410959,50.4109589041)!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:rgb(218.25,223.5,228.75)!important;
    border-color:rgb(218.25,223.5,228.75)!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:rgb(10.2567567568,11.5,12.7432432432)!important;
    border-color:rgb(10.2567567568,11.5,12.7432432432)!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:rgb(15.3469387755,19.6632653061,31.6530612245)!important;
    border-color:rgb(15.3469387755,19.6632653061,31.6530612245)!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:rgb(103.6933962264,120.0047169811,143.3066037736)!important;
    border-color:rgb(103.6933962264,120.0047169811,143.3066037736)!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:#f7961c!important;
    border-color:#f7961c!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:#f7961c!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:#f7961c!important
}
.event-schedule.event-primary .date .day{
    background:rgba(247,150,28,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(247,150,28,.5);
    box-shadow:0 0 2px .25px rgba(247,150,28,.5)
}
.event-schedule.event-primary .content .title:hover{
    color:#f7961c!important
}
.event-schedule.event-primary:hover{
    border-color:#f7961c!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:#f7961c!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:#f7961c;
    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-white-blur {
    backdrop-filter: blur(12px);
    background-color: rgba(255,255,255,0.7)
}

.bg-overlay-dark{
    background-color:rgb(13 12 12 / 80%);
    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(rgb(96.9879518072,64.0963855422,145.9036144578)),to(rgb(216.3744680851,123.914893617,7.6255319149)));
    background:linear-gradient(to left,rgb(96.9879518072,64.0963855422,145.9036144578) 0,rgb(216.3744680851,123.914893617,7.6255319149) 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(247,150,28,0)),color-stop(50%,rgba(247,150,28,.15)),to(rgba(247,150,28,.3)));
    background:linear-gradient(to top,rgba(247,150,28,0) 0,rgba(247,150,28,.15) 50%,rgba(247,150,28,.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,.3)),color-stop(50%,rgba(0,0,0,.6)),to(black));
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 25%,rgba(0,0,0,.6) 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(247,150,28,0)),color-stop(25%,rgba(247,150,28,.25)),color-stop(50%,rgba(247,150,28,.5)),color-stop(75%,rgba(247,150,28,.75)),to(#f7961c));
    background:linear-gradient(to bottom,rgba(247,150,28,0) 0,rgba(247,150,28,.25) 25%,rgba(247,150,28,.5) 50%,rgba(247,150,28,.75) 75%,#f7961c 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:35px!important;
    letter-spacing: 0px;
    font-weight: 900;
    direction: rtl;
    text-align: right;
}
.title-heading .heading.heading-lg{
    font-size:60px!important
}
.text-right {
    text-align: right;
}
@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-50{
    margin-top:50px
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-30{
    margin-top:30px
}
.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)
    }
}
.mover-minus{
    -webkit-animation:mover3 1s infinite alternate;
    animation:mover3 1s infinite alternate
}
@-webkit-keyframes mover3{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
@keyframes mover3{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
.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(247,150,28,.3)),to(transparent));
    background:linear-gradient(90deg,rgba(247,150,28,.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:50
}
.cookie-popup .cookie-popup-actions button{
    border:none;
    background:0 0;
    padding:0;
    cursor:pointer;
    font-weight:600;
    position:absolute;
    top:15px;
    right:50px
}
.cart-shop-popup{
    position:fixed;
    bottom:10px;
    left:0;
    right:0;
    margin:0 auto;
    max-width:512px;
    z-index: 100
}
.cart-shop-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(247,150,28,.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-sm-md{
    height:24px;
    width:24px
}
.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:#f7961c!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:#f7961c;
    border-color:#f7961c!important;
    color:#fff!important
}
.social-icon li a:hover .fea-social{
    fill:#f7961c
}
.social-icon.social li a{
    color:#adb5bd;
    border-color:#adb5bd
}
.social-icon.foot-social-icon li a{
    color:#adb5bd;
    border-color:rgb(40.3265306122,51.6683673469,83.1734693878)
}
.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:#f7961c;
    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)
}
.about-left .img-one{
    max-width:70%
}
.about-left .img-two{
    position:absolute;
    right:0;
    bottom:5%;
    max-width:250px
}
.about-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end
}
.about-right .img-one{
    max-width:70%
}
.about-right .img-two{
    position:absolute;
    left:0;
    bottom:5%;
    max-width:250px
}
.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
}

.breadcrumb .breadcrumb-item:after {
    content: "\f0141" !important; /* ← arrow-left */
    font-size: 14px;
    color: #212529;
    font-family: "Material Design Icons";
    padding-left: 5px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #ffc300 !important;
}

.liquidGlass-wrapper {
    position: relative; /* اضافه کن */
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
    border-radius: 1.8rem;
}

.liquidGlass-effect {
    position: absolute;
    z-index: 0;
    inset: 0;
    backdrop-filter: blur(3px);
    filter: url(#glass-distortion);
    overflow: hidden;
    isolation: isolate;
    pointer-events: none;
}

.liquidGlass-tint {
    z-index: 1;
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.25);
    pointer-events: none;
}

.liquidGlass-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
    inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

.liquidGlass-text {
    z-index: 3;
    position: relative;
    color: black;
}

.ds,
.ds > div {
    padding: 0.4rem;
    border-radius: 1.8rem;
}

.ds:hover {
    padding: 0.6rem;
    border-radius: 1.8rem;
}





.ds:hover {
    padding: 0.8rem;
    border-radius: 2.5rem;
}

.ds:hover > div {
    border-radius: 2.5rem;
}


.bsg {
    background: url("/assets/images/work/18.jpg")
    center center;
    animation: moveBackground 120s linear infinite;
}


@keyframes moveBackground {
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 0% -500%;
    }
}



.form-floating>label {
    right: 0 !important;
    left: unset !important;
}




.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 30px;
    background-color: #25D366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 28px;
    z-index: 14;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}
.whatsapp-float:hover {
    background-color: #20b857;
    color: #fff;
    transform: scale(1.05);
}


.woot-widget-bubble.woot-elements--right {
    bottom: 100px !important;
}

@media only screen and (max-width: 1149px) {

    .cart-shop-popup{
        position:fixed;
        bottom:70px;
        left:0;
        right:0;
        margin:0 auto;
        max-width:512px;
        z-index: 100;
        box-shadow: unset !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .tf-toolbar-bottom {
        display: flex !important;
    }
}

.tf-toolbar-bottom {
    display: none;
    padding: 20px 0px;
    overflow-x: auto;
    overflow-y: hidden;
    position: fixed;
    z-index: 60;
    bottom: 0;
    right: 0;
    left: 0;
    direction: rtl;
}
.tf-toolbar-bottom .toolbar-item {
    flex: 1 0 20%;
    position: relative;
}
.tf-toolbar-bottom .toolbar-item a {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    height: 40px;
    gap: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tf-toolbar-bottom .toolbar-item a .toolbar-icon {
    position: relative;
}
.tf-toolbar-bottom .toolbar-item a .toolbar-icon i {
    font-size: 20px;
    color: var(--main);
}
.tf-toolbar-bottom .toolbar-item a .toolbar-icon .toolbar-count {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    color: var(--white);
}
.tf-toolbar-bottom .toolbar-item a .toolbar-label {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: black;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tf-toolbar-bottom .toolbar-item a:hover .toolbar-label {
    color: var(--main);
    font-weight: 600;
}



.tf-sticky-btn-atc {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 70;
    box-shadow: 0px 5px 18px 5px rgba(64, 72, 87, 0.15);
    background-color: var(--white);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tf-sticky-btn-atc .form-sticky-atc {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tf-sticky-btn-atc .form-sticky-atc .tf-dropdown-sort {
    padding: 8px 10px;
}
.tf-sticky-btn-atc .tf-sticky-atc-product {
    display: flex;
    gap: 16px;
}
.tf-sticky-btn-atc .tf-sticky-atc-product .image {
    width: 56px;
    height: 74.67px;
    border-radius: 8px;
    overflow: hidden;
}
.tf-sticky-btn-atc .tf-sticky-atc-product .content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tf-sticky-btn-atc .tf-sticky-atc-infos {
    display: flex;
    gap: 32px;
    align-items: center;
}
.tf-sticky-btn-atc .tf-sticky-atc-infos .tf-sticky-atc-btns {
    width: 274px;
}
.tf-sticky-btn-atc.show {
    transform: translateY(0);
}

.tf-add-cart-success {
    position: fixed;
    top: 200px;
    right: -413px;
    width: 353px;
    height: 264px;
    padding: 20px 24px;
    border-radius: 24px;
    background-color: var(--white);
    box-shadow: 0px 10px 25px 0px rgba(43, 52, 74, 0.12);
    z-index: 200;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-delay: 0s !important;
}
.tf-add-cart-success .tf-add-cart-heading {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tf-add-cart-success .tf-add-cart-heading .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
    background-color: var(--surface);
    cursor: pointer;
}
.tf-add-cart-success .tf-add-cart-product {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}
.tf-add-cart-success .tf-add-cart-product .image {
    width: 56px;
    height: 74.67px;
    border-radius: 8px;
    overflow: hidden;
}
.tf-add-cart-success .tf-add-cart-product .content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tf-add-cart-success.active {
    right: 60px;
    transition-delay: 0.5s !important;
}

.tf-has-purchased {
    position: fixed;
    top: 30%;
    right: -331px;
    width: 331px;
    height: 116px;
    padding: 16px;
    border-radius: 8px;
    background-color: var(--white);
    box-shadow: 0px 10px 25px 0px rgba(43, 52, 74, 0.12);
    z-index: 199;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.tf-has-purchased .icon-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border-radius: 50%;
    background-color: var(--line);
    cursor: pointer;
}
.tf-has-purchased .tf-has-purchased-product {
    display: flex;
    gap: 16px;
}
.tf-has-purchased .tf-has-purchased-product .image {
    width: 63px;
    height: 84px;
    border-radius: 4px;
    overflow: hidden;
}
.tf-has-purchased.active {
    right: 60px;
}

.tf-product-stacked .item:first-child {
    grid-column: 1/3;
}


.lh-1 {
    line-height: 10px !important;
}

.lh-2 {
    line-height: 20px !important;
}

.chat-link {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.woot-widget-bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255, 195, 1);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woot-widget-bubble:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}

.banner-image {
    background-image: var(--banner-bg-image,url("/banner.webp"));
    background-repeat: no-repeat;
    background-size: contain;
}
/*# sourceMappingURL=style-yellow.min.css.map */