/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/* .team-member-image-inner img {
    width: 300px !important;
    height: 300px !important;
    object-fit: cover;
} */

li#menu-item-738 a:nth-child(2):before, .gt_switcher_wrapper a:nth-child(2):before {
    opacity: 0;
}

li#menu-item-738 a, .gt_switcher_wrapper a {
    padding: 0 5px !important;
}
li#menu-item-738 a:before, .gt_switcher_wrapper a:before {
    content: '/';
    position: absolute;
    left: 25px;
}
.gt_switcher_wrapper a:before {
    left: 30px;
}



#top nav .buttons .menu-item a {
    position: relative;
    display: inline;
    color: #fff;
}


div#gt-wrapper-66457189 a {
    color: #fff !important;
    font-size: 14px;
}

#header-outer nav>ul>.megamenu>.sub-menu, #header-secondary-outer .sf-menu li ul, body:not([data-header-format=left-header]) #top .sf-menu li ul {
    background-color: #15111a;
    margin-top: -20px !important;
}
.woocommerce-shop nav.woocommerce-breadcrumb {
    display: none !important;
}

.woocommerce-shop form.woocommerce-ordering {
    display: none !important;
}

.woocommerce-shop p.woocommerce-result-count {
    display: none !IMPORTANT;
}
.single-product nav.woocommerce-breadcrumb {
    display: none !IMPORTANT;
}

.woocommerce-form button.woocommerce-Button {
    margin: 0 !important;
}

.page-id-17 .container-wrap {
    background-color: #0E0E0E;
}

h5 {
    font-family: 'satoshi';
    font-weight: 300 !important;
    color: #DDD6FE !important;
}

h2, h3, h4, p {
    font-family: 'satoshi';
}

h1 {
    font-family: 'satoshi';
    font-weight: 600 !important;
}

#banner h1 span {
    font-family: 'PlayfairDisplay';
    font-weight: 500;
    font-style: italic;
}

#banner:before {
    content: "";
    width: 170%;
    height: 55%;
    position: absolute;
    background: linear-gradient(180deg, rgba(14, 14, 14, 0.00) 47.23%, #0E0E0E 101.63%);
    bottom: 0;
    z-index: 11;
    left: -370px;
	display: none;
}

#banner .img1 {
    z-index: -999999999;
}

#banner .row-bg.viewport-desktop.using-image.using-bg-color {
    background-size: 100% 100% !important;
    position: relative;
}

h5 img {
    display: inline-block !IMPORTANT;
    margin: 0 !IMPORTANT;
}

h5 {
    width: fit-content;
    display: flex !IMPORTANT;
    gap: 7px;
    padding: 8px 20px !IMPORTANT;
    border-radius: 50px !IMPORTANT;
    border: 1px solid rgba(139, 92, 246, 0.30) !IMPORTANT;
    background: rgba(139, 92, 246, 0.20) !IMPORTANT;
    backdrop-filter: blur(2.5px) !IMPORTANT;
    transition: 0.9s;
    margin: 0 auto 21px !IMPORTANT;
    text-transform: capitalize !IMPORTANT;
}

#banner p {
    padding: 19px 0;
}

#banner div#r1 {margin-bottom: 7rem !IMPORTANT;}

#banner div#r1 .vc_col-sm-6 {
    width: fit-content;
    position: relative;
    left: 27rem;
}

#banner div#r1 .vc_col-sm-6 a#btn1 {
    margin: 0;
    border-radius: 17px !IMPORTANT;
    border: 1px solid #FFF;
    background: radial-gradient(111.42% 170.43% at 83.26% 142.62%, rgba(255, 255, 255, 0.00) 79.1%, rgba(255, 255, 255, 0.10) 100%), rgba(14, 14, 14, 0.35) !IMPORTANT;
    font-family: 'satoshi' !IMPORTANT;
    font-weight: 500 !important;
    font-size: 15px;
    padding: 14px 51px !IMPORTANT;
    transition: 0.9s;
}

#banner div#r1 .vc_col-sm-6 a#btn1:hover {
    transition: 0.9s;
    border: 1px solid #FFF !IMPORTANT;
    background: #8B5CF6 !IMPORTANT;
}

#sec1 #r1  img {
    width: 54%;
}
    #sec1 #r2  img {
    width: 54%;
}

#sec1 .owl-stage {
    padding: 0;
}

#sec1 div#r1 {
    margin-bottom: 0;
}

#sec2 #r1 h5 {
    margin: unset !IMPORTANT;
    margin-bottom: 9px !IMPORTANT;
}

