/*
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
*/
:root{
    --c:var(--nectar-accent-color);
--c1: var(--nectar-extra-color-1);
	--c2: var(--nectar-extra-color-2);
	--c3: var(--nectar-extra-color-3);
--g: linear-gradient(180deg, var(--c) 0%, var(--c1)  100%);
	--g1: linear-gradient(180deg, var(--c) 0%, var(--c1)  50%, var(--c)  100%);
	
}
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background: var(--c);
}
::selection {
  background:  var(--c);
	color:white;
}
/* Typography */
html body h1{
	font-family:font1 !important;
}
html body h2{
	font-family:font1  !important;
}
html body h3{
	font-family:font1  !important;
}
html body h4{
	font-family:font1  !important;
}
html body h5{
	font-family:font2  !important;
}
html body h6{
	font-family:font2  !important;
}
html body p,html body em,html body a,html body button,html body input,html body label,html body legend,html body .wpb_text_column li,html body .nectar-split-heading li,html body .nectar-fancy-ul li{
	font-family:font2 !important;
}
html body strong{
	font-family:inherit;
}
/* Typography */

body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
    background: var(--c) !important;
}
li#search-btn {
    order: 2;
}

#top ul.buttons.sf-menu li {
    margin-right: 0 !important;
    margin-left: 30px !important;
}

#top ul.buttons.sf-menu {
    margin-left: 0 !important;
}

#top ul.sf-menu .current-menu-item a {
    font-weight: 900;
}

a#b1 {font-size: 16px;letter-spacing: 1px;padding: 15px 55px;}

#s1 .t1 {
    margin-top: 20px;
    position: relative;
}

div#s1 {
    padding-block: 100px 50px !important;
}

#s1 .i1 {
    margin-bottom: -100px;
    animation: rotate 3s infinite linear alternate;
}
@keyframes rotate{
    0%{
        transform:rotate(5deg);
    }
    100%{
        transform:rotate(-5deg);
    }
}

.cursive strong {
    font-family: font3;
    font-weight: 100;
    text-transform: capitalize;
    display: table;
    z-index: 11;
    position: relative;
}
#s1 .cursive strong {
    position: relative;
    bottom: 40px;
    font-size: 150px;
    color: var(--c2);
}

#s1 .t1::before {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Vector-Smart-Obje1ct.png) no-repeat center center;
    background-size: contain;
    width: 100px;
    aspect-ratio: 1/1;
    position: absolute;
    top: -30px;
    left: -40px;
    animation: spin 30s infinite linear;
    z-index: -1;
}

#s1 .c1 {
    position: relative;
}

#s1 .c1::before {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Vector-Smart-Object-copy.png) no-repeat center center;
    width: 100px;
    aspect-ratio: 1/1;
    position: absolute;
    right: 230px;
    bottom: 100px;
    animation: spin 20s infinite linear reverse;
}

header#top::before {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Vector-Smart-Object.png) no-repeat center center;
    background-size: contain;
    width: 200px;
    aspect-ratio: 1/1;
    position: absolute;
    left: -60px;
    top: 20px;
    animation: grow 3s infinite linear;
}

@keyframes grow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.7);
    }
}
div#s1 .row-bg-wrap::before {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/1Vector-Smart-Object.png) no-repeat center center;
    background-size: contain;
    width: 300px;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: -50px;
    left: 0;
    z-index: 11;
    animation: grow 10s infinite linear;
    transform-origin: bottom left;
}

#s2 .c1 .img-with-aniamtion-wrap {
    margin-right: 90px;
    position: relative;
}

div#s2 {
    padding-block: 90px !important;
    border-bottom: 1px solid lightgray;
    z-index: 11;
}

#s2 .c1 .img-with-aniamtion-wrap::Before {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Layer-6.png) no-repeat center center;
    background-size: contain;
    width: 109%;
    height: 104%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -38px;
}

#s2 .cursive strong {
    font-size: 100px;
    line-height: 110px;
    margin-bottom: -25px;
    color: var(--c1);
}

.wpb_text_column p {
    opacity: 0.88;
}

#s3 .row-bg.viewport-desktop.using-image {
    background-size: 40%;
    top: unset;
    bottom: 130px;
}

#s3 .inner-wrap.row-bg-layer.using-image {
    overflow: visible;
}


div#s3 {
    text-align: center;
    padding-block: 90px !important;
}

#s3 .cursive strong {margin-inline: auto;font-size: 100px;line-height: 110px;color: var(--c1);margin-bottom: -26px;}

#s3 .nectar-video-box {
    margin-bottom: 0;
}

#s3 .nectar-video-box .inner-wrap {
    aspect-ratio: 1/1.23;
}

