/*-----------------------------------------
 [MASTER STYLE SHEET]
 * Project: Landing Page HTML5 Template
 * Version: v1.1.1
 * Copyright 2018-2020 Sends
 * Last Changes: 21/08/2018
 * Author: RN53 Themes
 -----------------------------------------------*/
/*---------------------------------------------
 [TABLE OF CONTENT]
 
	1. COMMON STYLES
	2. PRE LOADING 
	3. CONTAINER SIZE
	4. TOP SECTION
	5. BANNER SECTION
	6. BOOKING FORM
	7. PACKAGES
	8. CUSTOMER TESTIMONIALS
	9. FOOTER
	10. TRAVEL PLAN
	11. MOBILE FRIENDLY STYLES(RESPONSIVE STYLES)

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

/*-------------------------------------------------*/
/* =  COMMON STYLES
/*-------------------------------------------------*/
body{font-family: 'Poppins', sans-serif;margin: 0;font-size: 14px;background: #fff;color: #1a2a38;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
    text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
li{
	list-style-type:none;
}
ul{
	padding:0px;
	margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}
a {
   -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
a:hover {
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
div{    box-sizing: border-box;}
:before{font-family: "Material Icons";position: absolute;}
:after{font-family: "Material Icons";position: absolute;}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(icon.woff2) format('woff2');
}
input, textarea, select{outline:none;font-family: 'Poppins', sans-serif;}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Placeholder text color */
::placeholder {
    color: #1a2a38;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #1a2a38;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #1a2a38;
}

/*-------------------------------------------------*/
/* PRE LOADING 
/*-------------------------------------------------*/
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
    /* change if the mask should have another color then white */
     z-index: 99999;
    /* makes sure it stays on top */
}
#status {
	position: absolute;
	left: 46%;
	/* centers the loading animation horizontally one the screen */
	top: 40%;
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #76cef1;
	width: 100px;
	height: 100px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*-------------------------------------------------*/
/* =  CONTAINER SIZE
/*-------------------------------------------------*/
.land-full{
    width: 100%;
    position: relative;
    display: inline-block;
}
.land-container{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.la-container-75{width: 950px;}
.col1{width:10%;float:left;padding:15px;}
.col15{width:15%;float:left;padding:15px;}
.col2{width:20%;float:left;padding:15px;}
.col25{width:25%;float:left;padding:15px;}
.col3{width:30%;float:left;padding:15px;}
.col35{width:35%;float:left;padding:15px;}
.col4{width:40%;float:left;padding:15px;}
.col45{width:45%;float:left;padding:15px;}
.col5{width:50%;float:left;padding:15px;}
.col55{width:55%;float:left;padding:15px;}
.col6{width:60%;float:left;padding:15px;}
.col65{width:65%;float:left;padding:15px;}
.col7{width:70%;float:left;padding:15px;}
.col75{width:75%;float:left;padding:15px;}
.col8{width:80%;float:left;padding:15px;}
.col85{width:85%;float:left;padding:15px;}
.col9{width:90%;float:left;padding:15px;}
.col95{width:95%;float:left;padding:15px;}



/*-------------------------------------------------*/
/* =  TOP SECTION
/*-------------------------------------------------*/
.land-3{}
.land-3-top-full{
    background: #ffffff;
    position: fixed;
    display: inline-block;
    width: 100%;
    height: 55px;
    padding: 10px 0px;
    top: 0px;
    z-index: 9;
    box-shadow: 0 3px 35px 0.6px rgba(40, 30, 20, 0.29);
    /* background: linear-gradient(to top, #262e3e, #999ca3); */
}
.land-3-top{
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
	z-index: 10;
}
.land-3-top-logo{
    float: left;
    width: 50%;
}
.land-3-top-logo a{}
.land-3-top-logo a img{
    margin-top: 2px;
    width: 200px;
    height: 32px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
}

.land-3-top-contact{
    float: left;
    width: 50%;
}
.land-3-top-contact ul{
    float: right;
    padding-top: 7px;
}
.land-3-top-contact ul li{
    color: #ffffff;
    float: left;
    margin-left: 50px;
    font-weight: 500;
}
.land-3-top-contact ul li:before {
	font-size: 18px;
	margin-top: 1px;
	margin-left: -26px;
	color: #ffffff;
	font-weight: 500;
}
.land-3-top-contact ul li:nth-child(1):before {
    content: "local_phone";}
.land-3-top-contact ul li:nth-child(2):before {
    content: "mail";}	
.land-3-banner-full{position: relative;background: url(../images/grass.png) no-repeat center bottom;background-size:100%;padding: 20px 0px 75px 0px;/* margin-top: 55px; */}
.land-3-banner-full:before {
    content: '';
    position: absolute;
    /* background: url(../images/family.png) no-repeat bottom left; */
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #67a2dc;  /* fallback for old browsers */
    background: -webkit-linear-gradient( 176deg, #4d95e0 25%, #a9c4d3 142%);  /* Chrome 10-25, Safari 5.1-6 */
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient( 176deg, #4d95e0 25%, #a9c4d3 142%);
}
.land-3-banner-full:after{
    content: '';
    position: absolute;
    background: url(../images/grass.png) bottom left;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-size: 48%;
	background-repeat: repeat no-repeat;
    opacity: 0.4;
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

/*-------------------------------------------------*/
/* =  BANNER SECTION
/*-------------------------------------------------*/
.land-3-banner{
    z-index: 5;
    position: relative;
}

.land-3-banner-conte{
    float: left;
    width: 60%;
    color: #ffffff;
    padding-right: 60px;
}
.land-3-banner-conte h1{
    font-size: 55px;
    line-height: 55px;
    padding-bottom: 14px;
}
.land-3-banner-conte h1 span{
    font-size: 45px;
    line-height: 45px;
    padding-bottom: 6px;
    font-weight: 100;
    display: block;
}
.land-3-banner-conte h4{
    font-size: 20px;
    font-weight: 300;
}
.land-3-banner-conte p{
    /* color: #677082; */
    /* border-bottom: 1px solid #737fc5; */
    padding-bottom: 0px;
    margin-bottom: 30px;
    font-weight: 300;
}
.land-3-banner-conte ul{}
.land-3-banner-conte ul li{
    color: #c8e3fd;
    padding-left: 30px;
    margin-bottom: 15px;
}
.land-3-banner-conte ul li:before{
	content: '';
	position: absolute;
	background: #c8e3fd;
	width: 7px;
	height: 7px;
	margin-left: -30px;
	margin-top: 7px;
	border-radius: 50px;
}

/*-------------------------------------------------*/
/* =  BOOKING FORM
/*-------------------------------------------------*/

.land-3-banner-form{
    float: left;
    width: 40%;
    padding-left: 20px;
}
.land-com-form{
    background: #2f4d71;
    border-radius: 10px;
    box-shadow: 0 2px 15px -5px rgba(0,0,0,0.76);
}
.land-com-form h2{
    font-size: 22px;
    text-align: center;
    margin-bottom: 18px;
    color: #fff;
    background: #273c56;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}
.land-com-form form{
    padding: 20px 50px 25px 50px;
}
.land-com-form form ul{}
.land-com-form form ul li{
    margin-bottom: 15px;
    position: relative;
    list-style-type: none;
}
.land-com-form form ul li:before{
    font-size: 18px;
    margin-top: 12px;
    margin-left: 10px;
    color: #6a717f;
    font-weight: 500;
}
.land-com-form form ul li:nth-child(1):before{content: "person";}
.land-com-form form ul li:nth-child(2):before{content: "mail_outline";}
.land-com-form form ul li:nth-child(3):before{content: "phone_iphone";}
.land-com-form form ul li:nth-child(4):before{content: "people";}
.land-com-form form ul li:nth-child(5):before{}
.land-com-form form ul li input, select{
    width: 100%;
    display: block;
    border: 0;
    border: 1px solid #d4d4d4;
    line-height: 24px;
    font-size: 14px;
    outline: none;
    height: 40px;
    background: #ffffff;
    padding-left: 45px;
    box-sizing: border-box;
    border-radius: 3px;
	color:#1a2a38;
}
.land-com-form form ul li input[type="submit"]{
    background: #d93b3a;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    padding-left: 0;
    border: 1px solid #b32120;
    text-transform: capitalize;
    background: -webkit-linear-gradient(to top, #D63938, #ef4b4a);
    background: linear-gradient(to top, #D63938, #ef4b4a);
}
.land-com-form form ul li:nth-child(5):before{
    content: "send";
    margin-left: 207px;
    margin-top: 17px;
    color: #fff;
    font-size: 16px;
	opacity:0;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.land-com-form form ul li:nth-child(5):hover:before{
	opacity:1;
	margin-left: 212px;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.land-com-form form ul li p{
    margin-bottom: 0px;
    color: #9fb2ca;
    font-size: 12px;
    text-align: center;
}
.land-com-form form ul li p a{
    color: #849ebd;
}
.land-com-form form ul li:last-child{margin-bottom:0px;}
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
    left: 48px;
    top: 0px;
  font-size: 11px;
  opacity: 0;
  font-size:8px;
}

.inputText {
  font-size: 14px;
  width: 200px;
  height: 35px;
}

.floating-label {
  position: absolute;
  pointer-events: none;
    left: 48px;
    top: 11px;
  transition: 0.2s ease all;
}

.land-3-dwn-full{
    /* position: relative; */
    display: inline-block;
    padding: 60px 0px;
}
.land-3-dwn{}
.land-3-dwn-img{
    float: left;
    width: 40%;
}
.land-3-dwn-img img{
    width: 100%;
    height: 350px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
}
.land-3-dwn-right{
    float: left;
    width: 60%;
    padding-left: 100px;
}
.land-3-dwn-right h2{
    font-size: 48px;
    line-height: 62px;
}
.land-3-dwn-right p{
    line-height: 26px;
    color: #495e71;
}
.land-3-dwn-right a{margin-right: 15px;}
.buy-now-btn{
    height: 50px;
    background: #D63938;
    margin: 0 auto;
    display: inline-block;
    border-radius: 3px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 0px 30px;
    margin-top: 10px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #b32120;
    text-transform: capitalize;
    background: -webkit-linear-gradient(to top, #D63938, #ef4b4a);
    background: linear-gradient(to top, #D63938, #ef4b4a);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pri-btn{
    height: 50px;
    background: #D63938;
    margin: 0 auto;
    display: inline-block;
    border-radius: 3px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 0px 30px;
    margin-top: 10px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #2f4d71;
    text-transform: capitalize;
    background: -webkit-linear-gradient(to top, #D63938, #ef4b4a);
    background: linear-gradient(to top, #2f4d71, #426998);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mov-cloud{
    z-index: 0;
}
@-webkit-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

/* ANIMATIONS */

.x1 {
	-webkit-animation: animateCloud 35s linear infinite;
	-moz-animation: animateCloud 35s linear infinite;
	animation: animateCloud 35s linear infinite;
	-webkit-transform: scale(0.65);
	-moz-transform: scale(0.65);
	transform: scale(0.25);
}

.x2 {
	-webkit-animation: animateCloud 20s linear infinite;
	-moz-animation: animateCloud 20s linear infinite;
	animation: animateCloud 20s linear infinite;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x3 {
	-webkit-animation: animateCloud 30s linear infinite;
	-moz-animation: animateCloud 30s linear infinite;
	animation: animateCloud 30s linear infinite;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x4 {
	-webkit-animation: animateCloud 18s linear infinite;
	-moz-animation: animateCloud 18s linear infinite;
	animation: animateCloud 18s linear infinite;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x5 {
	-webkit-animation: animateCloud 25s linear infinite;
	-moz-animation: animateCloud 25s linear infinite;
	animation: animateCloud 25s linear infinite;
	
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	transform: scale(0.55);
}

/* OBJECTS */

.cloud {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 5%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #8ab9e6 5%,#9cceff 100%);
	background: -o-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	height: 120px;
	position: relative;
	width: 350px;
	opacity: 0.3;
}

.cloud:after, .cloud:before {
    background: #8ab9e6;
    content: '';
    position: absolute;
    z-indeX: -1;
}

.cloud:after {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;

	height: 100px;
	left: 50px;
	top: -50px;
	width: 100px;
}

.cloud:before {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;

	width: 180px;
	height: 180px;
	right: 50px;
	top: -90px;
}



/*-------------------------------------------------*/
/* =  TRANSION EFFECTS
/*-------------------------------------------------*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.fade-in.four {
  -webkit-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  animation-delay: 2.1s;
}

/*-------------------------------------------------*/
/* =  FOOTER
/*-------------------------------------------------*/

.land-1-foot-full{
    background: #79a181;
    padding: 10px 0px;
}
.land-1-foot-text{}
.land-1-foot-text p{
    text-align: center;
    margin: 0px;
    font-size: 14px;
    color: #accab2;
}
.land-1-foot-text p a{
    color: #d4e6d8;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	text-align: center;
}

/*-------------------------------------------------*/
/* =  MOBILE FRIENDLY STYLES(RESPONSIVE STYLES)
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/* =  When the browser is between 0px and 1050px wide,below css will be applied.
/*-------------------------------------------------*/
@media screen and (max-width:1050px){
.land-container{
    width: 85%;
}	
.land-3-banner-conte, .land-3-banner-form {
    width: 100%;
    padding-right: 0px;
	padding-left:0px;
}
.land-3-top-logo {
    width: 30%;
}
.land-3-top-contact{width:70%;}
.land-3-banner-form{margin-top:35px;}
.land-3-banner-full:before{}
}

/*-------------------------------------------------*/
/* =  When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------*/
@media screen and (max-width:992px){
.land-3-top-contact ul li {
    margin-left: 40px;
    font-size: 12px;
}	
.land-3-banner-full {
    padding: 40px 0px 55px 0px;
}
.land-pack{width:100%;}
}

/*-------------------------------------------------*/
/* =  When the browser is between 0px and 767px wide,below css will be applied.
/*-------------------------------------------------*/
@media screen and (max-width:767px){
.land-3-top-logo, .land-3-dwn-img, .land-3-dwn-right {
    width: 100%;
}
.land-3-top-contact{display:none;}
.land-3-top-logo a img {
    margin: 0 auto;
    display: table;
}

.land-3-banner-conte h1{
	font-size: 44px;
    line-height: 40px;
    margin-bottom: 20px;
	text-align: center;
}

}

/*-------------------------------------------------*/
/* =  When the browser is between 0px and 480px wide,below css will be applied.
/*-------------------------------------------------*/
@media screen and (max-width:480px){
.land-3-dwn-right a {
    margin-right: 0px;
    width: 100%;
}
.land-3-banner-conte h1 span {
	font-size: 32px;
}
.land-3-banner-conte h1{
	font-size: 32px;
}
}

/*-------------------------------------------------*/
/* =  When the browser is between 0px and 400px wide,below css will be applied.
/*-------------------------------------------------*/
@media screen and (max-width:400px){

}