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

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Noto+Sans+Javanese:wght@400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

h2 {
    font-size: 42px;
    font-family: 'EB Garamond', serif;
    line-height: 1.1;
}

h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
}

p {
    font-size: 16px;
}

div#sec1 {
    padding-top: 230px !important;
    padding-bottom: 150px !important;
    color: #ffffff !important;
}

div#sec1 h2 {
    color: #fff;
}

div#sec1 h3 {
    color: #ffffff;
    font-weight: 400;
}

div#sec1 a {
    padding: 13px 30px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px !important;
}

a.nectar-button {
    padding: 13px 30px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px !important;
}
div#header-space {
    display: none !important;
}

div#header-outer {
    background-color: transparent !important;
    box-shadow: none !important;
}

div#sec1 li {
    list-style: none !important;
}

div#sec1 #social-header {
    position: absolute;
    left: -15%;
    top: 20%;
}

div#sec1 #hd-left a {
    color: #000000;
}

div#sec1 #hd-left {
    position: absolute;
    bottom: -58%;
}
div#sec1 a.play_button_2.large.nectar_video_lightbox {
    visibility: hidden;
}

div#sec1 .nectar-video-box {
    padding-top: 74%;
}

div#sec1 i {
    padding-right: 10px;
}

div#sec2, #sec3, #sec4, #sec5, #sec6, #sec7 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

div#sec2 #cart1 {
    background-color: #191919;
}

div#sec2 #cart1, div#sec2 #cart2 {
    padding: 40px !important;
    border-radius: 15px;
    color: #fff !important;
}

#sec2 #cart2 {
    background-image: linear-gradient(to right, #773d97, #5c59a5);
}

div#sec2 #cart1 h4, div#sec2 #cart2 h4 {
    color: #ffffff !important;
}

div#sec2 #cart1 img, div#sec2 #cart2 img {
    padding-top: 30px;
}

#cart2 p, #cart1 p {
    font-size: 14px;
}

h1 {
    font-size: 72px;
    font-family: 'Noto Sans Javanese', sans-serif;
    line-height: 1;
}

#sec3 h1 {
    color: #0000002b;
}

#sec3 h3 {
    color: #773d97;
}
#sec3 a.nectar-button.small.regular.accent-color.has-icon.regular-button {
    border-bottom: 50px !important;
}

#sec2 a.nectar-button.small.regular.accent-color.has-icon.regular-button {
    border-radius: 50px !important;
    padding: 12px 30px !important;
}

#sec3 a.nectar-button.small.regular.accent-color.has-icon.regular-button {border-radius: 50px !important;padding: 12px 30px !important;}
#sec4 h1 {
    color: #0000002e;
    width: 120%;
}

#sec4 img.img-with-animation.skip-lazy.animated-in {
    float: left;
    padding-right: 10px;
}

#sec4 h4 {font-size: 22px;font-family: 'EB Garamond', serif;}

#sec4 a.nectar-button.small.regular.accent-color.regular-button {
    padding: 12px 30px;
    border-radius: 50px !important;
}

div#sec4 {
    padding-top: 150px !important;
    padding-bottom: 180px !important;
}

#sec5 h1 {
    color: #00000029;
}

#sec5 h3 {
    color: #773d97;
}

#sec5 h4 {
    font-size: 32px;
}

#sec5 a.nectar-button.small.regular.accent-color.has-icon.regular-button {
    border-radius: 50px !important;
    padding: 12px 30px !important;
    margin-right: 10px;
}

#sec6 h1 {
    color: #ffffff3b;
}

#sec6 h3, #sec6 h2, #sec6 p {
    color: #fff;
}

#sec6 a.play_button_2.large.nectar_video_lightbox {
    visibility: hidden;
}
#sec7 h2 {
    font-size: 65px;
    color: #000;
}

#sec7 h1 {
    color: #773d971a;
}

#sec7 h3 {
    color: #773d97;
}

#sec7 .carousel-item {
    padding-top: 50px;
    width: 50%;
    text-align: center !important;
    margin: 0 auto !important;
}

div#sec7 {
    padding-bottom: 190px !important;
}

div#sec8 {
    padding-top: 150px !important;
    padding-bottom: 50px !important;
    color: #fff !important;
}

div#sec8 h2 {
    color: #fff;
}

div#sec8 h3 {
    color: #773d97;
}
#header-outer #top ul li a {
    color: #fff !important;
    font-size: 17px;
}
.shop-now a {
    background-color: #000 !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
}
#footer-outer {
    background-color: #131313 !important;
}

#footer-outer .col.span_6 {
    width: 100%;
}

#footer-outer .col.span_6 #block-2, #footer-outer .col.span_6 #block-3, #footer-outer .col.span_6 #block-4 {width: 33%;float: left;text-align: center;}

#footer-outer .col.span_6 #block-2, #footer-outer .col.span_6 #block-4 {
    padding-top: 50px;
    color: #fff !important;
}