#s3 .carousel-item {
    margin-inline: 20px;
}

#s3 div#in1 .nectar-video-box {
    margin-bottom: 0;
    transition: 0.5s;
    mask-image: linear-gradient(0deg, black, black);
}

#s3 path {
    fill: black !important;
}

#s3 a.play_button_mouse_follow.large.nectar_video_lightbox.visible {
    opacity: 0;
}

#s3 #in1:hover a.play_button_mouse_follow.large.nectar_video_lightbox.visible {
    opacity: 1;
}

#s3 div#in1:hover .nectar-video-box {
    mask-image: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Rectangle-27-copy-49.png);
    mask-size: 100% 100%;
    scale: 1.1;
}

#s3 .owl-stage {
    padding-block: 60px 0;
}

#s3 .owl-carousel {
    scale: 1.05;
}

a#b2 {
    width: 180px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    padding: 40px;
    border: 3px solid white;
    background: #1f6432dd !important;
}


#s3 #in1 a#b2 {
    opacity: 0;
    scale: 0;
    transition: 0.5s;
    margin-top: -70px;
}

#s3 #in1:hover a#b2 {
    opacity: 1;
    scale: 1;
}
#s4 .c2 .img-with-aniamtion-wrap:nth-child(2) {
    position: absolute;
    top: 0;
    right: -100px;
    z-index: -1;
    width: 60%;
    animation: floatY 3s infinite ease-in-out 1.5s;
}

#s4 .c2 .img-with-aniamtion-wrap:nth-child(1) {
    width: 90%;
    margin-bottom: -100px;
    animation: floatY 3s infinite ease-in-out;
}

div#s4 {
    padding-top: 100px !important;
	padding-bottom: 50px !important;
}

#s4 .row-bg.viewport-desktop.using-image {
    background-size: contain;
    background-repeat: repeat-x !important;
}

#s4 .cursive strong {
    font-size: 90px;
    line-height: 100px;
    margin-bottom: -20px;
}
@keyframes floatY{
    0%,100%{
        transform:translateY(-15px);
    }
    50%{
        transform:translateY(15px);
    }
}

#s4 .row-bg-wrap::before {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Vector-Smart-Ob4ject.png) no-repeat center center;
    background-size: contain;
    width: 17%;
    aspect-ratio: 1.5/1;
    position: absolute;
    right: -150px;
    top: 10px;
    z-index: 11;
    animation: skew 3s infinite linear alternate;
}
@keyframes skew{
    0%{
        transform:skew(5deg);
    }
    100%{
        transform:skew(-15deg);
    }
}

#s4 .row-bg-wrap::after {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Ve5ctor-Smart-Object.png) no-repeat center center;
    background-size: contain;
    width: 300px;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: -50px;
    left: 0;
    z-index: 1;
    animation: grow 10s infinite linear;
    transform-origin: bottom left;
}

#s4 .row-bg-wrap {
    mask-image: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Rectangle-25-copy-3.png);
    mask-size: contain;
}

#s5 .t1 {
    text-align: center;
}

#s5 .cursive strong {
    margin-inline: auto;
    color: var(--c1);
    margin-bottom: -20px;
    font-size: 100px;
    line-height: 110px;
}

div#s5 {
    padding-block: 90px !important;
}

#s5 .t1 p {
    max-width: 700px;
    margin-inline: auto;
}

#s5 div#in1 {
    border: 1px solid lightgray;
    padding: 20px;
    transition: 0.5s;
}

#s5 .carousel-item {
    padding-inline: 7px;
}

#s5 div#in1:hover {
    background: white;
    border-color: white;
    box-shadow: 0px 0px 15px #00000010;
}

#s5 .owl-item:nth-child(even) .carousel-item {
    transform: translateY(30px);
}
div#g1 ul {
    margin: 0;
}

div#g1 ul li {
    list-style: none;
}

#g1 h2.widgettitle {
    font-family: font2 !important;
    font-size: 23px !important;
    line-height: 33px !important;
    margin-bottom: 0;
    text-transform: none;
}

div#g1 {
    padding-block: 120px 20px !important;
}

#g1 .i1 {
    width: 200px;
}

#g1 .m3 {
    border-block: 1px solid #ffffff30;
    padding-block: 20px;
    width: 80%;
}

#g1 .m3 i {
    width: 20px;
    margin-right: 5px;
}

#g1 .m4 .widget.widget_nav_menu {
    display: flex;
    align-items: center;
}

#g1 .m4 ul {
    display: flex;
}

#g1 .m4 ul i {
    top: 0;
    font-size: 18px;
}

#g1 .m4 li {
    margin-left: 20px;
}

