/*============ 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: #ff9d34;
}
.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: #ff9d34;
    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: #ff9d34;
}
.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: #ff9d34;
    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-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:#ff9d34 ;
	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: #ff9d34;
    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: #ff9d34;
	

	
	
}
.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 #ff9d34;
}
.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: #ff9d34;
}

.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: #ff9d34;

}
#top-heder-nav .active-2{
		    background: #ff9d34;
}
/*--------------------------------------
	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: 100px 0;
}
#ab-home .nav-fill{
	width: 30%;
}
#ab-home .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ff9d34;
    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: 6px 0px 6px 50px;
    height:45px;
    width: 100%;
    color: #014073;
    font-size: 16px;
    border: 1px solid;
	 font-family: 'Poppins', sans-serif;
    font-weight: 500;
	border-radius: 5px;

}
#ab-home .nav-tabs .nav-link {
      border: none;
    font-size: 16px;
    font-weight: 600;
	 font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
	color: black;
}
.nav-tabs {
    border-bottom: none;
}
.booking-info .sec-po{
	       position: absolute;
    left: 29px;
    top: 14px;
    font-size:16px;
	    color: #014073
}

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;
	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: #ff9d34;
}
.left-side-text-ab p{
	margin-top: 2px;
}
.left-side-text-ab{
	margin-top: 100px;
}
#ab-home{
	background-image: url(../img/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: #ff9d34;
    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: #ff9d34;
    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: #ff9d34;
    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;
}
/*--------------------------------------
			6.Amazing section
-------------------------------------*/
#amazing{
	padding: 100px 0 0 0;
    background-image: url(../img/bj.png);
    background-size: cover;
    background-position: center;
}
.amz-img img{
	width: 100%;
}
.mar-p{
	margin-right:70px;
}
.all-service-travel{
	display: flex;
	position: relative;
	    margin-top:215px;
}
.flight-cover{
	    background: #014073;
    height: 80px;
    width: 80px;
    text-align: center;
    padding-top:16px;
    margin-right: 30px;
    border-radius: 57px;
	transition: 1.4s;
}
.flight-cover:hover{
	background:#ff9d34; 
	transform: translateY(-10px);
}
.flight-cover:hover i{
	transform: translateY(-3px);
}
.flight-cover i{
	font-size: 28px;
	color:#fff;
	transition: 1.2s;
	
   
}
.flight-cover p{
	    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 0;
	margin-top: 12px;
	color:#fff;

}
.grun-img{
	 position: absolute;
    top: 36%;
    left: 93px;

}
.grun-img img{
	    width:100%;
}

.shape-3 {
    -webkit-animation: left3right infinite linear 0s infinite;
    animation: left3right 60s linear 0s infinite;
}

@-webkit-keyframes left3right {

  100% {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Chrome, Safari, Opera */
    transform: rotate(360deg); }
  }
.mar-o{
	margin-top: 0;
}

/*--------------------------------------
				7.Tour area
-------------------------------------*/
#tour-des{
	padding: 100px 0;
}
.des-img{
	    overflow: hidden;
}
.des-img img{
	width: 100%;
	transition: 2s;
}
.des-cov:hover .des-img img{
	transform: scale(1.1);
	opacity: .9;
}
.dayt{
	display: flex;
	justify-content: space-between;
}
.dayt p{
	    color: #ff9d34;
    font-size: 16px;
    font-weight: 500;
}
.dayt h6 a{
	font-weight: 600;
    color: #014073;
	transition: 1.1s;
}
.des-cov:hover .dayt h6 a{
	    color: #ff9d34;
}
.des-cov-1:hover .dayt h6 a {
    color: #ff9d34;
}
.des-para{
	    padding: 30px 20px;
	-webkit-box-shadow: 0px 0px 18px -15px #000;
        box-shadow: 0px 0px 18px -15px #000;
}
.des-button-icon{
	    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.real-dat-para p{
	    font-size: 15px;
    line-height: 24px;
    margin-top: 15px;
}
.start-icon-des i{
	color: #ff9d34;
    font-size: 16px;
    margin-right: 5px;
}
.start-icon-des{
	margin-top: 10px;
}
.des-cov{
	margin: 10px;
}

#tour-des .owl-carousel .owl-dots.disabled {
    display: block;
}

#tour-des .owl-theme .owl-dots .owl-dot.active span {
   background: #014073;
}
#tour-des .owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    margin: 5px 7px;
	background:#ff9d34 ;
}
#tour-des .owl-theme .owl-dots .owl-dot:hover span{
	background: #014073;
}
#tour-des .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}
/*--------------------------------------
				8.Summery area
-------------------------------------*/
#summery{
	background-image: url(../img/tr.png);
	background-size: cover;
	padding: 100px 0;
}
.summery-cover h6{
	color: #fff;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 2px;
	font-family: 'Lato', sans-serif;
}
.summery-cover p{
	color:#fff;
	font-size: 50px;
		font-family: 'Poppins', sans-serif;
	font-weight: 800;
	      margin-top: 25px;
    margin-bottom: 25px;
}
.summery-cover p span{
	color: #ff9d33;
}
.summery-cover h2{
	color:#fff;
	    margin-top: 20px;
	    font-weight: 400;
}
.summery-cover{
	text-align: center;
}
.all-spance{
	text-align: center;
	margin-top: 15px;
}
.all-spance span{
	color: #fff;
	    font-size: 16px;
}
.all-space-to{
	     border: 2px solid white;
    padding: 50px 0;
	position: relative;
}
.all-space-to:after{
	    content: "";
    position: absolute;
    top: -8px;
    border-left: 15px solid #ff9d34;
    height: 80px;
    border-top: 15px solid #ff9d34;
    width: 80px;
    left: -9px;
}


