#slide-out-widget-area.slide-out-from-right {
	z-index: 9998 !important;
	padding-top: 80px !important;
}
.buttons.sf-menu {
	top: -20px !important;
}
.menu-num {
	font-size: 20px !important;
}
body.menu-is-active .menu-num {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 1s ease, visibility 1s ease !important; /* Fades out smoothly */
}
.slide-out-widget-area-toggle, .menu-num {
	top: 15px !important;
}

/* Heading */
.inner-heading-cust {
	text-transform: none !important;
}
span.subheader {
	font-size: 24px !important;
}
/* Home page image dark */
.page-header-bg-image-wrap {
	opacity: 0.8 !important;
}


/***************** icon hover *****************/
h3 {
	font-size: 29px;
	font-weight: 400 !important;
}
h4, .iwt-text {
	font-size: 18px;
	font-weight: 400;
}
/*.container.main-content {*/
h3, h4, ul, p {
	color: #000 !important;
}

.iwithtext, .iwt-text {
	cursor: pointer !important;
}
.iwithtext {
	margin-top: 12px;
}

.iwt-icon {
	width: 60px !important;
    height: 62px !important;
}
.iwt-icon img {
	width: 60px !important;
    height: 120px !important;
}

.iwt-icon {
	text-align: center !important;
	position: relative !important;
	/*display: flex !important;*/
	justify-content: center !important; /* Centers horizontally */
	align-items: center !important;     /* Centers vertically */
	/*height: 300px;*/           /* Optional: Give the div height to see vertical centering */
}

.iwt-text {
	padding-left: 0px !important;
	text-align: center !important;
}

.iwt-icon {
	margin: auto !important;
	width: 35px;           /* The width of your image */
	height: 35px;          /* Exactly 50% of the image's total height */
	overflow: hidden;       /* Masks the half that isn't being viewed */
}

.iwt-icon img {
	display: block;
	width: 100%;
	height: 204px;          /* The true full height of your image asset */
	object-fit: cover;
	transition: transform 0.4s ease-in-out; /* Creates the smooth sliding swap */
}

/* Slides the image up to bring the bottom half into the viewing window */
.iwithtext:hover img {
	transform: translateY(-50%);
}


/********************** BCVP ***********************/
.bvcp-form-holder .row {
	padding-bottom: 0px!important;
}
.bvcp-form-holder h2{
	padding-bottom: 25px!important;
}
.bvcp-form-holder .row .col{
	padding-bottom: 15px!important;
}
.lines-button {
	top: -8px;
}

.testimonial-name {
	color:#000000b3;
	font-size: 16px;
}
.testimonial-name::before {
	content: "− ";
	color:#000000b3;
	font-size: 16px;
}
.logo-holder.col-1-1 {
	display: flex;
}

div[id^="fws_"][class*="form-holder"] {
	z-index: 1000 !important;
}

div[id^="fws_"][style*="padding-top: calc"] {
	z-index: 10 !important;
}


@media only screen and (max-width: 690px) {
    .bvcp-holder img {
		left: 23%;
		position: relative;
	}
	.bvcp-form-holder {
        top: 0px !important;
    }

	#bvcp-exlusive-offer {
		margin-top: calc(6500vw * 0.04) !important;
	}
	#page-header-bg .span_6 h1, .single.single-post .section-title h1 {
		font-size: 20px!important;
		line-height: 25px!important;
		margin-bottom: 12px!important;
		text-align:center !important;
	}

	/* BCVP */
	#wpcf7-f6956-p6913-o1 .wpcf7-response-output {
		top: -90px !important;
	}
}

#wpcf7-f6956-p6913-o1 .wpcf7-response-output {
	top: -690px;
}

/*********************************************/

/*************** team *********************/
.team-member-image {
	height: 425px !important;
}
.team-meta h3, .team-meta p {
	color: #fff !important;
}

/*
.footer-bottom-menu a {
	color: #ccc !important;
}
#footer-outer a:hover {
    color: #fff!important;
}
*/

