body{
	font-family:"Helvetica Neue", Helvetica, sans-serif; 
   	font-weight:300;
}

ul{
	-webkit-padding-start:0px;
	-moz-padding-start:0px;
	padding-start:0px;
}

.web-view{
	display:block;
}

.mob-view{
	display:none;	
}

.main-banner{
	position:relative;
}

@media (max-width:767px){	
	.web-view{
		display:none;
	}

	.mob-view{
		display:block;	
	}
}

.transition-effect{
    -webkit-transition: all 300ms ease-out 200ms;
    -moz-transition: all 300ms ease-out 200ms;
    -o-transition: all 300ms ease-out 200ms;
    transition: all 300ms ease-out 200ms;
}

.no-pad{
	padding:0px;
}

.design-pattern-bg{
	background:url('../images/pattern.png');
	background-repeat:repeat;
}

.red-line-1-hr, .red-line-2-hr, .red-line-3-hr, .red-line-1-vr, .red-line-2-vr, .red-line-3-vr{
	background-color:#e31e24;
	content:"\0026";
	position:absolute;
}

.red-line-1-hr, .red-line-2-hr, .red-line-3-hr{
	height:4px;
}

.red-line-1-hr{
	width:40px;
}

.red-line-2-hr{
	width:80px;
}

.red-line-3-hr{
	width:120px;
}

.red-line-1-vr, .red-line-2-vr, .red-line-3-vr{
	width:4px;
}

.red-line-1-vr{
	height:40px;
}

.red-line-2-vr{
	height:80px;
}

.red-line-3-vr{
	height:120px;
}

.main-container{
	margin:0px auto 10px;
}

#second_sec, #third_sec, #forth_sec{
	display:none;
}

.banner-img{
	width:100%;
	cursor:pointer;
}

.first-top-left-vr{
	left:-5px;
	bottom:0px;
}

.first-bot-right-hr{
	left:-20px;
	bottom:30px;
}

.first-top-right-vr{
	right:0px;
	top:20px;
}

.title-bg{
	background-color:#10498b;
	color:#fff;
}

.title-bg h3{
	padding:60px 80px;
	font-size:36px;
	margin-top:0px;
}

.first-top-design-pattern-bg{
	width:160px;
	height:80px;
	background-size:50% auto;
	margin-top:60px;
}

.dream-box-outer{
	margin-top:60px;
}

.dream-box{
	cursor:pointer;
	margin-bottom:20px;
}

.dream-box img{
	width:90%;
}

.dream-box p{
	color:#10498b;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:5px;
}

.indicator-hr{
	width:20px;
	left:50%;
	margin-left:-10px;
	display:none;
}

.first-bot-section{
	margin-top:60px;
}

.first-bot-left{
	border-top:3px solid #10498b;
}

.first-bot-left-vr{
	right:0px;
	top:-20px;
}

.first-bot-design-pattern-bg{
	height:100px;
	background-size:16% auto;
}

.second-bot-right-hr{

}

.choose-your-dream{
	margin-top:30px;
}

.choose-your-dream ul{
	list-style:none;
}

.choose-your-dream ul li{
	width:25%;
	float:left;
	text-align:center;
	text-transform:uppercase;
	color:#10498b;
	font-size:15px;
	font-weight:400;
	cursor:pointer;
}

.choose-your-dream ul li.active{
	font-weight:600;
	color:#e31e24;
}

.choose-your-dream ul li u{
	text-decoration:none;
}

.choose-your-dream ul li.active u{
	text-decoration:none;
	padding-bottom:5px;
	border-bottom:3px solid #e31e24;
}

.dream-options-outer{
	margin-top:3px;
	border-top:1px solid #84a2c3;
}

.dream-options{
	margin-top:30px;
}

.dream-options ul{
	list-style:none;
}

.dream-options ul li{
	width:33.33%;
	text-align:center;
	cursor:pointer;
	float:left;
}

