/*



Theme Name: Yak Adventure Travel



Author: the iDRUK SOLUTIONS



Author URI: www.idruksolution.com victor2017



version:1.0;



License:iDRUK SOLUTIONS;



Description: This theme is for the official website of Yak Adventure Travel;



*/

@import url(https://fonts.googleapis.com/css?family=Dancing+Script);

@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);


@import url(https://fonts.googleapis.com/css?family=Cabin);

body
{

	background: url('images/bg.jpg');

	font-family: 'Raleway', sans-serif;

	overflow-x:hidden;

	width: 100%;
	/*overflow-x:hidden;*/
}

section

{
	padding-bottom:40px;
	margin:auto;

}

.firstcharacter { 
	float: left; 
	color: #252429; 
	font-size: 45px; 
	line-height: 35px;
	padding-top: 4px; 
	padding-right: 5px; 
	padding-left: 2px; 
	font-family: Georgia;
}
#content1
{
	padding-top: 50px;
}
#content1 img
{
	border: 1px solid #DDDDDD;
	box-shadow:rgba(0, 0, 0, 0.129412) 0 0 6px 0;
}
#content1 img:hover
{
	-moz-box-shadow: 0 0 10px #000; 
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	opacity:1;
}
#header-fixed{
	background: #009c9e;
	width:100%;
	padding:0px;
	margin:0px;
}
#main-header-place{
	padding:0px;
}
#top-header{
	background-color: rgba(0, 0, 0, 0.5);

}
#top-header a
{
	padding:10px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-family:Raleway, sans-serif;
}

#top-header a:hover

{

	background-color: #000;

	color: #009DCD;

}

#top-header-left{

	padding-left: 15px;

}

#top-header-right{

	text-align: right;

	padding-right: 15px;

}
#img-size-area{
	width:110px;
}

#header-title-area {
  margin-left:-15px;
  margin-top: 18px;
  
}
#header-title-area h4{
	color:#FFFFFF;
	font-size: 17px;
	margin-bottom: -5px;
	font-weight: bold;
	font-family: 'Cabin', sans-serif;
}
#header-title-area h5{
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: cursive;
}
/*header*/

#menu-area-palce{
	margin:20px 0px -10px -20px;
}
#logo-title-area{
	text-align: center;
}
#underline
{
	border-top: 1px solid  rgba(255, 255, 255, 0.2);
}
.below-header
{
	padding-left:70px;
	padding-top:-5px;
}
#first-up
{
	padding-left:70px;
}
#social-icons
{
float:right;
padding-left:100px;
}
#logo-title-area{
	padding: 5px;
	margin-top: 10px;
}
/*For the menu*/
.menu { display: block; }
.menu li {

  display: inline-block;

  position: relative;

  z-index: 100;

  margin-left: 10px;

}



.menu li:first-child { margin-left: 0; }



.menu li a {
  font-weight: 600;
  text-decoration: none;
  padding: 10px 3px;
  display: block;
  font-size: 13px;
  color: #fff;
  font-family:Raleway, sans-serif;
  transition: all 0.2s ease-in-out 0s;

}
.menu li a:hover,

.menu li:hover>a {

  color: #F3D61B;

  border-top: 3px solid #F3D61B;

  padding: 7px 3px;

}



.menu ul {

  visibility: hidden;

  opacity: 0;

  margin: 0;

  padding: 0;

  width: 270px;

  position: absolute;

  left: 0px;

  background: #F3D61B;

  z-index: 99;

  transform: translate(0, 20px);

  transition: all 0.2s ease-out;

}



.menu ul:after {

  bottom: 100%;

  left: 20%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-bottom-color: #F3D61B;

  border-width: 6px;

  margin-left: -6px;

}



.menu ul li {

  display: block;

  float: none;

  background: none;

  margin: 0;

  padding: 0px;

border-top: 2px solid #F3D61B;

}

.menu ul li a {

  font-size: 13px;

  font-weight: normal;

  display: block;

text-align:justify;

  font-family:Raleway, sans-serif;

  color: #fff;

padding-left:10px;

padding-right:10px;



  background-color: rgba(0, 0, 0, 0.8);

}

.menu ul li a:hover,

.menu ul li:hover>a {

  background:#7e7e7e;

  color: #fff;

border-top:none;

padding:10px;

}



