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

#header-outer .current-menu-item {
    background: #4bbf3d !important;
    border-radius: 0px 0px 31px 30px;
    height: 152px;
}
#header-outer .current-menu-item a {
    padding: 0px 30px !important;
}
#header-outer ul.sf-menu.sf-js-enabled.sf-arrows li {
    height: 152px;
}
#header-outer #logo, #header-outer .logo-spacing {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    position: relative;
}
#header-outer header#top .col.span_9.col_last ul.sf-menu.sf-js-enabled.sf-arrows .current-menu-item a {
    color: #fff !important;
}
#page-header-bg[data-bg-pos="center"] .page-header-bg-image {
    background-size: 100% 100%;
}
#header-outer .current-menu-item {
    margin-right: 23px;
}


/* SLIDER SEC */
#slider-sec .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-pagination-switch {
    background-color: transparent;
    width: 26px;
    height: 26px;
    margin: 0px 6px;
    position: relative;
    border: none;
}
html body #slider-sec .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-active-switch i {
    width: 30px !important;
    border-radius: 3px !important;
    background-color: #4bbf3d !important;
}
#slider-sec .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-pagination-switch i {
    transform: scale(1) !important;
    width: 11px !important;
    height: 11px !important;
}
#slider-sec .slider-pagination {
    float: left;
    position: relative;
    bottom: 60px;
}
#slider-sec P span {
    color: #fff;
    letter-spacing: 1px;
    opacity: 1 !important;
}
#slider-sec a.primary-color {
    color: #000 !important;
    background: #fff !important;
    padding: 26px 40px !important;
    border-radius: 17px !important;
    opacity: 1 !important;
}



/* about sec */
#offer-sec h1:after {
    content: url(https://dev62.onlinetestingserver.com/landscapesoflove/wp-content/uploads/2020/03/faf.png);
    position: absolute;
    right: -440px;
}
#offer-sec h1:before {
    content: url(https://dev62.onlinetestingserver.com/landscapesoflove/wp-content/uploads/2020/03/palm_tree_PNG2492-copy.png);
    position: absolute;
    left: -440px;
}
#offer-sec a {
    background-image: linear-gradient(to right, #f84001, #f84900, #f85100, #f75800, #f75f00, #f76600, #f76d00, #f77400, #f77c00, #f78400, #f78c00, #f79400);
    font-size: 17px;
    padding: 22px 43px !important;
    border-radius: 17px !important;
    opacity: 1 !important;
}


/* SERVICES SEC */


#innr-seve .lanscpecol img:hover {
    transform: scale(0.9);
}
#ourservice-sec a#servicebtnn {
    margin: 0px auto;
    display: table;
    background: #fff !important;
    color: #222;
    font-size: 17px;
    padding: 24px 56px;
    border-radius: 11px !important;
}

#innr-seve .txtt a i {
    color: #fff;
    position: relative;
    top: 0px;
    right: -5px;
}
#innr-seve {
    padding-top: 10px !important;
}
#ourservice-sec h1 {
    text-align: center;
}
div#innr-seve .txtt h2 {
    padding-bottom: 11px;
}
div#innr-seve .txtt a {
    color: #4bbf3d;
    font-size: 20px;
}
div#innr-seve .lanscpecol img {
    transition: .9s;
}
div#innr-seve .lanscpecol .vc_column-inner {
    padding: 84px 0px 86px 70px;
}
div#innr-seve .lanscpecol .column-image-bg {
    background-size: 100% 100%;
}


/* we handle sec */
#handle-sec .number.default span {
    font-family: 'playfair Display';
    color: #000022 !important;
    font-size: 60px;
    line-height: 70px;
}
#handle-sec p {
    font-size: 19px;
    line-height: 29px;
}
#wehandle .specal:after {
    content: url(https://dev62.onlinetestingserver.com/landscapesoflove/wp-content/uploads/2020/03/Layer-6-copy.png);
    position: absolute;
    visibility: visible;
    right: -77px;
}
#wehandle {
    padding-bottom: 110px !important;
}
div#wehandle .specal:before {
    content: url(https://dev62.onlinetestingserver.com/landscapesoflove/wp-content/uploads/2020/03/Layer-6.png);
    position: absolute;
    left: -80px;
}
div#handle-sec h3 {
    color: #0093d6 !important;
}
#wehandle h1 {
    padding-bottom: 12px;
}
#handle-sec {
    padding-top: 40px !important;
}

