/* 
Theme Name: Varner Commercial Property Consultants, Inc.
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: FDM
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/******Default vip css start*****/  
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap');
@font-face {
	font-family: 'TT Ramillas';
	src: url('fonts/TTRamillas-Regular.eot');
	src: url('fonts/TTRamillas-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/TTRamillas-Regular.woff2') format('woff2'),
		url('fonts/TTRamillas-Regular.woff') format('woff'),
		url('fonts/TTRamillas-Regular.ttf') format('truetype'),
		url('fonts/TTRamillas-Regular.svg#TTRamillas-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



*{
	outline: none !important; 
	text-decoration: none !important;  
}
ul {
	padding: 0;
} 
.site-branding {
	display: none;
} 
p,li {
	margin-bottom: 20px; 
}  
p, li, div, p.elementor-heading-title {
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 400;
}
p:last-child{
	margin-bottom: 0;
} 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 h6, .h6 {
	color: #000;
	letter-spacing: 0;
	font-family: 'TT Ramillas';
	font-weight: normal;
} 
p a{
	color: #0142ae !important;
	font-weight: 700;
	text-decoration: unset !important;
} 
p a:hover, .link-text a:hover {
	color: #c0262b !important;
}
strong {
	font-weight: 500 !important;
}  
.subheading h6 {
	font-size: 18px;
	line-height: 49px;
	text-transform: uppercase;
	color: #2b328c;
}
.pl60{
	padding-left: 60px;
}
.pl30{
	padding-left: 30px;
}
.pr60{
	padding-right: 60px;
} 
.pt0 {
	padding-top:0px !important;
}
.pb0 {
	padding-bottom:0px !important;
}
.mt50{
	margin-top: 50px;
}   
.mt35{
	margin-top: 35px;
} 
.mt100{
	margin-top: 100px;
}    
.pad100 {
	padding: 100px 15px;
} 
.pt100{
	padding-top: 100px;
} 
.pb100{
	padding-bottom: 100px;
}
.pt50 {
	padding-top: 50px;
}
.defbtn .elementor-widget-container {
	margin-top: 30px;
}
body {
	position: relative;
}
a {
	transition: all ease-in-out 0.5s !important;
}
div[data-elementor-type="wp-page"] {
	overflow: hidden;
}
.pad50{
	padding: 50px 15px;
}
/*** Header ***/  
@keyframes slideIn {
	from { top: -50% }
	to { top: 0 }
}   
.hdactive .elementor-location-header {
	position: fixed;
	animation: 0.5s ease-in slideIn;
	z-index: 102;
	background: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 11px;
	padding: 15px;
}
.hd_menu  .elementor-widget-container {
	width: 100%;
}      
.header_main .elementor-widget-wrap {
	justify-content: space-between;
	align-items: center;
} 
.hd_menu .elementor-nav-menu > li {
	margin-left: 28px;
}
.hd_menu .elementor-nav-menu > li > a {
	font-size: 15px;
	color: #000 !important;
	padding: 0 !important;
}
body .hd_menu .elementor-nav-menu > li > a:hover {
	color: #baab82 !important;
}
body .hd_menu .elementor-nav-menu > li:last-child > a {
	position: relative;
	transition: all ease-in-out 0.5s !important;
	font-style: normal;
	border: 1px solid #000;
	border-radius: 50px !important;
	color: #000 !important;
	padding: 11px 31px !important;
}
body .hd_menu .elementor-nav-menu > li:last-child > a:hover,
.defbtn a:hover{
	background: #000 !important;
	color: #fff !important;
}
.elementor-nav-menu > li > ul.sub-menu a {
	padding: 16px 15px 17px !important;
	color: #fff !important;
	border-bottom: 1px solid #ffffff38;
	border-left: 0;
	white-space: normal;
	background: #000 !important;
	font-size: 15px;
	text-transform: capitalize;
	letter-spacing: 0;
}
.elementor-nav-menu > li > ul.sub-menu li:last-child a {
	border-bottom: 0px !important;
}   
.hdactive .elementor-nav-menu li .sub-arrow svg {
	fill: #000 !important;
}
.elementor-sub-item.elementor-item-active {
	background-color: transparent !important;
} 
.elementor-nav-menu > li > ul.sub-menu {
	background: #000;
	min-width: 300px !important;
	border-radius: 0px;
	margin-top: 0px !important;
}
.elementor-nav-menu > li > ul.sub-menu:last-child a {
	border-radius: 0px; 
} 
.elementor-nav-menu > li > ul.sub-menu .sub-arrow {
	display: none !important;
} 
.elementor-nav-menu > li > ul.sub-menu a:hover {
	background:#008092 !important;
	opacity: 1;
	border-left: unset !important;
	color: #fff !important;
}
.elementor-location-header { 
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding: 25px 15px;
}
.elementor-nav-menu li .sub-arrow svg {
	transition: all ease-in-out 0.5s;
	fill: #fff; 
	top: 2px !important;
	position: relative;
}
.elementor-nav-menu li:hover .sub-arrow svg, .hdactive .elementor-nav-menu li:hover .sub-arrow svg  {
	fill: #008092 !important;
} 
.site_logo {
	width: auto !important;
	max-width: 380px;
}
.hdactive .site_logo {
	max-width: 350px;
}
.hdright {
	width: calc(100% - 400px) !important;
} 
body.hdactive {
	padding-top: 110px;
}
/*** Header End***/ 
.bigheading h2 {
	font-size: 55px;
	margin-bottom: 20px;
}
.bannerhd h1 {
	font-size: 65px;
}
.animate-words span {
	display: inline-block;
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease;
} 
.animate-words .in-view span {
	opacity: 1;
	transform: translateY(0);
}
.vl-auto-scroll {
	height: 500px;
	overflow: hidden;
}

.vl-track {
	display: flex;
	flex-direction: column;
	gap: 20px;
	will-change: transform;
}

.vl-row {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.vl-row img {
	background: #fff;
	padding: 16px 20px;
	border-radius: 10px;
	width: 180px;
	object-fit: contain;
	max-height: 100px;
	min-height: 100px;
}
.corner_img{
	border-radius: 14px;
	overflow: hidden;
}
.bordertext p {
	color: #fff;
	-webkit-text-stroke: 1px #eaeaea;
	font-size: 9vw;
	font-family: 'TT Ramillas';
	font-weight: normal;
	white-space: nowrap;
	line-height: 1;
	margin-bottom: -40px;
}
.mdheading h2 {
	font-size: 50px;
	margin-bottom: 20px;
}
.smhd p {
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 8px;
	line-height: normal;
}
.mb80{
	margin-bottom: 80px;
}
.team_block h3 {
	font-size: 38px;
	margin: 0 0 12px;
}
.team_block:nth-of-type(2n) .elementor-image-box-content {
	padding-left: 0;
	padding-right: 40px;
}
.team_block .elementor-image-box-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center !important;
}
.team_block .elementor-image-box-content {
	width: calc(100% - 320px) !important;
	text-align: left;
	padding-left: 40px;
}
.team_block{
	background: linear-gradient(280deg, rgb(247, 247, 247) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 0 50px 0px 0 ;
	border-radius: 13px;
}
.team_block .elementor-image-box-img {
	width: 320px !important;
	border-radius: 15px;
	overflow: hidden;
}
.team_block.elementor-position-right {
	background: linear-gradient(98deg, rgb(247, 247, 247) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 0 0px 0 50px; 
}
.team_main > div {
	row-gap: 60px;
}

.ft_social  svg {
	margin: 0 !important;
	fill: #fff;
	width: 15px !important;
	height: 19px !important;
}
.ft_social a {
	border: 1px solid #fff;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50%;
	justify-content: center !important;
}
.ft_social a:hover {
	background: #fff; 
}
.ft_social a:hover svg {
	fill: #000;
}
.ft_social .elementor-icon-list-text {
	display: none !important;
}
.copyright_txt p, .copyright_txt a {
	color: #fff !important;
	font-size: 15px;
	margin: 30px 0;
	font-weight: normal !important;
}
.ft-logo img {
	max-width: 500px;
}
.ft_main {
	padding: 180px 0 0;
}
.menuft a {
	color: #fff !important;
	padding: 0 !important;
}
.menuft a:hover {
	color: #b9aa81 !important;
}
.menuft li {
	margin: 0 28px !important;
}
.menuft {
	border-top: 1px solid #ffffff21;
	border-bottom: 1px solid #ffffff21;
	padding: 23px 0;
	margin: 50px auto !important;
	max-width: 1030px;
}
.ft_blockcol:last-child {
	border: 0px;
}
.ft_main {
	padding: 180px 0 0;
}
.infotext h2 {
	font-size: 29px;
	margin-bottom: 18px;
	line-height: 32px;
}
.ft_blockcol {
	width: calc(100% / 3) !important;
	border-right: 1px solid #000;
	padding: 50px;
}
.ft_top_info {
	background: #fff;
	margin: 40px auto -100px;
	z-index: 1;
	position: relative;
	border: 1px solid #000;
	border-radius: 10px;
}
.info_list li a:hover span {
	color: #b9aa81 !important;
	fill: #b9aa81;
}
.info_list .elementor-icon-list-text {
	color: #000;
	line-height: 24px;
}
.info_list li {
	margin-bottom: 12px !important;
}
.info_list li:last-child {
	margin-bottom: 0 !important;
}
.defbtn a {
	position: relative;
	transition: all ease-in-out 0.5s !important;
	font-style: normal;
	border: 1px solid #000;
	border-radius: 50px !important;
	color: #000 !important;
	padding: 13px 31px !important;
	background: transparent !important;
	margin-top: 25px;
	min-width: 170px;
}
div[data-elementor-type="wp-page"] {
overflow: hidden;
}

/* Responsive_Start */
@media(max-width: 1400px) {
	.ft_main {
		overflow: hidden;
	}
	.ft_blockcol {
		padding: 30px;
	}
	.lft-ryt-spc {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(max-width: 1199px) {
	.info_list .elementor-icon-list-text {
		font-size: 15px;
	}
	.team_block img {
		min-height: 430px;
		object-fit: cover;
	}
	.ft-logo img {
		max-width: 440px;
	}
	.menuft li {
		margin: 0 18px !important;
	}
	.ft_main {
		padding: 160px 15px 0;
	}
	.ft_blockcol {
		padding: 19px;
	}
	.infotext h2 {
		font-size: 26px;
		margin-bottom: 16px;
		line-height: 28px;
	}
	.team_block.elementor-position-right {
		padding: 0 0px 0 40px;
	}
	.team_block {
		padding: 0 40px 0px 0;
	}
	.pad100 {
		padding: 80px 15px;
	}
	.pr60 {
		padding-right: 50px;
	}
	.pl60 {
		padding-left: 50px;
	}
	.mdheading h2 {
		font-size: 45px;
		margin-bottom: 18px;
	}
	.bigheading h2 {
		font-size: 50px;
		margin-bottom: 17px;
	}
	.pb100 {
		padding-bottom: 80px;
	}
	.bannerhd h1 {
		font-size: 60px;
	}
	.hdactive .site_logo {
		max-width: 320px;
	}
	.pt100 {
		padding-top: 80px;
	}
	body .hd_menu .elementor-nav-menu > li:last-child > a {
		padding: 9px 15px !important;
	}
	.hdright {
		width: calc(100% - 330px) !important;
	}
	.hd_menu .elementor-nav-menu > li {
		margin-left: 14px;
	}
	.site_logo {
		max-width: 320px;
	}
}
@media(max-width: 1024px) {
	body .hd_menu .elementor-nav-menu > li:last-child > a {
		color: #fff !important;
	}
	body .hd_menu .elementor-nav-menu > li > a:hover {
		color: #fff !important;
	}
	body .hd_menu .elementor-nav-menu > li:last-child > a:hover, .defbtn a:hover {
		background: transparent !important;
		color: #fff !important;
	}
	.header_main .elementor-menu-toggle__icon--close.e-font-icon-svg.e-eicon-close {
		fill: #baab82;
	}
	.hd_menu {
		flex-direction: row-reverse !important;
	}
	.header_main .elementor-menu-toggle {
		background-color: #baab82;
		padding: 11px;
		margin: 0px 0px !important;
		z-index: 10;
		display: flex;
		justify-content: flex-end;
		width: fit-content;
	}
	.header_main nav.elementor-nav-menu--dropdown {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 480px;
		margin: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
		right: -490px;
		transform: unset !important;
		max-height: 100% !important;
		transition: all ease-in-out 0.3s !important;
		background-color: #baab82;
		overflow: auto;
		z-index: 5;
	}
	.header_main .elementor-nav-menu>li>a {
		color: #fff;
	}
	.header_main .elementor-menu-toggle.elementor-active~.elementor-nav-menu--dropdown {
		right: 0px !important;
	}
	.header_main .elementor-menu-toggle.elementor-active {
		background-color: #fff;
		margin: 0px !important;
		position: fixed;
		right: 15px;
		top: 28px;
	}
	.hd_menu .elementor-nav-menu > li > a:hover {
		color: #fff !important;
	}
	.header_main .elementor-nav-menu {
		margin: auto;
		margin-top: 90px !important;
		width: 100% !important;
	}
	.header_main .sub-arrow {
		position: absolute;
		right: 30px;
	}
	.header_main .elementor-nav-menu>li:last-child>a:hover {
		background: transparent !important;
		color: #fff !important;
	}
	.header_main .elementor-nav-menu>li:last-child {
		margin-left: 0px;
	}
	.header_main .hd_menu .elementor-nav-menu>li:last-child>a {
		border: 0 !important;
	}
	.header_main ul.elementor-nav-menu > li > a, .hd_menu .elementor-nav-menu > li:last-child > a {
		background-color: transparent !important;
		font-size: 20px !important;
		padding: 22px 15px !important;
		border: 0px !important;
		color: #fff !important;
		border-bottom: 1px solid #ffffff1f !important;
	}
	.hd_menu nav > ul.elementor-nav-menu > li {
		margin-left: 0px;
	}
	.header_main ul.elementor-nav-menu .sub-menu li a {
		padding: 20px 20px 20px 35px !important;
		color: #fff !important;
		font-size: 17px !important;
		background-color: #231f20 !important;
		text-transform: uppercase;
	}
	.header_main ul.elementor-nav-menu .sub-menu {
		background: transparent !important;
	}
}
@media(max-width: 999px) {
	.ft_main {
		padding: 140px 15px 0;
	}
	.ft_top_info {
		margin: 25px auto -100px;
	}
	.menuft {
		padding: 20px 0;
		margin: 34px auto !important;
		max-width: 1030px;
	}
	.menuft li {
		margin: 0 10px !important;
	}
	.ft-logo img {
		max-width: 350px;
	}
	.info_list li a {
		justify-content: center !important;
	}
	.infotext h2 {
		text-align: center;
	}
	.info_list {
		justify-content: center;
		display: flex;
		text-align: center;
	}
	.ft_blockcol:nth-of-type(2) {
		border-right: 0;
	}
	.ft_blockcol:last-child {
		width: 100% !important;
		justify-content: center;
		display: flex;
		text-align: center;
		border-top: 1px solid #000;
		border-right: 0 !important;
	}
	.ft_blockcol {
		width: calc(100% / 2) !important;
	}
	.team_block h3 {
		font-size: 34px;
		margin: 0 0 10px;
	}
	.team_block.elementor-position-right {
		padding: 0 0px 0 20px;
	}
	.team_block {
		padding: 0 20px 0px 0;
	}
	.vl-track {
		gap: 10px;
	}
	.team_block .elementor-image-box-content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.vl-row img {
		padding: 12px 17px;
		border-radius: 10px;
		width: 120px;
		max-height: 90px;
		min-height: 80px;
	}
	.pad100 {
		padding: 60px 15px;
	}
	.defbtn a {
		padding: 13px 20px !important;
		margin-top: 18px;
		min-width: 150px;
	}
	.pr60 {
		padding-right: 35px;
	}
	.mt50 {
		margin-top: 40px;
	}
	.mb80 {
		margin-bottom: 60px;
	}
	p, li, div, p.elementor-heading-title {
		font-size: 16px;
		line-height: 27px;
	}
	.mdheading h2 {
		font-size: 40px;
		margin-bottom: 13px;
	}
	.pl60 {
		padding-left: 35px;
	}
	.bigheading h2 {
		font-size: 45px;
		margin-bottom: 15px;
	}
	.pb100 {
		padding-bottom: 60px;
	}
	.bannerhd h1 {
		font-size: 54px;
	}
	.pt100 {
		padding-top: 60px;
	}

}
@media(max-width: 767px) {
	.copyright_txt p {
		max-width: 525px;
		margin: 22px auto !important;
	}
	.team_block h3 {
		font-size: 31px;
	}
	.team_main > div {
		row-gap: 15px;
	}
	.ft_blockcol:nth-of-type(2) {
		border-top: 1px solid #000;
	}
	.ft_blockcol {
		border-right: unset;
	}
	.ft_blockcol {
		width: calc(100% / 1) !important;
	}
	.infotext h2 {
		font-size: 23px;
		margin-bottom: 11px;
		line-height: 26px;
	}
	.pad100 {
		padding: 40px 15px;
	}
	.team_block.elementor-position-right {
		background: #f7f7f7;
	}
	.team_block:nth-of-type(2n) .elementor-image-box-content {
		padding-left: 0;
		padding-right: 0;
	}
	.team_block.elementor-position-right {
		padding: 20px 15px 20px 15px;
	}
	.team_block img {
		min-height: fit-content;
	}
	.team_block {
		padding: 20px 15px 20px 15px;
		background: #f7f7f7;
	}
	.team_block .elementor-image-box-content {
		width: 100% !important;
		text-align: center;
		padding-left: 0;
	}
	.team_block .elementor-image-box-wrapper {
		display: block;
	}
	.mdheading h2 {
		font-size: 33px;
		margin-bottom: 10px;
	}
	.pr60 {
		padding-right: 0;
	}
	.pl60 {
		padding-left: 0;
	}
	.mt50 {
		margin-top: 16px;
	}
	.mb80 {
		margin-bottom: 25px;
	}
	.bigheading h2 {
		font-size: 35px;
		margin-bottom: 10px;
	}
	.pb100 {
		padding-bottom: 40px;
	}
	.bannerhd h1 {
		font-size: 45px;
	}
	.pt100 {
		padding-top: 40px;
	}
}
@media(max-width: 600px) {
	.vl-row {
		gap: 13px;
	}
	.vl-row img {
		padding: 11px 17px;
		border-radius: 10px;
		width: 90px;
		max-height: 70px;
		min-height: 50px;
	}
	.mdheading h2 {
		font-size: 32px;
		margin-bottom: 9px;
	}
	.bannerhd h1 {
		font-size: 42px;
	}
	.header_main ul.elementor-nav-menu > li > a, .hd_menu .elementor-nav-menu > li:last-child > a {
		font-size: 18px !important;
		padding: 15px 15px !important;
	}
	.header_main nav.elementor-nav-menu--dropdown {
		width: 340px;
	}
	.header_main .elementor-menu-toggle {
		padding: 9px;
	}
	.site_logo {
		max-width: 280px;
	}
}
@media(max-width: 400px) {

}