@charset "UTF-8";
/* CSS Document */

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}




body { margin: 0; padding: 0;font-family: "Poppins", sans-serif;   font-style: normal;  }

*,*:after ,*:before { box-sizing:border-box; }

.main-page{ width: 100%; height: auto; position: relative; margin: 0 auto}

.banner-holder{ width: 100%; background: url("images1/ban-bot.png")no-repeat ,url("images1/bann-top.png")no-repeat , url("images1/bg.png") no-repeat; background-position: top center; padding: 40px 40px 40px 40px; position: relative; overflow: hidden; background-size: auto 100% , 150px auto, cover; background-position: left top , right bottom, center}
.logo{float: left;margin: 0 0 0 5%;padding: 0;width: 386px;height: auto;} 


.logo svg{ width: 100%; height: auto;}
.banner-txt{float: left;width: 400px;display: block;clear: both;color: #fff;line-height: 1.2;margin-left: 5%;/* font-size: 24px; *//* margin-top: 4%; */}
.banner-txt p {font-size: 24px;margin: 0;padding: 0;line-height: 1.4;}
.banner-txt span { color: #ffba4f}
.banner-txt p:nth-child(2) {     font-family: 'Poppinsbold';} 
.banner-img{width: 32%;height: auto;position: absolute; bottom:0;left: 50%;transform: translate( -50%);}
.slideshow-container {  max-width: 1000px; position: relative; margin: auto;
}
.active {
  background-color: #717171;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.banner-img img{ width: 100%; height: auto; display: block;}
.form-holder{float: right;padding: 20px;background: #e4b75b;width: 100%;color: #4c4698;border-radius: 30px;margin-right: 5%;max-width: 400px;font-size: 20px;margin-top: 10;/* position: absolute; *//* right: 5%; *//* top: 5%; */margin-top: -100px;}
.form-holder p{ margin:10px auto; padding: 0;}
.form-holder input{margin:0 auto;padding: 10px;border-bottom: solid #4c4698;width: 100%;background:transparent;outline: 0;border-width: 0 0 1px 0;color: #4c4698;font-size: 18px;}
.form-holder select{margin:0 auto;padding: 10px 5px;border-bottom: solid #4c4698;width: 100%;background:transparent;outline: 0;border-width: 0 0 1px 0;color: #4c4698;font-size: 18px;}
.form-holder .btn{background: #000000;padding: 10px;color: #fff;font-family: 'Poppinsbold';width: 170px;font-size: 20px;display: table-caption;}
.form-holder .tnc{font-size: 10px;margin: 10px 0;display: inline-block;/* text-align: center; */}

.sepre-div{ width: 100%; margin: 0; height: auto;}
.sepre-div img { width: 100%; height: auto}
.section2-top{width: 100%;margin: -42px auto 0 auto;z-index: 9;position: relative;}
.section2-top img {width: 100%;height: auto;display: block;}

.section2-bot{width: 100%;margin: 0px auto 0px auto;z-index: 9;position: relative;background: #302e81;}

.section2-bot img {width: 100%; height: auto; display: block}

.section2-bg{ width: 100%; position: relative; overflow: hidden; background: url("images1/second-tpbg.png") top left repeat-x #96b943 ; padding: 40px; background-size: 60% auto }
.section3{width: 100%;position: relative;overflow: hidden;background: url("images1/section-middle-bg-icon.png") top left no-repeat, url("images1/section-middle-bg.jpg") bottom left no-repeat;background-size: 100% auto, cover;padding: 40px;text-align: center;}

.section3 h1{font-size:60px;/* font-family: 'Poppins-SemiBold'; */border-bottom: 2px dashed #fff;display: table;margin: 0 auto;text-align: center;padding: 0;font-weight: 500;}
.section3 p{font-size:30px;margin: 10px auto;text-align: center;padding: 0;font-weight: 500;}
.section3 p span{ display: block;}

.section3 video { width: 60%; height: auto; margin: 10px auto; border-radius:20px; border: 2px solid #fff; -webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.36);
-moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.36);
box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.36); }
.section4-bg{width: 100%;position: relative;overflow: hidden;background: url("images1/second-BTbg.jpg")left bottom repeat-x #96b943;padding: 40px;background-size: 62% auto;}

.section3 video img {width: 100%; height: auto;}

.section5{width: 100%;position: relative;overflow: hidden; background: url("images1/fifth-TPbg.png") left 60px no-repeat, url("images1/fifth-BTbg.png") left 101% no-repeat , url("images1/section3-middle-bg.png") center top repeat; background-size: 100% auto, 100% auto, cover;padding: 40px;text-align: center; color: #fff;}

.section5 .head{font-size:60px;font-family: 'Poppins-SemiBold';border-top: 2px dashed #fff;border-bottom: 2px dashed #fff;display: table;margin: 20px auto 0 auto;text-align: center;padding:20px  0;position: relative;}
.section5 h1{font-size: 46px;/* font-family: 'Poppins-SemiBold'; */text-transform: uppercase;margin: 10px auto;font-weight: 500;}


.section5 p{font-size: 46px;/* font-family: 'Poppins-SemiBold'; */display: table;margin: 0 auto;text-align: center;padding: 0;text-transform: uppercase;font-weight: 500;}
.destSlider {position:relative; margin: 60px auto;}
.destSlider h1 {/* font-family: 'Poppins-SemiBold'; */font-size: 30px;color:#fff;margin: 5px 0;padding: 0;text-align:-webkit-center;font-weight: 700;}
.destSlider p {width:100%;font-size: 20px;color:#fff;margin: 0;padding: 0;/* font-family: 'Poppins'; */line-height: 1.1;text-transform: lowercase;font-weight: 400;}

.destSlider h1 img{ width: 120px !important; height: auto; text-align: center;  }

.btn-bot{background: #ff0000;color: #fff;margin: 10px auto;padding: 10px;/* font-family: 'Poppinsbold'; */width: 270px;font-size: 30px;border-radius: 20px;font-weight: 500;}
.btn-blue{background: #ff0000;color:#fff;margin: 10px auto;padding: 10px 20px;/* font-family: 'Poppinsbold'; */display: table;font-size: 30px;border-radius: 20px;font-weight: 500;}
.btn-blue a, .btn-bot a {
    text-decoration: none;
    color: inherit;
}
.container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #000;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #000;
  width: 20px;
  height: 20px;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #000;
  width: 20px;
  height: 20px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media only screen and (max-width: 1366px) { 
	.banner-holder{ padding: 20px; }
	.banner-img {width:35%; left:48%}
	
	.logo{    margin: 0 0 0 2%;}
	.banner-txt{    margin: 0 0 0 2%;}

	.banner-txt p {font-size: 23px;line-height: 1.7;}
	.form-holder{ margin-right:1%;}

}

@media only screen and (min-width: 1025px) and (max-width: 1200px)  { 
	
	.banner-holder { padding: 10px; }
	.form-holder{ width: 30%; margin-right: 0;}
	.logo { margin-left: 1%;} 
	.banner-txt { margin-left: 1%;} 
	.banner-txt p {font-size: 20px;line-height: 1.5;}

}

@media only screen and (max-width: 1024px) {
	.banner-txt p{font-size: 20px;line-height: 1.2;}
	.form-holder{ width: 35%}
	.banner-img { left:40%;width: 45%;}
	
}
@media only screen and (max-width: 800px) {
	
	
		.banner-holder{width: 100%;background: url("images1/ban-bot-M.png")no-repeat, url("images1/bann-topm.png") no-repeat , url("images1/bg.png") no-repeat;padding: 20px 10px 70px 10px;position: relative;overflow: hidden;background-position: left 25% , right 90%, center;background-size: 100% auto,20% auto, cover;}
	.logo{ width: 200px;}
	.logo{ width: 200px;}
	.banner-txt{ width: 100%; margin: 0 auto;}
	.banner-txt p{ font-size: 16px; text-align: center;}
	.banner-img { position: relative; width: 50%;}
	.form-holder{ width: 80%;margin: 0 auto; max-width: none;  float: none; }
	.form-holder{/* font-size: 13px; */}
	.form-holder input{padding: 5px;}
	.form-holder select{padding: 5px;}
	
		.section3 {padding:20px 10px 0px 10px;line-height: 1.2;background-position: center 20%, center;background-size: 110% auto, cover;}

	
	.section3 h1 {font-size: 30px;}
	.section3 p  {font-size: 20px;}
	.section3 video {    width: 90%;}
		.section5 { padding: 20px 10px 0px 10px; line-height: 1.2 }
	.section5 h1 {font-size: 22px;}
	.section5 span:before { display: none;}
	.section5 span:after { display: none;}
	.section5 p { font-size: 20px}
	.slick-dotted.slick-slider { width: 80%;}
	.btn-bot{font-size: 20px; width: 200px;}
	.btn-blue{font-size: 20px; width: 300px;}

	
}
@media only screen and (max-width: 480px) {
	
	
	.banner-holder{width: 100%;background: url("images1/ban-bot-M.png")no-repeat, url("images1/bann-topm.png") no-repeat , url("images1/bg.png") no-repeat;padding: 20px 10px 70px 10px;position: relative;overflow: hidden;background-position: left 25% , right 90%, center;background-size: 100% auto,20% auto, cover;}
	.logo{ width: 200px;}
	.banner-txt{ width: 100%; margin: 0 auto;}
	.banner-txt p{ font-size: 16px; text-align: center;}
	.banner-img { position: relative; width: 50%;}
	.form-holder{font-size: 13px;width: 80%;margin: 0 auto;float: none;}
	.form-holder input{padding: 5px;}
	.form-holder select{padding: 5px;}
	
	.section3 {padding: 20px 10px 0px 10px;line-height: 1.2;background-position: center 20%, center;background-size: 110% auto, cover;}
	
	.section3 h1 {font-size: 30px;}
	.section3 p  {font-size: 20px;}
	.section3 video {    width: 90%;}
		.section5 { padding: 20px 10px 0px 10px; line-height: 1.2 }
	.section5 h1 {font-size: 22px;}
	.section5 span:before { display: none;}
	.section5 span:after { display: none;}
	.section5 p { font-size: 20px}
	.slick-dotted.slick-slider { width: 80%;}
	.btn-bot{font-size: 20px; width: 200px;}
	.btn-blue{font-size: 20px; width: 200px;}

	
}