.dream-options ul li img{
	width:60%;
	vertical-align:bottom;
}

.dream-options ul li p{
	text-transform:uppercase;
	color:#10498b;
	font-size:12px;
	font-weight:400;
	margin-top:10px;
}

.second-bot-vr{
	left:-20px;
	top:-6px;
}

.cart-bg{
	position:relative;
	width:70%;
	margin:100px auto 0px;
	padding:30px;
	background-color:#e2e2e1;
	border:3px solid #10498b;
}

.cart-bg .cart-img{
	width:100%;
	position:relative;
	z-index:9;
}

.cart-bg .cart-objects{
	position:absolute;
    width:120px;
    bottom:80px;
    left:20%;
}

.second-bot-design-pattern-bg{
	width:60%;
	height:40px;
	background-size:40% auto;
}

.btn-custom{
	background-color:#10498b;
	margin-top:-20px;
	color:#fff;
	padding-left:30px;
	padding-right:30px;
	cursor:pointer;
	font-size:18px;
	border:none;
	position:relative;
}

.btn-custom:hover,.btn-custom:focus{
	background-color:#10498b;
	color:#fff;
	outline:0;
}

.third-top-left-vr{
	left:-5px;
	bottom:0px;
}

.third-top-left-hr{
	left:0px;
	bottom:-5px;
}

.title-bg p{
	padding:60px 80px;
	font-size:26px;
}

.custom-group-control{
	position:absolute;
	left:20%;
	bottom:-30px;
	width:90%;
}

.custom-form-control{
	border-radius:0px;
    border:1px solid #10498b;
    color:#e31e24;
}

.custom-form-control:focus{
	color:#e31e24;
}

.date-div{
	margin-top:40px;
}

.third-top-design-pattern-bg{
	position:absolute;
	width:80px;
	height:60px;
	background-size:70% auto;
	top:30px;
	left:30%;
	z-index:99;
}

.third-top-design-pattern-bg2{
	top:100px;
}

.third-bot-left-vr{
	top:90px;
	left:75%;
}

.forth-bot-design-pattern-bg{
	position:absolute;
	width:100px;
	height:80px;
	background-size:80% auto;
	top:70px;
	left:30%;
	z-index:99;
}

.pattern-bg{
	background:url('../images/pattern.png');
	background-repeat:repeat;
	background-size:40% auto;
	width:200px;
	height:200px;
	border-radius:50%;
	padding:10px;
	margin:5px auto;
}

.pattern-bg img{
	width:100%;
	border-radius:50%;
	border:2px solid #e31e24;
	background-color:#fff;
}

.btn-custom2{
	border:2px solid #10498b;
	background-color:#fff;
	color:#10498b;
	text-transform:uppercase;
	margin-top:-50px;
	width:70%;
	font-weight:900;
}

.btn-custom2:hover, .btn-custom2:focus{
	border:2px solid #10498b;
	background-color:#fff;
	color:#10498b;
	outline:0;
}

.value-date-outer{
	padding-bottom:20px;
}

.offer-outer{
	margin-top:30px;
	padding-top:40px;
	padding-bottom:30px;
	background:url('../images/pattern4.png');
	background-repeat:repeat;
	background-color:#ae275f;
	color:#fff;
	background-size:120% auto;
}

.offer-inner h3{
	font-size:32px;
	margin-bottom:26px;
}

.offer-inner p{
	font-size:16px;
}

.offer-inner a{
	color:#fff;
	text-decoration:none;
}

.end-top{
	color:#ae275f;
	background:url('../images/pattern3.png');
	background-size:15% auto;
	background-repeat:repeat;
	padding:40px 60px 120px;
}

.end-top h2{
	font-size:32px;
	font-weight:500;
}

.end-top p{
	font-size:20px;
}

.result-data{
	padding-top:40px;
	margin-top:-100px;
	background-color:#fff;
}

.result-data .pattern-bg{
	background-position: 0px -8px;
}

