/*
Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	color: #252525;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background: #c4ecff;
	background-image:url(../images/templatemo_wrapper.jpg) 
	background-repeat: repeat-x;
	background-position: top
}

a, a:link, a:visited { color: #0099CC; font-weight: normal; text-decoration: none; }
a:hover { color: #009900; text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; text-indent:15px;}
img { border: none; border-radius:20px; }
em { color: #000; font-weight: bold; font-style: normal  }

h1, h2, h3, h4, h5, h6 { color: #2c93a6; font-weight: normal; }
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }
table 
{
    background: lightblue !important;
    border-color: white !important;
}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { clear: both; display: block; width: 123px; height: 39px; line-height: 39px; font-size: 11px; text-align: center; color: #333; font-weight: 700; background: url(../images/templatemo_more.png) }
a.more:hover { text-decoration: none; color: #000; box-shadow:15px 15px 15px rgba(0,0,255,0.7); transition:all 0.9s;}

.float_l { float: left }
.float_r { float: right }

.image_wrapper { position: relative; display: block; width: 144px; height: 121px; }
.image_wrapper img { width: 130px; height: 107px; margin: 7px }
.image_wrapper span { position: absolute; top: 0; left: 0; width: 144px; height: 121px; background: url(../images/templatemo_image_frame.png) no-repeat }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(../images/templatemo_list.png) no-repeat scroll 0 7px  }

/* ------------------ */

#templatemo_top_wrapper {
	width: 100%;
	background: url(../images/templatemo_wrapper.jpg) no-repeat top;
	background-size: cover;
	
}
#templatemo_top_wrapper1 {
	width: 100%;
	
	
}

#templatemo_top { 
	width: 964px;
	height: 477px;
	margin: 0 auto;
  
}
#templatemo_top1 { 
	width: auto;
	height: 200px;
	margin: 0 auto;
	
  
}

#templatemo_header {
	width: 964px;
	padding: 80px 0
}

#templatemo_middle {
	clear: both;
	width: 964px;
	height: 330px;
	background: url(../images/templatemo_banner.png) no-repeat
}

/* menu */


#search_box { float: right; width: 245px; padding-left: 2px; height: 33px; background: url(../images/templatemo_search.png)  left bottom no-repeat }
#search_box form { clear: both; width: 247px; height: 33px; padding: 0; margin: 0 } 
#searchfield { display: block; float: left; font-size: 14px; height: 25px; width: 190px; padding: 3px 6px; font-size: 12px; color: #777; line-height: 0; background: none; border: none; margin-right: 10px; } 
#searchbutton { height: 33px; width: 35px; padding: 0; margin: 0; cursor: pointer; background: none; border: none; }

#mid_content {
	float: right;
	margin: 40px 30px 0 0;
	width: 350px;
	height: 95px;
	padding: 30px;
}

#mid_content h2 { color: #000 }
/* end of menu */

#templatemo_main {
	clear: both;
	width: 960px;
	padding: 30px 0;
	margin: 0 auto
}

#templatemo_main ul {
}


.col_w960 {clear: both; width: 960px; padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #ccc }
.col_w960_last { margin: 0; border: 0 }
.col_w600 { width: 600px }
.col_w450 { width: 450px }
.col_w300 { width: 300px }
.col_w260_r { float: right; width: 280px }
.col_w260_l { float: left; width: 250px; padding-right: 30px; border-right: 1px solid #ccc }
.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_w225 { float: left; width: 225px; margin-right: 20px; }
.col_w225_content { padding: 0 5px }
.col_last { margin: 0 }

.content_box { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc }

p.news_box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #666 }

.twit_rss a { margin-right: 40px }

#templatemo_footer_wrapper_01 {
	width: 100%;
	background: #1c668b url(../images/templatemo_footer_wrapper.jpg) repeat-x bottom;
}

#templatemo_footer_wrapper_02 {
	width: 100%;
	background: url(../images/templatemo_footer.jpg) no-repeat bottom center
}

#templatemo_footer {
	width: 960px;
	padding: 30px 0 50px;
	margin: 0 auto;
	color: #fff;
	background: url(../images/templatemo_footer.jpg) no-repeat bottom center
}

#templatemo_footer a { color: #fff; text-decoration: underline }
#templatemo_footer a:hover { color: #33FFFF; }

.tmo_footer_list { margin: 0; padding: 0; list-style: none }
.tmo_footer_list li { margin: 0; padding: 0 0 0 30px; background: url(../images/templatemo_footer_list.png) no-repeat scroll 0 7px  }
.tmo_footer_list li a { color: #fff; text-decoration: underline }

#templatemo_footer h5 { display: block; width: 205px; height: 35px; line-height: 35px; padding-left: 20px; color: #fff; background: url(../images/templatemo_footer_header.png) no-repeat }

.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-ms-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
}
.popup {
	background-color: #000000;
	border: 3px solid #1C668B;
	display: inline-block;
	left: 50%;
	opacity: 0;
	padding: 15px;
	width: 730px;
	height: 575px;
	position: fixed;
	text-align: justify;
	top: 50%;
	visibility: hidden;
	z-index: 999999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
	border-radius: 31px;
}
.popup .close_window {
	background-image:url(../images/close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.popup .close_window:hover {
	transform:scale(1.3,1.3);
	transition:all 0.9s)
}
.overlay_inside {
	margin-top:5px;
	background-size:100%;
	margin-left:5px;
	width:685px;
	border-radius:31px;
}

.textstyle {
	text-align:justify;
	width:auto;
	font-size:16px;
}	
.titles {
	color:#1C668B;
}
 .leftimg {
    float:left; 
    margin: 7px 7px 7px 0;
   }
   
   
   #top{
	width:100%;
	background: #222;
	text-align:center;
	height:35px;
	line-height:35px;
	}
