/* header video{
    height:100%;
    width:100%;
} */
*{
    box-sizing: border-box;
    padding:0;
    margin:0;
	
}




.fullbody{
	overflow: hidden !important;
	
}
.modal-title a{
	color:yellow;
	
	
}
.modal-title a:hover{
	color:yellow;
	font-style:italic;
	
	
}
.main_nav {
	margin-left:20%;
	z-index: 1;
	display: inline;
	margin-top: 30px;
	position: sticky !important;
	top:0;
	
	
	
}
.nav_header{
	color:black;
	font-size: 20px;
	transition: 1s all linear;
	font-weight: bold;
	padding:20px;
	margin:0 30px;
	overflow: hidden;
	
}

 
.nav_header:hover{
	color:yellow;
	font-size: 20px;
	transition: 1s all linear;
	font-style:italic;
	background:black;
	margin-top:20px;
	cursor:pointer;
	overflow: hidden;
	border-radius: 30px;
	
		
}

.nav_icon{
	color:yellow;
	background:black !important;
	border-radius:30px;
	width:100px !important;
	padding-top:5px;
	outline: none;
	transition: 1s all linear;
	margin-left:45%;
	
}

.dropdown_content a{
	color:black ;
	transition: 1s all linear;
}

.dropdown_content a:hover{
	color:yellow ;	
	background:black;
	transition: 0.5s all linear;
	border-radius:30px;
	
}

.dropdown_content i{
	padding:20px;
}


/*logo part*/

.mainlogo{
    position:absolute;
    top:0;
    left:10px;
    height: 150px;
	width:150px;
    text-align:center;
 
     
}