.all-space-to:before{
	      content: "";
    position: absolute;
    bottom: -8px;
    border-right: 15px solid #ff9d34;
    height: 80px;
    border-bottom: 15px solid #ff9d34;
    width: 80px;
    right: -7px;
}
.all-span-btn-com{
	position: absolute;
    left: 41%;
    bottom: -20px;
}
/*--------------------------------------
			9.team area
-------------------------------------*/
#home-team{
	padding: 100px 0;
}
.coa-app img{
 display: block;
  width: 100%;
  height: auto;
}
.coa-app{
	position: relative;
}
.team-overlay{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
     background: linear-gradient(284deg, rgba(43, 44, 117, 0) 33%, rgba(245, 125, 45, 0.88) 19%);
  overflow: hidden;
  width: 0%;
  height: 100%;
  transition: .5s ease;
}

.coa-app:hover .team-overlay {
  width:100%;
}
.team-contact h6{
	color:#fff;
	margin-top: 24px;
}
.team-contact p{
	color: #fff;
    font-size: 16px
}
.team-icon{
	margin-top: 20px;
}
.team-over {
   padding: 5px 5px;
    border: 2px solid #fff;
    border-radius: 112px;
    color: #fff;
    font-size: 14px;
    margin-right: 6px;
	transition: 3s;
}
.team-over:hover {
    border: 2px solid #014073;
    color: #014073;
	transition: 2s;
}
.no-te {
    padding: 5px 9px !important;
}
.team-contact{
	position: absolute;
    left: 30px;
    top: 60px;
	display: none;
	transition: 3s;
}
.coa-app:hover .team-contact {
	display: block;
}


/*--------------------------------------
			10.Testmoinal area
-------------------------------------*/

#home-testimonial-top{
	       background-image: url(../img/t-bg.png);
    background-size: cover;
    padding: 120px 0 390px 0;
    background-repeat: no-repeat;
}

.color-1{
	color: #a6d7ff;
}
.color-2{
	color: #fff;
}

#home-testimonial{
	   padding-bottom: 100px;
}
.vt-img{
	position: relative;
	margin-top: -390px;
}
.vt-img img{
    width: 100%;
    box-shadow: 0px 0px 14px -4px #000;
}
.video-play-test{
	position: absolute;
    top: -218px;
    left: 46%;
}
.video-play-test i {
    color: #ff9d33;
    font-size: 28px;
    height: 90px;
    width: 90px;
    background: #fff;
    line-height: 90px;
    border-radius: 72%;
}

.test-slider-home-1{
    margin-top:120px;
}
.test-heading h2{
	    margin-top: 15px;
	    margin-right: 170px;
}
.test-heading h2 span{
	color: #ff9d34;
}
.test-flex p{
	     margin-top: 30px;  
}
.test-flex h6{
	    font-weight: 600;
    margin-top: 25px;
}
.start-icon i{
	    color: #ff9d34;
    margin-top: 15px;
}
.test-monial-item{
	
} 
.test-moinal-ing-left img{
        position: relative;
   
}

#home-testimonial .owl-carousel .owl-dots.disabled {
    display: block;
}

#home-testimonial .owl-theme .owl-dots .owl-dot.active span {
   background: #014073;
}
#home-testimonial .owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    margin: 5px 7px;
	background:#ff9d34 ;
}
#home-testimonial .owl-theme .owl-dots .owl-dot:hover span{
	background: #014073;
}
#home-testimonial .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: 40px;
    position: absolute;
    right: -15px;
    top: 123px;
    transform: rotate(90deg);
}



/*--------------------------------------
				11.contact area
-------------------------------------*/

.map-inner iframe {
    width: 100%;
    height: 599px;
    border: 0;
	opacity: .5;
	    position: absolute;
}
.contact-cover{
            background: linear-gradient(284deg, rgba(43, 44, 117, 0) 17%, rgba(245, 125, 45, 0.88) 2%);
    padding: 40px 154px 40px 40px;
}
.contact-heading h2{
	    font-size: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.1px;
}
.contact-heading p{
	 color: #fff;
    margin-top: 15px;
}
.phone-info p{
	color: #fff;
}
.info-office{
	       display: flex;
    justify-content: space-between;
    margin-top: 20px
}
.phone-deta{
	display: flex;
}
.email-deta{
	display: flex;
}
.sams p{
	    color: #fff;
    font-weight: 500;
    font-size: 18px;
}
.phone-info img{
	    margin-top: 15px;
}
.phone-info img{
	   margin-top: 15px;
}
.sams{
	margin-left: 15px;
}

.contact-form .form-control{
	 background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    height: 45px;
    padding: 10px 22px;
	  font-family: 'Poppins', sans-serif;
}
.contact-form .nessage-text .form-control{
	height: auto;
}
.contact-form ::-webkit-input-placeholder {  
  color: #fff;
	font-size:16px;
}

.contact-form :-ms-input-placeholder { 
  color: #fff;
	font-size:16px;
}