#top a{color:#00FF00;text-decoration:none;}
.logo{
	width:200px;
	font: 22px/125% Tahoma;
	float:left;
	line-height:35px;
	}
.logo span{font: 12px/125% Tahoma;}
 

.stars{
	color:#FFFFFF;
	text-align:center;
	
}
.cityname{
	color:#fff;
	font-size:26px;
	text-align:center;
}
.bannerimg{
	width:100%;
	border-radius:0px;
	}
.logoimg{
	width:300px;
	position:absolute;
	top:30px;
	left:60px;
}


.rides{
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	 box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.5);
	  overflow: 
	  hidden; 
	  border: 0;
	  width: 800px; 
	  height: 742px;
	  margin-bottom:20px;
}


article{padding-bottom: 30px;margin-bottom: 30px;}
article:last-child{border-bottom: none;padding-bottom: 0;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.post-inner{background:#1C668B;  border-radius:20px; width:988px; height:371px;}
.post-inner figure {display: table-cell;position: relative;width: 50%; border-bottom-left-radius:20px; border-top-left-radius:20px;}
.post-inner figure img {bottom: 0;left: 50%;max-width: none !important;position: absolute;top: 0;transform: translateX(-50%); height: 371px;}
.post-inner figure a span img {width: 100%; height: auto; top:225px;}
.post-inner figure.alignleft, 
.post-inner figure.alignright {float: none;}
.post-content{display: table-cell;padding: 0px 64px;vertical-align: top;width: 50%;}
.post-content p{color: #fff;}
.post-content .entry-content {padding-left: 40px;padding-right: 40px;}
.post-content .entry-meta{margin: 10px 0 20px;}
.post-content .entry-meta a{color: #eee;}
.post-content .entry-meta a:hover{color: #C2973C;}
.post-content .entry-meta i{margin: 3px 5px;}
.post-content .button-skin {background: #fff;color: #111;border:2px solid #fff;margin-top: 30px;}
.post-content .button-skin:hover{background: transparent;color: #fff;border:2px solid #fff;}

.post-inner figure + .post-content {text-align: left;}
.post-inner figure + .post-content .entry-content {padding: 0;}
.post-inner figure + .post-content .entry-title::before {text-align: left;}

.entry-content table {width:100%; margin-bottom:20px;}
.entry-content table tr td {color:#000000;}
.entry-content h4 {margin-left:20px;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
.button{
	cursor: pointer;
	font-size: 13px;
	border:1px solid #ffffff; 
	display: inline-block;
	text-decoration: none;
	margin: 5px 0;
	color: #fff;
	padding: 10px 15px;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
	text-shadow: none;
}
.button:hover{text-decoration: none; background: #303030;}

.button-skin {background: #c4ecff;color: #000!important;;padding: 10px 25px;text-align: center;border:2px solid #ffffff;font-weight: bold; font-size: 14px;letter-spacing: 2px;}
.button-skin:hover{color: #000;background: #c4ecff;border:2px solid #333;box-shadow: 0 0 10px rgba(255,255,255,0.7);}


.choserplace{
	width:46%; 
	text-align:center; 
	float:right;
	border-radius:5px;
	} 
.childchose{
	width:46%; 
	text-align:center; 
	float:right;
	border-radius:5px;
	display:none;
}
.labels {
	float:left;
	color:#000;
}
.label1 {
	color:#FFFFFF;
}
.label2 {
	float:left;
	color:#FFFFFF;
	display:none;
	text-align:center;
}
.leftimg {
    float: left;
    margin: 7px 18px 7px 0;
}

.portfolio-box {display: block;position: relative;margin: auto;overflow: hidden; margin-top:10px;}
.portfolio-box:before{z-index:1;content:"";position:absolute;left:20px;right:20px;top:20px;bottom:20px;border-top:2px solid #c4ecff;border-bottom:2px solid #c4ecff;transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;}
.portfolio-box:after{z-index:1;content:"";position:absolute;left:20px;right:20px;top:20px;bottom:20px;border-left:2px solid #c4ecff;border-right:2px solid #c4ecff;transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;}
.portfolio-box:hover:before{transform:scale(0,1);-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-ms-transform:scale(0,1)}
.portfolio-box:hover:after {transform:scale(1,0);-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-ms-transform:scale(1,0)}

/****** Zoom Effect ******/
.portfolio-box.zoom-effect .portfolio-box-caption{background: rgba(45, 50, 56,0.55);}
.portfolio-box.zoom-effect img{-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.portfolio-box:hover.zoom-effect img{-webkit-transform:scale(1.1); /* Safari and Chrome */-moz-transform:scale(1.1); /* Firefox */-ms-transform:scale(1.1); /* IE 9 */-o-transform:scale(1.1); /* Opera */transform:scale(1.1);}


.portfolio-box .portfolio-box-caption {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;color: #fff;-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-button,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {padding: 0 15px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;text-shadow: 2px 2px #111;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {font-size: 13px;color: #feed01;margin-bottom: 10px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 16px;margin-bottom: 3px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-button{transition: all 1s ease;opacity: 0; height: 0;overflow: hidden;}

.portfolio-box:hover .portfolio-box-caption {opacity: 1;}
.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .project-button{opacity: 1;height: auto;}
.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .project-name{display: none;}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 15px;
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 19px;
    }
}
.details {
	color:#000000;
}
.call-button{
	height:70px;
	width:70px;
	background:#0000FF;
	transition:1s;
	border-radius:100%;
	padding:10px;
	left:auto;
	right:30px;
	bottom:30px;
	top:auto; 
	position:fixed;
	
}
.call-button:hover{
	background:#0066CC;
	border-radius:100%;
	transform:rotate(360deg);
}