.mainlogo .img_flight{
  width:80px;
  height:80px;
  position: absolute;
  top:5px;
  left:35px;
  transform-origin: 50%;
  animation: flight 5s infinite linear;
	z-index: 111;
	
  
}
@keyframes flight{
  0%{
    transform:rotate(0deg);
	 
 
  }
  
   100%{
    transform:rotate(360deg);
    
  }
}
.mainlogo .logo{
    
    margin-top:18px !important;
    margin-left:42px;
    
    width: 60px;
	  height: 60px;
	  background-image: url(https://1.bp.blogspot.com/-UUXaK5GCj-k/UcsKJRMgkVI/AAAAAAAACfM/sePP_H08JTQ/s1600/1.jpg);
	  border-radius: 100%;
	  background-size: 200px;
	  animation: spin 10s infinite linear;
	  z-index: 111111;
  
}
@keyframes spin{
   0%{
    background-position-x: 0;}
  100%{
    background-position-x: 380px;}
  }


.logo p{
    position: relative;
    top:20px;
    color:white;
    font-size:12px;
   
   
}
.logo_text{
    font-weight: bold;
  color:yellow;
  margin-top:10px;
    
}
.header_image {
	height:100vh;
	width:100%;
	background:radial-gradient(rgba(0,0,0,0.5),rgba(0,20,114,0.5)),url("../travel_images/travel-wallpaper-hd.jpg");
	
	background-size:cover;
	background-repeat: no-repeat;
	z-index: -1;
	overflow: hidden;
}

.header_image:hover {
	height:100vh;
	width:100%;
	background:radial-gradient(rgba(0,145,0,0.5),rgba(0,20,114,0.5)),url("../travel_images/travel-wallpaper-hd.jpg");
	
	background-size:cover;
	background-repeat: no-repeat;
	z-index: -1;
}

/*animate image*/

.hd_image {
  position: absolute;
   height:50vh;
  width:50%;
  z-index: 1;
  perspective: 1000px;
  perspective-origin: 90%; 
    right:0;
	border:none;
	background:none;
    
}
.hd_image img{
 
  position: absolute;
  top:30%;
  
  right:0;
  
  transform: rotatey(-45deg);
  height:200px;
	z-index: 1;
  
  animation: myimg 15s infinite linear;
}


@keyframes myimg{
     0%{transform: rotatey(45deg);
        right:0;
        height:250px;
        margin-top:0px;
        width:250px;
        
    
    }
     25%{transform: rotatey(45deg);
         height:200px;
         width:250px;
   right:20%;
   margin-top:50px;

    }
     50%{transform: rotatey(90deg);
         height:150px;
   width:250px;

     right:50%;
     margin-top:150px;
       }
     75%{transform: rotatey(60deg);
         height:100px;
   width:100px;

    right:75%;
    margin-top:200px;
}
     100%{transform: rotatey(45deg);
         height:50px;
   width:50px;

  right:100%;
  margin-top:350px;
}
    
  
    
  
}





/*quick access*/
    .quick_access {
        position: fixed;
        right: 5%;
        top:5%;
        z-index: 12;
        color:white;
		transition: 0.5s all linear;

    }

    .quick_btns {
        text-align:center;
        background: rgba(22, 156, 150, 0.5);
        border-radius:30px 0 0 30px;
        padding:10px 0;
	transition: 5s all linear;
	

    }

    .quick_btns .section1,
    .section2,
    .section3,
    .section4,
    .section5 {

        margin-bottom: 30px;
         margin-left: 25px;
        height: 20px;
        width: 20px;
      


    }

    .quick_btns i:hover {
        color: gold;
        background:rgba(26, 26, 26, 0.5);
        width: 150px;
        font-size: 2rem;
        position: relative;
        right: 100px;
        cursor: pointer;
        transition: 0.5s all linear;
        padding:5px 5px 5px 10px;
        border-radius:30px ;
        text-align:left;
	
    }

    .qbtn {
        font-size: 2rem;
        background:rgba(26, 26, 26, 0.5);
        padding:0 20px;
        border-radius:10px 30px;
        transition: 5s all linear;


    }

    .qbtn:hover {
        color: yellow;
        cursor: pointer;
        border-radius:30px 0 0 30px;
        transition: 0.5s ;
         background: rgba(119, 29, 29, 0.678);

    }
    .quick_acc_mbtns i{
        font-size:1.5em;
        
    }
    .quick_acc_mbtns i:hover{
        color:black;
        transform:scale(1.5);
        transition:1s ease-in-out;
        cursor:pointer;
    }
    
.quick_acc_mbtns input{
    border-radius:20px;
    padding:8px 20px;
}

.quick_acc_mbtns  input:hover{
    background:black; 
     transition:1s all linear;  
}
.quick_acc_mbtns input:focus{
   
   border-bottom:2px solid yellow !important;
   border:none;
    background: none;
   outline:none;
   color:white;
  
   transition:1s all linear;
}
.quick_acc_mbtns textarea{
    border-radius:20px;
    padding:8px 20px;
}

.quick_acc_mbtns  textarea:hover{
    background:black; 
     transition:1s all linear;  
}
.quick_acc_mbtns textarea:focus{
   
   border-bottom:2px solid yellow !important;
   border:none;
    background: none;
   outline:none;
   color:white;
  
   transition:1s all linear;
}

.quick_acc_mbtns{
    color:white;
}

  


/*quick access block end here*/
/*header{
    height:100vh;
    width:100%;
    background-image: url(../images/header_image.png);
   background-size: cover;
    background-attachment: fixed;
    background-position: center;
    
}*/
                    /* Typing effect text */


.typewriter {
    font-family: Courier, monospace;
	display: inline-block;
	
	margin-top:40vh;
	/*margin-left:35%;*/
	background:rgba(26,26,26,0.9);
	color:yellow;
	padding:30px;
	border-radius:30px;
	
}

.typewriter-text {
    display: inline-block;
  	overflow: hidden;
  	letter-spacing: 2px;
 	animation: typing 6s steps(35, end) infinite, blink .75s step-end infinite;
    white-space: nowrap;
    font-size: 20px;
  
    border-right: 4px solid orange;
    box-sizing: border-box;
}

@keyframes typing {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

@keyframes blink {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: orange; 
    }
}

#loader {
  position: absolute;
  left: 50%;
  top: 30%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid  #f3f3f3;
  border-radius: 50%;
    border-top: 16px solid black;
  border-right: 16px solid yellow;
  border-bottom: 16px solid black;
  

  animation: spin1 2s linear infinite;
	
}



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

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}