.contact-form ::placeholder {
  color: #fff;
	font-size:16px;
	font-weight: 100;
}
.contact-form{
	margin-top: 25px;
}
.contact-sub-btn{
	margin-top: 30px;
}
/*--------------------------------------
			07.footer
-------------------------------------*/
.footer-para p{
	color: #fff;
	    margin-top: 20px;
	font-size: 16px;
}
#footer-all-page{
	background: #014073;
	padding: 100px 0;
		
}
.form-control:focus{
	box-shadow: none;
}
#footer-all-page .form-control{
	    border-radius: 0;
    height: 49px;
    background: transparent;
    color: #fff;
	position: relative;
}
button:focus{
	outline: none;
	box-shadow:none !important;
}
.plean-footer{
	color: #fff;
    background: #ff9d33;
    padding: 1px 11px;
    border-radius: 0;
    font-size: 30px;
	    position: absolute;
	transition: 1.4s;
    right: 12px;
}
.plean-footer:hover{
	color: #014073;
}
#footer-all-page ::placeholder {
  color: #fff;
	font-size:16px;
	  	font-family: 'Lato', sans-serif;
}

#footer-all-page :-ms-input-placeholder {
  color: #fff;
	font-size:16px;
	  	font-family: 'Lato', sans-serif;
}

#footer-all-page ::-ms-input-placeholder { 
  color: #fff;
	font-size:16px;
	  	font-family: 'Lato', sans-serif;
}
.footer-form{
	margin-top: 30px;
}

.comm-foot-hed h6{
	  	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
.comm-foot-hed h6:before{
	    content: "";
    position: absolute;
    height: 1px;
    width: 38px;
    background: #ff9d33;
    bottom: -11px;
}
.foot-list{
	margin-top: 50px;
}
.foot-list ul li{
	    margin-bottom: 16px;	  	
}
#footer-all-page  ul li a{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 16px;
}
#footer-all-page  ul li a:hover{
	color: #ff9d33;
}
.quick-link{
	margin-left: 25px;
}
.foot-list-2 ul li{
		  margin-bottom: 16px;	  	
}
.quick-link-2{
	    margin-top: 70px;
    margin-left: 30px;
}
.pos-rece-1{
	display: flex;
	margin-bottom: 25px;
}
.podt-text-1 p a{
	color: #fff;
	font-size: 16px;
}
.podt-text-1 p a:hover {
	color: #ff9d33;
}
.podt-text-1 p{
	line-height: 24px;
	    margin-bottom: 10px;
}
.podt-text-1 span{
	font-size: 16px;
	color: #ff9d33;
	font-family: 'Lato', sans-serif;
}
.post-rect-img img{
	    margin-top: 5px;
    margin-right: 20px;
	transition: 1s;
	opacity: .5;
}
.post-rect-img img:hover{
	opacity: 1;
}
.post-cover-foot{
	margin-top:50px;
}
.copy-right-para p{
	color: #fff;
	font-weight:500;
}
.footre-bottom{
	background: #013864;
	padding: 20px 0;
}
.face{
       padding: 7px 7px;
    border: 2px solid #fff;
    border-radius: 112px;
	color: #fff;
	font-size: 18px;
	    margin-right: 15px;
}
.face:hover{
	 border: 2px solid #ff9d33;
	color: #ff9d33;
}
.no-ag {
    padding:7px 12px !important;
}
.copy-right-icon{
	float: right;
}

/*---------------------------------
	08.About page
----------------------------------*/
#about-banner{
	background-image: url(../img/about/banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0;
	background-position: bottom;
}

/*---------------------------------
	 1.who-area
----------------------------------*/

#who-area{
	padding: 100px 0;
}
.left-op{
	    margin-right: 120px;
}
.who-headinf-inner h2{
	margin-bottom: 10px;
}
.who-headinf-inner p{
	padding-top: 15px;
}
.sec-who{
	margin-top: 60px;
}
.who-box{
	    border: 1px solid #000;
    padding: 30px 30px 30px 30px;
}
.who-box h6{
	    font-weight: 700;
}
.who-box p{
	    margin-top: 20px;
}
/*---------------------------------
	2.best-service
----------------------------------*/
#best-service{
	background-image: url(../img/about/trd.png);
	background-size: cover;
	padding: 100px 0;
}
.best-service-heading h2{
	color: #fff;
	    padding: 0 30%;
}
.best-service-heading p{
	color: #fff;
	    padding: 0px 26%;
	color: #fff;
    padding: 0px 26%;
    margin-top: 10px;
}
.best-service-heading{
	text-align: center;
}
.des-ter h6{
	font-size: 18px;
	color: #fff;
	margin-top: 28px;
}
.des-ter p{
	font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-top: 12px;
}
.all-item-ter{
	display: flex;
	    margin-top: 60px;
    justify-content: center;
}
.ter-item-one{
	text-align: center;
    width: 23%;
}
.gift-img img{
	    border: 2px solid #ff9d34;
    padding: 10px;
    border-radius: 72px;
	transition:1.2s;
}
.all-ineer-der-ter img{
	padding-top: 30px;
}
.gift-img img:hover{
   background: #014073;
	border: 2px solid #fff;
	transform: translateY(-5px);
}
.shape-2 {
    -webkit-animation: left2right 3s linear 0s infinite;
    animation: left2right 3s linear 0s infinite;
}