/* gallery-sec */

#gallryinr img:hover {
    transform: scale(0.9);
}
#gallery-sec a#glrybtnn {
    background-image: linear-gradient(to right, #f84001, #f84900, #f85100, #f75800, #f75f00, #f76600, #f76d00, #f77400, #f77c00, #f78400, #f78c00, #f79400);
    border-radius: 14px !important;
    padding: 23px 35px;
}
div#gallryinr img {
    transition: .9s;
}
div#gallryinr {
    padding-top: 20px !important;
}

#beforeafterimage .twentytwenty-container img {
    margin-bottom: 0px !important;
    border-radius: 40px;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    background: #fff !important;
}
#beforeafterimage .twentytwenty-handle {
    background-image: linear-gradient(to right, #f84001, #f84900, #f85100, #f75800, #f75f00, #f76600, #f76d00, #f77400, #f77c00, #f78400, #f78c00, #f79400);
}
div#beforeafterimage .twentytwenty-container img {
    width: 100% !important;
}
div#beforeafterimage .twentytwenty-container {
    width: 100% !important;
}


/* testimonials ec */

#testimonial-sec p {
    text-align: center;
}

div#testimonial-sec h1 {
    text-align: center;
}
#testmnal h6 {
    color: #f85001;
    font-size: 15px;
    line-height: 25px;
    font-family: 'playfair display';
}#testmnal .innrtest img {
    margin-left: -11px;
}
#testimonial-sec h1:before {
    content: url(https://dev62.onlinetestingserver.com/landscapesoflove/wp-content/uploads/2020/03/Rectangle-32.png);
    position: absolute;
    z-index: -1;
    bottom: 0px;
    left: -500px;
}
#testimonial-sec .owl-theme .owl-dots .owl-dot.active span {
    background-color: #f7bf00 !important;
}
#testmnal {
    margin-left: 3px;
}
#testimonial-sec .owl-theme .owl-dots .owl-dot span {
    transform: scale(1) !important;
    width: 14px !important;
    height: 14px !important;
    background: #252525 !important;
}
#testimonial-sec {
    padding-top: 0px !important;
}
#testimonial-sec .owl-carousel .owl-stage {
    padding-bottom: 0px !important;
}
div#testimonial-sec h1:after {
    content: url(https://dev62.onlinetestingserver.com/landscapesoflove/wp-content/uploads/2020/03/floating_leaf_03.png);
    position: absolute;
    right: -440px;
    bottom: 0px;
}
div#testmnal h5 {
    color: #333333;
    font-size: 18px;
    font-family: 'playfair display';
}
#testmnal .imggg:hover {
    transform: scale(0.9);
}

div#testmnal .imggg {
    width: 100%;
    transition: .9s;
}
div#testmnal p {
    text-align: -webkit-left;
    padding-right: 32%;
    color: #555555;
    font-size: 16px;
    line-height: 26px;
}

/* footer sec */
#footer-outer #footer-widgets {
    background-image: url(https://dev62.onlinetestingserver.com/landscapesoflove/wp-content/uploads/2020/03/bg-footr_02.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#footer-outer #footer-widgets .row {
    padding: 30px 0px 50px 0px !important;
}
div#footer-outer div#custom_html-3:before {
    content: '';
    position: absolute;
    background-color: #5d5d5d;
    width: 1px;
    height: 165px;
    left: 0px;
    bottom: 0px;
}
div#footer-outer div#custom_html-3:after {
    content: '';
    position: absolute;
    background-color: #5d5d5d;
    width: 1px;
    height: 165px;
    right: 0px;
    bottom: 0px;
}
div#footer-outer .cstmicons li i:hover {
    background-image: linear-gradient(to right, #f84001, #f84900, #f85100, #f75800, #f75f00, #f76600, #f76d00, #f77400, #f77c00, #f78400, #f78c00, #f79400);
    color: #fff !important;
}
div#footer-outer .cstmicons li i {
    background: #ffffff;
    width: 52px;
    height: 55px;
    line-height: 55px;
    color: #000;
    border-radius: 10px;
}
div#footer-outer .cstmicons li {
    display: inline-block;
    margin: 0px 6px;
}
#footer-outer .textwidget.custom-html-widget {
    font-size: 16px;
    line-height: 23px;
}
#footer-outer #footer-widgets .widget h4 {
    text-transform: uppercase !important;
    font-size: 20px !important;
    font-weight: bold !important;
    letter-spacing: 3px;
}
#footer-outer {
    text-align: center !important;
}
#beforeafterimage .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    background: #fff !important;
}
div#copyright .col.span_5 {
    width: 100% !important;
}
#beforeafterimage.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    background: #fff !important;
}
@media (max-width: 1600px) {
	#offer-sec h1:after {
    right: -180px;
}
	#offer-sec h1:before {
    left: -179px;
}
	#testimonial-sec h1:before {
    bottom: 0px;
    left: -200px;
}
	div#testimonial-sec h1:after {
    right: -180px;
    bottom: 0px;
}
}

