/*
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
*/

#header-secondary-outer {
    background-color: transparent !important;
}

#header-secondary-outer .nectar-center-text {
    max-width: 100% !important;
    text-align: left;
}

#header-secondary-outer .nectar-center-text .line {
    margin: 0px 10px;
}

header#top>.container>.row {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fbfbfb;
    padding-left: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

#top .nav-btn span {
    background-color: #5c98fb;
    color: #fff;
    padding: 10px 20px;
    border-radius: 13px;
}

#top ul.buttons.sf-menu {
    right: 30px !important;
}
body p,
body h1,
body h2,
body h3,
body h4 {
    font-family: "ber" !important;
}

#top li.nectar-woo-cart>.cart-outer,
.slide-out-widget-area-toggle.mobile-icon.slide-out-from-right>div {
    background-color: #ff8a51d6;
    padding: 10px 10px;
    border-radius: 10px;
}


/* --------------------------------------------------------------------------------- */

#ro-2 .iwt-icon img {
    position: relative;
    top: 20px;
    left: 20px;
    width: 60px;
}

#ro-2 .iwt-text {
    padding-left: 100px;
}


/* --------------------------------------------------------------------------------- */

#ro-3 .iwt-icon i {
    font-size: 23px;
}

#ro-3 .iwt-text {
    padding-left: 39px;
}

#ro-3 .iwt-text h6 {
    font-family: 'ber';
}

ul.products li.classic {
    background-color: #fff;
    padding: 20px 20px !important;
    padding-bottom: 30px !important;
}

ul.products li.classic h2.woocommerce-loop-product__title {
    font-family: 'ber';
    font-weight: 400 !important;
    font-size: 24px !important;
    color: #1c4576;
}

ul.products li.classic span.woocommerce-Price-amount.amount {
    font-family: 'ber';
    font-weight: 400;
    font-size: 34px;
    color: #c9cbe5;
    border-bottom: solid 4px;
    transition: 0.5s;
}

ul.products li.classic:hover span.woocommerce-Price-amount.amount {
    color: #2dacec !important;
}


/* --------------------------------------------------------------------------------- */

#ro-5 .txt-btn {
    background-color: #252242;
    display: table;
    margin: auto;
    padding: 14px 20px;
    border-radius: 13px;
    cursor: pointer;
    font-weight: 400;
}

#ro-5 .txt-btn a {
    opacity: 100%;
    font-weight: 800 !important;
    margin-left: 3px;
}


/* --------------------------------------------------------------------------------- */

#ro-6 #inn .txt1 h6 {
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
}

#ro-6 #inn .txt1 h3 {
    font-family: 'ber';
    font-weight: 500;
    font-size: 40px;
}

#ro-6 #inn .txt1 h3 strong {
    font-weight: 900 !important;
    font-family: 'ber';
    font-size: 70px;
}

#ro-6 #inn .pet {
    object-fit: contain;
    height: 280px;
}

#ro-6 #inn .txt-btnn {
    width: 73%;
    border-radius: 14px;
    margin: auto;
    padding: 10px 0px;
    transition: 0.5s;
}

#ro-6 #inn .txt-btnn:hover {
    transform: translateY(-15px);
}

#ro-6 #inn .txt-btnn h6 a {
    color: #fff;
    padding: 10px 0pX;
    margin: auto;
    display: table;
}


/*  */

#ro-6 .owl-nav {
    display: flex;
}

#ro-6 .owl-nav button span {
    display: none;
}

#ro-6 .owl-nav button {
    border: none;
    background-color: transparent;
    color: #e0e0e0;
    width: 50px;
    height: 50px;
    border-radius: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 52px;
}

#ro-6 .owl-nav button:hover {
    color: #5d98fa;
}

#ro-6 .owl-nav button:before {
    content: "\f0d9";
    font-family: fontawesome !important;
}

#ro-6 .owl-nav button.owl-next {
    transform: rotate(180deg);
}

#ro-6 .owl-nav button.owl-prev {
    position: absolute;
    left: -70px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

#ro-6 .owl-nav button.owl-next {
    position: absolute;
    right: -70px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}


/* --------------------------------------------------------------------------------- */

#ro-7 input,
#ro-7 textarea {
    border: none;
    border-radius: 5px;
    background-color: #ffffff9e;
}

#ro-7 label {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 20px;
    color: #393d72;
}

#ro-7 input {
    height: 39px;
    width: 49%;
}

#ro-7 .message {
    position: absolute;
    width: 49% !important;
    right: 0px;
}

#ro-7 .message textarea {
    height: 210px;
}

#ro-7 button.frm_button_submit {
    background-color: #1c4576;
    border: none;
    border-radius: 14px !important;
    padding: 14px 47px !important;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
}