@-webkit-keyframes left2right {

  50% {
    -ms-transform: translateY(5px);
    /* IE 9 */
    -webkit-transform: translateY(5px);
    /* Chrome, Safari, Opera */
    transform: translateY(5px); }
  }
.logo-slilder{
	margin-top: 100px;
}
.all-logo img{
	    width: 60% !important;
	margin: 0 30px;
	opacity: .3;
}
.all-logo img:hover{
	opacity: 1;
}
/*---------------------------------
    3.Nuturel img area
----------------------------------*/

#img-nature{
	position: relative;
}
#img-nature .container-fluid{
	padding: 0;
}
.nuture-img-item{
	position: relative;
	transition: 1.2s;
}
.overay-nutre{
	 position: absolute;
    top: 0;
    background: #01407396;
  height:100%;
    width: 100%;
	opacity: 0;
	transition: 1.3s;
}
.overay-nutre:hover{
	opacity: 1;
	cursor: pointer;
}

.overay-nutre a i{
	    font-size: 55px;
    color: #fff;
    position: relative;
    left: 42%;
    top: 35%;
}

/*---------------------------------
	 9.Tour packages page
----------------------------------*/

#tour-packes{
	background-image: url(../img/tour/packges-bnner.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 210px 0;
    background-position: bottom;
}
.travel-pac{
	    padding: 100px 0 0 0!important;
    background: none !important;
}
.des-cov-1:hover .des-img-1 img {
    transform: scale(1.1);
    opacity: .9;
}
.des-img-1{
	overflow: hidden;
}
.des-img-1 img {
    width: 100%;
    transition: 2s;
}
.des-cov-1{
	margin-top: 35px;
}
.can-if{
    margin-bottom: 15px !important;
}


/*-----------------------------------------
			10.tour-packes-deatils page
----------------------------------------*/

#tour-packes-deatils{
	background-image: url(../img/tour/packges-bnner.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0 150px 0;
    background-position: bottom;
}

/*-------------------------------- 
	1.tour-details main content
-----------------------------------*/

#tour-detailes-main{
	padding: 100px 0;
}
.tour-heading-detailse h2 span{
	    color: #ff9d34;
}
.tour-heading-detailse h2{
	margin: 10px 0;
}
.tour-heading-detailse h6{
	
}
.start-icon-deta a i{
	color: #ff9d34;
	font-size: 18px;
}
.revews h6{
	font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    margin-left: 37px;
}
.start-text-details{
	display: flex;
}
.start-icon-deta{
	margin-top: 15px;
}
.tour-main-informa{
	display: flex;
    justify-content: space-around;
    border: 2px solid #ff9d34;
    padding: 18px 0;
    margin-top: 30px;
}
.tour-main-informa h6 span{
	    margin-left: 24px;
}
.tour-main-informa h6{
	    font-size: 18px;
    color: #777c87;
}

.det-asor-img img{
	margin-top: 30px;
	width: 100%;
}
.rweal-reat{
	margin-top: 25px;
}
.rweal-reat p{
	margin-top: 20px;
}
.packages-includ{
	margin-top: 50px;
}
.right-includ{
	
}
.right-includ ul li{
	    font-size: 16px;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
    margin-top: 30px;
    color: #777c87;
    font-weight: 400;
    letter-spacing: 0.25px;
}

.right-includ ul li i{
	color: #ff9d34;
	margin-right: 10px;
}
.left-includ ul li i{
	color: red;
	margin-right: 10px;
}
.all-ul-includ{
	    display: flex;
    justify-content: space-between;
}

.map-inclid{
	margin-top: 50px;
}
.map-inclid iframe{
	width: 100%;
	margin-top: 30px;
    border: 3px solid #ff9d34;
}
.client-revews{
	margin-top: 50px;
}
.clients-desnigation h6{
	font-size: 18px;
	color: #777c87;
	margin-top: 10px;
	font-weight: 600;
}
.cliennt-img img{
	width: 100%;
}
.client-info-rev{
	display: flex;
	margin-top: 30px;
}
.clients-desnigation{
	margin-left: 40px;
}
.clients-para{
	margin-top: 30px;
}
.clients-para h6{
	    font-size: 18px;
    font-weight: 600;

}
.clients-para p{
	margin-top: 18px;
}

.start-one-ras{
	    display: flex;
    justify-content: space-between;
}
.client-start-comment{
	background: #ff9d33;
    padding: 50px;
   border-radius: 20px;
    margin-top: 56px
}
.start-one-ras h6{
	    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.start-one-ras i{
	
}
.all-women-heading h3{
	font-weight: 600;
    color: #fff;
    letter-spacing: 1.1px;
    margin-bottom: 40px;
}

.revs-form .form-control {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    height: 45px;
    padding: 10px 22px;
    font-family: 'Poppins', sans-serif;
}
.revs-form .nessage-text .form-control {
    height: auto;
}
.revs-form ::-webkit-input-placeholder {
  color: #fff;
	font-size:16px;
	font-weight: 100;
}
.revs-form ::-moz-placeholder {
  color: #fff;
	font-size:16px;
	font-weight: 100;
}
.revs-form :-ms-input-placeholder {
  color: #fff;
	font-size:16px;
	font-weight: 100;
}
.revs-form ::-ms-input-placeholder {
  color: #fff;
	font-size:16px;
	font-weight: 100;
}
.revs-form ::placeholder {
  color: #fff;
	font-size:16px;
	font-weight: 100;
}
.revs-form{
	margin-top: 35px;
}
.all-pacj-dfgh {
	
}
.all-pacj-dfgh h6{
	 font-size: 24px;
    background: #014073;
    padding: 20px 31px 20px 30px;
    color: #fff;
    text-transform: uppercase;
	letter-spacing: 1.1px;
}
.booking-info #datepicker-5 {
    height: 45px;
    width: 100%;
}
#datepicker-5 .form-control {
       padding: 0 50px;
    height: 45px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
	color: #fff;
}
#datepicker-5 > span {
      position: absolute;
    left: 18px;
    z-index: 9;
    color: #ffffff;
    top: 11px;
    font-size: 20px;
}


