/*
Theme Name: Vacation Club CSS
Version: 0.0.1
*/

/*********************************************************************
	Font Path
**********************************************************************/
@font-face{font-family:"OpenSans-Regular";src:url("../fonts/OpenSans/OpenSans-Regular.ttf");}
@font-face{font-family:"OpenSans-Bold";src:url("../fonts/OpenSans/OpenSans-Bold.ttf");}
@font-face{font-family:"Muli-Regular";src:url("../fonts/Muli/Muli-Regular.ttf");}
@font-face{font-family:"Muli-ExtraBold";src:url("../fonts/Muli/Muli-ExtraBold.ttf");}
@font-face{font-family:"Poppins-Regular";src:url("../fonts/Poppins/Poppins-Regular.ttf");}
@font-face{font-family:"Poppins-ExtraBold";src:url("../fonts/Poppins/Poppins-ExtraBold.ttf");}
@font-face{font-family:"Roboto-Bold";src:url("../fonts/Roboto/Roboto-Bold.ttf");}

/*********************************************************************
	General
**********************************************************************/

*{
margin:0;padding:0}
html,body{width:100%;height:100%;}
body{font-family:'OpenSans-Regular', 'sans-serif';font-size:1.2rem;}
h1,h2,h3,h4,h5,h6{font-family:'Poppins-ExtraBold', 'sans-serif';font-weight:400;letter-spacing:1px;}
hr.type1{width:100px;height:4px;background: #38ef7d;background: -webkit-linear-gradient(to right, #38ef7d, #11998e);background: linear-gradient(to right, #38ef7d, #11998e); }
hr.type2{border-width:1px;border-color:red;}
hr.type3{border-width:3px;border-color:rgba(236, 28, 35, 0.8);}
hr.type4{height:30px;border-style:solid;border-color:#C49128;border-width:1px 0 0 0;border-radius:20px;}
hr.type4:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#C49128;border-width:0 0 1px 0;border-radius:20px;}
hr.type5{width:100px;border-width:3px;border-color:#ffffff;}
hr.type6{border: 0;height: 1px;background: #333;background-image: -webkit-linear-gradient(left, #f1f1f1, #ec1c23, #f1f1f1);background-image: -moz-linear-gradient(left, #f1f1f1, #ec1c23, #f1f1f1);background-image: -ms-linear-gradient(left, #f1f1f1, #ec1c23, #f1f1f1);background-image: -o-linear-gradient(left, #f1f1f1, #ec1c23, #f1f1f1);}
section{padding:30px 0;}
section h2{font-size:50px;}
.bg-color{background: -webkit-gradient(linear, left top, right bottom, from(#38ef7d), to(#11998e));background: -webkit-linear-gradient(top left, #38ef7d, #11998e);background: -o-linear-gradient(top left, #38ef7d, #11998e);background: linear-gradient(to bottom right, #38ef7d, #11998e);}
.pt-6{padding-top: 6rem!important;}
.margin-0{margin:0;}
.margin-top-7{margin-top:7rem;}
.padding-0{padding:0;}
.padding-lr-0{padding-left:0;padding-right:0;}
.padding-l-0{padding-left:0;}
.padding-r-0{padding-right:0;}
.primary-color{color:#1db389 !important;}
.secondary-color{color:#b7b7b7 !important;}
.tertiary-color{color:#ff3e00 !important;}
.quaternary-color{color:#ffbe30 !important; }
.quinary-color{color:#0eb496}
.text-gray-color{color:#555555;}
.text-white-color{color:#ffffff;}
.gradient-text-main{background: -webkit-linear-gradient(to right, #38ef7d, #11998e);background: linear-gradient(to right, #38ef7d, #11998e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-shadow1{text-shadow:-0.04em 0.03em 0.13em rgba(0,0,0,0.5);}
.btn-vhg-default-green{color:#ffffff;background-image:linear-gradient(147deg, #78d099 0%, #036635 74%);box-shadow:2px 3px 5px rgba(0,0,0,0.5);}
.btn-vhg-yellowgreen{color:#ffffff;background-image:linear-gradient(180deg, #74ffa6 0%, #0eb496 74%);}
.btn-vhg-default-red:hover, .btn-vhg-yellowgreen:hover, .btn-vhg-default-green:hover{color:#fff;box-shadow:2px 3px 5px rgba(0,0,0,0.5);}
.btn-vhg-default-white{color:#ffffff;background:transparent;border:2px solid #fff;border-radius:5px;cursor:pointer;}
.btn-vhg-none-bg-color{background:none;width:200px;font-size:1.5rem;font-weight:700;padding:1rem 2rem;border:3px solid #fe5f75;color:#ffffff;text-shadow:-0.04em 0.03em 0.13em rgba(7,20,59,0.3);}
.btn-vhg-none-bg-color:hover{background:linear-gradient(315deg, #fc9842 0%, #fe5f75 74%);color:#ffffff;}
.btn-vhg-got-bg-color{width:200px;font-size:1.5rem;font-weight:700;padding:1rem 2rem;background:linear-gradient(315deg, #fc9842 0%, #ed213a 74%);color:#ffffff;border:3px solid transparent;}
.btn-vhg-got-bg-color:hover{background:none;border:3px solid transparent;-moz-border-image:-moz-linear-gradient(315deg, #fc9842 0%, #ed213a 74%);-webkit-border-image:-webkit-linear-gradient(315deg, #fc9842 0%, #ed213a 74%);border-image:linear-gradient(315deg, #fc9842 0%, #ed213a 74%);border-image-slice:1;color:#ed213a;text-shadow:-0.04em 0.03em 0.13em rgba(7,20,59,0.3);}
.z-index-2{z-index:2;}
.z-index-3{z-index:3;} 
.theme-btn {
    z-index: 1;
    font-weight: 600;
    overflow: hidden;
    padding: 15px 35px;
    text-align: center;
    position: relative;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    text-transform: uppercase;
    background: #1fe6ae;
    color: #ffffff !important;
    -webkit-box-shadow: 0 5px 60px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 60px 5px rgba(0, 0, 0, 0.2);
}
.theme-btn:before {
    background: -webkit-gradient(linear, left top, right bottom, from(#38ef7d), to(#11998e));
    background: -webkit-linear-gradient(top left, #38ef7d, #11998e);
    background: -o-linear-gradient(top left, #38ef7d, #11998e);
    background: linear-gradient(to bottom right, #38ef7d, #11998e);
}
.theme-btn:before {
    background: linear-gradient(to bottom right, #11998e , #38ef7d)!important;
}
.theme-btn:after {
    opacity: 0;
    background: -webkit-gradient(linear, left top, right bottom, from(#11998e), to(#38ef7d));
    background: -webkit-linear-gradient(top left, #11998e, #38ef7d);
    background: -o-linear-gradient(top left, #11998e, #38ef7d);
    background: linear-gradient(to bottom right, #11998e, #38ef7d);
}
.theme-btn:after {
    background: linear-gradient(to bottom right, #38ef7d , #11998e)!important;
}  
.theme-btn:after, .theme-btn:before {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    content: '';
    position: absolute;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.theme-btn:hover:before {
    opacity: 0;
}
.theme-btn:hover:after {
    opacity: 1;
}
 

.box-shadow1{box-shadow: 0 50px 90px -80px rgba(0, 0, 0, 0.5) !important;}
.to-bottom-bg-gradient {background-image: linear-gradient(to bottom, transparent 0%, #f8feff 100%);}
.to-top-bg-gradient {background-image: linear-gradient(to top, transparent 0%, #f8feff 100%);}
a.read-more{color:#1db389;}
a.read-more:hover{color:#56d4ca;text-decoration: none;}

.sec-title{position:relative;z-index:1;margin-bottom:35px;}
.sec-title .title{position:relative;display:block;font-size:18px;line-height:24px;color:#afafaf;font-weight:400;text-transform:capitalize;margin-bottom:10px;}
.sec-title h2{position:relative;display:block;font-size:44px;line-height:1.2em;color:#001e57;font-weight:800;padding-bottom:25px;}
.sec-title h2:before{position:absolute;content:'';left:0px;bottom:0px;width:120px;height:1px;background-color:#df6512;}
.sec-title h2:after{position:absolute;content:'';left:0px;bottom:0px;width:40px;height:1px;background-color:#001e57;}
.sec-title.light h2{color:#ffffff;}
.sec-title.light h2:after{background-color:#ffffff;}
.sec-title.centered{text-align:center;}
.sec-title.centered h2:before{left:50%;margin-left:-60px;}
.sec-title.centered h2:after{left:50%;margin-left:-60px;}

ul.custom-list-icon{font-size:1.2rem;}
ul.custom-list-icon li{padding-left:1.3em;font-weight:normal;list-style:none;}
ul.custom-list-icon li:before{content:"\f046";font-family:FontAwesome;display:inline-block;color:#029379;margin-left:-1.3em;width:1.3em;}

ul.custom-list-icon1{font-size:1.2rem;}
ul.custom-list-icon1 li{padding-left:1.3em;font-weight:normal;list-style:none;}
ul.custom-list-icon1 li:before{content:"\f046";font-family:FontAwesome;display:inline-block;color:#ffffff;margin-left:-1.3em;width:1.3em;}

ul.custom-list-icon2{font-size:1.2rem;}
ul.custom-list-icon2 li{padding-left:1.3em;font-weight:normal;list-style:none;}
ul.custom-list-icon2 li:before{content:"\f004";font-family:FontAwesome;display:inline-block;color:#029379;margin-left:-1.3em;width:1.3em;}

.display-table{display:table;height:100%;}
.display-table-cell{display:table-cell;vertical-align: middle;}

/*********************************************************************
	Homepage Carousel
**********************************************************************/
#home-page-slider-container{position: relative;width: 100%;-ms-touch-action: pan-y;}
/*#home-page-slider-container:before{background-image: url("../img/homepage-bg-pattern.png");z-index:2;position: absolute;bottom: 0;left: 0;width: 100%;height: 20.5%;content: "";background-size: cover;background-position: bottom;}*/
#home-page-slider-container .home-page-slider-box .item img{width:100%;object-fit:cover;position:relative;}
#home-page-slider-container .home-page-slider-box .sp-slider-text{position:absolute;top: 20%;max-width: 46%;left:30%;font-size:36px;font-weight:400;color:#fff;text-align:center;line-height:1.3}

#home-page-slider-container .home-scroll-down-icon{position: absolute;z-index:2;bottom: 20px;left: 48%;border-radius: 50%;animation-name: pulse;animation-iteration-count: infinite;animation-duration: 2s;cursor: pointer;}
#home-page-slider-container .carousel-caption {bottom:0;top:23%;text-align:left;}
#home-page-slider-container .carousel-caption h3 {font-size:40px;display: inline-block;padding: 10px 0;background: transparent;color:#fff;text-transform: uppercase;}
#home-page-slider-container .carousel-caption p {font-size:20px;color:#fff;letter-spacing:0;line-height:30px;width:100%;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;}
.home-page-slider-full-screen {background-size: cover;background-position: center;background-repeat: no-repeat;}
.home-page-slider-full-screen .opacity-layer{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));z-index:-2;opacity:0.5;height:100%;}
#home-page-slider-container .home-scroll-down-icon a{color:#1ba8b5;} 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(52, 232, 158, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(52, 232, 158, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(52, 232, 158, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(52, 232, 158, 0.9);
    box-shadow: 0 0 0 0 rgba(52, 232, 158, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(52, 232, 158, 0);
      box-shadow: 0 0 0 10px rgba(52, 232, 158, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(52, 232, 158, 0);
      box-shadow: 0 0 0 0 rgba(52, 232, 158, 0);
  }
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

/*********************************************************************
	Homepage Navigation Menu
**********************************************************************/
#mainNav {
	border-color: rgba(34, 34, 34, 0.05);
	background-color: white;
	-webkit-transition: all .35s;
	transition: all .35s;
	font-family: 'OpenSans-Regular', 'Helvetica', 'Arial', 'sans-serif';
	font-weight: 600;
	letter-spacing: 1px;
}

#mainNav .navbar-brand {
	/*color: #107fc4;*/
	color: #fff;
	font-family: 'OpenSans-Regular', 'Helvetica', 'Arial', 'sans-serif';
	font-weight: 200;
	letter-spacing: 1px; 
}

#mainNav .navbar-brand img.vhg-img-logo{
	height: 60px;
}

#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
	color: #fcbd20;
}

#mainNav .navbar-toggler {
	font-size: 12px;
	padding: 8px 10px;
	color: #107fc4;
	border-color: rgba(16, 127, 196, 1);
}

#mainNav .navbar-nav > li > a {
	font-size: 0.99rem;
	font-family: 'OpenSans-Regular', 'Helvetica', 'Arial', 'sans-serif';
	letter-spacing: 1px;
	text-transform: uppercase;
}

#mainNav .navbar-nav > li > a.active {
	color: #1db389 !important;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}

#mainNav .navbar-nav > li > a.active:hover {
	background-color: transparent;
	-webkit-transition: .3s;
	transition: .3s;
}
#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
	color: #222222;
}

#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
	color: #107fc4;
}

@media (min-width: 320px) and (max-width: 991px) {
	#mainNav {
		border-color: transparent; 
		/*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#ffffff)); */
		background-color: #e7e7e7;
	}
	#mainNav.navbar-shrink {
		border-color: rgba(34, 34, 34, 0.1);
		background: white;
		box-shadow: 0 0 7px 0 #c2c2c2, 0 0 7px 0 #c2c2c2;background: #f8f8f8;border-bottom: 1px solid #e7e7e7;
	}
}

@media (min-width: 992px) {
	#mainNav {
		border-color: transparent;
		background-color: transparent; 
		/*height:110px;*/
		/*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(transparent)); */
	}
	#mainNav.navbar{
		padding: 0.3rem;
	}
	#mainNav .navbar-brand {
		color: fade(white, 70%);
	}
	#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
		color: white;
	}
	#mainNav .navbar-nav > li > a,
	#mainNav .navbar-nav > li > a:focus {
		color: rgba(255, 255, 255, 0.7);
	}
	#mainNav .navbar-nav > li > a:hover,
	#mainNav .navbar-nav > li > a:focus:hover {
		color: #1ba8b5 ;
	} 
	#mainNav.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.1rem;
		padding-left: 1.1rem;
		cursor: pointer;
	}
	#mainNav.navbar-shrink {
		border-color: rgba(34, 34, 34, 0.1);
		background: white;
		box-shadow: 0 0 7px 0 #c2c2c2, 0 0 7px 0 #c2c2c2;background: #f8f8f8;border-bottom: 1px solid #e7e7e7;
	}
	#mainNav.navbar-shrink .navbar-brand {
		/*color: #222222;*/
		color: #fff;
	}
	#mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
		/*color: #107fc4;*/
		color: #ffffff;
	} 
	#mainNav.navbar-shrink .navbar-nav > li > a,
	#mainNav.navbar-shrink .navbar-nav > li > a:focus{
		color: #888 !important;
	}
	#mainNav.navbar-shrink .navbar-nav > li > a.active {
		color: #1db389 !important;
	}
	#mainNav.navbar-shrink .navbar-nav > li > a:hover,
	#mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
		color: #1db389 !important;
		cursor: pointer;
	} 
}

header.masthead {
	position: relative;
	width: 100%;
	/*padding-top: 150px;*/
	/*padding-bottom: 100px;*/
	color: white; 
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../img/vg-hero-bg-min-1.jpg"), no-repeat;
	background-size: cover; 
	background-position: bottom;
}
 
header.masthead .header-content {
	/*max-width: 500px;*/
	margin-bottom: 100px;
	text-align: center;
}

header.masthead .header-content h1 {
	font-size: 3.0rem;
	text-shadow: -0.04em 0.03em 0.13em rgba(7,20,59,0.3);
	z-index: 2;
	color: #d0d6dc;
}

@media (min-width: 992px) {
  header.masthead {
    height: 100vh;
    /*min-height: 700px;*/
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: left;
  }
  header.masthead .header-content h1 {
    font-size: 4.0rem;
    font-family: 'Muli-ExtraBold';
    text-shadow: -0.04em 0.03em 0.13em rgba(7,20,59,0.3);
    z-index: 2;
    color: #d0d6dc; 
  }
  header.masthead .device-container {
    max-width: 325px;
  }
}

@media (max-width: 768px) {
	header.masthead .header-content h1 {
	    font-size: 2.0rem; 
	  }
}
 
header.masthead .header-content .list-inline-item:not(:last-child) {
	margin-right: 0rem;
}


header.masthead .header-content .hero-logo-right img.logo-token-big{
	width: auto;
	height: 300px;
	/*transform: scaleY(0);*/
	transform-origin: center;
	opacity: 0;
}
#home-page-nav .btn-default{background:transparent;border:0;padding:0;font-size:25px;margin:1% 0 1%;float:right;}
#home-page-nav .btn-default i{color:#EC1C23;}
#home-page-nav.affix{position: fixed;top: 0;width: 100%;z-index:10;}

.header{position:relative;background-color:#f8f8f8;border-bottom:1px solid #e7e7e7;}
.header .logo img{width:auto;height:70px;}
.header-inner{font-size:0;}
@media all and (max-width:992px){
	.header-inner .left, .header-inner .right{width:100%;}
	.header-inner .left{padding-top:5px;}
	.header-inner .logo img{margin:0 auto;position: absolute;left: 20%;right:20%;display: block;object-fit: contain;}
}
@media all and (min-width:480px) and (max-width:768px){
	.header-inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
}


/* ============== Navigation ============== */f
.navigation{position:relative;font-size:0;display:inline-block;margin-right:51px;}
.main-nav ul{margin-bottom:0;}
.main-nav ul>li{display:inline-block;position:relative;-webkit-transition:.5s;transition:.5s;margin-left:31px;}
.main-nav ul>li:first-of-type{margin:0;}
.main-nav ul>li a{font-size:15px;color:#000;display:inline-block;font-weight:700;-webkit-transition:.3s;transition:.3s;text-transform:capitalize;line-height:70px;}
.main-nav ul>li a>i{margin-right:0;}
.main-nav ul>li a:hover, .main-nav ul>li a:hover:after, .main-nav ul>li a:active, .main-nav ul>li a:active:after{color:#EC1C23;}
.main-nav ul>li.menu-item-has-children a:after{content:"\f3d0";font-family:"Ionicons";position:relative;right:-4px;}


/* ============== Sub-Menu ============== */ 
.main-nav ul>li ul{opacity:0;filter:alpha(opacity=0);visibility:hidden;-webkit-transition:.25s;transition:.25s;position:absolute;top:70px;height:auto;padding:0;z-index:8;text-align:left;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);left:-10px;}
.main-nav ul>li ul li{white-space:nowrap;position:relative;display:block;padding:0;margin:0;border-bottom:1px solid #2f3036;}
.main-nav ul>li ul li a{background:none;height:50px;width:100%;line-height:50px;padding:0 20px;color:#627199;background-color:#222329;min-width:220px;display:block;}
.main-nav ul>li ul li:last-of-type{border:none;}
.main-nav ul>li ul li a:hover{background:#1b1b21;color:#fff;}
.main-nav ul>li.active ul li a{color:#fff;border-bottom:none;}
.main-nav ul>li ul li a:after{display:none;}
.main-nav ul>li.active ul li a:hover{background:#0199ed;color:#fff;}
.main-nav ul>li ul>li.active a{background:#003cd4;color:#fff;}
.main-nav ul>li ul li ul{left:100%;top:0;}
.main-nav ul>li:hover>ul{opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}

/*********************************************************************
	VN About Card Style at the Homepage
**********************************************************************/
#vn-cards-section h2{font-size: 2rem;font-weight: 700;}
#vn-cards-section p{font-size: 1.2rem;color: #828282;}

#vn-cards-section .vn-img-box{position:relative;display:flex;justify-content:flex-end;}
#vn-cards-section .vn-img-box .vn-front-item{position:relative;margin-top:-20px;z-index:2;}
#vn-cards-section .vn-img-box .vn-back-item{position:absolute;left:0;bottom:-20px;z-index:1;}
#vn-cards-section .vn-img-box .vn-front-item img, #vn-cards-section .vn-img-box .vn-back-item img{display:inline-block;max-width:100%;height:auto;}

#vn-cards-section .about-card-info{padding: 30px 0 30px;position: relative;}
#vn-cards-section .about-card-info .divider:after{content: '';display:inline-block;width:100px;height:4px;vertical-align:super;padding-right:15px;background: #38ef7d;background: -webkit-linear-gradient(to right, #38ef7d, #11998e);background: linear-gradient(to right, #38ef7d, #11998e); }
#vn-cards-section .about-card-info table{width:100%;}
#vn-cards-section .about-card-info table tr td{width:50%;}
#vn-cards-section .about-card-info ul.about-card-list{font-size:1.3rem;}
#vn-cards-section .about-card-info ul.about-card-list li{padding-left:1.3em;font-weight:700;list-style:none;}
#vn-cards-section .about-card-info ul.about-card-list li:before{content:"\f058";font-family:'Font Awesome 5 Free';display:inline-block;color:#029379;margin-left:-1.3em;width:1.3em;}


#vn-cards-section .vn-card-bg-svg .img-1{position: absolute;top: -26%;right: 0;z-index: -1;height: auto;width: auto;}
#vn-cards-section .vn-card-bg-svg .img-2{position: absolute;top: -16%;right: 1%;z-index: -2;height: auto;width: auto;}

/*********************************************************************
	VN Service Section Style at the Homepage
**********************************************************************/
.vn-services-section{position:relative;padding:95px 0px 95px;}
#vn-services-d-big .item{border-radius:0;text-align:center;}
#vn-services-d-big .item > img{width:100%;display:block;}
#vn-services-d-big .item .image-column{position:relative;}
/*#vn-services-d-big .item .image-column .inner-column{opacity:0;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);}*/
#vn-services-d-big .item .image-column .inner-column .image img{position:relative;width:100%;}
#vn-services-d-big .item .content-column{position:relative;}
#vn-services-d-big .item .content-column .inner-column{position:relative;padding-left:18px;}
#vn-services-d-big .item .content-column .title{position:relative;color:#555555;font-size:16px;}
#vn-services-d-big .item .content-column h3{position:relative;font-size:27px;margin-top:8px;}
#vn-services-d-big .item .content-column .text{position:relative;margin-top:18px;color:#555555;font-size:1.1rem;line-height:1.7em;margin-bottom:26px;text-align:justify;}
#vn-services-d-small .item{background:rgba(0, 0, 0, 1);margin:20px 5px;color:#FFF;border-radius:0;text-align:center;cursor:pointer;}
#vn-services-d-small .item:first-child{margin-left:10px;}
#vn-services-d-small .item:last-child{margin-right:10px;}
#vn-services-d-small .item > img{opacity:0.4;width:100%;height:100px;}
#vn-services-d-small .item h1{font-size:18px;}
#vn-services-d-small .synced .item img{opacity:1;}
#vn-services-d-big .owl-controls.clickable{position:relative;z-index:2;}
#vn-services-d-big .owl-prev , #vn-services-d-big .owl-next{display:none;} 
#vn-services-d-small{background-color:#fff;position:relative;-moz- transform:translateY(-100%);-ms- transform:translateY(-100%);-o- transform:translateY(-100%);-webkit- transform:translateY(-100%);}
#vn-services-d-small.space{padding-left:10px;padding-right:10px;}
#vn-services-d-big.single .owl-prev, #vn-services-d-big.single .owl-next{top:65px !important;}
#vn-services-d-big .owl-prev{left:0;}
#vn-services-d-big .owl-next{right:0;} 
.vn-services-details-img-wrap{position:relative;}
.vn-services-details-img-wrap img{width:100%;height:400px;object-fit:cover;position:relative;}
@media (min-width:320px) and (max-width:768px){
	.vn-services-details-img-wrap img{height:200px;}
	#vn-services-d-small .item > img{height:50px;object-fit:cover;}
}
@media (min-width:769px) and (max-width:1199px){
	#vn-services-d-small .item > img{height:35px;}
}


/*********************************************************************
	VN Partner Carousel Style at the Homepage
**********************************************************************/
#vn-partner-section{padding:50px 0;background-color: #FBFBFB;color:#ffffff;}
#vn-partner-section .logo-carousel-inner .single-logo-item img {max-width: 180px;height:50px;vertical-align:middle;margin: 0 auto;display:block;object-fit:contain;}
#vn-partner-section .logo-carousel-inner.owl-theme .owl-controls .owl-page span {background:#ffffff;}
#vn-partner-section .logo-carousel-inner.owl-theme .owl-controls {margin-top:30px;}

/*********************************************************************
	VN Join us Page
**********************************************************************/
#vn-join-us a.join-us-btn{display: block;color:#ffffff;height:100%;cursor:pointer;text-decoration:none;border-radius:5px;padding:1.2rem;text-align:center;box-shadow: 0 5px 60px 5px rgba(0,0,0,0.2);background: -webkit-gradient(linear, left top, right bottom, from(#38ef7d), to(#11998e));background: -webkit-linear-gradient(top left, #38ef7d, #11998e);background: -o-linear-gradient(top left, #38ef7d, #11998e);background: linear-gradient(to bottom right, #38ef7d, #11998e);}
#vn-join-us a.join-us-btn i{font-size:3rem;}

/*********************************************************************
	About Us Page
**********************************************************************/
#jumbotron-section.jumbotron{text-align: center;background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url("../img/p3.jpg") no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#jumbotron-section.jumbotron2{text-align: center;background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url("../img/10.jpg") no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#jumbotron-section.jumbotron3{text-align: center;background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url("../img/09.jpg") no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#jumbotron-section.jumbotron4{text-align: center;background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url("../img/11.jpg") no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}


#jumbotron-section h1{color:#fff;font-size: 2.5rem;font-weight: 900;}
/*#jumbotron-section .display-4 span, #jumbotron-section2 .display-4 span{background: -webkit-linear-gradient(left, #EC1C23 1%,#e89393 50%,#EC1C23 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}*/
#jumbotron-section .lead, #jumbotron-section2 .lead{color: #fff;letter-spacing: 8px;font-weight:700;}

#vg-about-us .box-img-div{position:relative;}
#vg-about-us .box-img-div .box-img-item{display:inline-block;border:10px solid #fff;box-shadow: 0 0 35px rgba(0,0,0,0.13);width:inherit;}
#vg-about-us .box-img-div .box-img-item img{max-width:100%;height:auto;display:inline-block;}
#vg-about-us .box-img-div .box-img-item.box-img-ontop{position:relative;margin-left:20%;z-index:2;}
#vg-about-us .box-img-div .box-img-item.box-img-bottom{border:none;position:relative;margin-top:-46%;z-index:1;margin-right:20%;}


.about-us-content{position:relative;z-index:1;}
.about-us-content h2{font-size:48px;display:block;margin-bottom:25px;}
@media only screen and (min-width:992px) and (max-width:1199px){
	.about-us-content h2{font-size:36px;}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.about-us-content h2{font-size:30px;}
}
@media only screen and (max-width:767px){
	.about-us-content h2{font-size:30px;}
}
.about-us-thumbnail{position:relative;z-index:1;width:100%;border-radius:5px;padding-left:30px;padding-bottom:30px;}
.about-us-thumbnail:before{content: "";position: absolute;bottom: 0; left: 0;width: 90%;height: 90%;background: linear-gradient(to bottom right, #11998e , #38ef7d)!important;border-radius: 4px;z-index: -1;}
.about-us-thumbnail img{width:100%;border-radius:5px;}
@media only screen and (min-width:768px) and (max-width:991px){
	.about-us-thumbnail{padding-right:0;}
}
@media only screen and (max-width:767px){
	.about-us-thumbnail{padding-right:0;}
}
.vn-video-area{position:absolute;top:50%;right:65px;z-index:99;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
@media only screen and (min-width:768px) and (max-width:991px){
	.vn-video-area{right:auto;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
}
@media only screen and (max-width:767px){
	.vn-video-area{right:auto;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
}
.vn-video-area .video-play-btn{display:inline-block;border-radius:50%;width:70px;height:70px;background-color:#1fe6ae;color:#ffffff;line-height:70px;text-align:center;font-size:24px;}
.vn-video-area .video-play-btn i{padding-left:5px;color:#fff;}
.vn-video-area .video-play-btn:focus, .vn-video-area .video-play-btn:hover{box-shadow:none;background-color:#1fe6ae;}
.vn-vision-mission-area{position:relative;z-index:1;}
.vn-video-area .video-play-btn{-webkit-transform:scale(0.93);-ms-transform:scale(0.93);transform:scale(0.93);}
.vn-video-area .video-play-btn:after{position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px #1583e9;opacity:1;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-animation:sonarEffect 1.3s ease-out 75ms infinite;animation:sonarEffect 1.3s ease-out 75ms infinite;}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #11998e, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #11998e, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0; } }
@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #11998e, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #11998e, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0; } }
@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #11998e, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #11998e, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0; } }

.about-tab-area{position:relative;z-index:1;}
.about-tab-area .nav-tabs .nav-item{margin-bottom:0;}
.about-tab-area .nav-tabs .nav-link{position:relative;z-index:1;letter-spacing:2px;text-transform:uppercase;padding:0 0 15px 0;border:none;margin-right:30px;background-color:transparent;color:#1db389;}
.about-tab-area .nav-tabs .nav-link.active{color:#495057;}

.about-tab-area .nav-tabs .nav-link.active:after{content:'';position:absolute;bottom:-1px;left:0;background-color:#1fe6ae;width:100%;height:2px;}
.vn-our-brand-section .our-brand-img{position: relative;z-index:1;padding-left:0;padding-right:0;}
.vn-our-brand-section .our-brand-img:before{content: "";position: absolute;bottom: 0;left: 0;width: 90%;height: 90%;background: linear-gradient(to bottom right, #11998e , #38ef7d)!important;border-radius: 4px;z-index: -1;}
.vn-our-brand-section .our-brand-img img{width:100%;height:auto;padding-left:30px;padding-bottom:30px;border-radius:5px;}

@media only screen and (max-width:767px){
	.about-tab-area .nav-tabs .nav-link{letter-spacing:1px;margin-right:15px;font-size:14px;}
	.vn-our-brand-section .our-brand-img img{padding-left:10px;padding-bottom:10px;}
}

/*********************************************************************
	Opporturnity Page
**********************************************************************/
#vn-oppoturnity .opportunity-img-div{position: relative;z-index:1;padding-left:0;padding-right:0;}
#vn-oppoturnity .opportunity-img-div:before{content: "";position: absolute;bottom: 0;right: -25px;width: 90%;height: 90%;background: linear-gradient(to bottom right, #11998e , #38ef7d)!important;border-radius: 4px;z-index: -1;}
#vn-oppoturnity .opportunity-img-div img{width:100%;height:auto;padding-left:0px;padding-bottom:30px;border-radius:5px;}

#vn-oppoturnity-steps .gradient-container {
    padding: 3%;
    border-radius: 5px;
    margin-top: 1%;
    color: #fff;
    height: 100%;
    background: linear-gradient(to bottom right, #11998e , #38ef7d)!important; 
}
#vn-oppoturnity-steps .gradient-container .table{margin-bottom:0;}
#vn-oppoturnity-steps .gradient-container .table td{border-top:none;}

@media only screen and (max-width:767px){
	#vn-oppoturnity .opportunity-img-div:before{right:0;}
	#vn-oppoturnity .opportunity-img-div img{padding-right:15px;padding-bottom:15px;}
}

/*********************************************************************
	Life Code Details Page
**********************************************************************/
#vn-life-code-details .opportunity-img-div{position: relative;z-index:1;padding-left:0;padding-right:0;}
/*#vn-vn-life-code-details .opportunity-img-div:before{content: "";position: absolute;bottom: 0;right: -25px;width: 90%;height: 90%;background: linear-gradient(to bottom right, #11998e , #38ef7d)!important;border-radius: 4px;z-index: -1;}*/
#vn-life-code-details .opportunity-img-div img{width:100%;height:auto;padding-left:0px;box-shadow: 0 10px 20px 5px rgba(218, 218, 218, 0.5);border-radius:5px;}

/*********************************************************************
	Contact Us Page
**********************************************************************/
#vn-contact-us iframe{width:100%; height:450px;}
#vn-contact-us .vn-contact-info-card{background: linear-gradient(to bottom right, #11998e , #38ef7d)!important;border-radius:5px;display: block;padding: 1rem 2rem;box-shadow: 0px 0px 37px 0px rgba(191, 191, 191, 0.35);}
#vn-contact-us .vn-contact-info-card i{color:#fff;}
/*#vn-contact-us .vn-contact-info-card i{width: 60px;height: 60px;border: 1px solid #1fe6ae;border-radius: 50%;line-height: 60px;}
#vn-contact-us .vn-contact-info-card h2{font-size:1.5rem;font-weight: 900;}
#vn-contact-us .vn-contact-info-card p{color: #000;font-size:1rem;}*/

.contact_form .form-group{margin-bottom:10px;}
.contact_form .form-group .form-control{font-size:1rem;line-height:26px;color:#353535;border:1px solid #1fe6ae;font-family:"Roboto", sans-serif;border-radius:0px;padding-left:20px;}
.contact_form .form-group .form-control:focus{box-shadow:none;outline:none;}
.contact_form .form-group .form-control.placeholder{color:#999;}
.contact_form .form-group .form-control:-moz-placeholder{color:#999;}
.contact_form .form-group .form-control::-moz-placeholder{color:#999;}
.contact_form .form-group .form-control::-webkit-input-placeholder{color:#999;}
.contact_form .form-group textarea{resize:none;}
.contact_form .form-group textarea.form-control{height:140px;}
.contact_form .priamry-btn{margin-top:20px;cursor:pointer;box-shadow:none;}

/*********************************************************************
	Numerology Calculator Page
**********************************************************************/
.vn-num-cal-wrapper{}

/*********************************************************************
	Footer
**********************************************************************/
#vc-footer{background:#7d7d7d;padding:20px 0;}
#vc-footer img{width: auto;height: 70px;}
#vc-footer .vc-footer-text{font-size:0.9rem;color:#fff;margin-top:5px;text-align: justify;}
#vc-footer .vc-footer-text i{font-size:1.1rem;}
#vc-footer .vc-footer-text i:before{background: linear-gradient(147deg, #ECC85F 0%, #EC1C23 74%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#vc-footer .vc-footer-text span{font-size: 1rem;color: #fff;}
#vc-footer .vc-footer-title h4{text-transform:uppercase;color:#fff;font-size:1.2rem;border-bottom:1px solid #e5e5e5;}
#vc-footer .vc-footer-title h4:after {content:"";display:block;border-bottom:1px solid #1ba8b5;max-width:100px;margin-bottom:-1px;}
#vc-footer ul>li{color:#fff;font-size:0.9rem;}
#vc-footer hr{border-top: 1px solid #eee;}
#vc-footer .copyright{color:#fff;font-size: 0.9rem;}
#vc-footer .footer-right ul>li {padding-right: 1rem;line-height: 0.9rem;}
#vc-footer .footer-right ul>li:nth-child(odd) {border-right: 1px solid;}
#vc-footer .footer-right ul>li a{color: #ffffff!important;}
#vc-footer ul.sitemap-links>li a{color: #C49128;}

@media (min-width: 992px){
	#vc-footer .footer-right ul {text-align: right;margin-bottom:0;}
}

/*********************************************************************
	Error Page
**********************************************************************/
#vn-error{padding: 50px 15px;}
#vn-error i:before{background: linear-gradient(147deg, #ec1c23 0%, #690202 74%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}