#banner h1 span {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 51.01%, rgba(0, 0, 0, 0.50) 100.2%), #FFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'IBM Plex Sans JP' !important;
}
#banner h1 em {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 51.01%, rgba(0, 0, 0, 0.50) 100.2%), #FFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 span {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 51.01%, rgba(0, 0, 0, 0.50) 100.2%), #FFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#sec2 div#r1 {
    background: #171717;
    border: 2px solid #2D2D2D;
    border-radius: 23px;
    padding: 34px;
}

#sec2 div#r1 .img1 {
    margin: 0 auto;
    display: table;
}

a#btn1 {
    margin: 0;
    border-radius: 17px ! IMPORTANT;
    border: 1px solid #FFF;
    background: radial-gradient(111.42% 170.43% at 83.26% 142.62%, rgba(255, 255, 255, 0.00) 79.1%, rgba(255, 255, 255, 0.10) 100%), rgba(14, 14, 14, 0.35) ! IMPORTANT;
    font-family: 'satoshi' ! IMPORTANT;
    font-weight: 500 !important;
    font-size: 15px;
    padding: 12px 41px ! IMPORTANT;
    transition: 0.9s;
    border: 1px solid #FFF ! IMPORTANT;
    background: #8B5CF6 ! IMPORTANT;
}

a#btn1:hover{
        background: radial-gradient(111.42% 170.43% at 83.26% 142.62%, rgba(255, 255, 255, 0.00) 79.1%, rgba(255, 255, 255, 0.10) 100%), rgba(14, 14, 14, 0.35) ! IMPORTANT;
        transition: 0.9s;
}

#sec3 .solut {
    text-align: center;
    margin-bottom: 54px !IMPORTANT;
}

#sec3 .solut h5 {
    margin: 0 auto 14px !IMPORTANT;
}

#sec3 #r1 .vc_col-sm-4 .vc_column-inner {
    padding: 51px 25px 51px 25px  !important;
    background: #171717;
    border: 2px solid #2D2D2D;
    transition: 0.9s;
    border-radius: 16px;
}

#sec3 #r1 .img1 {position: relative;top: 0px;}

#sec3 #r1 .cki h2 {
    margin-bottom: 129px !IMPORTANT;
    margin-top: 40px !IMPORTANT;
}

#sec3 #r1  h2 {
    font-size: 43px !important;
}

#sec3 #r1 .sca {
    margin-bottom: 150px;
}

#sec3 #r1 .vc_col-sm-4 .vc_column-inner:hover {
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0px 0px 100px 0px rgba(139, 92, 246, 0.50) inset;
    transition: 0.9s;
    border-color: #4F4070 !IMPORTANT;
}

#sec4 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}

#sec5 div#r1 {
    margin: 0;
}

#sec5 div#r1 .vc_col-sm-6 {
    width: fit-content;
    position: relative;
    left: 23.9rem;
}

#sec4 .relae {
    margin-bottom: 55px;
}

#sec4 #r1 .vc_col-sm-4 {}

#sec4 #r1 .vc_col-sm-4 .vc_column-inner:hover img {
    transition: 0.9s;
    transform: scale(0.8);
}

#sec4 #r1 .vc_col-sm-4 .vc_column-inner img {
    transition: 0.9s;
}

#footer .row-bg.viewport-desktop.using-image.using-bg-color {
    background-size: 100% 100%  !important;
}

div#sec5 {
    padding-top: 0 !IMPORTANT;
}

#footer h2.widgettitle {
    font-size: 17px !IMPORTANT;
}

#footer ul {
    margin: 0;
}

#footer ul li {
    list-style: none;
}

#footer ul#menu-social-footer li {
    display: inline-block;
    margin-right: 10px;
    transition: 0.9s;
}

#footer ul#menu-social-footer li i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #8b5cf642;
    border-radius: 50px;
    transition: 0.9s;
}

#footer ul#menu-social-footer li i:hover {
    background: #8e59f1 ! IMPORTANT;
    border-color: #8e59f1 ! IMPORTANT;
    transition: 0.9s;
}

#footer-1  div#r1 {
    margin-bottom: 0 !IMPORTANT;
    border-top: 1px solid #8b5cf630;
    border-bottom: 1px solid #8b5cf630;
    padding: 14px 0;
    padding-bottom: 24px !IMPORTANT;
}

#footer-1 div#r1 h4 {
    margin-bottom: 0;
}

#footer-1 div#r2 ul#menu-useful-links {
    float: right;
}

#footer-1 div#r2 ul#menu-useful-links li {
    display: inline-block;
    padding-left: 15px;
}

#footer-1 div#r2 ul#menu-useful-links {
    margin: 0;
}

#footer-1 div#r2 {
    padding: 10px 0 !IMPORTANT;
}

#footer-1 div#r2 p {
    font-size: 16px;
}

div#footer {
    padding-bottom: 25px !IMPORTANT;
}