.booking-info #datepicker-6 {
    height: 45px;
    width: 100%;
}
#datepicker-6 .form-control {
       padding: 0 50px;
    height: 45px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
	color: #fff;
}
#datepicker-6 > span {
      position: absolute;
    left: 18px;
    z-index: 9;
    color: #ffffff;
    top: 11px;
    font-size: 20px;
}
.bookk0-natd-form{
	    background: #ff9d34;
    padding: 24px 25px 55px 25px;
}
.bookk0-natd-form ::-webkit-input-placeholder {  
  color: #fff;
	font-size:16px;
}

.bookk0-natd-form :-ms-input-placeholder { 
  color: #fff;
	font-size:16px;
}

.bookk0-natd-form::placeholder {
  color: #fff;
	font-size:16px;
	font-weight: 100;
}
.booking-alrtu label{
	       margin: 0;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 600;
        margin-bottom: 20px;
    margin-top: 20px;
}

.booking-alrtu select {
         background: #ff9d34;
    padding: 6px 0px 6px 17px;
    height: 45px;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    border: 2px solid;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border-radius: 0;
    position: relative;
	cursor: pointer;
}
.booking-alrtu select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.serv-ivmf{
	    position: absolute;
    right: 20px;
    top: 74px;
    color: #fff;
}
.booking-alrtu{
	position: relative;
}
.widet{
	width: 100%;
}
.sunb-btn-naple{
	margin-top: 30px;
}

/*-------------------------------
		11.Model style
--------------------------------*/
.model-details h5{
	font-size: 28px;
	text-align: center;
}

.mdel-form label{
	  margin: 0;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: #014073;
    font-weight: 600;
        margin-bottom: 20px;
    margin-top: 10px;
	    letter-spacing: .25px;
}
.mdel-form .form-control {
      background: transparent;
    border: 1px solid #014073;
    border-radius: 0;
    font-size: 18px;
       color: #131313;
    height: 45px;
    padding: 10px 22px;
    font-family: 'Lato', sans-serif;
	    font-weight: 100;
}
.mainm-sel{
	position: relative;
}
.mainm-sel select{
	    background: #ffffff;
    padding: 6px 0px 6px 17px;
    height: 45px;
    width: 100%;
         color: #131313;
    font-size: 18px;
    border: 2px solid;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    border: 1px solid #014073;
}
.mainm-sel select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.serv-ivmf-2 {
    position: absolute;
    right: 20px;
    top: 66px;
    color: #000;
}
.mdel-form  ::-webkit-input-placeholder {  
          color: #131313;
	font-size:18px;
}

.mdel-form :-ms-input-placeholder { 
        color: #131313;
	font-size:18px;
}

.mdel-form ::placeholder {
      color: #131313;
	font-size:18px;
	font-weight: 100;
}
.check-box-many label{
	    font-size: 12px;
    margin-left: 15px;
    margin-right: 24px;
}
.check-box-many{
	         display: flex;
    position: relative;
    left: 48px;

}
.custom-control{
	padding: 0
}
.travel-tyepe{
	display: flex;
}
.modal-dialog {
    max-width: 585px;
    margin: 1.75rem auto;
}
.widet-2{
	    width: 100%;
    font-size: 18px;
}
.sunb-btn-mod{
	    margin-top: 10px;
}
.modal-header{
	border-bottom:none;
}
.modal-footer{
	border-top: none;
}
.modal-body{
	background: #fff;
    box-shadow: 0px 0px 6px -1px;
    padding: 50px 50px;
}
button.close {
	     background: #ff9d34;
    padding: 3px 10px;
    border-radius: 50px;
    color: #fff;
    position: absolute;
    right: -13px;
    top: -13px;
    font-size: 30px;
	opacity: 1;
	transition: 1.3s;
}
.close:not(:disabled):not(.disabled):hover {
   color: #ffffff;
    text-decoration: none;
    opacity: 1;
   background:#014073;
}


/*----------------------------------
		12.service page
-----------------------------------*/

#service-main-banner{
	background-image: url(../img/service/service.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0;
	background-position: bottom;
}
#wer-service{
	padding: 100px 0;
}
.service-ads-heading h2 span{
	color: #ff9d34;
}
.service-ads-heading h2{
	margin-right: 50px;
}
.services-pata{
	
}
.services-pata p{
	margin-top: 20px;
}
.weject-on{
	    box-shadow: 0px 0px 11px -6px #01467c;
    padding: 30px 15px 30px 15px;
	transition: 1.2s;
}
.weject-on h6{
	    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}
