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

/*  Font Family*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100&display=swap');
h1,h2,h3,h4,h5,h6,strong,li,a,p,span{
	font-family: 'Roboto' !important;
}
/*  Font Family */

/*  header start */
#header-outer #logo, #header-outer .logo-spacing{
    margin-top: 10px;
    margin-bottom: 10px;
}
#header-outer .cart-menu .cart-icon-wrap .icon-salient-cart {
    color: #fff;
}
#header-secondary-outer[data-full-width=true]>.container {
    padding: 0px 50px !important;
}
#header-outer .sf-menu li a {
    font-size: 18px;
    font-weight: 500;
    padding-right: 20px !important;
    color: #fff;
    text-transform: uppercase;
}

.page-id-2 #header-outer header#top {
    background: #18171bbf;
    backdrop-filter: brightness(2.1);
}

#header-outer div#header-secondary-outer {
    background: #232323;
}

#header-outer .nectar-center-text {
    max-width: 100% !important;
    line-height: 30px !important;
}

#header-outer div#header-secondary-outer .secndary-left {
    float: left;
}

#header-outer div#header-secondary-outer ul li {
    display: -webkit-inline-box;
    margin-right: 15px;
}

#header-outer div#header-secondary-outer ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#header-outer div#header-secondary-outer .secndary-left ul li i {
    padding-right: 15px;
}

#header-outer #top nav ul #search-btn a span {
    color: #fff;
}

#header-outer #top nav ul #nectar-user-account a span {
    color: #fff;
}

#header-outer ul.buttons.sf-menu li a {
    padding-right: 0px !important;
    margin: 0px !important;
}

#header-outer ul.buttons.sf-menu li {
    margin-left: 5px !important;
}
/*  Header end */

/*  Banner start */
/* #banner .image-bg {
    background-size: contain !important;
    background-position: bottom !important;
} */
#banner h2 {
    font-size: 81px !important;
    font-weight: 700;
    line-height: 85px !important;
}

#banner h1 {
    font-size: 101px;
    font-weight: 700;
    line-height: 105px;
    text-transform: uppercase;
}

#banner a.primary-color {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: capitalize;
    border-radius: 0px !important;
    padding: 20px 55px !important;
}

#banner .buttons {
    padding-top: 15px;
}
/*  Banner end */

/*  Section one start */

.padding-class {
    padding: 100px 0px !important;
}

.para p {font-size: 20px;font-weight: 400;line-height: 30px;color: #2A2A2A;}

h2.had1 {
    font-size: 45px;
    font-weight: 400;
    line-height: 55px;
    color: #2E2E2E;
    text-transform: uppercase;
}

/*  Section one end */

/*  Section Two start */
#sectiontwo .box-1 {
    width: 32%;
    margin: 0 auto;
    margin-bottom: 20px;
}

#sectiontwo .box-1 h4 {
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 38px;
    letter-spacing: -1px;
}
/*  Section Two end */

/*  Section Three start */
#sectionthree h5 {
    font-size: 25px;
    color: #2E2E2E;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1px;
}

#sectionthree h5 {}

#sectionthree .iwt-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #2A2A2A;
}

#sectionthree .iwithtext .iwt-icon img {
    width: 100% !important;
}
#sectionthree .iwithtext .iwt-text {
    padding-left: 17%;
    padding-top: 2%;
}

#sectionthree .iwithtext {
    margin: 0px 15px 0px 15px !important;
}

/*  Section Three end */

/*  Section Four start */

div#sectionfour p {
    color: #fff;
}

#sectionfour .flickity-viewport {
    margin: 0px 0px !important;
}
a.nectar-button.btn1 {
    font-size: 20px;
    border-radius: 0px !important;
    background: transparent !important;
    padding: 23px 60px !important;
    font-weight: 700;
    margin-top: 3%;
}
/*  Button */
#sectionfour a.nectar-button.btn1 {
    background: transparent !important;
    border: 1px solid #fff;
}

#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    bottom: -20%;
    top: unset;
}

#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    background: unset;
}

#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .previous:after {
    display: none;
}

#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button .arrow {
    fill: #fff !important;
}

#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button svg {
    width: 30px;
}

#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .next:after {
    display: none;
}

#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    top: unset;
    bottom: -20%;
}
/*  Button */
/*  Section Four end */