@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#full_page {
  display: none;
  text-align: center;
}
	
	
.typewriter_loader {
    font-family: Courier, monospace;

	position: absolute;
	top:50%;
	left:35%;
	
	background:rgba(26,26,26,0.9);
	border-radius: 30px;
	
	padding:2%;
	color:yellow;


	
}

.typewriter-loader-text {
    display: inline-block;
  	overflow: hidden;
  	letter-spacing: 2px;
 	animation: typing_loader 3s steps(35, end) infinite, blink-loader .75s step-end infinite;
    white-space: nowrap;
    font-size: 20px;
  	font-weight: italic;
    border-right: 4px solid orange;
    box-sizing: border-box;
}

@keyframes typing_loader {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

@keyframes blink-loader {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: orange; 
    }
}

	.main_loader{
		background:black;
		height:100vh;
		width:100%;
	}


                            /* spring season */
                            
.spring_season{
    height:100%;
    width:100%;
    
    padding:10% 0%;
    
    background-image: url("../travel_images/alpinist-walking-vector1.jpg");
     background-attachment: fixed;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}                            
.spring_season  .spring_header{
    color:white;
    font-weight:bold;
    font-size:200%;
    letter-spacing: 5px;
    padding-left:10%;
}



.spring_text_block1 .text1{
    color:white;
}
.spring_text_block1 .text2{
    color:gold;
}
.spring_text_block1 .text3{
    color:cyan;
}
.seasons p a{
    color:white;
    text-decoration: none;
    display:block;
    padding:5%;
    background:rgba(26,26,26,0.5);
    transition:0.3s;
    border:2px solid rgba(26,26,26,0);
    border-radius: 20px;
	
    
 
    

}

.add_testimonials p{
    color:white;
    text-decoration: none;
    display:inline;
   padding:10px 20px;
    background:rgba(26,26,26,0.7);
    transition:0.3s;
    border:2px solid rgba(26,26,26,0);
    border-radius: 20px;
	clear:both;
	position: relative;

}
.seasons p a:hover{
    border-bottom:2px solid cyan; 
    border-right:2px solid yellow;
    border-left:2px solid cyan; 
    border-top:2px solid yellow;
    background:rgba(26, 26, 26, 0.8);

    color:yellow;
    text-transform: uppercase;
    font-weight: bold;
    
    transition:0.5s all linear;
	letter-spacing: 5px;

}
.add_testimonials p:hover{
    border-bottom:2px solid cyan; 
    border-right:2px solid yellow;
    border-left:2px solid cyan; 
    border-top:2px solid yellow;
    background:rgba(26, 26, 26, 0.8);
	display:inline;
    color:yellow;
    text-transform: uppercase;
    font-weight: bold;
    cursor:pointer;
    transition:0.5s all linear;
	letter-spacing: 5px;
	padding:20px;

}



                /* MUST VISIT PLACES */


  .must_visit_places{
    height:100%;
    width:100%;
    
    padding:10% 0%;
    
    background-image: url("../travel_images/spring/arizona/arizona3.jpg");
     background-attachment: fixed;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}     
.must_visit_places .heading_text{
    color:white;
    font-weight:bold;
    font-size:200%;
    letter-spacing: 5px;
    padding-left:10%;
    
}          




.must_visit_places .text1{
    color:white;
}
.must_visit_places .text2{
    color:gold;
}
.must_visit_places .text3{
    color:cyan;
}
.must_visit_places .content p a{
    color:white;
    text-decoration: none;
    display:block;
    padding:5%;
    background:rgba(26,26,26,0.5);
    transition:0.3s;
    border:2px solid rgba(26,26,26,0);
    border-radius: 20px;
    margin-top:3%;
    
 
    

}