@media only screen and (min-width: 1000px) {

	/* Heading */
	#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap, #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap, .blog-archive-header.color-bg .container {
		padding-top: calc(1px + var(--nectar_hook_before_nav_content_height,0px)) !important;
	}

	/*Footer*/
	#footer-outer .container .col.span_5 {
		padding-right: 110px;
	}	

    /* 1. Explicitly widen the navigation container panel and the background layer track */
    #slide-out-widget-area.slide-out-from-right{
        width: 400px !important; /* <--- Set your preferred custom panel width layout here */
    }
    
	#slide-out-widget-area-bg.slide-out-from-right {
        /*width: 400px !important;*/ /* <--- Set your preferred custom panel width layout here */
    }


    /* 2. Hide any peeking elements when the open state class is missing */
    #slide-out-widget-area.slide-out-from-right:not(.open):not(.visible) {
        /*clip-path: inset(0 0 0 100%) !important;*/ /* Clips the container completely out of view */
        /*opacity: 0 !important;*/
        /*pointer-events: none !important;*/
		transform: translate(101%, 0px) !important;
    }

    /* 3. Fully reveal the container panel when Salient triggers its open layout rules */
    #slide-out-widget-area.slide-out-from-right.open,
    #slide-out-widget-area.slide-out-from-right.visible,
    #slide-out-widget-area-bg.slide-out-from-right.open,
    #slide-out-widget-area-bg.slide-out-from-right.visible {
        clip-path: inset(0 0 0 0) !important; /* Removes the clipping mask flawlessly */
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* 4. Keep content bounded neatly inside your newly expanded container space */
    #slide-out-widget-area .inner-wrap {
        max-width: 100% !important;
    }
}



/*#header-outer*/

@media only screen and (max-width : 690px) {
/*@media only screen and (min-width: 480px) and (max-width: 690px) {*/
	#slide-out-widget-area.slide-out-from-right {
			width: 300px;
	}
	body #slide-out-widget-area .inner .off-canvas-menu-container .row {
			display: flex !important;
	}
}
/********************************** Off Canvas Menu **********************************/

#slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Force font-family changes across all Salient off-canvas link variations */
body #slide-out-widget-area .inner .off-canvas-menu-container li a,
body #slide-out-widget-area .inner .widget.widget_nav_menu li a {
	color: #ffffff !important;
	opacity: 1 !important;

	font-family: Roboto !important;
	font-size: 19px;
	font-weight :500;
	-webkit-font-smoothing: antialiased !important;
	
}


/* Target sub-menu layout dropdown levels specifically if they need a different structure */
body #slide-out-widget-area .inner .off-canvas-menu-container li ul li a {
/*body #slide-out-widget-area .inner .off-canvas-menu-container .sub-menu a {*/
	color: #ffffff !important;
	opacity: 1 !important;

	font-family: Roboto !important;
	font-size: 14px !important;
	font-weight :300 !important;
	-webkit-font-smoothing: antialiased !important;
}

#slide-out-widget-area .inner .off-canvas-menu-container #menu-item-6335 a,
#slide-out-widget-area .inner .off-canvas-menu-container #menu-item-6334 a,
#slide-out-widget-area .inner .off-canvas-menu-container #menu-item-7664 a {
	color: #ffffff !important;
	opacity: 1 !important;

	font-family: Roboto !important;
	font-size: 14px !important;
	font-weight :300 !important;
	-webkit-font-smoothing: antialiased !important;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li a:hover,
body #slide-out-widget-area .inner .widget.widget_nav_menu li a:hover {
	/*color: #ffffff !important;*/
	opacity: 0.7 !important;
}

.off_canvase_nav_bttn{
	border-radius: 50px;
	border: 2px solid;
	padding: 11px 16px;
	text-align: center;
	font-size: 15px;
	display: block;
}

#slide-out-widget-area .inner .off-canvas-menu-container .off_canvase_nav_bttn{
	margin-top: 0px;
    padding-bottom: 11px!important;
}

.boder-bottom-nav{
    margin-bottom: 20px!important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 20px!important;
}

body #slide-out-widget-area .inner .off-canvas-menu-container .home-menu{
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	text-transform: uppercase;
}

body #slide-out-widget-area .inner .off-canvas-menu-container .client-login{
	float: right;
}

body #slide-out-widget-area .inner .off-canvas-menu-container .home-menu a{
	font-size: 19px;
	line-height: 20px;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

body #slide-out-widget-area .inner .off-canvas-menu-container .home-menu a span{
	text-transform: uppercase;
}

#slide-out-widget-area .inner .off-canvas-menu-container .contact-num{
    font-size: 20px;
    margin-top: 0px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    float: right;
	margin-right: -10px;
}

#slide-out-widget-area .inner .off-canvas-menu-container .contact-link{
    font-size: 19px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    display: block;
}

#slide-out-widget-area .inner .off-canvas-menu-container .contact-num i{
	margin-right:10px;
}