.weject-on p{
	margin-top: 10px;
}
.weject-on:hover{
	transform:translateY(10px);
}
.ers{
	margin-top: 30px;
}
.ers-2{
	margin-top: 50px;
}
.ser-ab-deta{
	padding-top: 100px;
}

/*----------------------------------
		13.Gallery page
-----------------------------------*/

#gallery-banner{
	background-image: url(../img/gallery/gal.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0;
	background-position: bottom;
}
#gallery-area{
	    padding: 65px 0 100px 0;
}
.gallery-main-hover img{
	display: block;
    width: 100%;
    height: auto;
}

.gallery-main-hover{
	position: relative;
}
.gallery-main-hover img{
	display: block;
	width: 100%;
	height: auto;
    margin-top: 35px;
}
.gall-overlay{
	 background: linear-gradient(189deg, #90974000 64%, rgba(245, 125, 45, 0.88) 29%);
    width: 100%;
    height:0%;
    overflow: hidden;
    position: absolute;
    bottom:0;
	transition: .5s ease;
	
}
.gallery-main-hover:hover .gall-overlay{
	height: 100%;
}
.icon-tsdg{
	display: flex;
}
.icon-tsdg i{
	    font-size: 18px;
	color: #fff;
	    font-size: 18px;
    color: #fff;
    margin-left: 40px;
}
.icon-tsdg h6{
	    color: #fff;
    margin-left: 18px; 
}
.all-cover-hall{
	    display: flex;
    position: absolute;
    bottom: 35px;
	transition: 1.2s;
}
/*------------------------------
		14.faq page
--------------------------------*/
#faq-banner{
	background-image: url(../img/faq.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0;
	background-position: bottom;
}

.mb-0 > a {
  display: block;
  position: relative;
	color: #fff;
}
.mb-0 > a:after {
       content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: 800;
    position: absolute;
    right: 0;
    background: white;
    border-radius: 50px;
    color: #ff9d34;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}
.mb-0 > a[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}
.acrond-heading h6{
	    font-size: 24px;
    font-weight: 600;
}
.card-header{
	    background: #ff9d34;
}
.card{
	margin-bottom: 30px;
}
.card-header h5{
	    font-size: 18px;
	font-weight: 400;
}
.card-body{
	background: #014073;
    color: #fff;
}
.card-body p{
	color: #fff;
    font-size: 15px;
    line-height: 28px;
}
.acrond-heading h6{
	margin-bottom: 30px;
}
.mar-faq{
	margin-top: 60px;
}

.all-catagory{
	    border: 1px solid #ff9d34;
}
.all-catagory h6{
	     font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #ff9d34;
	    padding: 15px 0px 14px 21px;
	color:#ff9d34;
}
.all-catagory h5 a{
		color:#ff9d34;
}		
.all-catagory h5{
		  font-size: 18px;
	font-weight: 500;
	border-bottom: 1px solid #ff9d34;
	    padding: 15px 0px 14px 21px;
}
.all-catagory h5:nth-child(8){
	border-bottom: none;
}
.all-catagory h5:hover{
	background: #014073;
	cursor: pointer;	
}

.all-catagory h5:hover a{
	color: #fff;
}
.all-catagory h5:nth-child(2){
	background:#014073; 
}
.faq-active{
	color: #fff !important;
}

/*----------------------------------
		15.contact page
-----------------------------------*/

#contact-banner{
	background-image: url(../img/contact.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0;
	background-position: bottom;
}
.conta-main-map iframe{
	width: 100%;
	height: 540px;
}
.head-main-con h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.1px;
}
.all-main-con{
	background:#ffa748;
}
.all-dfkj{
background: #ff9d34;
  padding: 50px 35px;
position: relative;
 margin-top: -220px;
}

.adserg h6{
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
}
.adress-cover-main{
	padding: 0 85px;
}
.adserg p{
	color: #fff;
	font-size: 16px;
	 margin-top: 15px;
}
.adserg p a{
	color: #fff;
}
.adserg p a:hover{
	color: #014073;
}
.jhjgfd{
	margin-top: 0 !important;
}
.adserg ul li a{
	color: #fff;
    font-size: 20px;
    margin-right: 20px;
}
.adserg ul li a:hover{
	color: #014073;
}
.adserg ul li{
	display: inline-block;
	margin-top: 15px;
}
.con-ader{
	margin-top:30px;
}
.contact-3-cover{
	margin-right: 80px;
}
.all-dfkj:after{
	    content: "";
    background: #fff;
    position: absolute;
    height: 102%;
    width: 7px;
    top: -6px;
    left: 58%;
    transform: rotate(11deg);
}
#contact-main-area{
	padding-bottom: 100px;
}
.sending-gif img{
	      width: 10%;
    position: absolute;
    bottom: -5px;
    left: 118px;
}

/*-----------------------------------
			16.blog classic page
-----------------------------------*/

