/*   

Theme Name: Student Tour Packages Responsive

Description: For Ripple Holidays

Author: Nidhin Chandran

*/

/* 
		=============================
		-->     Table of CSS     <--
		=============================
		
		
		(1)  Global Styling       	- Common for Body, Anchor Tags, Form Elements and various Text Elements.
		(2)  Common Styling       	- This for all HTML pages.
		(3)  Header content       	- Header Section.
		(4)  Navigation content   	- Stying for Main Navigation.
		(5)  Banner content   	  	- Styling for Banner.
		
		=================================
		-->     End of Table CSS     <--
		=================================
*/

/* 
		=================================
		-->   (1) Global Styling 	 <--
		=================================
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
	font-family: Arial,Helvetica,sans-serif;
	background:#000000;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}
a {
	outline:none !important;
}
a:hover {
    color: #844800 !important;
    text-decoration: none;
}

/*==========================*/
/* 	  Common Styles here	*/
/*==========================*/

.full-width {
	float:left;
	width:100%;
}
.relative {
	position:relative;
}
.less-padding {
	padding:0;
}
p {
	color: #333;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 5px 0 0 0px;
}
h2 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
	padding-bottom:5px;
}

/*==========================*/
/* 	  Header Contents here	*/
/*==========================*/

header {
	
}
.top_links {
	background:#333333;
	border-bottom:4px solid #FF8B00;
	padding:5px 0;
}
.banner_section {

}
.banner_section img {
	float:left;
	width:100%;
}
.black_bg {
	background:#333333;
	padding-top:30px;
}
.navigation_bar {
	background:#fff;
}
.navbar{
	min-height:0;
	margin-bottom:0;
	border:none;
}
.navbar-default {
    background-color:transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	color: #000000;
}
.navbar-nav > li {
	padding:8px 0;
}
.navbar-nav > li > a {
    padding:2px 30px;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	border-right:1px dotted #000;
}
.navbar-nav > li:last-child > a {
	border:none;
}
.navbar-nav > li > a:hover {
	color:#844800 !important;
}
.navbar-nav {
	background:#FF8A00;
	position:relative;
	padding-left:50px;
}
.navigation_bar #bs-example-navbar-collapse-1 {
	padding:0;
}
.navbar-nav::after {
	background:url(images/icons/navbg.jpg) no-repeat;
	content:"";
	position:absolute;
	width:22px;
	height:37px;
	left:0;
	top:0;
}


/*==============================*/
/* 	 	Contents here			*/
/*==============================*/
.first_rw {
	background:#fff;
	padding-top:30px;
}
.first_rw img {
	width:100%;
}
.first_rw a.col-xs-6 {
	padding:6px;
}
.highlight {
    color: #ff8a00;
    font-weight: bold;
}
.quick_quote {
	background:#FDFBDF;
	padding:15px;
	text-align:center;
	margin-top:7px;
}
.quick_quote h2 span {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    display:block;
	padding-top:2px;
}
.side_nav {
	border-radius:8px;
	padding:10px;
	-webkit-box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.99);
-moz-box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.99);
box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.99);
}
.side_nav h2 {
	width:100%;
	text-align:center;
	border-bottom:1px dotted #000;
}
.side_nav ul li {
	list-style:none;
}
.side_nav ul li a {
    color: #b36100;
    font-size: 12px;
    font-weight: normal;
	background:url(images/icons/libg.jpg) left top no-repeat;
	padding-left:15px;
}
.second_rw {
	background:#fff;
	padding-top:15px;
}
.second_rw aside img {
	width:100%;
	float:left;
}

.second_rw h3 {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    padding: 0;
	background:#333333;
	text-align:center;
}
.same {
	margin:15px 0;
}
.same img {
	width:100%;
	background: #e7e7e7 none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    padding: 2px;
	height:60px;
}
.same h2 {
	color: #333;
    font-size: 13px;
    font-weight: bold;
    line-height: 12px;
	padding:3px 0 0 0;
}
.less_left {
	padding-left:0;
}
.same:hover p {
	color: #844800;
}
.second_rw aside a {
    float: left;
    margin-bottom: 15%;
    width: 100%;
}

.second_rw aside .img_centered a {
	width: 43%;
	margin: 0;
	padding: 0;
}

/*======================================*/
/* 	  			Footer here				*/
/*======================================*/
.up_links {
	border-top:1px solid #666666;
	padding:10px 15px;
	background:#fff;
	text-align:center;
}
.up_links li {
	list-style:none;
	display:inline-block;
}
.up_links ul li a {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
	border-right:1px solid #333;
	line-height:10px;
	display:block;
}
.copy_right{
	background:#333;
	border-top:3px solid #FF8A00;
	padding:5px 15px;
}
.copy_right p {
	color: #fff;
    font-size: 9px;
    font-weight: normal;
}