#footer-outer .col.span_6 #block-2 a, #footer-outer .col.span_6 #block-4 a {
    color: #fff !important;
}

#footer-outer .col.span_6 #block-2 a i, #footer-outer .col.span_6 #block-4 a i {
    padding-right: 10px;
}
#footer-outer .col.span_6:nth-child(2) {
    text-align: center;
    color: #fff !important;
}

#footer-outer .col.span_6:nth-child(2) li {
    display: inline-block;
    margin-right: 20px;
}

#footer-outer #copyright p {
    color: #fff;
}

#footer-outer #copyright ul.social li a i {
    color: #fff !important;
}

div#copyright {
    background-color: #773d97 !important;
}

div#footer-outer {
    padding-bottom: 10px !important;
}


@media only screen and (max-width: 1000px) and (min-width: 250px)  {
	#sec4 img.img-with-animation.skip-lazy.animated-in {
    float: none !important;
}
	
	div#header-outer {
		background-color: #000000 !important;
	}

	#top .slide-out-widget-area-toggle a .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button:after {
		background-color: #fff !important;
	}
	h3 {
		font-size: 22px !important;
		text-align: center !important;
		width: 100% !important;
	}

	h2, h1 {
		text-align: center !important;
		width: 100% !important;
		font-size: 35px !important;
	}

	p {
		text-align: center !important;
		font-size: 16px !important;
		width: 100% !important;
	}

	a.nectar-button.small.regular.accent-color.has-icon.regular-button {
		width: 100% !important;
		text-align: center !important;
	}

	div#sec1 #social-header {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		text-align: center !important;
		padding: 20px !important;
	}
	div#sec1 #social-header li {
		display: inline !important;
		margin: 0 auto !important;
	}
	div#sec1 #social-header li a i {
		padding-right: 0 !important;
	}
	#slide-out-widget-area ul.menu li a {
		font-size: 18px !important;
		background-color: transparent !important;
		padding-left: 0 !important;
	}
	div#sec1 .nectar-video-box {
		padding-top: 0 !important;
		width: 80% !important;
		margin: 0 auto !important;
		text-align: center !important;
		left: 0 !important;
		top: 0 !important;
	}
	div#sec1 .nectar-video-box img {
		width: 100% !important;
		margin: 0 auto !important;
	}
	div#sec1 .vc_col-sm-2 {
		text-align: center !important;
		width: 100% !important;
	}
	div#sec1 .nectar-video-box a {
		padding: 0 !important;
	}
	#sec1 img.img-with-animation.skip-lazy {
		width: 100% !important;
		text-align: left !important;
	}
	div#sec1 {
		padding-top: 80px !important;
		padding-bottom: 100px !important;
	}
	h4 {
		text-align: center !important;
		width: 100% !important;
	}
	div#sec2, #sec3, #sec4, #sec5, #sec6, #sec7 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	body.page #sec4 {
		padding-bottom: 50px !important;
	}
	#sec4 .row-bg.using-image.using-bg-color {
		background-position: top right  !important;
	}
	#sec4 .divider-wrap {
		display: none !important;
	}
	#sec4 img.img-with-animation.skip-lazy {
		text-align: center !important;
		margin: 0 auto !important;
	}
	#sec4 a.nectar-button.small.regular.accent-color.regular-button {
		width: 100% !important;
		text-align: center !important;
		margin: 0 auto !important;
	}
	#sec7 .carousel-item {
		width: 90% !important;
	}
	#sec7 .row-bg.using-image.using-bg-color {
		background-position: 120% 100% !important;
	}
	input[type=email] {
		text-align: center !important;
		border: 1px solid !important;
	}
	input[type="submit"] {
		width: 100% !important;
	}
	#footer-outer .col.span_6 #block-2, #footer-outer .col.span_6 #block-3, #footer-outer .col.span_6 #block-4 {
		width: 100% !important;
		text-align: center !important;
	}
	#footer-outer .col.span_6:nth-child(2) {
		text-align: center !important;
	}
	#footer-outer .col.span_6:nth-child(2) li {
		display: inline !important;
	}
	#footer-outer #copyright ul.social {
		display: inline !important;
		width: 100% !important;
		text-align: center !important;
	}
	#footer-outer #copyright ul.social li {
		display: inline !important;
		margin: 0 9% !important;
	}
	h1.top-heading {
		text-align: left !important;
	}
	#page-header-bg h1 {
		text-align: left !important;
	}
	input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea {
		border: 1px solid !important;
	}
	#sec7 .row-bg.using-image {
		visibility: hidden !important;
		display: none !important;
	}
	#page-header-bg h1 {
		font-size: 20px !important;
	}
	
}
#sec7 .row-bg.using-image {
    background-size: 100% 100% !important;
}.why-img img {
    width: 32% !important;
    float: left;
}
.why-img {
    margin-top: 100px !iportant;
}