.must_visit_places .content p a:hover{
    border-bottom:2px solid cyan; 
    border-right:2px solid yellow;
    border-left:2px solid cyan; 
    border-top:2px solid yellow;
    background:black;
  
    color:yellow;
    text-transform: uppercase;
    font-weight: bold;
     transition:0.5s all linear;
	letter-spacing: 5px;
   
    

}




            /* carousel slide */
/*.must_visit_places #carouselSlide1{
    width: 500px;
    height: 500px;
}
.must_visit_places #carouselSlide1 img{
    width: 500px;
    height: 500px;
}


.spring_season #carouselExampleInterval{
    height:500px;
    width:500px;
}
.spring_season #carouselExampleInterval img{
    height:500px;
    width:500px;
}*/

 /* coming soon block */

 .affordable_tourist_places img{
     color:black;
     
 }


.coming_soon_block .country_wise img{
    height:155px;
    width:175px;
}

.coming_soon_block .coming_soon_header{
    font-size:2rem;
    font-weight:bold;
    letter-spacing:2px;
}

.coming_soon_block .aff_header{
    color:maroon;
    font-weight: bold;
    margin:10% 10% ;
}

/* progress bar */
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
  position: fixed;
  top:0;
  z-index: 1;
left:50px;
}

.progress-bar {
  height: 8px;
  background: #4caf50;
  width: 0%;
}

#myBar{
    background:yellow;

}

footer .footer_part1{
    background:rgba(26,26,26,0.8);
    
}
.footer_part1 .e{
    color:yellow;
}

.footer_part1 .w{
    color:cyan;
}

.footer_part1{
    color:white;

}
.footer_part1 a{
    color:lightblue;
    text-decoration: none;
}
.footer_part1 a:hover{
    color:yellow;
    text-decoration: none;

}



/* testimonials */
.testimonials{
    background:black;
    height:100%;
    width:100%;
    
}
.testimonials i{
	font-size:10em;
	color:white;
	display:block;
	
	
}
.testimonials_img{
	border:2px solid grey;
	padding:20px;
	border-radius:30px;
	
	
}
.testimonials_img input{
	border:2px solid grey;
	background-color:white;
	border-radius:30px;
	margin:20px;
	padding:5px 10px;
	
	
}

.testimonials img{
    
    height:100%;
    width:100%;
    
}
.testimonials .client_text{
    color:grey;
}
.testimonials .client_name{
    color:white;
    text-align: right;
}

/* about us page */

.card {
  box-shadow: 0 4px 8px 5px grey;
  border:none;
}


.container {
  padding: 0 16px;
}

/* Clear floats */


.title {
  color: grey;
}
.our_team .our_team_header p{
    font-weight: bold;
    color:white;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size:2rem;
    margin:auto;
    box-shadow: 0 4px 8px 5px black;
    
}


.our_team .team_contact{
    border-radius:20px;
    cursor: pointer;
}
.our_team .team_contact:hover{
    border-radius:20px;
    color:yellow;
    font-weight:bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: 0.5s;
}


.footer_feed_click {
	 color:lightblue;
	
}
.footer_feed_click:hover {
	color:yellow;
   cursor:pointer;
	
}

 

.goto_top a{
	position:fixed;
	bottom:2%;
	right:20px;
	z-index: 99;
	color:black;
	font-size: 25px;
	transition:0.5s all linear;
	overflow: hidden;
}
.goto_top a:hover{
	color:yellow;
	transform: scale(1.5);
	background:black;
	overflow: hidden;
	padding:5px;
	
}
 .goto_top a abbr{
	cursor:pointer;
}


.typewriter_header_text {
	font-size:30px;
	letter-spacing: 2px;
	font-weight: bold;
	
}

.mv_slide_block1 {
	border-radius:10%;
	overflow: hidden;
	

	}		