#footer-1 input.tnp-email {
    border: 1px solid #8B5CF6;
    background: transparent !IMPORTANT;
    border-radius: 10px;
    color: white;
    padding: 12px 21px !important;
}

#footer-1 input.tnp-submit {
    margin: 0;
    border-radius: 17px ! IMPORTANT;
    font-family: 'satoshi' ! IMPORTANT;
    font-weight: 500 !important;
    font-size: 16px;
    padding: 12px 22px ! IMPORTANT;
    transition: 0.9s;
    border: 1px solid #FFF ! IMPORTANT;
    background: radial-gradient(111.42% 170.43% at 83.26% 142.62%, rgba(255, 255, 255, 0.00) 79.1%, rgba(255, 255, 255, 0.10) 100%), rgba(14, 14, 14, 0.35) ! IMPORTANT;
    transform: unset !IMPORTANT;
}

#footer-1 input.tnp-submit:hover {
    background-color: #8e59f1 ! IMPORTANT;
}

#top li#menu-item-233 a span {
    margin: 0;
    border-radius: 17px ! IMPORTANT;
    font-family: 'satoshi' ! IMPORTANT;
    font-weight: 500 !important;
    font-size: 15px;
    padding: 12px 31px ! IMPORTANT;
    transition: 0.9s;
    background: #8B5CF6 ! IMPORTANT;
    border: 2px solid #A987F8;
}

#top li#menu-item-233:hover a span {
    background: radial-gradient(111.42% 170.43% at 83.26% 142.62%, rgba(255, 255, 255, 0.00) 79.1%, rgba(255, 255, 255, 0.10) 100%), rgba(14, 14, 14, 0.35) ! IMPORTANT;
    transition: 0.9s;
}

div#header-outer a {
    opacity: 10 !IMPORTANT;
}
.galleryy ul.flex-direction-nav {
    position: relative;
    top: -50px !important;
}
.sec-a {
    padding-top: 30px;
}
li#menu-item-535 a.sf-with-ul i.nectar-menu-icon.fa.fa-angle-down:before{
    position: relative;
    margin-right: -150px;
}
li#menu-item-291 a.sf-with-ul i.nectar-menu-icon.fa.fa-angle-down:before {
    position: relative;
    margin-right: -170px;
}
li#menu-item-694 a.sf-with-ul i.nectar-menu-icon.fa.fa-angle-down:before {
    position: relative;
    margin-right: -260px;
}
li#menu-item-454 {
    margin-left: 10px;
}
li#menu-item-455 a.sf-with-ul i.nectar-menu-icon.fa.fa-angle-down:before{
	position: relative;
    margin-right: -170px;
}
#banner h1 {
    font-size: 45px !important;
    line-height: 60px !important;
}
span.menu-title-text {
    color: #fff !important;
}
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 820px) {
    #banner:before {
        display: none;
    }
    
    header#top {
        padding-top: 20px;
    }
    
    #banner p {
        padding: 4px 0 !IMPORTANT;
    }
    
    #banner p br {
        display: none;
    }
    
    #banner div#r1 {
        margin-bottom: 40px !important;
    }
    
    #banner div#r1 .vc_col-sm-6 {
        width: 100%;
        left: 0;
        margin-bottom: 18px;
    }
    
    #sec1 .owl-dots {
        display: none;
    }
    
    div#sec1 {
        padding-bottom: 20px !IMPORTANT;
    }
    
    #sec2 div#r1 {
        text-align: center;
        padding: 19px;
    }
    
    #sec2 #r1 h5 {
        margin: 0 auto 10px !IMPORTANT;
        display: table !IMPORTANT;
    }
    
    h2 {
        font-size: 23px !IMPORTANT;
    }
    
    #sec3 #r1 h2 {
        font-size: 32px !IMPORTANT;
    }
    
    div#sec4 {
        padding-top: 10px !IMPORTANT;
        padding-bottom: 60px !IMPORTANT;
    }
    
    #sec5 div#r1 .vc_col-sm-6 {
        width: 100%;
        left: 0;
    }
    
    #footer-1 input.tnp-email {
        max-width: 100% !IMPORTANT;
        width: 64%;
        float: left;
    }
    
    #footer-1 input.tnp-submit {
        position: absolute;
        top: 10px;
        width: auto;
        right: 0;
        margin: 0;
    }
    
    #footer-1 div#r2 p {
        text-align: center;
        font-size: 15px;
    }
    
    #footer-1 div#r2 ul#menu-useful-links {
        float: unset !IMPORTANT;
        text-align: center;
    }
    
    #footer-1 div#r2 .vc_col-sm-6 {
        margin-bottom: 4px;
    }
}
@media (max-width: 768px) {}
@media (max-width: 480px) {}
@media (max-width: 428px) {}
@media (max-width: 414px) {}
@media (max-width: 390px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}