/*============ Template Introduction=====================
Template Name:wend - Tour, Travel & Travel Agency Template
Version: 1.0
Author:Andit Theme/Hadayet
Template URI: http://demo.anditthemes.com/html/travel-agency/
License URI: https://andit.co/
Tags:   hotel, resort, tour, tourism, tourist, tours website, travel, traveler, traveling, traveling websites, rest, Travelo, vacation.
================================================================*/
/*    Table of contents
================================================================
01. Base Styles here
02. Typography
03. content-box
04. common-banner
05. Button css
06. Home page
	1.top hedear
	2.Navber
	3.banner-Home
	4.video-play animation	
	5.About section 	
	6.Amazing section
	7.Tour area
    8.Summery area
    9.team area
    10.Testmoinal area
    11.contact area
07. Footer area
08. About page
	1.who-area
	2.best-service
	3.Nuturel img area
09. Tour packages page
10.Tour-packes-deatils page
	1.Tour-details main content
11.Model style
12.service page
13.Gallery page
14.faqs page
15.contact page
16.blog classic page
17.pagination
18.blog-single page
19.404 page
20.preloder

 		
======================================================================================================*/



/*---------------------------------------
 	01.Base Styles
 --------------------------------------*/


* {
  	margin: 0;
  	padding: 0;
  	border: none;
  	outline: none;
  }

  body,
  html {
  	height: 100%;
  	margin: 0;
  }

	

  body {
  	background: #fff none repeat scroll;
  	font-size: 14px;
  	font-weight: normal;
  	line-height: 24px;
  	position: relative;
    font-family: 'Poppins', sans-serif;
  	overflow-x: hidden;
  }

  ul li {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
  }

  ul {
  	margin: 0;
  	padding: 0;
  }

  a,
  a > * {
  	outline: none;
  	cursor: pointer;
  	text-decoration: none;
	  color: #014073;
  }

  a:hover {
  	text-decoration: none;
  }

/*--------------------------
		  2.  Typography
---------------------------*/

  h1 {

  	font-size: 45px;
  	color: #fff;
  	line-height:60px;
  	letter-spacing: 0.25px;
   font-family: 'Poppins', sans-serif;
	  font-weight: bold;
  	margin: 0;

  }

  h2 {
  	font-size: 36px;
  	font-family: 'Poppins', sans-serif;
  	font-weight: bold;
	  	color: #014073;
  	margin: 0;
    letter-spacing: 0.25px;
	line-height: 48px;
  }

  h3 {
	  
	 font-size: 30px;
  	font-family: 'Poppins', sans-serif;
  	margin: 0;
  	color: #272063;
  	font-weight: 400;
	  letter-spacing: -0.36px;
	 

  }

  h4 {
	font-size: 30px;
  	line-height: 1.2;
  	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	margin: 0;
  	color: #272063;
  }

  h5 {
  	font-size: 24px;
  	line-height: 27px;
 font-family: 'Poppins', sans-serif;
  	margin: 0;
  	color: #014073;
  	font-weight: bold;
	  

  }
  h6 {
  	font-size: 20px;
  	line-height: 1;
  	font-family: 'Poppins', sans-serif;
  	margin: 0;
  	color: #014073;
  	font-weight: 400;
	      letter-spacing: 0.25px;

  }
  p {
  	font-family: 'Lato', sans-serif;
  	margin: 0;
  	padding: 0;
  	color: #777c87;
  	font-size: 18px;
  	font-weight: 300;
  	line-height: 30px;
    letter-spacing: 0.25px;

  }



/*---------------------------------------
	3.content-box
-----------------------------------------*/


.content-box{
	text-align: center;
	margin-bottom: 50px;
}
.content-box h6{
	
}
.content-box h2{
	    margin-top: 10px;

}
.content-box h2 span{
	color: #468bc3;
}
.content-box p{
    margin-top: 2px;
    padding: 0 32%;
}
/*---------------------------------------
		4.common-banner
-----------------------------------------*/
.common-banner-text{
	text-align: center;
}
.commom-sub-heading h6 a{
	color: #fff;
}
.commom-sub-heading h6 a:hover{
	color:#ff9d33;
}
.commom-sub-heading h6 {
	margin-top: 15px;
	    font-size: 22px;
}
.commom-sub-heading h6 span{
	color: #fff;
}
/*--------------------------------------
	5.Button css
---------------------------------------*/
.btn-1{
	    color: #fff;
    background: #468bc3;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
	transition: 1.2s;
}
.btn-1:hover{
	color: #468bc3;
}
.btn-1:after{
	content:"";
	position: absolute;
	background: #fff;
	height: 100%;
	width: 0%;
    top: 0;
	left: 0;
	z-index: -1;
	transition: 1.1s;
	
	
}
.btn-1:hover:after{
	width: 100%;
	
}