.result-data .btn-custom2{
	cursor:default;
	max-width:260px;
}

.disclaimer-text{
	font-size:12px;
	padding-top:20px;
}

.indicator-2-hr{
	width:20px;
	display:none;
	margin-left:-10px;
}

.dream-options ul li.active .indicator-2-hr{
	display:inline-block;
}

.bod-bottom{
	display:inline-block;
	border-bottom:3px solid #e31e24;
}

.forth-bot-left-hr{
	right:-10px;
    bottom:23px;
}

.bod-bottom2{
	margin-left:15px;
}

#dream_date{
	background-color:#fff !important;
}

.result-data .btn-custom2{
	font-size:10px;
}

.graph{
	width:100%;
}

.points{
	font-size:18px;
    padding-left:40px;
    margin-top:20px;
}

.points li{
	padding-top:10px;
}

@-moz-keyframes bounce {
  	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateY(0);
    	transform: translateY(0);
  	}
  	40% {
    	-moz-transform: translateY(-30px);
    	transform: translateY(-30px);
  	}
  	60% {
    	-moz-transform: translateY(-15px);
    	transform: translateY(-15px);
  	}
}
@-webkit-keyframes bounce {
  	0%, 20%, 50%, 80%, 100% {
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
  	}
  	40% {
    	-webkit-transform: translateY(-30px);
    	transform: translateY(-30px);
  	}
  	60% {
    	-webkit-transform: translateY(-15px);
    	transform: translateY(-15px);
  	}
}
@keyframes bounce {
  	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateY(0);
    	-ms-transform: translateY(0);
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
  	}
  	40% {
    	-moz-transform: translateY(-30px);
    	-ms-transform: translateY(-30px);
    	-webkit-transform: translateY(-30px);
    	transform: translateY(-30px);
  	}
  	60% {
    	-moz-transform: translateY(-15px);
    	-ms-transform: translateY(-15px);
    	-webkit-transform: translateY(-15px);
    	transform: translateY(-15px);
  	}
}
.arrow {
  	position:absolute;
  	bottom:10px;
  	left:50%;
  	margin-left:-20px;
  	width:40px;
  	height:40px;
  	background-image:url('../images/arrow-icon.png');
  	background-size:contain;
  	cursor:pointer;
}

.bounce {
  	-moz-animation: bounce 2s infinite;
  	-webkit-animation: bounce 2s infinite;
  	animation: bounce 2s infinite;
}


@-moz-keyframes bounce_right {
  	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateX(0);
    	transform: translateX(0);
  	}
  	40% {
    	-moz-transform: translateX(-7px);
    	transform: translateX(-7px);
  	}
  	60% {
    	-moz-transform: translateX(-3px);
    	transform: translateX(-3px);
  	}
}
@-webkit-keyframes bounce_right {
  	0%, 20%, 50%, 80%, 100% {
    	-webkit-transform: translateX(0);
    	transform: translateX(0);
  	}
  	40% {
    	-webkit-transform: translateX(-7px);
    	transform: translateX(-7px);
  	}
  	60% {
    	-webkit-transform: translateX(-3px);
    	transform: translateX(-3px);
  	}
}
@keyframes bounce_right {
  	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateX(0);
    	-ms-transform: translateX(0);
    	-webkit-transform: translateX(0);
    	transform: translateX(0);
  	}
  	40% {
    	-moz-transform: translateX(-7px);
    	-ms-transform: translateX(-7px);
    	-webkit-transform: translateX(-7px);
    	transform: translateX(-7px);
  	}
  	60% {
    	-moz-transform: translateX(-3px);
    	-ms-transform: translateX(-3px);
    	-webkit-transform: translateX(-3px);
    	transform: translateX(-3px);
  	}
}
.arrow_right {
  	width:24px;
  	height:24px;
  	background-image:url('../images/arrow-icon2.png');
  	background-size:contain;
  	float:right;
  	position:absolute;
  	top:7px;
  	right:10px;
}

