/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);
*{
	margin:0; padding:0px;
}
body{
	width:100%; background-color:#fcfcfc; color:#000;
	font-family: Calibri, Helvetica, Verdana, Arial;
	/*background-image:url(images/body_bg.png); background-repeat:repeat-x; background-color:#f7f7f7; background-position:top;*/
}
h1{
	color:#333;	padding:5px 0; margin:10px 0;
	font-weight:bold; font-size:48px; font-family: Ubuntu, 'Open Sans', Calibri;
	text-shadow:2px 2px 3px #000;
	text-transform: capitalize;
}
h2{
	font-size:27px;	font-weight:bold; color:#900; /*font-variant: small-caps;*/ font-family: Ubuntu, 'Open Sans', Calibri;
	padding:5px 0; margin:5px 0;
	/*text-shadow:2px 2px 2px #000; */
	text-transform: capitalize;
}
h3{
	color:#000000;
	font-family:Arial; font-size:21px; font-weight:bold; font-family: Ubuntu, 'Open Sans', Calibri;
	padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:3px;
	text-transform: uppercase; border-bottom:2px solid #f0f0f0; background-color:#fff;
}
.title{
	color:#191919; padding:3px 0; margin:5px; float:left;
	font-weight:bold; font-size:30px;
	text-shadow:1px 1px 1px #000;
}
.menuitem{
	font-size:15px;	color:#900; font-weight: normal; font-family: Ubuntu, 'Open Sans', Calibri;
	padding:0px; margin:10px 10px 0 0; float: right;
	text-shadow:0px 0px 0px #000; margin:15px 0 15px 10px;
	
	margin:0px; padding:15px 5px 15px 5px; 
	border-bottom:3px solid transparent;
}
.menuitem:hover{
	border-bottom:3px solid #900; background-color:#fafafa;
}

a{
	font-weight: bold; text-decoration: none; color:#000;
}
a:hover {
	color:#333; border-bottom:0px solid #333;
}

#wrapper{
	width:100%;position: absolute;
	width:999px;position:static; margin:50px auto; margin:0px auto;
}
#header{
	width:100%; position:fixed; top:0px; left:0px; height:50px;
	background-color:#fff; z-index:999; color:#900;
	box-shadow:0 0 2px #000; -moz-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000;
}
#header-inner{
	width:999px; margin:0px auto; display:block; z-index:999; height:50px;
}
#bodym{
	width:100%;	text-align:center; display:block; position:relative; margin-top:10px; min-height:520px; vertical-align: middle;
}
#footer{
	width:100%; text-align:center; display:block; position:relative; color:#171717; vertical-align: middle; margin:20px auto 10px auto;
	font-size:14px; font-family:'Open Sans';
}
#header a{color:#fff;text-decoration: none;}
#header a:hover{color:#fff;text-decoration: none;border-bottom:0;}

div#is2c{
	width:300px; min-height:200px; margin: 5px; padding: 5px; height:150px;
	font-size:13px; color:#333333; text-align: left;line-height:18px;
	border:1px solid #CCC; border-color:#E4E4E4 #BEBEBD #BEBEBD #E4E4E4;
	display:block; float:left; background-color:#FFF; overflow: auto;
	box-shadow:1px 1px 2px 0 #D0D0D0; -moz-box-shadow:1px 1px 2px 0 #D0D0D0; -webkit-box-shadow:1px 1px 2px 0 #D0D0D0;
	
	width:700px; min-height:200px; margin: 5px; padding: 5px 15px; height:auto;
	font-size:15px;
}
div#is2c>p{
	border-bottom:0px solid #f7f7f7; padding:5px 0; font-weight: bold; font-size:16px; vertical-align: bottom;
}
div#is2c>p:nth-child(even){
	/*background-color:#e7e7e7;*/
}