.btn-2{
	    color: #fff;
    background: #468bc3;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
	transition: 1.2s;
	border-radius: 5px;
	
:
}
.btn-2:hover{
	color: #fff;
}
.btn-2:after{
	content:"";
	position: absolute;
	background: #014073;
	height: 100%;
	width: 0%;
    top: 0;
	left: 0;
	z-index: -1;
	transition: 1.1s;
	    border-radius: 3px;
	
	
}
.btn-2:hover:after{
	width: 100%;
	 border-radius: 3px;
	  
}



.for-pag-btn{
	    color: #fff;
    background: #014073;
        padding: 12px 30px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;
}
.for-pag-btn:hover{
	color: #fff;
}
.for-pag-btn:after{
	content:"";
	position: absolute;
	background:#468bc3 ;
	height: 100%;
	width: 0%;
    top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;
	 border-radius: 3px;
	
	
}
.for-pag-btn:hover:after{
	width: 100%;
	 border-radius: 3px;  
}

.btn-3{
	    color: #fff;
    background: #468bc3;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;
}
.btn-3:hover{
	color: #fff;
}
.btn-3:after{
	content:"";
	position: absolute;
	background: #014073;
	height: 100%;
	width: 0%;
    top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;
	
	
}
.btn-3:hover:after{
	width: 100%;
}
.btn-4{
	color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 7px 25px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 500;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;

}
.btn-4:hover{
	color: #fff;
	border: 1px solid #014073;
	 border-radius: 2px;
}
.btn-4:after{
	content:"";
	position: absolute;
	background: #014073;
	height: 100%;
	width: 0%;
    top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;
	
	
}
.btn-4:hover:after{
	width: 100%;
	
}
.submit{
	color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 7px 25px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 500;
	transition: 1.2s;
	background: #014073;
	

}
.submit:hover{
		color: #fff;
}
.submit:after{
	content:"";
	position: absolute;
	height: 100%;
	width:0%;
    top: 0;
	left: 0;
	z-index: -1;
	transition: 1.1s;
	background: #468bc3;
	

	
	
}
.submit:hover:after{
	width:100%;
	
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none;
}

.mar-top{
	margin-top:40px;
}
              /*6.Home*/
/*--------------------------------------
        6.1  top hedear
---------------------------------------*/
.header-most-top{
	background: #000;
	padding:10px 0px;
}
.main-email-text{
	border-right: 1px solid #808080;
}  
.main-email-text i{
	color: #808080;
    line-height: 30px;
    margin-right: 9px;
    font-size: 12px;
}
.main-email-text p{
	    font-size: 14px;
    color: #808080;
    font-weight: 500;
	    margin-right: 17px;
}
.main-loc-text i{
	color: #808080;
    line-height: 30px;
    margin-right: 9px;
    font-size: 12px;
	    margin-left: 17px;
}
.main-loc-text p{
	 font-size: 14px;
    color: #808080;
    font-weight: 500;
}
.seclict-area img{
	    width: 17%;
}
.phone-number-idel h6 a{
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    margin-top: 13px;
}
.left-menu-pho{
background: #ff9d33;
      width: 608px;
    position: absolute;
    right: 0;
    display: flex;
    height: 84px;
    border-left: 30px solid #014073;
    border-bottom: 85px solid #468bc3;
}
.icon-phon-men{
	
}
.icon-phon-men i{
	color: #014073;
    font-size: 28px;
    background: white;
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 46px;
    border-radius: 53px;
    position: relative;
    right: 38px;
    top: 17px;
}
.phone-number-idel{
	      position: relative;
    right: 25px;
    top: 20px;
}
.phone-number-idel p{
	    font-size: 14px;
    color: #603507;
    font-weight: 400;
}
.header-most-top select{
	background: transparent;
    color: #808080;
    width:57%;
    font-size: 14px
}
.login-area{
    display: flex;
    float: right;
}
.user-log i{
	    color: grey;
    font-size: 14px;
	margin-right: 5px;
	    margin-left: 20px;
}
.user-log a{
	    font-size: 14px;
    color: #808080;
    font-weight: 500;
}
.user-log{
	border-left: 1px solid #808080;
}
/*--------------------------------------
          6.2  Navber
---------------------------------------*/

