/*-----------------------------------------!
	Vinhomes Grand Park - Landing Custom
 ------------------------------------------*/
.navbar-expand-md .navbar-nav .nav-link {
	font-size: 16px;
}
.navbar-expand-md .navbar-nav .nav-link:before {
    background: rgba(255,255,255,.9);
}
.bg-white {
    background: linear-gradient(90deg, rgba(255,255,255,.8) 15%, rgba(11, 155, 72,.8) 40%, rgba(255,222,22,.68) 100%)!important;
}

.navbar-nav .nav-link.active,
.bg-white .navbar-nav .nav-link:hover,
.menu-bg .navbar-nav .nav-link:hover {
    color: #FFDE16!important;
}

#popbox .close {
	border-color: #FFDE16 #FFDE16 transparent transparent;
	left:auto;
	right:0;
}
	#popbox .close:after,
	#popbox .close:before {
		left: auto;
		right: -25px;
	}

.number.color{
	background-color:#17A98C;
}

.text-primary{
	color:#1ABC9C!important;
}

.video-promo {
    background: url(/images/projects/vinhomes-grand-park/slider/vinhomes-grand-park-quan9.jpg) no-repeat 0 0/cover;
}
.cta {
    background: url(/images/bg/fire-00e10b1f.jpg) fixed;
    background-size: cover;
}
.overlay {
    background: #1abc9c;
    opacity:.78;
}

h3.sub-title{
	color:#1ABC9C;
	border-color:#1ABC9C;
}

#carousel-area .carousel-item .carousel-caption{
	top:21%;
}

#carousel-area .carousel-item .carousel-caption h1, 
#carousel-area .carousel-item .carousel-caption h2, 
#carousel-area .carousel-item .carousel-caption h3, 
#carousel-area .carousel-item .carousel-caption h4 {
	text-shadow: 0 0 10px rgba(0,0,0,.9), 0 1px 2px rgba(0,0,0,.68), 0 0 12px rgba(0,0,0,.8), 0 0 22px rgba(0,0,0,.99);
}


.subscribe-form .form-wrapper .form-control:focus {
	border-color:#1ABC9C;
}
.subscribe-form .form-wrapper.hightlight {
    background: #F7E661;
}

.shot-item .single-content a {
    text-shadow: 0 1px 3px rgba(0,0,0,.99), 0 0 2px #000;
}


#hotline_flow:after {
	background-color:#1ABC9C;
}



/*---------------------------------------
  iPad Landscape
  ---------------------------------------*/
@media (max-width:1024px)
{
	.navbar-expand-md .navbar-nav .nav-link {
	    font-size: 16px;
	}
}

/*---------------------------------------
  iPad Portrait
  ---------------------------------------*/
@media (max-width:768px)
{
	.bg-white {
	    background: linear-gradient(90deg, rgba(255,255,255,.8) 12%, rgba(11, 155, 72,.8) 50%, rgba(255,222,22,.68) 100%) !important;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		margin-left: 14px;
		font-size: 14px;
	}
}

/*---------------------------------------
  Small tablet
  ---------------------------------------*/
@media (max-width:640px)
{
	.bg-white {
	    background: linear-gradient(-135deg, rgba(11, 155, 72,.8) 0%, rgba(255,255,255,.9) 50%, rgba(255,222,22,.86) 100%) !important;
	}

	.navbar-expand-md .navbar-nav .nav-link.active,
	.navbar-expand-md .navbar-nav .nav-link{
		font-weight:bold;
		font-size:18px;
		text-shadow: 0 1px 8px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.35);
	}
	.navbar-expand-md .navbar-nav .nav-link.active {
		font-size: 22px;
	}
	
	.navbar-nav > li:last-child > .navbar-expand-md .navbar-nav .nav-link.active {
		border:0!important;
	}
}