.search-form{
	width:550px;height:auto;margin:50px auto;max-width:100%;width: auto;margin-bottom:0px;
}
.search-box{
	border:1px solid #006; height:40px; width:420px;font-size:18px; padding:0px 10px;
}
.search-box:hover{
	border:1px solid #006; box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;
	-webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999;
}
.search-box:active {
	border:1px solid #006;
}
.search-button{
	border:0px; height:42px; width:auto;font-size:18px;cursor: pointer;color:#fff; padding: 5px 20px;
	background-image: url('images/search-icon.png'); border-radius:3px;
}
.search-button:hover{
	box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;
}
a.search-button:hover{
	color:#fff; border-bottom:0;
}
.g4 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#000));
   background-image: -webkit-linear-gradient(top, #404040, #000); 
   background-image: -moz-linear-gradient(top, #404040, #000);
   background-image: -ms-linear-gradient(top, #404040, #000);
   background-image: -o-linear-gradient(top, #404040, #000);
}
.g40 {
   background: #56ab2f;  /* fallback for old browsers */
   background: -webkit-linear-gradient(to bottom, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */ 
   background: linear-gradient(to bottom, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   
   background: #299a0b;
}
.search-button.g4.disabled{
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
   background-image: -webkit-linear-gradient(top, #999, #666); 
   background-image: -moz-linear-gradient(top, #999, #666);
   background-image: -ms-linear-gradient(top, #999, #666);
   background-image: -o-linear-gradient(top, #999, #666);
   cursor:default;	
}
.search-button:hover.g4.disabled{
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}

.msg-button{
	border:0px; height:42px; width:auto;font-size:14px; cursor:pointer; color:#fff; padding: 5px 10px;
	border-radius:3px;
}
.msg-button:hover{
	color: #fff;
	box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999;
}



div#optionbox{
	width:400px; min-height:0px; padding: 5px; max-height:250px;
	position: relative; text-align: left; visibility: hidden;
	border:1px solid #CCC; /*border-color:#E4E4E4 #BEBEBD #BEBEBD #E4E4E4;*/
	background-color:#FFF; color:#333;
	box-shadow:1px 1px 2px 0 #D0D0D0; -moz-box-shadow:1px 1px 2px 0 #D0D0D0; -webkit-box-shadow:1px 1px 2px 0 #D0D0D0;
}
.search-form:focus>div{
	visibility: visible;
}
.search-box:active div#optionbox{
	visibility: visible;left:0px;
}

.listingText{
	font-weight: normal; text-transform:lowercase; text-transform:capitalize;
}
p.titletext{
	background-color:#780000;color:#fff;text-align: center;font-weight: bolder;line-height:20px;
	
	background-color:transparent; text-align:left; text-transform:capitalize;
	font-size:21px !important; color:#424242; font-weight:500; line-height: 25px; margin: 5px;
}
.regform{
	width:auto;margin:10px auto;text-align:left;
}
.regform p{
	margin:10px 5px; text-align:left; font-size: 20px; font-weight: bold;
}

/*
::-webkit-scrollbar {width: 12px;background-color:#fff;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color:#900;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px;background-color:#fff;}
*/
::-webkit-scrollbar {width: 12px;background-color:#fefefe;}
::-webkit-scrollbar-track {border-radius:0px; background-color:#efefef;}
::-webkit-scrollbar-thumb {border-radius:0px; background-color:#1d1d1d;opacity:70%}

.star_rating{
/*	content:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABa0lEQVRIS7WUy23CQBCGZ8D3xBKcIRWEDgLHHECiAqADOojTQTpIqCASPuQYpwPSATnbkinAMJldYeLFu8rY4L35sf/3zxOh4YMN60MlAMXhUBnC7jiSGqsIWEeASNgZj64O0O4RPrUwwUgahTgCirX7h6PzSBqFCGC4z3MjjEIIMNznCFEUTgCl77cA7Xs44IBz/mItKsISWrQB2H+jP93Z/tEASj/6cMhmLDTgRxYG3Y41jmrfHTfDBlreCv3H7SkCSsI3/jirIWq7suImmOuZKX69EuQkXgLodF0WiSFuBVwAKYk7ATUgVvF/AGsuEr7Kik4L7ExUk5SOew7iMOAWeBIBCJ55NwUVAdbptfOIvrA7GVYDJKGazJuzSz/H5575nracojsxQK+JvZcWLrAwBXmeKdH1USn5A7Uz37YurDUobE9D+NyhAXJsVztAOSTsuwpnTL+KNvOWgDpNpU4SrWtRJzl+ahzwC+RKjxnOkKfHAAAAAElFTkSuQmCC");
*/
	content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABa0lEQVRIS7WUy23CQBCGZ8D3xBKcIRWEDgLHHECiAqADOojTQTpIqCASPuQYpwPSATnbkinAMJldYeLFu8rY4L35sf/3zxOh4YMN60MlAMXhUBnC7jiSGqsIWEeASNgZj64O0O4RPrUwwUgahTgCirX7h6PzSBqFCGC4z3MjjEIIMNznCFEUTgCl77cA7Xs44IBz/mItKsISWrQB2H+jP93Z/tEASj/6cMhmLDTgRxYG3Y41jmrfHTfDBlreCv3H7SkCSsI3/jirIWq7suImmOuZKX69EuQkXgLodF0WiSFuBVwAKYk7ATUgVvF/AGsuEr7Kik4L7ExUk5SOew7iMOAWeBIBCJ55NwUVAdbptfOIvrA7GVYDJKGazJuzSz/H5575nracojsxQK+JvZcWLrAwBXmeKdH1USn5A7Uz37YurDUobE9D+NyhAXJsVztAOSTsuwpnTL+KNvOWgDpNpU4SrWtRJzl+ahzwC+RKjxnOkKfHAAAAAElFTkSuQmCC");
	height:25px;width:25px; cursor:pointer;
}
.star_rating:hover{
/*
	content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABZUlEQVRIS7WUMVLDQAxFJYbMpCM5AabCHaSAlCQnSbhBboC5ATeAnARTAkVC59KcgJQZYBDadWyytnaQnXg7r3f/05e0Qmh5Ycv6UAtAr+HIBIQXSawNrB7gJTTChJfJeO8AGz3BoxVGGGtdqB1QFv3VJvJY60IFcKLPc6N0oQO40ecIlQsvgBZBD766Z1zTc076nVxUmvG/JXTWbzhIV9IZC6BFGMA3TOCHxRB7vGXbscGKgWgFBww9hDkOkrRwwEV8YMFJA1HpypybYJo13NbaE6QQrwBsunZz4oiLgB0gFXEvoAFEFP8PYIp0ryz6NRfVNEll+d/BcxhxC9yoAAS3OEyiegD59fp4T+xgVBNwyi8Tj5xLBO/2G+G4tJ+ygxM1YDMmPooLRhghyvPMrTzl0W1S+AfqrPvSuBBrUEzPknA5Qgfkma4yIIsw8BXOef1mKH52Z+wmlTpJNa5VneQ51DrgFwdMkBnIlNVrAAAAAElFTkSuQmCC");
*/
	height:25px;width:25px; border:0;
}

.star_rated{
	content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABZUlEQVRIS7WUMVLDQAxFJYbMpCM5AabCHaSAlCQnSbhBboC5ATeAnARTAkVC59KcgJQZYBDadWyytnaQnXg7r3f/05e0Qmh5Ycv6UAtAr+HIBIQXSawNrB7gJTTChJfJeO8AGz3BoxVGGGtdqB1QFv3VJvJY60IFcKLPc6N0oQO40ecIlQsvgBZBD766Z1zTc076nVxUmvG/JXTWbzhIV9IZC6BFGMA3TOCHxRB7vGXbscGKgWgFBww9hDkOkrRwwEV8YMFJA1HpypybYJo13NbaE6QQrwBsunZz4oiLgB0gFXEvoAFEFP8PYIp0ryz6NRfVNEll+d/BcxhxC9yoAAS3OEyiegD59fp4T+xgVBNwyi8Tj5xLBO/2G+G4tJ+ygxM1YDMmPooLRhghyvPMrTzl0W1S+AfqrPvSuBBrUEzPknA5Qgfkma4yIIsw8BXOef1mKH52Z+wmlTpJNa5VneQ51DrgFwdMkBnIlNVrAAAAAElFTkSuQmCC");
	height:25px;width:25px; border:0;
}




/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
    
    max-width:80%;
    width:400px;
    text-align:left;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    
    color:#900; margin:10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
    
    background-color: #f7f7f7;
    color: #000;
}

.modal-body {
	padding: 2px 16px;
	font-size:18px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;

    padding: 15px;    
    background-color: #fff;
    color: #000;
}
.frmEnq{
}
.frmEnq label{
    font-size:18px; font-weight:bold;
}
.frmEnq input {
    height:20px; width:90%; 
    border:1px solid #006; height:35px; font-size:15px; padding:0px 10px;
}
.frmEnq textarea {padding:0 10px; width:90%;}


/************** Stars [https://voidcanvas.com/make-simple-star-rating-by-radio-buttons-using-css/] *******/
form .stars {
  background: url("images/stars.png") repeat-x 0 0;
  width: 150px;
  margin: 0 auto;
}
 
form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("images/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}

.profile p{
  font-size:17px; padding:5px 2px;
}
.profile p>img{
  margin:0 5px; padding:0 5px;
}


/* index ajax dd */
.search-ul{
	list-style-type:none; padding:0px; width:100%; min-height:0px; max-height:250px; overflow-x:hidden; overflow-y:auto;
}
.search-li{
	border-bottom:2px solid #f3f3f3; font-size:18px; padding:5px 15px; margin:0px; cursor:pointer; color: #000;
}
li.search-li>span{
	height:24px; overflow:hidden;
}
.search-li:hover{
	 color: #fff; background-color: #900;
}


/*pagination*/
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin: 15px auto;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #00;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: #fff;
    border: 1px solid #4CAF50;
    background-color: #c00;border: 1px solid #c00;
    font-weight:bold;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

div.center {text-align: center;}

.clrall {clear:both;}


.blinkonline {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}