.white_section {
	background:#fff;
}
.side_navigation{
	background:#595959;
	border-radius:24px;
	padding:20px 20px 20px 20px;
	margin-bottom:30px;
}
.side_navigation ul {
	padding:0!important;
}
.side_navigation ul li {
	list-style:none;
	display:block;
	padding:5px 0;
}
.side_navigation ul li a {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	text-decoration:none;
	background:url(images/icons/side_ico.jpg) left 4px no-repeat;
	padding-left:15px;
}
.side_navigation ul li a:hover {
    color: #844800;
    text-decoration: none;
}
.common_inner {
	color: #9f5800;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
	background:#F4F3E8;
	padding:15px;
	margin:25px 0;
	float:left;
	width:100%;
}
.content_section p {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 17px;
    padding-right: 5px;
	/*padding-top:10px;*/
	padding-top: 6px;
}
.about h3 {
    color: #ff8a00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 16px;
	padding-top:14px;
}
.about ul li {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 17px;
    padding-right: 5px;
}
.about ul {
	padding:10px 0 15px 25px;
}

.detail {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
	background:#F0EFEC;
	padding:8px 8px;
	float:left;
	width:100%;
}
.details {
	padding-left:0 !important;
	padding:7px;
	float:left;
	width:100%;
}
.details li {
    color: #000;
    font-size: 15px !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
	display:inline-block;
	margin-right:15px;
}
.detail .details {
    padding: 3px 0 1px 25px;
}
.gallery {
	background:#fff;
}
.gallery li {
	list-style:none;
	margin-bottom:30px;
}
.gallery li a, .gallery li img {
	width:100%;
	float:left;
}
.green {
	color:#060 !important;
}
.twoMod {
	background:#F7F7F7;
	float:left;
	width:100%;
	padding:15px 0;
	margin-bottom:30px;
}
.twoMod li {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
	width:50%;
	float:left;
	padding:15px;
	list-style:none;
	padding:6px 15px 7px 15px;
}
.threeMod {
	background:#F7F7F7;
	float:left;
	width:100%;
	padding:15px 0;
	margin-bottom:30px;
}
.threeMod li {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
	float:left;
	padding:15px;
	list-style:none;
	padding:6px 15px 7px 15px;
}



/* Chocolate css */

#Choco_overlay{
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	display:none;
	padding:0;
	margin:0;
}
#Choco_content{
	display:none;
	width:800px;
	height:600px;
	z-index:1001;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-300px;
	border-top:1px solid transparent;/*Yes, adjust image perfectly at the center of a box, don't know why.*/
}
#Choco_left_arrow{
	float:left;
	background-image:url(images/left.gif);
	background-position:12%;
	left:-14%;
}
#Choco_right_arrow{
	float:right;
	background-image:url(images/right.gif);
	background-position:88%;
	left:14%;
}
.Choco_arrows{
	background-repeat:no-repeat;
	display:none;
	position:relative;
	cursor:pointer;
	width:49%;
	top:-100%;
	height:100%;
	margin-top:-30px;
}
#Choco_container_photo{
	text-align:center;
	width:800px;
	height:600px;
	/*background:url(images/ajax-loader.gif) center center no-repeat;*/
}
#Choco_container_description{
	padding:0;
	height:26px;
	width:100%;
	color:#505050;
	font-family:Tahoma;
	clear:both;
	position:relative;
	font-size:12px;
	margin-top:-5px;
	overflow:hidden;
	visibility:hidden;
}
#Choco_container_title{
	float:left;
	padding:5px;
}
#Choco_container_via{
	padding:5px;
	float:right;
}
#Choco_container_via a{
	color:gray;
}
#Choco_container_via a:hover{
	color:white;
	background:gray;
}
#Choco_close{
	width:30px;
	height:25px;
	background-image:url(images/close.gif);
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	margin-top:-20px;
	display:none;
}
#Choco_loading{
	width:9px;
	height:11px;
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	float:right;
	margin-top:-20px;
	display:none;
}
#Choco_bigImage{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	margin-top:-5px;
}
.cam .common_inner span {
    color: #ff8a00;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 16px;
}
.cam .common_inner a{
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
	float:right;
}
.cam img {
	width:100%;
}
.pad15 {
	padding:15px 15px;
}
.pad-top {
	padding-top:15px;
}
.normal-case {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.pnone p {
	padding-top:0;
}
.camdi ul {
	padding-left:30px;
	padding-top:15px;
}
.camdi ul li {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.table_outer table {
	width:100%;
	float:left;
}
.table_outer table tr th {
	color: #333;
	font-size:12px;
	font-weight:bold;
	padding:10px 15px;
}
.table_outer table tr td {
	color: #333;
	font-size:12px;
	padding:10px 15px;
	border-top:1px solid #DDDDDD;
}
.table_outer table tr:hover td {
	background:#F5F5F5;
}
.right-pad {
	padding-right:0;
}
.left-pad {
	padding-left:0;
}
.setul { margin-bottom:15px;}
.setul ul {
	padding-left:21px;
	padding-top:15px;
	float:left;
	width:100%;
}
.setul ul li {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
	padding:5px 0;
}
.last-one {
	margin:15px 0;
}
.last-one ul {
	float:left;
	width:100%;
}
.last-one ul li {
	list-style:none;
	background:#EFEFEF url(images/icons/side_ico.jpg) 2px 11px no-repeat;
	padding:2px 16px;
}
.last-one ul li a {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 19px;
}
.img_centered .col-xs-2 {
	display: inline-block;
	float: none;
	}
.img_centered {
	text-align: center;
	}

/*==============================*/
/* 	  Media Query styles here	*/
/*==============================*/

@media (min-width:1440px){


} /* End query */

@media (max-width:1399px){

	}

@media (min-width:1367px){
	
} /* End query */

@media (min-width:1201px){


	} /* End query */	

@media (max-width:1200px){

	} /* End query */

@media (max-width:1024px){

	}
@media (max-width:992px){


    }
 /* End query */

@media (max-width:991px){

	}
 /* End query */
	
@media (max-width:800px){

	}  
	
@media (max-width:768px){


	} /* End query */
	
@media (max-width:767px){
#bs-example-navbar-collapse-1 { padding:0 15px; }
.navbar-nav { padding-left:0; margin:0; }
.navbar-nav::after { background:none;}
.navbar-nav > li > a { border:none; }
.first_rw { padding-top:5px; }
.gallery ul#example6 li.col-xs-6{width: 100% !important;}


	} /* End query */
	
@media (max-width:667px){

	} /* End query */
	
@media (max-width:640px){

	} /* End query */
	
@media (max-width:568px){


	} /* End query */
	
@media (max-width:480px){
.w100 { width:100%;}

	} /* End query */
	
@media (max-width:380px){


	} /* End query */
	
@media (max-width:360px){
.same h2 { font-size:11px;}
.ripples img { width: 100%;}
	} /* End query */
	
@media (max-width:320px){
.same h2 { line-height:20px; }

	} /* End query */
		
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,#horizontalTab {
    	
    }
}