/********************************** Off Canvas Menu **********************************/
/********************************** Let's Talk **********************************/
@font-face {
	font-family: 'ThirstyRoughRegOne';
	src: url('css/fonts/ThirstyRoughRegOne.eot');
	src: url('css/fonts/ThirstyRoughRegOne.woff') format('woff'), 
		 url('css/fonts/ThirstyRoughRegOne.ttf') format('truetype'), 
		 url('css/fonts/ThirstyRoughRegOne.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'Open Sans';
    src: url('css/fonts/OpenSans-Light-webfont.eot');
    src: url('css/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('css/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('css/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('css/fonts/OpenSans-Regular-webfont.eot');
    src: url('css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('css/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('css/fonts/OpenSans-Semibold-webfont.eot');
    src: url('css/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('css/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('css/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('css/fonts/OpenSansBold-webfont.eot');
    src: url('css/fonts/OpenSansBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/OpenSansBold-webfont.woff') format('woff'),
         url('css/fonts/OpenSansBold-webfont.ttf') format('truetype'),
         url('css/fonts/OpenSansBold-webfont.svg#OpenSansBold') format('svg');
    font-weight: 800;
    font-style: normal;

}

.capitalize{
	text-transform: capitalize!important;
}

.footer-form {
    text-align: center;
    color: #fff;
    padding-bottom: 30px;
    font-family: 'ThirstyRoughRegOne'!important;
    font-size: 2.3em!important;
	font-weight: 400 !important;
	text-transform: capitalize!important;
}

.footer-quote {
    padding: 3% 0px!important;
    padding-top: 33px!important;
    background: #254FFC;
}

input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] {
    padding: 10px!important;
    width: 100%;
    border: 0px;
    font-family: 'Open Sans';
    line-height: 22px;
    color: #555;
    background-color: rgba(248, 248, 248, 0)!important;
    border: 2.6px solid #BFBFBF;
    font-size: 16px!important;
    font-weight: 600!important;
    color: #737373!important;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

input[type=submit], button[type=submit], input[type="button"] {
    background-color: #333333;
    padding: 7px 11px;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
    font-size: 12px;
    font-family: Montserrat;
    text-transform: uppercase;
    line-height: 14px;
}

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

.footer-quote-other .capitalize{
    text-align: center;
    color: #000;
    padding-bottom: 30px;
    font-family: 'Roboto'!important;
    font-size: 2.3em!important;
	font-weight: 400 !important;
	text-transform: capitalize!important;
}

.footer-quote-other .footer-form {
	display: none;
}

.footer-quote-other {
    padding: 3% 0px!important;
    padding-top: 33px!important;
    background: #FFFFFF;
}

.footer-quote-other input::placeholder {
  color: #000000;
  opacity: 1; /* Ensures Firefox displays the full color instead of a translucent shade */
}

.footer-quote-other input[type=text], .footer-quote-other textarea, .footer-quote-other input[type=email], .footer-quote-other input[type=password], .footer-quote-other input[type=tel], .footer-quote-other input[type=url], .footer-quote-other input[type=search], .footer-quote-other input[type=date]{
    background-color: rgba(248, 248, 248, 0)!important;
    border: 2.6px solid #fff;
    font-size: 16px!important;
    font-weight: 600!important;
    /*color: #fff!important;*/

    border: 2.6px solid #444;
    color: #444!important;
}

.footer-quote-other input[type=text], .footer-quote-other textarea, .footer-quote-other input[type=email], .footer-quote-other input[type=password], .footer-quote-other input[type=tel], .footer-quote-other input[type=url], .footer-quote-other input[type=search], .footer-quote-other input[type=date] {
    padding: 10px!important;
    width: 100%;
    font-family: 'Open Sans';
    line-height: 22px;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.footer-quote-other input[type=text]:focus, .footer-quote-other textarea:focus, .footer-quote-other input[type=email]:focus, .footer-quote-other input[type=password]:focus, .footer-quote-other input[type=tel]:focus, .footer-quote-other input[type=url]:focus, .footer-quote-other input[type=search]:focus, .footer-quote-other input[type=date]:focus{
    background-color: rgba(0, 0, 0, 0.09)!important;
}


.footer-quote-other .wpcf7-submit{
    color: #fff!important;
    background-color: #254ffc!important;
}

.footer-quote-other .wpcf7-submit:hover {
    color: #fff!important;
    background-color: #153CDC!important;
}

.footer-quote-other .wpcf7-submit {
    padding: 16px!important;
    display: block;
    width: 100%!important;
}

.footer-quote-other input[type=submit], .footer-quote-other button[type=submit], .footer-quote-other input[type="button"] {
    background-color: #333333;
    padding: 7px 11px;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
    font-size: 12px;
    font-family: Montserrat;
    text-transform: uppercase;
    line-height: 14px;
}


.footer-quote-other input[type=text], .footer-quote-other textarea, .footer-quote-other input[type=email], .footer-quote-other input[type=password], .footer-quote-other input[type=tel], .footer-quote-other input[type=url], .footer-quote-other input[type=search], .footer-quote-other input[type=date] {
    border: 2.6px solid #444;
    color: #444!important;
}

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


/********************************** Let's Talk **********************************/