#blog-banner{
	background-image: url(../img/blog.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0;
	background-position: bottom;
}
#blog-content{
	padding: 100px 0;
}
.blog-items{
	transition: 1.2s;
}
.blog-items:hover{
	transform: translateY(5px);
}
.blog-item-img img{
	transition: 1.6s;
}
.blog-item-img img:hover{
	transform: scale(1.2);
}
.blog-item-img{
	overflow: hidden;
}
.blog-item-det h6{
	   
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 15px;
}
.blog-item-det h6 a{
	    font-size: 19px;
    font-weight: 600;
    color: #014073;
    line-height: 28px;
}
.blog-items:hover .blog-item-det h6 a{
	color: #ff9d34;
}
.blog-athou-img{
	display: inline-flex;
}
.blog-flex-same{
	    display: flex;
    justify-content: space-between;
	margin-top: 20px;
}
.blog-athou-img a img{
	
}
.blog-athou-img p a{
	color: #a6a6a6;
}
.blog-athou-img p a:hover{
	color: #014073;
}
.blog-times{
	    display: flex;
}
.blog-times i{
	color: #a6a6a6;
    margin-top: 20px;
}
.blog-times p a{
	color: #a6a6a6;
}
.blog-times p a:hover{
		color: #014073;
}
.icon-blog-item{
    margin-top: 15px;
    justify-content: flex-end;
    display: flex;
}
.icon-blog-item a i{
	    font-size: 16px;
    color: #a6a6a6;
    margin-left: 10px;
}
.icon-blog-item a i:hover{
    color: #014073;
}
.blog-athou-img p{
	font-size: 16px;
    color: #a6a6a6;
    font-weight: 500;
    margin-top: 11px;
    margin-left: 10px;
}
.blog-times p{
	font-size: 16px;
    color: #a6a6a6;
    font-weight: 500;
    margin-top: 11px;
    margin-left: 10px;
}
.blog-item-det{
	
}
.dtes-not{

    padding: 20px 25px 20px 20px;
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px;
	box-shadow: 0px 0px 9px -5px;
}
.clas-mar{
	margin-top: 30px;
}


/*--------------------------
    17.pagination
----------------------------*/

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
	color: transparent;
	cursor: not-allowed;
	background-color: transparent;
	border-color: transparent;
}

.pagination > li > a,
.pagination > li > span {
	font-size: 16px;
	font-weight: 700;
	padding: 6px 12px;
	margin-left: 15px;
	background: none;
	color: #4f535b;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	    z-index: 3;
    color: #fff;
    cursor: default;
    background: #ff9d33;
    border-color: #3cb1f1;
    border-radius: 50%;
}

.blog-pagination {
	margin: 70px auto 0 auto;
}

.dropdown-item.active,
.dropdown-item:active {
	background: #4abbe5;
	color: #fff !important;
	margin: 5px 0;
}
/*-----------------------------------
		18.blog-single page
-----------------------------------*/
#blog-single-main{
	padding: 100px 0;
}
.al-img-at1{
	display: flex;
}
.al-img-at1 p{
	    color: #a6a6a6;
    font-size: 16px;
    font-weight: 700;
    margin-top: 11px;
    margin-left: 15px;
}
.al-img-at1 p a{
	color: #a6a6a6;
}
.al-img-at1 p a:hover{
	color: #014073;
}

