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

#top .nav-btn span {
    background: #619E90 !important;
    border-radius: 15px !important;
    color: #fff !important;
    padding: 13px 40px 13px 40px;
}

#top ul.buttons.sf-menu {
    display: flex;
}

#top ul.buttons.sf-menu li.nectar-woo-cart {
    order: 2;
}

#top ul.buttons.sf-menu li.btnnn {
    order: 3;
}
.box1 a i {
    margin-right: 8px;
    color: #619e90;
    font-size: 22px;
}

#top ul.buttons.sf-menu li#menu-item-313 span {
    padding: 11px;
    background-color: #650598;
    border-radius: 50px;
    font-size: 16px;
}

.nectar-center-text {
    max-width: 100% !important;
}

.nectar-center-text .top-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header-secondary-outer {
    padding: 7px 0px;
}

.nectar-center-text .top-nav a {
    margin: 0px;
}

.nectar-center-text .top-nav span.line {
    margin: 0px 10px;
    background-color: #fff;
    width: 1px;
    height: 18px;
    display: inline-block;
    position: relative;
    margin-top: -20px;
    top: 4px;
}

.nectar-center-text .top-nav .box2 a {
    margin: 0px 10px;
}

.nectar-center-text .top-nav .box2 a i {
    background-color: #619E90;
    color: #fff;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px !important;
}

.nectar-center-text .top-nav .box2 a i.fa.fa-facebook {
     background-color: #619e90;
    color: #fff;
}

.nectar-center-text .top-nav .box2 a i.fa.fa-twitter {
    background-color: #619e90;
    color: #fff;
}

.nectar-center-text .top-nav .box2 a i.fa.fa-instagram {
    background-color: #619e90;
    color: #fff;
}

#btnn {
    border-radius: 10px !important;
	padding: 12px 40px 12px 40px;
}
div#ro-2 h4 {
    font-family: 'IBM Plex Sans';
    text-transform: uppercase;
}


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

#ro-1 #btnn {
    border-radius: 10px !important;
}

#ro-1 p {
    font-size: 20px;
    font-weight: 400;
}
div#ro-2 a#btnn {
    border-radius: 50px !important;
}
/* ------------------------------ ------------------------ ------------------- */

#ro-2 h2 {
    font-size: 38px;
    line-height: 1.3;
    font-weight: 500;
}

#ro-2 .txt2 {
    background-color: #fff;
    padding: 40px 70px;
    border-radius: 40px;
    position: relative;
    left: 200px;
    z-index: 999;
    top: -35px;
}

#ro-2 .txt2 p {
    line-height: 30px;
}

#ro-2 .ring {
    position: absolute;
    bottom: 50px;
    left: 11%;
    width: 38%;
}
/* ------------------------------ ------------------------ ------------------- */

#ro-3 h4 {
    margin-top: -30px;
    padding-bottom: 20px;
}

#btnn {
    border-radius: 10px !important;
    padding: 10px 35px 10px 35px;
    font-size: 16px !important;
    font-family: 'IBM Plex Sans';
    font-weight: 100;
}

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

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

#ro-3 .owl-nav button {
    border: none;
    background-color: transparent;
    background: linear-gradient(107deg, #153c33 -10%, transparent 100%);
    width: 50px;
    height: 50px;
    border-radius: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ro-3 .owl-dots {
    display: none;
}

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

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

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

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

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

#ro-5 .row-bg.viewport-desktop.using-image {
    background-size: contain;
}

#ro-5 .txt-info {
    background-color: #fff;
    box-shadow: 5px 10px 0px 0px #ECEFEC;
    padding: 25px 40px;
    border-radius: 30px;
}
div#ro-5 .owl-nav.disabled {
    display: block;
    float: left;
    position: relative;
    bottom: 20px;
    right: -30px;
}
div#ro-5 button.owl-next {
    background-color: transparent;
    border: unset;
}

div#ro-5 button.owl-next:before {
    content: "\f178";
    position: absolute;
    font-family: 'FontAwesome';
    color: #008186;
    font-size: 25px !important;
    line-height: 35px !important;
}
div#ro-5 button.owl-prev:before {
    content: "\f177";
    position: absolute;
    font-family: 'FontAwesome';
    color: #008186;
    font-size: 25px !important;
    line-height: 35px !important;
}
div#ro-5 button.owl-prev {
    background-color: transparent;
    border: unset;
    margin-right: 30px;
}
.iwithtext .iwt-text {
    padding-left: 35px;
}
.row .col .iwithtext .iwt-icon img:not([srcset]) {
    width: 22px;
}
#ro-7 a#btnn2 {
    border-radius: 10px !important;
    padding: 5px 15px 4px 15px;
    font-size: 14px !important;
    font-family: 'IBM Plex Sans';
    font-weight: 100;
}
#ro-7 h2 {
    font-family: 'IBM Plex Sans' !important;
}
#ro-3 h3, #ro-3 h2 {
    font-family: 'IBM Plex Sans';
}
div#footer h4 {
    font-family: 'IBM Plex Serif' !important;
}
div#ro-4 h2 {
    font-family: 'IBM Plex Sans' !important;
}

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

#copyright {
    display: none;
}

#footer p {
    padding-bottom: 0.5em;
}

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

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

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

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


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

@media (max-width: 1366px) {
	#ro-2 .txt2 {
    padding: 30px 60px;
    border-radius: 40px;
    left: 200px;
    top: -35px;
}
	html body h1 {
    font-size: 80px;
    line-height: 90px;
}
	#ro-1 p {
    font-size: 17px;
}
	div#ro-1 {
    padding-bottom: 70px !important;
    padding-top: 160px !important;
}
	html body h2 {
    font-size: 40px;
    line-height: 50px;
}
	#ro-5 .txt-info {
    padding: 25px 20px;
}
	
}


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

@media (max-width: 1280px) {
	    #ro-2 .txt2 {
        padding: 20px 40px;
        left: 200px;
        top: -35px;
    }
	
}


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

@media (max-width: 1024px) {
	div#footer h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}
	html body p br {
    display: none;
}
	html body h3 {
    font-size: 17.25px !important;
    line-height: 26.75px !important;
}
	    #ro-2 .txt2 {
        padding: 30px 21px;
        left: 120px;
        top: -35px;
        width: 110%;
    }
	#ro-2 h2 {
    font-size: 28px;
    line-height: 1.3;
}
	html body h1 {
    font-size: 65px;
    line-height: 75px;
}
	#ro-1 p {
    font-size: 16px;
}
	div#ro-1 {
    padding-bottom: 30px !important;
    padding-top: 100px !important;
}
	html body h2 {
    font-size: 35px;
    line-height: 45px;
}
	
}


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

@media (max-width: 900px) {
	
	#footer-widgets {
    display: none;
}
	
}


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

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

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

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


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

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


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

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