/* --------------------------------------------------------------------------------- */

#fttr .txt-mn p {
    display: flex;
    justify-content: space-evenly;
}

#fttr a {
    color: #fff !important;
    opacity: 100%;
}

#fttr .iwithtext i {
    background-color: #8fc424;
    color: #fff !important;
    width: 40px;
    height: 40px;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    position: relative;
    top: -5px;
    left: 10px;
}

#fttr .iwithtext .iwt-text {
    font-size: 14px;
}

#fttr .iwithtext .iwt-text h4 {
    font-weight: 300;
    font-size: 20px;
}

#fttr .box2 i {
    background-color: #3b5999;
    border-radius: 15px;
    padding: 14px;
    font-size: 28px;
    margin-right: 11px;
}

#fttr .box2 .fa-twitter,
#fttr .box2 .fa-skype {
    background-color: #55acee;
}

#fttr .box2 .fa-youtube-play {
    background-color: #CD201E;
}


/* --------------------------------------------------------------------------------- */

#ro-2 .vc_col-sm-4,
#ro-3 .imgg,
#ro-6 .owl-item:nth-child(odd),
#ro-6 .owl-item:nth-child(even) .pet {
    animation: boxx 5s infinite alternate linear;
}

#ro-2 .cola2,
#ro-6 .owl-item:nth-child(even),
#ro-6 .owl-item:nth-child(odd) .pet {
    animation: boxx 5s infinite alternate-reverse linear;
}

@keyframes boxx {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(10px);
    }
}

#ro-2 .vc_col-sm-4:hover {
    animation-play-state: paused;
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1600px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1440px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1366px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1340px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1320px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1280px) {
    #fttr .box2 i {
        margin-right: 7px;
    }
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1024px) {
    #top .slide-out-widget-area-toggle.mobile-icon.slide-out-from-right {
        position: relative;
        left: -20px;
    }
    #top ul.buttons.sf-menu {
        right: 10px !important;
    }
    #ro-1 .n2-ss-button-container a {
        padding: 10px 40px !important;
    }
    #ro-2 p br {
        display: none;
    }
    #ro-1 .txt1 h2,
    #ro-2 .txt1 h2,
    #ro-3 .txt1 h2,
    #ro-4 .txt1 h2,
    #ro-5 .txt1 h2,
    #ro-6 .txt1 h2,
    #ro-7 .txt1 h2 {
        font-size: 30px;
        line-height: 1.1;
    }
    #ro-1 .txt1 p,
    #ro-2 .txt1 p,
    #ro-3 .txt1 p,
    #ro-4 .txt1 p,
    #ro-5 .txt1 p,
    #ro-6 .txt1 p,
    #ro-7 .txt1 p {
        font-size: 11px;
        line-height: 1.5;
    }
    #ro-6 #inn .txt1 h3 {
        font-size: 31px;
    }
    #ro-6 #inn .txt-btnn {
        width: 86%;
    }
    #ro-6 #inn .txt-btnn h6 {
        font-size: 11px;
    }
    #fttr .iwithtext .iwt-text h4 {
        font-size: 14px;
    }
    #fttr .box2 i {
        padding: 8px;
        margin-right: 3px;
        border-radius: 8px;
    }
    #ro-1 .hd2 h1 {
        font-size: 34px !important;
    }
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 900px) {
    #top a#mobile-cart-link {
        background-color: #ff8a51d6;
        padding: 6px 12px !important;
        border-radius: 10px;
        height: 40px;
        left: -21px;
    }
    .slide-out-widget-area-toggle.mobile-icon.slide-out-from-right>div>a {
        background-color: #ff8a51d6;
        border-radius: 7px;
        padding: 10px 10px !important;
        display: block;
    }
    #ro-3 #inn .vc_col-sm-6 {
        width: 50%;
    }
    #fttr .iwithtext .iwt-text h4 {
        font-size: 18px;
    }
    #ro-1 .roro {
        margin-top: 130px;
    }
    #ro-1 .n2-ss-button-container a {
        padding: 9px 36px !important;
    }
    #ro-6 .owl-nav button.owl-prev {
        position: absolute;
        left: -40px;
    }
    #ro-6 .owl-nav button.owl-next {
        position: absolute;
        right: -40px;
    }
    /*  */
    #ro-2 .vc_col-sm-4 {
        animation-play-state: paused;
    }
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 480px) {
    header#top>.container>.row {
        padding-left: 10px;
    }
    #ro-7 input {
        width: 100%;
    }
    #ro-7 .message {
        position: unset;
        width: 100% !important;
    }
    #fttr .box2 i {
        margin-right: 11px;
    }
    #fttr .txt-mn p {
        flex-direction: column;
        align-items: center;
    }
    ul.products li.classic.product {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 414px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 375px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 360px) {}