#g1 .form-field-fm,#g1 .form-area-fm {
    border-radius: 50px;
    border: 1px solid white;
    background: transparent !important;
    padding-inline: 20px;
    color: white;
}

#g1 .form-area-fm {
    border-radius: 10px;
    height: 90px;
}

#g1 .form-button-fm {
    font-weight: 500;
    font-family: font2 !important;
    padding: 12px 40px;
}

#g1 .c3>.vc_column-inner {
    border-top: 1px solid #ffffff30;
    padding-top: 20px;
    margin-top: -55px;
}
#g1 .form-field-fm::placeholder, #g1 .form-area-fm::placeholder {
    color: white;
    opacity: 1;
}
#s1 .cursive strong {display: inline-block;}

#s2 .c1 .img-with-aniamtion-wrap::After {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Layer-5.png) no-repeat center center;
    background-size: contain;
    width: 140px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -30px;
    left: -70px;
    animation: spin 30s infinite linear;
    z-index: -1;
}

#s5 .row-bg.viewport-desktop.using-image::before {
    content: '';
    background: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Layer-19.png) no-repeat center center;
    background-size: contain;
    width: 150px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: 100px;
    right: 100px;
    animation: spin 30s infinite linear;
    z-index: 11;
}
div#header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows {
    float: unset;
    width: 100% !important;
}

div#header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows li {
    width: 100%;
}

div#header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows li marquee {
    font-size: 16px;
    letter-spacing: 2px;
}

#s5 #in1 {
    margin-bottom: 15px;
}
.in .vc_col-sm-4,.in .vc_col-sm-3 {
    margin-top: 30px;
}

/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	#s4 .c2 {
    padding-right: 60px;
}

#s4 .c2 .img-with-aniamtion-wrap:nth-child(1) {
    margin-bottom: -50px;
}

#s4 .row-bg-wrap::before {
    right: -130px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
	#s1 .c1::before {
    right: 120px;
    bottom: 80px;
}

div#s1>.col {
    z-index: 11;
}

#s3 .owl-stage {
    padding-block: 40px 0;
}

#s4 .c2 .img-with-aniamtion-wrap:nth-child(1) {
    margin-bottom: -10px;
}

#s4 .row-bg.viewport-desktop.using-image {
    background-size: cover;
}

#s4 .row-bg-wrap {
    mask-size: cover;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
	html body p, #footer-outer p, #footer-outer a, html body .wpb_text_column li, html body .nectar-split-heading li, html body .nectar-fancy-ul li, #g1 a {
    font-size: 14px;
    line-height: 28px;
}

#s2 .cursive strong {
    margin-bottom: -15px;
}

header#top::before {
    width: 160px;
    left: -70px;
    top: 20px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
	body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, body #nectar-ocm-ht-line-check {
    font-size: 16px !important;
    line-height: 26px !important;
}

	div#g1 {
    padding-block: 90px 20px !important;
}
	#s1 .cursive strong {
    font-size: 100px;
    bottom: 26px;
}

#s1 .i1 {
    margin-bottom: -60px;
}

#s1 .t1 {
    margin-top: -30px;
}

#s1 .c1::before {
    right: 80px;
    bottom: 60px;
}

div#s2 {
    padding-block: 60px !important;
}

#s2 .cursive strong {
    font-size: 70px;
    line-height: 80px;
}

#s2 .c1 .img-with-aniamtion-wrap {
    margin-right: 60px;
}

#s2 .c1 .img-with-aniamtion-wrap::Before {
    height: 109%;
}

div#s3 {
    padding-block: 60px !important;
}

#s3 .cursive strong {
    font-size: 80px;
    line-height: 90px;
}

a#b2 {
    width: 150px;
    font-size: 12px;
    padding: 33px;
}

#s3 #in1 a#b2 {
    margin-top: -55px;
}

#s4 .c2 .img-with-aniamtion-wrap:nth-child(1) {
    width: 100%;
}

div#s4>.col {
    align-items: center;
}

div#s4 {
    padding-block: 70px !important;
}

#s4 .row-bg-wrap::before {
    right: -100px;
}

#s4 .row-bg-wrap::after {
    display: none;
}

div#s5 {
    padding-block: 60px !important;
}

#s5 .cursive strong {
    font-size: 80px;
    line-height: 90px;
}

#s5 .row-bg.viewport-desktop.using-image::before {
    top: 70px;
    right: 20px;
}

html body p, #footer-outer p, #footer-outer a, html body .wpb_text_column li, html body .nectar-split-heading li, html body .nectar-fancy-ul li, #g1 a {
    font-size: 12px;
    line-height: 23px;
}

#s5 div#in1 {
    padding: 10px;
}

#s5 .owl-stage {
    padding-block: 0 10px;
}