.martopitem {
	margin-top: 20px;
}

@media(min-width:481px){
.gallery li a {
    height: 132px;
    overflow: hidden;
}    
}

/*==============================*/
/*       Contact us page             */
/*==============================*/

.flnone {
    float:none;
    margin:0 auto;
}
.selsize img {
    max-width:200px;
}
.selsize {
    margin-top:50px;
}
.ripples a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display:block;
}
.grayCo {
    background:#E3DFDD;
    padding:17px;
    margin-top:20px;
}
.grayCo ul li {
    list-style:none;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    display:block;
    font-weight:bold;
}
.grayCo ul li a{
    list-style:none;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    display:inline-block;
    font-weight:bold;
}
.grayCo ul li span,.grayCo ul li a {
    padding-left:15px;
}
.contactus h2 {
    display:inline-block;
    padding:15px 0;
}
.customColor {
    background:#E8EFE7;
    padding:15px;
    margin-bottom:20px;
}
.customColor ul li {
    list-style:none;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    display:flex;
    font-weight:bold;
}
.customColor ul li span {
    padding-left:20px;
    text-align: left;
}

/* ***************************** */
.grayCo2 {
    background:#E3DFDD;
    padding:17px;
    margin-top:20px;
}
.grayCo2 ul li {
    list-style:none;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    display:block;
    font-weight:bold;
}
.grayCo2 ul li a{
    list-style:none;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    display:inline-block;
    font-weight:bold;
}
.grayCo2 ul li span,.grayCo2 ul li a {
    padding-left:15px;
}

@media (min-width: 768px) {
		.alt_nav {
			display: none;
		}
	}

@media (max-width: 767px) {
	.black_bg {
		padding-top: 0;
	}
	.grayCo ul li span { display: block;}
	.navbar-nav > li.top_only{display: none;}
	.mobile_only{
		display: block !important;
	}
}

.alt_nav .up_links ul li a {
	color: #fff;
	font-size: 15px;
}

.alt_nav .up_links ul li:nth-child(even) {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.navbar-nav > li.mobile_only{
	display: none;
}
.thumb_post{
position: relative;
float: left;
margin: 2px 20px 2px 0px;
}
.fa-whatsapp  {
	color:#fff;
	background:
	linear-gradient(#25d366,#25d366)10px 84%/10px 15px no-repeat,
	radial-gradient(#25d366 60%,transparent 0);
	
  }

  .whatsapp_btn{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:10px;
	/* background-color:#0C9; */
	color:#FFF;
	border-radius:50px;
	text-align:center;
	/* box-shadow: 2px 2px 3px #999; */
	z-index: 99;
}

.my-float{
	margin-top:22px;
}

@media(max-width:767px){
	.quick_quote a {
	   display: inline-block;
	   background: #ff8a00;
	   color: #fff;
	   padding: 5px 15px;
	   border-radius: 3px;
	}
	ul.details li a{
		margin-top: 3px;
	}
	}
	@media(max-width:480px){
		.quick_quote a {
		   padding: 5px 5px;
		}
		}