.menu li:hover>ul {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.menu ul ul {

  left: 270px;
  top: 0px;
  visibility: hidden;

  opacity: 0;

  transform: translate(20px, 20px);

  transition: all 0.2s ease-out;

}



.menu ul ul:after {

  left: -6px;

  top: 10%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-right-color: #fff;

  border-width: 6px;

  margin-top: -6px;

}



.menu li>ul ul:hover {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.responsive-menu {

  display: none;

  width: 15px;

  color: #fff;

  text-transform: uppercase;

  text-align: right;

  margin-top: 20px;

  margin-left: 98%;

}



.responsive-menu:hover {

  color: #fff;

  text-decoration: none;

}



a.homer { background: #FC6D58; }

 @media (min-width: 768px) and (max-width: 979px) {



.mainWrap { width: 768px; }



.menu ul { top: 20px; }



.menu li a { font-size: 12px; }



a.homer { background: #E95546; }

}

 @media (max-width: 800px) {

 	#header-title-area{

 		display: none;
 	}
 	#cont-us-area{
 		text-align: center;
 	}
 	#com-few-details{
 		display: none;
 	}
 	#tou-com-logo{
 		display: none;
 	}
	.img-hover-jour_1{
 		display: none;
 	}
 	#myCarousel{
 		display: none;
 	}
	#about-us-details{
 		padding-top:10px;
 	}
 	#menu-area-palce{

	margin-top: 0px;

	margin-left: 0px;

}



.mainWrap {

  width: auto;

  padding: 50px 20px;

}



.menu { display: none; }



.responsive-menu { display: block; }



nav {

  margin: 0;

  background: none;

}



.menu li {

  display: block;

  margin: 0;

}



.menu li a {

  text-align: right;

  color: #fff;

  font-size: 13px;

  width: 100%;

  font-family:Raleway, sans-serif;

}



.menu li a:hover,

.menu li:hover>a {

  color: #fff;

}



.menu ul {

  visibility: hidden;

  opacity: 0;

  top: 0;

  left: 0;

  width: 100%;

  transform: initial;

}



.menu li:hover>ul {

  visibility: visible;

  opacity: 1;

  position: relative;

  transform: initial;

}



.menu ul ul {

  left: 0;

  transform: initial;

}



.menu li>ul ul:hover { transform: initial; }

}





/*Menu ends here*/

.top_1



{



background-image: url('images/header.png');



height:592px;



}



#image-text



{



	padding-top: 296px;



	padding-left:90px;



}
.first-sentence
{
	font-family: 'Cabin', sans-serif;
	font-size: 52px;
	color: #fff; 
}

.second-sentence

{

	font-family: 'Cabin', sans-serif;
	color:#B9BCBD;
	font-size: 23px;
	margin-top: -2px;
}

#about-com-details{
	margin-top: 20px;
	background: #fff;
	padding:50px 0px;
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
}
#owner-img{
	text-align: center;
}
#owner-img img{
	border:10px solid #f1f1f1;
	-moz-box-shadow: 2px 4px 4px #CCCCCC;
	-webkit-box-shadow: 2px 4px 4px #CCCCCC; 
	box-shadow: 2px 4px 4px #CCCCCC;
	opacity:1;
}

#about-us-details{

	text-align: justify;

	font-size: 14px;
	color: #000;

	font-family:Raleway, sans-serif;

}

.second-sentence a
{
	color:#0FBBF5;
}
.second-sentence a:hover
{
	color: #278EB0;

}
.third-sentence
{
	font-family: 'Cabin', sans-serif;
	color: #fff;
}

.third-sentence h3
{
	font-size:20px;
}
#small-section
{
	padding-top: 30px;
}
.right-readmore-area{
	text-align: right;
}
.readmore-area{
	color: #449D44;
}
.readmore-area:hover{
	color: #FF8705;
}
.main-titles
{

	color: #000000;
	font-family: 'Dancing Script', cursive;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: -40px;
}
#title
{
	text-align: center;

}
.hr-line{
	margin-top: 10px;
}
#bg-selling{
	background:#FFFFFF;
	padding:50px 20px;
	margin-bottom: 30px;
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
}

.image-area-sell img{
	border-radius: 50px 0px;
	border:10px solid #f1f1f1;
	-moz-box-shadow: 2px 4px 4px #CCCCCC ;  
	-webkit-box-shadow: 2px 4px 4px #CCCCCC ; 
	box-shadow: 2px 4px 4px #CCCCCC ;
	opacity:1;
}
.detail-sell{
	padding:5px;
}
.detail-sell h3{
	font-family: 'Cabin', sans-serif;
	font-size: 20px;
}

/*footer*/
#upper-footer{
	background: #333333;
	color:#fff;
	font-size: 12px;
	font-family:Raleway, sans-serif;
}
#upper-footer a{
	text-decoration: none;
}
#upper-footer h3{
	color:#fff;
	border-bottom-color:#EEEEEE;
  	border-bottom-style:dotted;
  	border-bottom-width:1px;
  	padding:0 0 10px;
  	text-align: center;
}
#com-few-details p{
  text-align:justify;
}

#lower-footer{
	background: #222222;
}
#lower-footer-detail{
	text-align: center;
	color:#fff;
	font-family:Raleway, sans-serif;
}
/*footer*/
/*Custom HR*/
.style15 {
	border-top: 4px double #AEAEAE;
	text-align: center;
	margin-top:43px;
}