/*  Section Five start */
#sectionfive span.testimonial-name {
    font-size: 24px !important;
    font-weight: 500;
    line-height: 29px;
    color: #2E2E2E;
    text-transform: uppercase;
    font-family: 'Roboto' !important;
}

#sectionfive .controls {
    display: none;
}

#sectionfive .fa.fa-angle-left {
    color: #2A2A2A !important;
}

#sectionfive .testimonial_slider[data-style=minimal] .testimonial-next-prev .prev {
    font-size: 40px !important;
}

#sectionfive .testimonial_slider[data-style=minimal] .testimonial-next-prev .next {
     font-size: 40px !important;
}

#sectionfive .fa.fa-angle-right {
    color: #2A2A2A !important;
}
div#sectionfive p {
    font-size: 24px;
    font-weight: 400;
    color: #2A2A2A;
    line-height: 40px;
    margin: 0 auto;
    padding-bottom: 10px;
}
div#sectionfive blockquote {
    padding: 20px 0px 0px  0px !important;
}
/* div#sectionfive .testimonial_slider[data-style=minimal] .testimonial-next-prev .next:before, .testimonial_slider[data-style=minimal] .testimonial-next-prev .prev:before {
    top: -60px;
} */

/*  Section Five end */

/*  Section Six start */

div#sectionsix ul li {
    display: -webkit-inline-box;
    margin-right: 20px;
}

div#sectionsix ul li i {
    border: 1px solid #D8D8D8;
    width: 207px;
    height: 207px;
    background: #F6F6F6;
    border-radius: 170px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 30px;
    font-size: 40px;
    color: #000;
    transition: .8s !important;
}
div#sectionsix ul li:hover i {
    background: #a40000;
    color: #fff;
}
/*  Section Six end */

/*  Section Seven start */
div#sectionseven {
    background: #000;
    padding: 100px 0px !important;
}
#sectionseven input {
    float: left;
    width: 32%;
    border-radius: 0px !important;
    margin: 0px !important;
    height: 84px;
    border: 1px solid #6A6A6A;
    padding-left: 25px;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0px;
    font-family: 'Roboto';
    background: transparent;
    margin-right: 25px !important;
}

#sectionseven  div#wpforms-42-field_2-container {
    padding: 0px 0px !important;
}

#sectionseven  .wpforms-submit-container {
    clear: unset !important;
    padding: 0px 0px !important;
}

#sectionseven button#wpforms-submit-42 {
    float: left;
    width: 32%;
    border-radius: 0px !important;
    margin: 0px !important;
    height: 84px;
    border: 1px solid #E9E9E9;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    font-family: 'Roboto';
    background: #424242;
}

#sectionseven input::placeholder {
	color: #fff !important;
}
#sectionseven .wpforms-container .wpforms-field {
    padding: 0px 0px  !important;
}
/*  Section Seven end */

/*  Section 8 start */
/*  Section 8 end */

/*  Section 9 start */
/*  Section 9 end */

/*  Section Ten start */
/*  Section Ten end */

/*  Footer start */
#footer-outer .widget h4 {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    line-height: 32px;
    text-transform: uppercase;
    padding-bottom: 15px;
}

#footer-outer .widget ul li a {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF !important;
}

#footer-outer div#copyright {
    padding: 20px 0px !important;
    border-top: 1px solid #707070;
    width: 75%;
    margin: 0 auto;
}

#footer-outer div#copyright p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
}


div#footer-outer {
    background: #181818;
    padding-top: 60px;
    position: relative;
}

div#footer-outer:before {
    position: absolute;
    content: "";
    background: #707070;
    width: 74%;
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}

body #footer-outer .row {
    padding: 35px 0px 60px 0px;
}
/*  Footer end*/
/* New Css */

li.product-category img {
    height: 320px !important;
    object-fit: cover;
}