#cart_next, #calculate_btn{
	padding-right:40px;
}

.bod-bottom-btn{
	width:100%;
    margin-top:20px;
    text-align:center;
}

.bounce_right {
  	-moz-animation: bounce_right 2s infinite;
  	-webkit-animation: bounce_right 2s infinite;
  	animation: bounce_right 2s infinite;
}

.val-text{
	position:absolute;
    color:#0f498a;
    font-size:12px;
}

@media (max-width:767px){
	.arrow {
		margin-left:-10px;
		width:20px;
  		height:20px;
  	}

  	#cart_next, #calculate_btn{
		padding-right:40px;
	}

  	.arrow_right {
  		width:18px;
  		height:18px;
  		top:10px;
  		right:8px;
  	}

  	.date-div{
		margin-top:60px;
	}
}


@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	.cart-bg .cart-objects{
		width:80px;
	    bottom:70px;
	}
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
	.forth-bot-design-pattern-bg{
		display:none;
	}
	.cart-bg{
		width:50%;
	}
	.cart-bg .cart-objects{
		bottom:120px;
    	width:140px;
	}
}

@media (min-width:1028px){
	.dream-box:hover .indicator-hr{
		display:block;
	}
	.dream-options ul li:hover .indicator-2-hr{
		display:inline-block;
	}
}

@media (max-width:767px){

	.title-bg h3{
		padding:40px 20px;
	}

	.dream-box-outer{
		margin-top:10px;
	}

	.dream-box{
		margin-bottom:30px;
	}

	.first-bot-section{
		margin-top:0px;
	}

	.first-bot-design-pattern-bg{
		height:40px;
		background-size:36% auto;
	}

	.dream-options ul li{
		width:50%;
	}

	.dropdown-menu ul li{
		float:none;
	}

	.cart-bg{
		margin-top:20px;
	}

	.cart-bg .cart-objects{
		bottom:70px;
	}

	.choose-your-dream-mob .dropdown-toggle, .choose-your-dream-mob .dropdown-toggle:hover, .choose-your-dream-mob .dropdown-toggle:focus{
		background:none !important; 
	    border:none !important;
	    color:#e31e24 !important;
	    text-transform:uppercase;
	    font-size:18px;
	    padding:0px;
	    border-bottom:2px solid #e31e24 !important;
    	border-radius:0px;
	}

	.choose-your-dream-mob .dropdown-toggle .down-arrow img{
		width:16px;
		margin-left:8px;
	}

	.dream-options-outer{
		margin-top:-3px;
	}

	.choose-your-dream-mob ul li{
		width:100%;
		float:none;
	}

	.choose-your-dream-mob ul li{
		padding-top:10px;
	}

	.choose-your-dream-mob ul li.active u{
		padding-bottom:0px;
    	border-bottom:1px solid #e31e24;
	}

	.dream-options ul li{
		height:145px;
	}

	.custom-group-control{
		left:10%;
		width:100%;
	}

	.value-date-div{
		padding-bottom:20px;
	}

	.value-div p{
		padding:20px 20px;
	}

	.date-div p{
		padding:20px 20px;
	}

	.third-top-design-pattern-bg, .forth-bot-design-pattern-bg{
		display:none;
	}

	.end-top{
		padding:10px;
	}

	.result-data{
		padding-top:20px;
    	margin-top:0px;
	}

	.first-bot-section .btn-custom{
		font-size:10px;
	}

	.bod-bottom{
		line-height:10px;
	}

	#forth_sec .bod-bottom{
		margin-top:20px;
	}

	#forth_sec .bod-bottom .btn-custom{
		font-size: 12px;
	}
}

@media (max-width: 767px) and (orientation:landscape) {
	.cart-bg{
		width:50%;
	}

	.dream-box{
		width:50%;
	}

	.dream-options ul li {
	    height:200px;
	}

	.cart-bg .cart-objects{
		bottom:90px;
	}
}