.modal span abbr{
	color:white;
	cursor:pointer;
	text-decoration: none;
}
.modal-footer button abbr{
	color:white;
	cursor:pointer;
	text-decoration: none;
}
.footer-copyright{
	color:white;
}
.carousel_div{
	float:right;

}



.carousel-caption1 {
	display:inline;
	float:right;
	margin: auto;
	
}



.carousel-caption2 {
	margin-top:-30px;
	padding:10px;
	border-radius: 30px;
	color:white;
}



.testimonials-avatar {
	font-size:150px;
	color:white;

}



#carouselExampleCaptions ol {
	position: relative;
	top:400px;
}
#carouselExampleCaptions  abbr{
	cursor:pointer;
}
.test {
	background: url("../travel_images/testimonials/heigh.jpeg");
		background-repeat: no-repeat;
		background-size: cover;
	background-attachment: fixed;
	
	
	}

#testimonials_block {
	color:white;

}

.socicon:hover{
color:yellowgreen;
	background: black;
	padding:5px 5px;
	

	
	overflow: hidden;
	cursor:pointer;
	transition: 1s ease-in;
	/*transform: rotate(360deg);*/
	
	margin-bottom: 30px;

}
.socicon{
	font-size:25px;
	transition: 1s ease-in;
	
}
.soc{
	background:#F4EAEA;
	height:50px;
}

/*  CEO contact block*/


.sasi_contact_block{
	color:white;
	background:black;
	transition:2s all linear;
}
.sasi_line:hover{
	background: white;
	color:black;
		transition:2s ease-in;
	font-weight:bold;
}

.typing_block {
	margin-top:40vh;
}


.subscribe_count{
	background-color:black;
	color:cyan;
	padding:5px;
	border-radius:30px;
	
}


.admin_page_buttons{
	margin-top:50px;
}

	table{
		margin:auto;
	}	
	.header{
		font-size:30px;
		color:white;
	}
	.admin_logout{
		position:fixed;
		right:10px;
		font-size: 30px;
		padding:10px;
		top:17px;
	}

.homebtn_adminpage a{
	position: fixed;
	bottom:50px;
	right:30px;
	color:yellowgreen;
	background:black;
	padding:5px 10px;
	border-radius: 30px;
	
	
}
.homebtn_adminpage a:hover{
	position: fixed;
	bottom:80px;
	right:30px;
	color:yellow;
	background:black;
	padding:5px 10px;
	border-radius: 30px;
	box-shadow: 0px 50px 10px 0px black;
	
	
}


/*password not match screen styles*/
.password_text{
	
	color:white;
	font-size:30px;
	font-weight: bold;
	position: absolute;
	right:50px;
	top:40%;
	background:rgba(228,84,86,1.00);
	padding:2% 5%;
	box-shadow: 0px 10px 10px 0px white;
}

.page_background{
	background-image: url("../travel_images/locked.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	height:100vh;
	width:100%;
}
	
a[title="logout"] {
  border:2px solid black;
}

.slider_indicators{
		position: relative;
			top:350px !important;
		}


@media screen and (min-width:340px)  and (max-width: 700px) {	

	
	.slider_indicators{
		position: relative;
			top:635px !important;
		}



.nav_header{
	color:black;
	font-size: 20px;
	transition: 1s all linear;
	font-weight: bold;
	padding:20px;
	margin:0 45px;
	overflow: hidden;
	width:150px;
	background:rgba(256,256,256,0.5);
	text-align:center;
	z-index: 99;
	
}

 
.nav_header:hover{
	color:yellow;
	font-size: 20px;
	transition: 1s all linear;
	font-style:italic;
	background:black;
	margin-top:20px;
	cursor:pointer;
	overflow: hidden;
	border-radius: 30px;
	
		
}

		

		
.must_visit_places{
    height:100%;
    width:100%;
    
    padding:10% 0%;
    
    background-image: url("../travel_images/spring/arizona/arizona3.jpg");
     background-attachment: fixed;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
	
} 

}