.navbar{
	background: #014073;
	padding: 0;
	    font-family: 'Lato', sans-serif;
}
#top-heder-nav .nav-link:hover{
	color: #ff9d33;	
}
#top-heder-nav .nav-link{
	    color: #fff;
    font-size: 16px;
	   font-family: 'Poppins', sans-serif;
	font-weight: 500;
	    padding: 30px 10px;
	transition: 1.2s
}
#top-heder-nav .nav-item{
	margin-left: 20px;
}
#top-heder-nav .navbar-brand{
	padding: 0;
}
#top-heder-nav .navbar-brand img{
	margin-top: 14px;
}
#top-heder-nav .navbar-nav{
	margin-left:70px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
        float: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    background: #014073;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;

}
#top-heder-nav .nav-item  i{
	    position: absolute;
    top: 35px;
    right: -6px;
    color: #fff;
    font-size: 16px;
}
.dropdown-content a:hover {
     background-color: #468bc3;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.navbar-toggler{
	    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    padding: 3px 13px;
    font-size: 30px;
}
#top-heder-nav .active{
	color: #33FF99;

}
#top-heder-nav .active-2{
		    background: #468bc3;
}
/*--------------------------------------
	6.3. banner-Home
---------------------------------------*/
#banner-home{
	    background-image: url(../img/bann-img.png);
   padding: 170px 0 290px 0;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;

}
.banner-text-home h1{
	margin-top: 25px;
}
.banner-text-home h6{
	color:#ff9d33;
}
.banner-text-home  p{
	color: #fff;
	margin-top: 15px;
}
.button-common{
	margin-top: 45px;
}
.video-play-banner{
	float: right;
    margin-top: 130px;
}
.video-play-banner i{
	    color: #ff9d33;
    font-size: 28px;
    height: 90px;
    width: 90px;
    background: #fff;
    line-height: 90px;
    border-radius: 72%;
}


 .video-area.style-two:after {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/bg/video-area-bg.png);
    content: '';
    z-index: -1;
    width: 100%;
    height: 100%; }
.img-with-video .img-wrap .hover .video-play-btn:before {
    width: 90px;
    height: 90px;
}
/*-------------------------------------------
 	 6.4. video-play animation	
 ---------------------------------------*/
.video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
	z-index: -1;
}

.video-play-btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 16px;
}
 .video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 45%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #2f7baf;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}
  .video-play-btn:hover {
    color: #313131;
    }

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }



.player {
    position: fixed;
    z-index: 1;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.player__video {
    position: relative;
    top: 50%;
    left: 50%;
     height: 70%;
    width: auto;
    max-width: 75%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.95);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.95);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   
}

.js--show-video {
    opacity: 1;
}

.video-filler {
    display: block;
    width: 100%;
}

.video-close {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30px;
    padding: 5px 10px;
    border: none;
    outline: none;
    border-radius: 0 50% 50% 0;
    cursor: pointer;
    font-size: 24px;
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
}

.video-iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
}
#faqws-area{
	padding: 100px 0;
}
/*--------------------------------------
			6.5About section home
-------------------------------------*/
#ab-home{
	padding:200px 0 0 0;
}
#ab-home .nav-fill{
	width: 50%;
}
#ab-home .nav-tabs .nav-link.active {
    color: #4589c0;
    border-color:transparent;
	    border-radius: 0;
}

#ab-home .nav-tabs .nav-link:focus, #ab-home .nav-tabs .nav-link:hover {
    border-color:transparent;
}

#ab-home select{
	background: #fff;
    padding: 0px 0px 0px 8px;
    height:33px;
    width: 100%;
    color: #3a434c;
    font-size: 15px;
    border: 1px #a2b0be solid;
	 font-family: 'Poppins', sans-serif;
    font-weight: 600;
	border-radius: 5px;
	margin-top:0px;
	margin-left:8px;

}
#ab-home .nav-tabs .nav-link {
      border: none;
    font-size: 24px;
    font-weight: 600;
	 font-family: 'Poppins', sans-serif;
	color: black;
	margin-top:20px;
	margin-left:20px;
	background: rgba(255, 255, 255, 0.3)
	
	
}
.nav-tabs {
    border-bottom: none;
}
.booking-info .sec-po{
	       position: absolute;
    left: 29px;
    top: 14px;
    font-size:16px;
	    color: #00FF00;
}


