body {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #6b6969;
	font-size: 14px;
	line-height: 20px;	
}
ul li { list-style:none !important;}
th.side {
	background: transparent url("../images/bg_th_side.gif") scroll left bottom;
	font: normal 12px/33px verdana;
	line-height: 30px;
}
th {
vertical-align: bottom;
	color: #FFF;
	letter-spacing: 0px;
	background: transparent url("../images/bg_th.gif") scroll left bottom;
	line-height: 20px;
	width: 150px;
	font: normal 12px/33px verdana;
	text-align:center;
}
th.on {
	background: transparent url("../images/bg_th_on.gif") scroll left bottom;
	padding-bottom: 9px;
	width: 148px;
}
td.side {
	text-align: center;
	background: transparent url("../images/bg_td_side.gif")scroll left bottom;
	width: 192px;
	font: normal 12px/33px verdana;
	color: #FFF;
	padding-right: 8px;
}
table, table td {
	padding: 0px;
	
	border-collapse: collapse;
}
td {
	text-align: center;
	color: #333333;
	width: 108px;
	height: 40px;
	font: normal 12px/33px verdana;
}
td.on {
	background: transparent url("../images/bg_td_on.gif") no-repeat scroll left bottom;
}

ul { margin: 0px !important;  padding: 0px !important; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0px;
	color: #3d3d3d;
}
h1, h2 {
    font-size: 30px;    
    text-transform: uppercase;
     color:#33323a; padding-bottom:30px;
     font-weight: bold;
}
label { font-weight: normal; }

h3 { color:#33323a; padding-bottom: 20px;
 font-weight:600; font-size: 18px; line-height: 24px; }