@media (max-width: 1440px) {
	#slider-sec .slider-pagination {
    float: left;
    position: relative;
    bottom: 20px;
}
}

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

@media (max-width: 1280px) {
	#header-outer[data-lhe="default"] #top nav > ul > li > a {
    padding-left: 40px;
    padding-right: 40px;
}
	#gallryinr .inrimggg img {
    height: 260px;
}
}
#beforeafterimage .twentytwenty-horizontal .twentytwenty-handle:after {
    background: #fff !important;
}
@media (max-width: 1024px) {
#testimonial-sec h1:before {
    bottom: 0px;
    left: -400px;
}
	div#offer-sec {
    padding-top: 0px !important;
    padding-bottom: 30px !important;
}
	#gallryinr .inrimggg img {
    height: 197px;
}
	#innr-seve .lanscpecol .vc_column-inner {
    padding: 44px 0px 44px 30px !important;
}
	#slider-sec a.primary-color {
    color: #000 !important;
    background: #fff !important;
    padding: 16px 21px !important;
    border-radius: 17px !important;
    opacity: 1 !important;
}
	#slider-sec p {
    position: relative;
    top: -140px !important;
}
	#header-outer ul.sf-menu.sf-js-enabled.sf-arrows li {
    height: auto !important;
}
	
	#top #logo {
    height: 70px !important;
}
	#header-outer #logo img {
    height: 70px !important;
}
}

@media (max-width: 800px) {
	div#offer-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
	div#cmpreee {
    padding-bottom: 30px !important;
}
	#footer-outer .col.span_4:last-child {
    display: none !important;
}

#footer-outer .col.span_4:first-child {
    display: none !important;
}

#footer-outer .col.span_4:nth-child(3) {
    display: none !important;
}
	#footer-widgets .container .col.span_4 {
    margin-bottom: -40px !important;
}

	#beforeafterimage p br {
    display: none !important;
}
	#testimonial-sec p br {
    display: none !important;
}
	div#footer-outer div#custom_html-3:after {
		display: none !important;
	}
	div#footer-outer div#custom_html-3:before {
		display: none !important;
	}
	#footer-outer .col {
    width: 100% !important;
}
	#footer-outer #footer-widgets {
    background-image: none !important;
}
	div#testimonial-sec h1:before {
		display: none !important;
	}
	div#testimonial-sec h1:after {
		display: none !important;
	}
	#gallryinr .imgnew {
    margin-top: 40px !important;
}
	#gallryinr .inrimggg img {
    height: auto !important;
}
	.nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content {
    padding: 0px 0px !important;
}
}

@media (max-width: 768px) {
	body .swiper-slide .content .buttons {
    padding: 0px !important;
}
#slider-sec .slider-pagination {
    display: none !important;
}}

@media (max-width: 480px) {
	#slider-sec h2 {
    margin: 0px !important;
    display: none;
}
	#testmnal p {
    text-align: -webkit-left;
    padding-right: 0px !important;
    color: #555555;
    font-size: 16px;
    line-height: 26px;
}
	#slider-sec h2 {
    margin: 0px !important;
}
	#slider-sec a.primary-color {
    color: #000 !important;
    background: #fff !important;
    padding: 10px 16px !important;
    border-radius: 17px !important;
    opacity: 1 !important;
}
}


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

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

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