label{
	margin-left: 20px;
}
.booking-info #datepicker{
    width: 100%;
}
.booking-info #datepicker-2{
height: 45px;
    width: 100%;
}
.booking-info #datepicker-3{
height: 50px;
    width: 100%;
}
.booking-info #datepicker-4{
height: 50px;
    width: 100%;
}
#datepicker-2 > span{
	position: absolute;
	left: 18px;
	z-index: 9;
	    color: #014073
}
#datepicker-3 > span{
	position: absolute;
	left: 18px;
	z-index: 9;
	    color: #014073
}
#datepicker-4 > span{
	position: absolute;
	left: 18px;
	z-index: 9;
	    color: #014073
}
#datepicker-2 > span:hover{cursor: pointer;}
#datepicker-3 > span:hover{cursor: pointer;}
#datepicker-4 > span:hover{cursor: pointer;}
#datepicker-2 .form-control{
	    border: 1px solid #000;
    border-radius: 5px;
		    padding: 0 50px;
		height:45px;
}
#datepicker-3 .form-control{
	    border: 1px solid #000;
    border-radius:5px;
		    padding: 0 50px;
		height: 45px;
}
#datepicker-4 .form-control{
	    border: 1px solid #000;
    border-radius: 5px;
		    padding: 0 50px;
		height: 45px;
}
#datepicker > span{
	position: absolute;
	left: 18px;
	z-index: 9;
	    color: #014073
}
#datepicker > span:hover{cursor: pointer;}
#datepicker .form-control{
	    border: 1px solid #000;
		    padding: 0 50px;
		height: 45px;
	    border-radius: 5px;
}

#datepicker .form-control::placeholder {
	 color: #014073;
    font-size: 16px;
	 font-family: 'Poppins', sans-serif;
    font-weight: 500
} 

#datepicker-2 .form-control::placeholder {
	 color: #014073;
    font-size: 16px;
	 font-family: 'Poppins', sans-serif;
    font-weight: 500
} 
#datepicker-3 .form-control::placeholder {
	 color: #014073;
    font-size: 16px;
	 font-family: 'Poppins', sans-serif;
    font-weight: 500
} 
#datepicker-4 .form-control::placeholder {
	 color: #014073;
    font-size: 16px;
	 font-family: 'Poppins', sans-serif;
    font-weight: 500
} 

.all-class{
	display: flex;
}
.bugest-info{
	margin-top:45px;
}
.bugest-info span{
	     color: #014073;
    font-size: 20px;
	 font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.book-ctn{
    margin-top: 50px;
	margin-right:45%;
	float: right;
}

.book-ctnindex{
    margin-top: 50px;
	margin-right:45%;
	float: right;
}


#nav-tabContent{
	margin: 25px 90px 0 90px;
}
.main-com{
    box-shadow: 0px 0px 36px -5px #0000001a;
    padding: 0 0 40px 0px;
    margin-top: -200px;
    background: #fff;
}


.left-side-text-ab h6{
	
}
.left-side-text-ab h2{
	    margin-top: 10px;
}
.left-side-text-ab span{
	color: #468bc3;
}
.left-side-text-ab p{
	margin-top: 2px;
}
.left-side-text-ab{
	margin-top: 100px;
}
#ab-home{
	background-image: url(../images/map.png);
	background-size: cover;
}
.ab-slider{
	margin-top: 100px;
}
#ab-home .owl-carousel .owl-nav.disabled {
       display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}
#ab-home  .owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}
#ab-home .owl-carousel .owl-nav button.owl-next {
        color: #fff;
    background: #468bc3;
    padding: 11px 13px !important;
    font-size: 22px;
    border-radius: 0;
    border: none;
	margin:0;
}
#ab-home .owl-carousel .owl-nav button.owl-prev{
	 color: #fff;
    background: #468bc3;
    padding: 11px 13px !important;
    font-size: 22px;
    border-radius: 0;
    border: none;
	margin:0;
}
#ab-home .owl-carousel .owl-nav button.owl-prev:hover{
	background: #014073;
}
#ab-home .owl-carousel .owl-nav button.owl-next:hover{
	background: #014073;
}

.map-io{
	    position: absolute;
    right: 45px;
        top: 15px;
    font-size: 18px;
	z-index: 999;
}
#ab-home select{       
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pad{
	  padding: 7px 25px !important;
}
.amr{
	margin-right: 10px;
}
.buget{
	    width: 36%;
    height: 6px;
    background: #468bc3;
    position: absolute;
    top: 55px;
    left: 158px;
}
.buget span{
	
}
.ranger-1{
	height: 20px;
    width: 20px;
    background: #0c4573;
    position: absolute;
    border-radius: 57px;
    top: -6px;
}
.ranger-2{
	height: 20px;
    width: 20px;
    background: #0c4573;
    position: absolute;
    border-radius: 57px;
    top: -6px;
	right: 0;
}
/*--------------------------------------