.style15:after {
	content: url('divider1.png');
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background:url('images/bg.jpg') no-repeat;
	color: #808080;
}
#side-image
{

	margin-left:-10px;
}

.img-hover-jour{

	text-align: center;
	background: #fff;
	width: 100%;
}
.img-hover-jour_1{

	width: 100%;

	border:1px solid #fff;

	margin-top: 30px;
	background: #fff;

}

.overlaypara_1{

	text-align: center;

	font-size: 20px;

	font-family: 'Cabin', sans-serif; 

	color:#fff;

	background: #404040;

	padding: 10px;

	margin-top: 0px;

	border-radius: 3px 3px 0px 0px;



}

.img-hover-jour_1 a{

	color:#404040;

	text-decoration: none;

	font-size: 16px;

	line-height: 24px;

	font-family: 'Cabin', sans-serif; 


}

.img-hover-jour_1 a:hover{

	text-decoration: none;

	color: #009DCD;

}

.img-hover-jour img{

	width: 100%;	-moz-box-shadow: 0 0 10px #ccc; 	-webkit-box-shadow: 0 0 10px #ccc; 	box-shadow: 0 0 10px #ccc;

}
.title-img-nine{
	background: #009C9E;	opacity:0.9;
	margin-top:-40px;
	width:100%;
	z-index:1;
	padding:2px 0px;
	position:relative;
}
.overlaypara1{

	font-size: 16px;

	font-family: 'Cabin', sans-serif; 
	font-weight: bold;

	color:#fff;

}
.back-col-nine{
	padding-top:20px;
	background:#ffffff;
}


.divclear

{
	padding-bottom:30px;
}



.divbreak



{



	padding-bottom:30px;



}



/*breadcrumb*/



#breadcrumbs{



    list-style:none;



    overflow:hidden;



    float: right;



}



  



#breadcrumbs li{



    display:inline-block;



    vertical-align:middle;



    margin-right:15px;



}  







#breadcrumbs .separator{



    font-size:18px;



    font-weight:100;



    color:#000;



}



.breadcrumb_title



{



	



	color: #000;



	overflow:hidden;



	padding:5px 3px;



	position:relative;



	 margin-top:120px;



}



.glyphicon-map-marker,.bread-home



{



	color: #000;



}







#breadcrumb-div



{



	float: right;



	padding-bottom: 1px;



}
/*inner page*/
.pcontent{
	color:#333333;
	width: 100%;
	padding:3px 38px 38px 38px;
}
.pcontent  img.alignright {

	float:right;

	margin:0 0 1em 1em;	

	}

.pcontent  img.alignleft {

	float:left;

	margin:0 1em 1em 0;

}

.pcontent  img.aligncenter {

	display: block; 

	margin-left: auto;

	margin-right: auto;

	}

.pcontent a img.alignright {

	float:right; 

	margin:0 0 1em 1em;

}

.pcontent a img.alignleft {

	float:left; 

	margin:0 1em 1em 0;

}

.pcontenta img.aligncenter {display: block;

 margin-left: auto; 

 margin-right: auto;

}
.page-title

{
	padding-top:1px;
	margin-top: -18px;
}
.page-title h2
{
	padding-left:55px;
	font-size:20px;
}
#inner-title{
	background: #404040;
	color:#FFFFFF;
}
/*sidebar*/
.divhr h3 {
	font-size:15px;
  	background-color:#404040;
  	border-color:#404040;
  	color:#fff;
  	border-bottom-color:transparent;
  	border-bottom-style:solid;
  	border-bottom-width:1px;
  	border-top-left-radius:3px;
 	border-top-right-radius:3px;
	padding:10px 15px;
	margin-top: 1px;
}

.divhr

{
	display: block;
	padding-bottom:10px;
	border-left: 1px solid #404040; 
	border-radius:3px;
	background: #fff;
	border-right:1px solid #404040; 
	border-bottom:1px solid #404040;
}
.divhr p
{
	padding:0px 10px;
}
.sidebar ul {
    list-style: none;
   	padding-left:20px;
}
.sidebar ul li:before {
  	content: "▫ ";
    font-size: 25px;
  	color:#404040; /* or whatever color you prefer */
}
.sidebar a 
{
	text-decoration: none;
	color: #404040;
}
.sidebar a:hover
{
	text-decoration: none;
	color: #0099ff;
}
.sidebar img
{
	padding:18px;
}

@media (max-width:450px) {

	.top{

		display: none;

	}

	#about-us-area{

		margin-top: 180px;

	}

	#about-us-details{

		font-size: 12px;

	}

	#top-header-right{

		display: none;

	}

}

.backtotop_1{

	float: right;

	margin-top: -20px;

	font-size:30px;

}