@charset "utf-8";
@import url("font-awesome.css");
body
{
	margin: 0px;
	padding: 0px;  font-family: 'ralewayregular';
	color: #6b6b6b; background:#ffffff url(../images/bodybg.png) top center; background-attachment:fixed; 
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1, h2, h3, h4
{
	margin: 0;
	padding: 0;
}

p, ol, ul
{
	margin: 0px; padding:0px;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol li{list-style: circle; margin:5px; margin-left:15px;}
TD{
 font-family: 'ralewayregular'; font-size:15px;  color:#6b6b6b; line-height:20px; letter-spacing:0.2px;
}

/** LOGO */

h3 {background: #376390; padding: 15px 15px; margin: 0; margin-bottom:5px;  border-bottom:1px solid #ddd; color:#fff; font-weight:bold; font-family:'robotoregular'; font-size: 18px; text-decoration:none}
.h3text { text-decoration:none; color:#1a568a; font-weight:bold; font-family:'robotoregular'; font-size: 18px;}
.logo
{
	 height:108px; width:368px; background:url(../images/logo.jpg) no-repeat; display:block; filter: alpha(opacity=100); 
}
.logotext { font-size:26px; text-decoration:none; color:#fff; text-transform:uppercase; font-weight:bold; margin-top:5px;  display:block;}
.headericon
{
  text-decoration:none; color:#ffc315; font-size:13px;
}
.headerhome
{
  text-decoration:none; color:#ffc315; font-size:13px;
}
.headerhome:hover{ text-decoration:underline}
.headerbg
{
   background-color:#011c38; padding:5px; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80;
}
.headertop
{
  padding:5px; background-color:#011c38; filter: alpha(opacity=95);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); -moz-opacity: 0.95; opacity:0.95;
}
.headerbgimg
{
  background:url(../images/headerbg.jpg); width:100%; height:142px; display:block;
}
.footerbgimg
{
  background:url(../images/footerbg.jpg); width:100%; height:290px; display:block;
}
.footerbgimg-all
{
  background:url(../images/footerbg.jpg); width:100%; height:90px; display:block;
}
.welcome{
 color:#003a6a; text-transform:capitalize; font-family:'robotoregular'; font-size: 20px; font-weight:bold;  

}
.Activities{
 color:#003a6a; text-transform:capitalize; font-family:'robotoregular'; font-size: 12px; font-weight:bold;  

}
.welcome1{
 color:#fff; text-transform:capitalize; font-size: 20px; font-family:'robotoregular'; font-weight:bold; 

}


.more{
	text-align:center; text-decoration:none;
	font-size:14px;
	color:#003a6a; 
	padding:5px; margin:10px; padding-left:10px; padding-right:10px;}
.more:hover{ text-decoration:underline}

.more1{
	text-align:center; text-decoration:none;
	font-size:14px;
	color:#ffc315; 
	padding:5px; margin:10px; padding-left:10px; padding-right:10px;}
.more1:hover{ text-decoration:underline}

.gallerybox{ background-color: #ffffff; display:block; margin:5px; padding:5px; text-align:center;
	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

.boxshodow{-moz-box-shadow: 20px 20px 20px #dadada;
-webkit-box-shadow: 20px 20px 20px #dadada;
box-shadow: 20px 20px 20px #dadada; display:block; }

.datatable {border:1px solid #e5e5e5;  border-collapse:collapse; border-spacing:0; empty-cells:show; }
	.datatable th {color:#ffffff; background-color:#1A568A; padding:5px; border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; font-weight:bold;}
		.datatable .rowbg th {background-color:#b5d4b5;}
	.datatable td {padding:5px; padding-left:10px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
		.datatable .rowbg td {background-color:#b5d4b5;}
		

#menu-part {  z-index:1; width:450px; height:40px; 
}

#sddm { margin: 0px; padding-top:0px; padding-left:0px; margin-left:0px; }

#sddm ul { margin: 0; padding: 0;  background-repeat:repeat-x; }
#sddm li {margin: 0; padding: 0; list-style: none; float: left; text-transform:capitalize; font-family:'robotoregular'; font-size:14px; color:#fff; text-decoration:none;   }

#sddm li span { background:url(../images/menu_div.png) no-repeat; display:block;height:40px; width:1px; }

#sddm li a.c { margin: 0 0 0 0; padding: 0px 0px; padding-right:0px; width: 85px; color: #ffffff; height:40px; text-align:center;  text-decoration: none; display:block; line-height:40px;background-repeat:repeat-x;}
#sddm li a.c:hover { height:40px; background-repeat:repeat-x; line-height:40px; color:#ffc315;}

#sddm li a.b {  margin: 0 0 0 0; padding: 0px 0px; padding-right:0px; width: 100px; color: #ffffff; height:40px; text-align:center;  text-decoration: none; display:block; line-height:40px;background-repeat:repeat-x;}
#sddm li a.b:hover { height:40px; background-repeat:repeat-x; line-height:40px; color:#ffc315;  }


#sddm div {	position: absolute; visibility: hidden; margin: 0 0 ; padding: 0 0;  filter: alpha(opacity=90);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.90; background-color:#015fae;}
#sddm div a { position: relative; display: block; margin: 0 0; padding:2px 10px; width: 200px; text-align: left; text-decoration: none; background-repeat:repeat-x; color: #fff; height:30px; border-bottom:#fff solid 1px; line-height:30px; text-transform:none; font-size:14px; }
#sddm div a:hover {height:30px; color:#ffffff;  line-height:30px; background:#ffc315;}


#sddm li a.frontcurrent{ height:40px; background-repeat:repeat-x; line-height:40px; color:#ffc315;}

.serviesbox{background-color:#fafafa; -moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius:10px; margin:10px; padding:10px; 
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
   display:block; } 
.footer
{
  font-size:15px; text-decoration:none; color:#f1f1f1;
}
.footertextt
{
  font-size:15px; text-decoration:none; text-transform:capitalize; color:#f1f1f1; display:block; padding:5px;
}

.footertextt:hover{ text-decoration:underline;}

.copyrights
{
 color:#fff; font-size:15px; text-decoration:none; 
}
.facebook
{
 	background: url(../images/facebook.png)   no-repeat; display:block; width:30px; height:30px;
}
.facebook:hover { background: url(../images/facebook-a.png);}
.twiter
{
 	background: url(../images/twiter.png)   no-repeat; display:block; width:30px; height:30px;
}
.twiter:hover { background: url(../images/twiter-a.png);}
.youtube
{
 	background: url(../images/youtube.png)   no-repeat; display:block; width:30px; height:30px;
}
.youtube:hover { background: url(../images/youtube-a.png);}

.linked
{
 	background: url(../images/linked.png)   no-repeat; display:block; width:30px; height:30px;
}
.linked:hover { background: url(../images/linked-a.png);}

.donate
{
 	background: url(../images/donate-button.png)   no-repeat; display:block; width:107px; height:30px;
}
.donate:hover { background: url(../images/donate-button-a.png);}


.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 140px; 
	height: 80px; 
}

.flip-container, .front1, .back1 {
	width: 133px; 
	height: 133px; 
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative; 
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg); 
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.front1, .back1 {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front1 {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg); 
}

/* back, initially hidden pane */
.back1 {
	transform: rotateY(180deg);
}

.date1{font-size: 14px; font-weight:bold;
color: #000;
letter-spacing: 0.8px;
line-height: 17px; text-decoration:none}
.date2{font-size: 14px;
color: #db0f03;
letter-spacing: 0.8px; font-weight:bold;
line-height: 17px; text-decoration:none}

.date3{font-size: 14px;
color: #fff;
letter-spacing: 0.8px;font-weight:bold;
line-height: 17px; text-decoration:none}

ul.thumb {float: left;list-style: none;margin: 0; padding: 0px;width: 820px;background-color: white;}
ul.thumb li {margin: 5px; padding: 5px; float: left; position: relative;width: 200px;height: 164px; border:#CCCCCC solid 1px;}
ul.thumb li img {width: 200px; height: 124px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:url(thumb_bg.png) no-repeat center center;border: none;}

.tab3{width:180px;
    border:hidden;
    background-repeat:no-repeat; 
    position:relative; color:#042568; text-transform:capitalize; font: normal 13px/16px Helvetica,Trebuchet MS; padding:5px; text-decoration:none;
    top:135px; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    left:55px;}

#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}


.form-control {
  display: block;
  width: 200px; margin:5px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.form-control {
  height: 60px;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}

ul.thumb2 {float: left;list-style: none;margin: 0; padding: 0px;width: 450px;background-color: white;}
ul.thumb2 li {margin: 8px; padding: 5px; float: left; position: relative; width: 190px;height: 80px; border:#CCCCCC solid 1px;}
ul.thumb2 li img {width: 190px; height: 80px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb2 li img.hover {margin-top:15px;background:url(thumb_bg.png) no-repeat center center;border: none;}

.blink_me {
    animation-duration: 1200ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blink 1200ms infinite;
}
@keyframes blink {
    from {
        color:red;
    }
    to {
        color:white;
    }
}
@-webkit-keyframes blink {
    from {
        color:red;
    }
    to {
        color:white;
    }
}

.FlatsSale{ background: -moz-linear-gradient(#ffca10 0%, #ff8010 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffca10), color-stop(100%, #ff8010));
  	background: -webkit-linear-gradient(#ffca10 0%, #ff8010 100%);
  	background: linear-gradient(#ffca10 0%, #ff8010 100%);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; font-family:"Franklin Gothic Medium Cond", Arial;
	border-radius: 5px; 
	text-align:center; text-decoration:none;
	color:#ffffff; font-size:16px;
letter-spacing:0.9px;	padding:5px; margin:10px; padding-left:10px; padding-right:10px;z-index:99999; position:relative;}
.FlatsSale:hover{ background: #317a00;}