html body h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}

#g1 .i1 {
    width: 150px;
}

#g1 .form-field-fm, #g1 .form-area-fm {
    padding-block: 8px;
}

#g1 .m3 {
    padding-block: 10px;
}
	#slide-out-widget-area.fullscreen .inner-wrap {
    margin-right: 0;
}

div#slide-out-widget-area ul.menu.secondary-header-items.menuopen a {padding: 0;}

div#slide-out-widget-area ul.menu.secondary-header-items.menuopen a marquee {
    text-align: center;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
	#page-header-bg .span_6 h1 {
    font-size: 30px !important;
    line-height: 40px !important;
}
html body p, #footer-outer p, #footer-outer a, html body .wpb_text_column li, html body .nectar-split-heading li, html body .nectar-fancy-ul li, #g1 a {
    font-size: 14px;
    line-height: 24px;
}
	div#s1 {
    text-align: center;
    padding-block: 90px 0 !important;
}

#s1 .i1 {
    max-width: 350px;
    width: 100%;
}

div#s2 {
    padding-block: 80px 40px !important;
    text-align: center;
}

#s2 .cursive strong {
    margin-inline: auto;
}

#s2 .c1 .img-with-aniamtion-wrap {
    margin-inline: auto;
    max-width: 380px;
}

#s3 div#in1 .nectar-video-box {
    mask-image: url(https://devu18.testdevlink.net/Fredrick_J/wp-content/uploads/2024/08/Rectangle-27-copy-49.png);
    mask-size: 100% 100%;
    scale: unset !important;
}

#s3 .carousel-item {
    margin-inline: 10px;
}

#s3 .owl-carousel {
    scale: unset;
}

#s3 #in1 a#b2 {
    opacity: 1 !important;
    scale: 1;
}

#s3 a.play_button_mouse_follow.large.nectar_video_lightbox.visible {
    opacity: 1;
}

#s3 .owl-stage {
    padding: 0;
}

#s3 .owl-dots {
    margin-top: -10px;
}

div#s3 {
    padding-block: 40px !important;
}

div#s4 {
    padding-block: 40px !important;
    text-align: center;
}

#s4 .cursive strong {
    margin-inline: auto;
}

#s4 .row-bg.viewport-desktop.using-image {
    background: var(--c1);
    background-image: unset !important;
}

#s4 .row-bg-wrap {
    mask: unset;
}

#s4 .row-bg-wrap::before {
    right: -60px;
    width: 150px;
}

#s4 .c2 {
    padding-inline: 40px;
    max-width: 380px;
    margin-inline: auto;
}

#s4 .c2 .img-with-aniamtion-wrap:nth-child(2) {
    right: -50px;
}

#s4 .c2 .img-with-aniamtion-wrap:nth-child(1) {
    left: -50px;
    position: relative;
}

div#s5 {
    padding-block: 40px !important;
}

#s5 .owl-item:nth-child(even) .carousel-item {
    transform: unset;
}


#s5 .owl-dots {
    margin-top: -10px;
}

#g1 .row-bg.viewport-desktop.using-image.using-bg-color {
    background-position: bottom center !important;
    background-size: 110% 110%;
}

div#g1 {
    padding-block: 70px 20px !important;
}

#g1 .inner_row .vc_col-sm-6 {width: 50%;}

#g1 .inner_row .vc_col-sm-3 {
    width: 25%;
}

.wpcf7 .col.span_6 {
    width: 49%;
}

.wpcf7 .row {
    padding-bottom: 0;
}

#g1 .c3>.vc_column-inner {
    margin-top: 0;
    text-align: center;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
	html body h1 {
    font-size: 45px;
    line-height: 45px;
}

#s1 .cursive strong {
    font-size: 70px;
    bottom: 10px;
}

html body h3 {
    font-size: 25px !important;
    line-height: 35px !important;
}


#s2 .c1 .img-with-aniamtion-wrap::Before {
    display: none;
}

html body h2 {
    font-size: 30px !important;
    line-height: 40px !important;
}

#s3 .cursive strong {
    margin-bottom: -16px;
}

#s3 #in1 a#b2 {
    margin-top: -80px;
}

#s3 .owl-dots {
    margin-top: 0;
}

#s4 .row-bg-wrap::before {
    display: none;
}

#s4 .cursive strong {
    margin-bottom: -10px;
}

.cursive strong {
    font-size: 50px !important;
    line-height: 60px !important;
}

#g1 .inner_row .vc_col-sm-6 {
    width: 100%;
}

#g1 .inner_row .vc_col-sm-3 {
    width: 50%;
    margin-top: 20px;
}


.wpcf7 .col.span_6 {
    width: 100%;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}