h4 {
    color: #007a45;
    text-transform: uppercase;
     font-size: 18px; line-height: 24px; 
     font-weight: 600;
     margin-bottom: 0px;
}
p { 
	padding-bottom: 17px;
}
.align-right { text-align: right;}
.padding-20 { padding: 20px;}
.padding-top-10 {
	padding-top: 10px;
}
.padding-top-20{
	padding-top: 20px;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-bottom-30 {
	padding-bottom: 30px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}

.clear {
	clear: both;
}


/* individual: webkit */
.book-now-textbox::-webkit-input-placeholder { color:#000; }
.book-now-textarea::-webkit-input-placeholder { color:#000; }


/* individual: mozilla */
.book-now-textbox::-moz-placeholder { color:#000; }
.book-now-textarea::-moz-placeholder { color:#000; }


ul, menu, dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
.btn-gray {
	background: #3c3c3c url("../images/btn-arrow.png") 4px 4px no-repeat;	
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	 border-radius: 50px;
	 display: inline-block;
	 line-height: 38px;
	 padding: 0px 30px 0px 50px;
	 text-decoration: none;
	 border:0;
	 text-align: center;
}
.btn-gray:hover {
	background: #323231 url("../images/btn-arrow.png") 4px 4px no-repeat;	
	color: #fff;
}

.btn-orenge {
	background: #0a95da;
	font-family: 'Roboto Condensed', sans-serif;	
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	 border-radius: 3px;
	 display: inline-block;
	 line-height: 38px;
	 padding: 8px 30px 8px 30px;
	 text-decoration: none;
	 border:0;
	 text-align: center;
	 font-weight: 600;
}
.btn-orenge:hover {
	background: #3c3c3c;	
	color: #fff;
}


.btn-orenge-small {
	background: #0a95da;
	font-family: 'Roboto Condensed', sans-serif;	
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	 border-radius: 3px;
	 display: inline-block;
	 line-height: 38px;
	 padding: 2px 30px 2px 30px;
	 text-decoration: none;
	 border:0;
	 text-align: center;
	 font-weight: 600;
}
.btn-orenge-small:hover {
	background: #3c3c3c;	
	color: #fff;
}

.btn-yellow {
	background: #ffdd00 url("../images/call-icon.png") 15px 15px no-repeat;
	font-family: 'Roboto Condensed', sans-serif;	
	color: #333;
	font-size: 20px;
	text-transform: uppercase;
	 border-radius: 3px;
	 display: inline-block;
	 line-height: 38px;
	 padding: 8px 30px 8px 50px;
	 text-decoration: none;
	 border:0;
	 text-align: center;
	 margin-bottom: 20px;
	 width: 100%;
}
.btn-yellow:hover {
	background: #0a95da url("../images/call-icon.png") 15px 15px no-repeat;	
	color: #333;
}
.padding-50 { padding: 50px 0px;}

#app-worp {
    position: fixed;
    z-index: 999999;
    right: 0;
    top: 120px!important;
}
.whatsapp {
    width: 100%;
    float: left;
    margin: 0 0 7px;
}
.viber, .whatsapp {
    clear: both;
    max-width: 230px;
}
#hike, #viber, #whatsapp {
    padding: 0;
    margin: 0;
    text-align: right;
    cursor: pointer;
    float: right;
}
.viber a, .whatsapp a {
    font-size: 30px;
    display: inline-block;
    background: #192d45;
    color: #fff;
    padding: 20px;
    margin-bottom: 10px;
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center!important;
}
.viber .myDivapp, .whatsapp .myDivapp {
    border-radius: 4px;
    color: #fff;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
}
.tbl-cell, .whatsapp .myDivapp {
    text-align: center;
}
.myDivapp {
    height: 55px;
    border-radius: 4px;
    background: #1ac6ff;
    display: none;
    text-align: justify;
}
.floatright, .myDivapp {
    float: right;
}
.tbl {
    display: table;
    height: 100%;
}
.tbl-cell {
    display: table-cell;
    vertical-align: middle;
}
.tbl-cell, .whatsapp .myDivapp {
    text-align: center;
}
.myDivapp p {
    font-size: 14px;
    letter-spacing: 2px;
    margin: 2px 5px;
    width: 145px;
    padding: 0;
}
b, strong {
    font-weight: 700;
}

/* top section */
.top { width: 100%; background: #3c3c3c;  }
.top-left ul { width: 100%; }
.top-left li { list-style: none; margin: 0px; padding: 0px; display: inline-block;  border-right:1px solid #505050; }
.top-left li:first-child { border-left:1px solid #505050; }
.top-left a { color: #fff; text-decoration: none; padding: 10px 15px; display: block; }
.top-left a:hover { color: #0a95da; }

.top-right ul { width: 100%; text-align: right; }
.top-right li { list-style: none; display: inline-block; border-right:1px solid #505050; }
.top-right li:first-child { border-left:1px solid #505050; }
.top-right a { color: #fff; text-decoration: none; padding: 10px 15px; display: block; }
.top-right a:hover { color: #0a95da; }

.bottom { background: #ffffff; padding: 10px 0px; }

.top-left a i{margin-right:5px;}


/* Book Now */

.book-now { background: #0a95da;  }
.book-now h2 { color: #fff; }

.book-now-textbox { background: #fff; padding: 0px 10px; border: none; outline: none; 
	margin-bottom: 18px; width: 100%; line-height: 35px;  }
.book-now-textarea { background: #fff; padding: 0px 10px; border: none; outline: none; 
	margin-bottom: 18px; width: 100%;  resize:none; height: 88px; line-height: 20px;  }


.white-bg { background: #fff; }	
.tick-list ul { width: 100%; padding-bottom: 30px; }
.tick-list li { list-style: none; padding-left: 30px; background: url(../images/tick.png) 0px 7px no-repeat; 
	line-height: 30px;   }
.tick-list a { color: #666666; text-decoration: none; display: block; }
.tick-list a:hover {color: #d74bb9;	}

.welcome h3 { font-size: 20px; line-height: 30px;}
/* camp program */

.camp-program-top { width: 100%; }
.camp-program-top img { width: 100%; }
.camp-program-header { background-color: rgba(0, 0, 0, 0.7); width: 100%; margin-top: -45px;
    position: relative; }
.camp-program-header h2  { font-size: 18px; padding: 10px; font-weight: normal; font-family: 'Open Sans', sans-serif; text-transform: capitalize; line-height: 25px; color: #fff; }

.camp-program-bottom { background: #f5f5f5; padding: 20px; }

.limheight {
   
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2; 
}
.limheight li {
    display: block; /*necessary*/
    border-bottom: 1px solid #e8e8e8;
}
.limheight li a { color: #0a76b6; text-decoration: none; line-height: 40px; background:url(../images/line.jpg) 0px 18px no-repeat; padding-left:8px; display:block; transition:0.5s ease all;}
.limheight li a:hover { color: #0a95da; background-color: #eeeeee; }

.bg-section { background:url(../images/bg-section-tour.jpg) no-repeat; background-size: cover; }
.bg-section1 { background:url(../images/bg-section-tour1.jpg) no-repeat; background-size: cover; }

.home-tour-left { width: 65%; float: left;}
.home-tour-right { width: 35%; float: left;}

.home-tour-left img { width: 100%; }
.day-trips-box { width: 100%; }
.day-trips-bottom { width: 100%; text-align: center; background: #f5f5f5; padding-bottom:30px; }
.day-trips-bottom p { padding: 0px 20px 10px 20px;}
.day-trips-bottom h2 { font-size: 18px !important; text-transform: capitalize !important; padding: 15px 0px; 
	border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; }

/* hover box */
.entry-item {
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: default;
}
.entry-thumb {
	position: relative;
	width: 100%;
	background: #ccc;
}
.entry-thumb img {
	width: 100%;
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.entry-thumb:hover img {
	opacity: 0.8;
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.entry-thumb hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
}

.deep-bg { background:url(../images/bg-deep.jpg) no-repeat; background-size: cover; color: #fff; }
.deep-bg  h2 { color: #fff; }
.deep-bg span { color: #0a95da; }

.divider { width: 200px; height: 1px; background: #fff; margin: 10px 0px; }
.testimonial-box { width: 100%; }
.testimonial-top { background: #fff; padding: 20px; height: 250px;}
.testimonial-middle { padding-left: 30px; }
.testimonial-middle img { display: block; }
.testimonial-bottom {  padding-top: 20px; }
.testimonial-bottom span { width: 100%; color: #333; line-height: 30px; }

/* footer */
.footer { padding:50px 0px 50px 0px; background:#252422 url(../images/footer-bg.jpg) no-repeat center top; }
.footer-box { width:100%; }
.footer-box-header { width:100%; }
.footer-box-header h2 { padding-top:0px; padding-bottom: 30px; font-size: 18px; text-transform: uppercase; color: #fff; font-weight: 600; }
.footer-box-body { width:100%; color: #999999; }
.footer-box-body ul { width: 100%; }
.footer-box-body li { list-style: none; line-height: 25px;  }
.footer-box-body a { color: #999999; text-decoration:none; }
.footer-box-body a:hover { color:#0a95da; }

.footer-hearder { text-align: center; padding-bottom: 50px;}
.footer-hearder h2 { color: #fff; text-transform: capitalize; }
.footer-hearder h2 span { color: #0a95da; }

.twitter a, .facebook a, .gplus a, .linkedin a {
	background: url(../images/social.png) no-repeat;
	width: 28px;
	height: 28px;
}
.twitter a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: 0px 0px;
}
.twitter a:hover {
	width: 28px;
	height: 28px;
	background-position: 0px -28px;
}
.facebook a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: -28px 0px;
}
.facebook a:hover {
	width: 28px;
	height: 28px;
	background-position: -28px -28px;
}
.gplus a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: -56px 0px;
}
.gplus a:hover {
	width: 28px;
	height: 28px;
	background-position: -56px -28px;
}
.linkedin a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: -84px 0px;
}
.linkedin a:hover {
	width: 28px;
	height: 28px;
	background-position: -84px -28px;
}

.social-footer {	
	width: 100%;	
}
.social-footer ul {
	text-align: left;
}
.social-footer li {
	list-style: none;
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-left: 3px;
}
.social-footer a { text-decoration: none;}

.footer-bottom { padding:30px 0px 30px 0px; background: #161616;  }
.footer-bottom a { color: #666666; text-decoration:none; }
.footer-bottom a:hover { color:#0a95da; }

.footer-bottom-right  { text-align: right;}

/* Inner Page */
.inner-page img  { width:100%;}
/* breadcrumbs start */
.breadcrumbs { width: 100%; background: #0a95da; padding: 30px 0px; color: #fff; }
.breadcrumbs h1 {
    font-size: 27px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    padding: 0px;
}
.breadcrumbs-right { text-align: right; padding-top: 5px; }
.breadcrumbs-right img { margin-top: -3px; padding-right: 6px; }
.breadcrumbs-right a { color: #fff; text-decoration: none; }
.breadcrumbs-right a:hover { text-decoration: underline; }
/* breadcrumbs end */

.right-box { width: 100%; padding-bottom: 20px; }
.right-box-header { width: 100%; }
.right-box-header h2 { color: #fff; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; background: #3c3c3c; padding: 15px 16px; font-size: 20px; text-transform: capitalize;  }

.right-box-body { width: 100%; background: #f2f2f2; padding: 12px; }

.right-box-body ul { width: 100%; }
.right-box-body li { list-style: none; line-height: 30px; padding-left: 20px; background: url(../images/right-pink.png) no-repeat center left;  }
.right-box-body a { color: #999999; text-decoration:none; }
.right-box-body a:hover { color:#0a95da; }

.accomodation { width: 100%; margin-bottom: 20px; }
.accomodation img { width: 100%; border-radius:3px;  }

.accomodation-text { background: rgba(0, 0, 0, 0.8); padding: 17px; margin-top: -108px;
    -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
    position: relative; color: #fff;  }
.accomodation-text p { padding: 0px; margin: 0px; }
.accomodation-text h3 { color:#0a95da; padding-bottom: 10px; }

.accomodation-text a { color:#0a95da; text-decoration: none; font-style: italic; }
.accomodation-text a:hover { color:#0a95da; text-decoration: underline; }

.img-radius img { border-radius: 3px; }

.inner-content h2 { text-transform: capitalize;   }


.tour-day { width: 100%; padding-bottom: 20px; }
.tour-day-top { width: 100%; }
.tour-day-top img { width: 100%; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }

.tour-day-top h2 { background: #f2f2f2; font-size: 20px; color: #0a95da; padding: 15px; -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }


.tour-day-bottom { width: 100%; padding-top:20px; }

.tour-day-bottom ul { width: 100%; padding-bottom: 30px; }
.tour-day-bottom li { list-style: none; padding: 3px 0px 3px 30px; 
	background: url(../images/tick.png) 0px 7px no-repeat; line-height: 25px;   }
.tour-day-bottom a { color: #666666; text-decoration: none; display: block; }
.tour-day-bottom a:hover {color: #d74bb9;	}

.tour-day-bottom li ul {padding-bottom: 0px !important;}
.tour-day-bottom li ul li { background:url(../images/tick-gray.png) 0px 8px no-repeat!important; 
	padding-left:28px; }

.text-orenge { color: #0a95da; }	


.border-radius img { width: 100%; border-radius: 3px; }
/* Login */
.blue-bg { background: #002249 url(../images/contact-bg.png) no-repeat right bottom; padding: 20px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background-size: cover; }
.blue-bg h2 { color: #fff; font-size: 20px; text-transform: capitalize; }
.blue-bg h3 { color: #fec17a; font-size: 16px; text-transform: none; font-weight: 400; padding-bottom: 5px; }
.blue-bg p { color: #fff; padding-bottom: 0px; }
.blue-bg a { color: #fff; padding-bottom: 0px; text-decoration:none; }
.blue-bg a:hover{color: #0a95da;}
.gray-bg { background: #f2f4f5; padding: 20px; }
.gray-bg h2 { color: #25160f; font-size: 20px; text-transform: capitalize; }
.gray-bg h3 { color: #474747; font-size: 16px; text-transform: none; font-weight: 400; }
.gray-bg p { color: #474747; }
.gray-bg a { color: #474747; text-decoration: none; }
.gray-bg a:hover { color: #5b4436; }

.height-562 { height: 562px; } 
.text-red { color: #e80000;  }

.contact-form input { margin-bottom: 15px; }
.contact-form textarea { resize: none; height: 180px; margin-bottom: 15px;   }

.inner-banner img { width:100%;}



.banner-right{background: rgba(255, 255, 255, 0.58);
    padding: 10px;
    border: 1px solid #A7CCE8;
    border-radius: 5px;
}
.banner-right .btn-gray{
	display: block;
    width: 100%;
    color: #fff;
	background-image:none;
    text-transform: uppercase;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 14px;
    border: none;
    border-radius: 3px;
}



.banner-right .book-now-textbox, .banner-right .book-now-textarea{
margin: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    color: #757575;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
}	

.banner-right .book-now-textarea{margin-bottom:0px;height:auto;}
#clients{padding: 30px 0px;}
.mobile-form{display:none;}


/* Responsive */

@media screen and (max-width: 768px) {
	
	h1, h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #33323a;
    padding-bottom: 30px;
    font-weight: bold;
}
	.breadcrumbs {  padding: 20px 0px; }
	.breadcrumbs h1 {
    font-size: 22px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    padding: 0px;
}
	#menu-button { text-align:left; }
	.top, .top-right ul, .logo { text-align: center;}
	.top-left li:first-child { border-left:0px; }
	.top-left li { border-right:0px; }

	.top-right li:first-child { border-left:0px; }
	.top-right li { border-right:0px; }
	.camp-program-header { background-color: rgba(0, 0, 0, 1); margin-top: 0px; }
	.testimonial-top { height: auto;}
	.camp-program-top { padding-top: 30px;}
	.footer {  background:#252422 url(../images/footer-bg.jpg) no-repeat center top; background-size:cover;  }
	.footer-box-body { padding-bottom: 30px; }
	.footer-hearder { padding-bottom: 20px; }
	.footer-bottom-right, .footer-bottom { text-align: center;}
	.padding-20 { padding: 0px; }
	.align-right { text-align: left; }
	.breadcrumbs-right, .breadcrumbs { text-align: center;}
	.img-radius img { width: 100%; }
	.right-side { padding-top: 20px; }
	.accomodation-text { margin-top: 0px;}
	.height-562 { height: auto; } 

	.blue-bg { background: #002249; margin-bottom: 20px; }
.tbl-pkg  {
				width: 95%; /* arbitary for demo only */
				white-space: nowrap;
				overflow-y: hidden;
				overflow-x: scroll;
				-webkit-overflow-scrolling: touch;
				padding-bottom: 15px;
				margin-bottom:30px !important;
			}
	}

@media screen and (max-width: 765px) {

.home-tour-left, .home-tour-right { float: none; width: 100%; }
.home-tour-right { padding-top: 30px;}
.footer { text-align: center;}
.social-footer ul {	text-align: center; }


 }

@media screen and (max-width: 480px) {
.banner{display:none !important;}
.mobile-form{display:block;}
.banner-right {
    padding: 25px;
    background: #0a95da;
}
.limheight {
   
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1; 
}

	}	
	
.img_rgt {
    float: right;
    border: 10px solid #fff;
    box-shadow: 0px 1px 3px #ccc;
    margin-left: 20px;
}