h2.woocommerce-loop-category__title {
    color: #000;
    font-size: 20px !important;
}
/*  Desktop Responsive */
@media (max-width: 1660px) {
	#header-outer div#header-secondary-outer ul li {
		font-size: 14px;
	}
	#header-outer .sf-menu li a {
		font-size: 16px;
		padding-right: 15px !important;
	}
	#banner h2 {
		font-size: 50px !important;
		line-height: 55px !important;
	}
	#banner h1 {
		font-size: 70px;
		line-height: 75px;
	}
	#banner a.primary-color {
		font-size: 18px;
		padding: 17px 45px !important;
	}
	.padding-class {
		padding: 70px 0px !important;
	}
	.para p {
		font-size: 18px;
		line-height: 26px;
	}
	#sectiontwo .box-1 h4 {
		font-size: 24px;
		line-height: 30px;
	}
	h2.had1 {
		font-size: 35px;
		line-height: 45px;
	}
	#sectionthree .iwt-text p {
		font-size: 16px;
		line-height: 26px;
	}
	#sectionthree h5 {
		font-size: 22px;
	}
	#sectionthree .iwithtext .iwt-text {
		padding-left: 22%;
		padding-top: 3%;
	}
	#sectionthree .iwithtext .iwt-icon img {
		width: 80% !important;
	}
	a.nectar-button.btn1 {
		font-size: 18px;
		padding: 19px 50px !important;
		margin-top: 2%;
	}
	div#sectionfour .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button svg {
    	top: 35px;
	}
	div#sectionfive p {
		font-size: 20px;
		line-height: 30px;
	}
	div#sectionsix ul li i {
		width: 180px;
		height: 180px;
		font-size: 35px;
	}
	#sectionseven input {
		width: 30%;
		height: 65px;
		padding-left: 20px;
		font-size: 18px;
		margin-right: 20px !important;
	}
	#sectionseven button#wpforms-submit-42{
		width: 30%;
		height: 65px;
		padding-left: 20px;
		font-size: 18px;
	}
	#footer-outer .widget h4 {
		font-size: 22px;;
		line-height: 27px;
	}
	#footer-outer div#copyright {
		padding: 20px 0px !important;
		width: 88%;
	}
	div#footer-outer:before {
		width: 85%;
		left: -18px !important;
	}
	div#sectionfive .slides {
		height: 350px !important;
	}
	div#sectionfive {
		padding-bottom: 0px !important;
	}
	#footer-outer .widget ul li a {
    	font-size: 16px;
    	line-height: 26px;
	}
	
li.product-category img {
    height: 280px !important;
    object-fit: cover;
}


	#header-outer header#top {
  
	}
}
@media only screen and (max-width: 1520px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1326px) {}
@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {}
/*  Desktop Responsive */

/*  Mobile Responsive */
@media only screen and (max-width: 999px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 600px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 420px) {}
@media only screen and (max-width: 380px) {}
/*  Mobile Responsive */



#header-outer header#top {
    background: #16141a;
    backdrop-filter: brightness(2.1);
}
#contact-2 img.img-with-animation.skip-lazy.animated-in {
    width: 46px;
}

#contact-2 h2 {
    font-size: 25px;
    font-weight: 400;
    line-height: 38px;
    color: #2E2E2E;
}

#contact-2 a {
    font-size: 19px;
    border-bottom: 2px solid;
}

#contact-1 input {
    border: 1px solid;
    border-radius: 0px;
}

#contact-1 textarea {
    border: 1px solid;
    border-radius: 0px;
    height: 120px;
}


div#contact-1 input.wpcf7-form-control.has-spinner.wpcf7-submit {
    float: right;
    border-radius: 0px !IMPORTANT;
    font-size: 17px !important;
    font-family: 'Roboto';
    font-weight: 400 !important;
    text-transform: uppercase;
}


div#contact-1 label {
    color: #000;
    text-transform: uppercase;
}


div#contact-1 form {
    width: 100%;
    margin: 0 auto;
}

div#contact-1 {
    padding: 50px 0px !important;
}

div#contact-2 {
    padding-bottom: 70px !important;
}

#page-header-bg h1, .nectar-box-roll .overlaid-content h1 {
    font-weight: 400;
}
div#contact-2 .vc_col-sm-4.wpb_column {
    border: 1px solid;
    margin: 0px 10px;
    width: 31% !important;
    height: 220px !IMPORTANT;
    display: flex;
    align-items: center;
    justify-content: center;
}
h1.product_title.entry-title.nectar-inherit-default {
    font-weight: 400;
}

/*  */
.bookly-progress-tracker > div {
    font-family: 'Roboto';
    color: #000;
}

.bookly-box.bookly-bold {
    color: #000;
        font-family: 'Roboto';
}

.bookly-form * {
    color: #000;
    font-family: 'Roboto' !important;
}

.bookly-form select {
    color: #000;
    font-family: 'Roboto';
}

.bookly-form input[type="text"] {
    color: #000 !important;
    font-family: 'Roboto';
}
/*  */