.al-img-at2{
	display: flex;
}
.al-img-at2 a i{
	      font-size: 16px;
    margin-top: 17px;
    color: #014073;
    margin-left: 60px;
}
.al-img-at2 p {
	 color: #a6a6a6;
    font-size: 16px;
    font-weight: 700;
    margin-left: 15px;
	    margin-top: 10px
}
.al-img-at2 p a{
	color: #a6a6a6;
}
.al-img-at2 p a:hover{
	color: #014073;
}
.authour-single{
	display: flex;
	margin-top: 30px;
}
.blog-single-dd-hed{
	    margin-top: 25px;
}
.blog-single-dd-hed h4 a{
    font-weight: bold;
    color: #014073;
}
.blog-single-dd-hed h4 a:hover{
	    color: #ff9d34;
}
.blog-single-dd-hed p{
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
}
.blog-sighn-img img{
	    width: 100%;
    transform: scale(1.1);
    transition: 2s;
}
.blog-sighn-img img:hover{
	 transform: scale(1);
}
.dubbel-img{
	margin-top: 30px;
	overflow: hidden;
}
.blog-sighn-img{
	overflow: hidden;
}
.dubbel-img img{
	width: 100%;
	  transform: scale(1.1);
    transition: 2s;
}
.dubbel-img img:hover{
	 transform: scale(1);
}
.sec-par-tree{
	    margin-top: 23px;
}
.sec-par-tree p{
	    font-size: 16px;
    line-height: 26px;
	margin-top: 10px;
}
.box-tes-bl p{
	font-size: 16px;
	line-height: 26px;
}
.box-tes-bl{
    padding: 50px 86px 50px 185px;
    box-shadow:0px 2px 22px -17px;
	position: relative;
	    margin-top: 30px;

}
.box-tes-bl img{
	    box-shadow: 0px 0px 8px -2px;
    padding: 12px;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
}
.inner-tahes{
	display: flex;
    justify-content: space-between;
   margin-top: 30px;
    border-bottom: 1px solid #a6a6a6;
    border-top: 1px solid #a6a6a6;
    padding: 35px 0;
}
.inner-tahes ul{
	display: flex;
}
.inner-tahes ul li{
	font-size: 16px;
	    margin-right: 7px;
}
.inner-tahes ul li a{
	color: #a6a6a6;
}
.inner-tahes ul li a:hover{
	color:#014073;
}
.sal-client-chart{
	    display: flex;
    margin-top: 35px;
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 25px;
}
.det-client-chart p{
	font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
	margin-bottom: 20px;
}
.det-client-chart a i{
	font-size: 16px;
    margin-right: 45px;
}
.det-client-chart a i:hover{
	    color: #ff9d33;
}
.det-client-chart{
	margin-left: 30px;
}
.all-clien-sayt{
	margin-top: 100px;
}
.all-clien-sayt h2{
	  color: #a6a6a6;
	    margin-bottom: 30px;
}
.alow-rasta p{
	    font-size: 16px;
    font-weight: 600;
}
.coomm-2cliebt-hed .dadate-titm{
	    font-size: 12px;
    margin-left: 30px;
}
.alow-rasta{
	    display: flex;
    justify-content: space-between;
}
.all-kal{
	display: flex;
}
.all-text-emar p{
	font-size: 16px;
    margin-top: 10px;
}
.coom-2-client{
	    display: flex;
    margin-left: 70px;
    margin-bottom: 50px;
}
.coomm-2cliebt-hed{
	margin-left: 30px;
}
.mar-nened{
	    margin-left: 150px;
}
.darkan-mara p a:hover{
	color:#ff9d34;
}
.lave-cooment h4{
   font-weight: 600;
}
.leav-form label {
   font-size: 16px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    margin: 0;
    color: #a6a6a6;
    margin-bottom: 10px;
    margin-top: 20px;
}
.leav-form span {
    color: red;
}
.leav-form .form-control {
  border: 1px solid #a6a6a6;
    background: #ffffff;
    border-radius: 0px;
    height: 50px;
}
.email-fred{
	margin: 0 10px;
}
.lave-tree-form{
	 display: flex;
}
.text-are textarea{
	height: auto !important;
}
.form-for-btn{
	margin-top: 60px;
}
.leav-form{
	margin-top: 35px;
}
.lave-cooment{
	margin-top: 100px;
}
.alo-search .form-control {
    border-radius: 0;
    height: 49px;
    background: #f3f3f3;
    position: relative;
	border: none;
}
.alo-search .form-control:focus{
	border: none;
}
.search-icon-blog {
    color: #fff;
    background: #ff9d33;
    padding: 8px 14px;
    border-radius: 0;
    font-size: 20px;
    position: absolute;
    transition: 1.4s;
    right: 12px;
    box-shadow: 0px 0px 8px -3px #000;
}
.search-icon-blog:hover {
    box-shadow: none;
	color: #000;
}
.coomm-seclitor{
	position: relative;
	    margin-top: 60px;
}
.blog-hki-hed h5{
	    line-height: 0;
    letter-spacing: .25px;
	margin-bottom: 55px;
}
.blog-hki-hed h5:after{
	      content: "";
    height: 1px;
    width: 42px;
    background: #014073;
    position: absolute;
    left: 0;
    top: 25px;
}
.item-cata {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.item-cata {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.icon-catr a {
    font-size: 16px;
    color: #a6a6a6;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

.icon-catr a i {
     margin-right: 10px;
    color: #a6a6a6;
}
.co-num a {
    font-size: 16px;
    color: #a6a6a6;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
.item-cata:hover .icon-catr a {
    color: #014073;
}
.item-cata:hover .icon-catr a i{
    color: #014073;
}
.item-cata:hover .co-num a{
    color: #014073;
}
.alo-blog-clss-text h6 a{
	     font-size: 15px;
    line-height: 1.2;
	    color: #a6a6a6;
}
.alo-blog-clss-text h6 a:hover{
	color: #014073;
}
.alo-blog-clss-text p{
	margin-top: 6px;
    font-size: 14px;
}
.blog-cliccs{
	display: flex;
 margin-top: 30px;
}
.alo-blog-clss-text{
	margin-left: 12px;
}
.catago-item{
	    display: flex;
}
.catago-item a {
    font-family: 'Lato', sans-serif;
    color: rgb(148, 154, 167);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 5px;
    background: rgb(237, 238, 239);
    transition: all 0.3s ease 0s;
    padding: 7px 13px;
    border-radius: 23px;
    margin-right: 4px;
}


.catago-item a:hover{
	 background:rgb(255, 157, 51);
	color: #fff;
}
.inteagram-img a img{
	    margin: 3px 1px;
}


/*-----------------------------------
		19.404 page
-----------------------------------*/
.for-img{
	text-align: center;
}
#for-page{
	padding: 160px 0;
}
.for-text-btn h4{
	    color: #ff9d33;
    font-weight: 500;
	text-align: center;
}
.for-text-btn{
	margin-top: 100px;
}
.for-btn{
	margin-top: 40px;
	text-align: center;
}



.to-top a i{
	color: #fff;
}
.to-top a {
    background: #ff9d34;
    border-radius: 66px;
    color: #fff;
    font-size: 35px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 3%;
    text-align: center;
    top: 91%;
	-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition:all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s; 
    width: 50px;
    z-index: 999;
}
.to-top a:hover{
	background: #014073;
}
.valedoter{
	display: none;
}
.heading{
	display: none;
}


/*----------------------------
   20. preloder
--------------------------------*/

#preloader {
	background-color:#36c3e5;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}

#status {
	/* loading.io */
	    background-image: url(../img/ft.gif);
    background-repeat: no-repeat;
    width: 20%;
    height: 48%;
    position: absolute;
    left: 39%;
    top: 29%;
    margin-top: -35px;
    margin-left: -35px;
}