@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*edit*/
#myCarousel{ padding-top:50px; padding-bottom:0;}
#logo{ float:left;}
footer{

   bottom:0;
   left:0;
   width:100%;
   color:#FFF;background-color: #343434;
   padding:20px 0;
   width:100%;
    }
.footlogo{ float:right;}
.footline{ float:left; padding:32px 0;}
.clear{ clear:both;}
.read{ min-width:200px; background-color:#1fadff; color:#FFF; border:0; padding:10px 5px; margin-top:40px; font-size:12pt;}


/*features*/
.features{ padding-bottom:20px;}
.top-banner{ position:relative;padding-top:80px;}
.content-feature{ float:left; text-align:center; font-size:12pt; margin-top:20px; padding-top:20px; padding-bottom:20px;}
.content-features p{ margin-top:20px;}

.col-md-3{ margin-top:20px; text-align:center;}

.img3{ min-width:250px; padding:20px 10px; border:1px solid #000;}



/*location*/
.location{ padding-top:100px; background-color:#FFF;padding-bottom:40px; min-height:100%;}
.col-md-3 span{font-size:13px;}
.text .col-md-4 { margin-top:20px;}
.text .title{ font-size:16px; font-weight:bold; text-align:center; }

.text{ margin-top:20px; padding:25px 0px; width:auto; min-height:300px; margin-bottom:40px;}

.text p{ text-align:center; width:100%; margin-top:20px; }

.gm{ margin-bottom:40px;}
.img4{ min-width:250px; padding:20px 10px; border:1px solid #000;}
.img5{ min-width:300px; padding:20px 10px; border:1px solid #000; text-align:center;}

/*floor plan */
ul.floor-point{ padding:0; margin:0 auto; text-align:center;}

ul.floor-point li{ padding:0; margin:0 30%;  text-align:left;}
.floorplan{ padding:100px 0 40px 0;background-color:#FFF;}

.t-border{ width:100%; padding:0; border-top:1px solid #CCC; float:left;  margin:0; display:block;}
.tab-content{ float:left; margin-top:20px;}



#exTab2 ul.nav,#exTab2 ul.nav.active{ border:none;}
#exTab2 h3 {
  color : white;
  background-color: #1fadff;
  padding : 5px 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border:none !important;}
#exTab2{ padding:0; margin:0; }
#exTab2 ul.nav li{width:50% !important; text-align:center !important; float:left !important;}
#exTab2 ul.nav{  margin:0; width:100%; padding:0; float:left;z-index:1000;}
#exTab2 ul.nav li{ margin:0; text-align:center; position:relative; float:left; z-index:1000; }
#exTab2 ul.nav li a{ color:#000;}
#exTab2 ul.nav li a:hover{color:#fff; background-color:#1fadff;}
#exTab2 ul.nav li.active a{color: #1fadff;}
#exTab2 ul.nav li.active a:hover{color: #fff; background-color:#1fadff;}

/*REGRISTRATION*/
.er-containter{ padding:0; margin:20px 0 0 0; text-align:justify;}
ul.req{ margin-left:20px; padding:0;}
.r-containter{ margin-top:20px;}
.regrister{padding-top:100px; min-height:100%; padding-bottom:100px; overflow:hidden; }
.regrister_form{ float:left; padding-bottom:50px; margin-top:20px;}
ul.regrister_form{ padding:0; margin-left:20px;}
ul li input{ margin-bottom:20px !important;}
.regrister_form li{ float:left;padding:0; margin:0; list-style:none;  }
.txt{  font-weight:normal; }
.txt2{  font-weight:normal; }
h4{ margin-left:20px;}
li select{margin-bottom:20px;}




.contact{ background-color:#f2f2f2; padding:20px 10px; margin:40px auto 50px;}
.contactform ul { margin:0; padding:0;}
.contactform li { margin:0 6.5% 0 0; padding:0; list-style:none; width:43.5%; float:left; text-align:left;}
.contactform li.right { float:right;}
.contactform li input, .contactform li textarea { 
	width:100%; padding:0.75em 1.35em; font-size:1.12em; color:#9b96a4; border:1px solid #9b96a4; margin-bottom:0.45em; 
}
.contactform li.code img { margin:0.75em 0.5em}
.contactform input.btn{  text-align:center; background-color:#1fadff; color:#FFF;}
.contactform input.btn:hover { background-color:#666;}
.clearing{ clear:both;}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media (max-width: 481px) {
.col-md-4{ margin-left:20%;margin-right:20%;}
.text .col-md-4 { float:left; margin-top:20px; margin-left:0; margin-right:0;}
.f-icon .col-md-3 p{ width:100%;}
.footline{ margin-left:20%;margin-right:20%;}
.footlogo{min-width:auto;}
.footlogo img{ padding-right:8%;}
footer{text-align:center; color:#FFF;background-color: #343434; position:relative;  float:left; }
.img2{float:left;padding-bottom:10px;min-width:300px; padding:0 20px;}
.floor{ min-height:auto;}
.floor2{ padding-bottom:20px; padding-top:0;}
.contactform input.btn{ float:none; text-align:center;}
.rtext{ min-width:1000px; margin-bottom:20px;}
.rtext2{ min-width:1000px; margin-bottom:20px;}

#contact #Contents section {width:100%; display:block; float:none; margin-right:0; margin-bottom:3em;}

.boxlist li, .boxlist-2col li, .boxlist-3col li, .borderlist li { 
	padding:1em; width:90%; display:block; float:none; margin-right:0;
}

.partnerlist li { margin:0.5em;}
.partnerlist li img { line-height:normal;}

.contactform li { margin:0; padding:0; list-style:none; width:100%; float:none; text-align:left;}
.contactform li.right { float:none;}
.contactform li.code { text-align:center;}
.contactform li.code img { margin:0.25em 0;}
.contactform input.btn { float:left;  margin:0 auto; width:100%;}

.google-maps {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 350px;
	text-align:center;
}

.map{ background-image:url(../images/location-sm.jpg); width:300px; height:300px; margin:0}
.t-button2{ border-style:none; background:none; text-align:center;margin-top:50px;}
.t-button2 a{background-color:#1fadff; color:#FFF; border:none; font-size:12pt; padding:10px 10px;}
.t-button2 a:hover{color:#FFF; background-color:#666; text-decoration:none;}
button.t-button{ margin-top:20px;}
.contact{ min-width:300px;}
.gps{ text-align:center;}

.f-icon{ margin:0; width:100%; text-align:center;}
.f-icon .title{ font-weight:bold;  text-align:center; width:100%; overflow:hidden;}
.f-button{width:100%; margin:0 auto; padding:50px 0; text-align:center;}
.t-button{ border-style:none; padding:0; background:none; margin-bottom:30px; text-align:center;}
.t-button a{ float:none;background-color:#1fadff; color:#FFF; border:none; font-size:16pt; padding:10px 20px; text-align:center; margin-bottom:50px;}
.t-button a:hover{color:#FFF; background-color:#666; text-decoration:none;}
.navbar-header{ float:left;  margin-left:45%; margin-right:45%;}
.carousel-caption { width:50%;}
}
@media (max-width: 736px) {
	.carousel-caption { width:50%;}
	
	}
	@media (max-width: 768px) {
	.first-slide{ width:100%;}	
	.collapse{display:block}
	
	.first-slide{ max-width:768px;}
	 body{ font-size:14px !important;}
		}
	
@media (min-width: 500px) {
	
	.footline{ width:100%; text-align:center;}
.footlogo{min-width:100%; text-align:center;}

footer{text-align:center; color:#FFF;background-color: #343434; position:relative; padding:0 0 50px; float:left; }

.f-button{width:100%; margin:0 10%; padding:40px auto;}
.t-button{ border-style:none; padding:0; background:none; margin-bottom:0px; margin-top:20px; text-align:center; float:left; }
.t-button a{ float:left;background-color:#1fadff; color:#FFF; border:none; font-size:14pt; padding:10px 50px; text-align:center; margin-right:20px;}
.t-button a:hover{color:#FFF; background-color:#666; text-decoration:none;}
.map{ background-image:url(../images/location-md.jpg); width:auto; height:294px;}
.t-button2{ border-style:none; background:none; text-align:center;margin-top:50px;}
.t-button2 a{background-color:#1fadff; color:#FFF; border:none; font-size:12pt; padding:10px 10px;}
.t-button2 a:hover{color:#FFF; background-color:#666; text-decoration:none;}
.contact{ max-width:500px; }
.rtext{ min-width:300px; margin-bottom:20px; }
.rtext2{ min-width:300px; margin-bottom:20px;}
.navbar-header{ float:left;  margin-left:45%; margin-right:45%;}
	}
	
	
@media only screen and (min-width: 1024px) {
.navbar-header{ float:left;  margin-left:25%; margin-right:25%;}
	.txt{ width:100%; max-width:150px;}
	#contactForm ul.contactform li input{width:100%; max-width:500px;}
	 ul li input{ width:auto; max-width:150px;}
	.rtext{ min-width:150px; margin-bottom:20px;}
.rtext2{ min-width:300px; margin-bottom:20px; margin-left:20px;}
.f-button{width:100%; margin:0; padding:40px 19%;}
.t-button{ border-style:none; padding:0; background:none; margin-bottom:0px; text-align:center; float:left;}
.t-button a{ float:left;background-color:#1fadff; color:#FFF; border:none; font-size:16pt; padding:10px 50px; text-align:center; margin-right:20px;}
.t-button a:hover{color:#FFF; background-color:#666; text-decoration:none;}

	}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1200px) {
	ul li input{ width:auto; max-width:500px;}
.txt{ width:100%; max-width:274.3px}
.txt2{ width:80%; max-width:200px}
.rtext{ min-width:150px; margin-bottom:20px;}
.rtext2{ min-width:300px; margin-bottom:20px; margin-left:20px;}

.navigation{  margin-left:20%; margin-right:20%; width:100%; }
.footlogo{min-width:600px;}
.content{padding:20px 50px; font-size:18pt;}
.content-btm{ float:left; padding:0;}
.img{ margin-top:20px;}
h2{ margin:0; padding:0;}

.f-icon{ margin:0 20%; width:100%; text-align:center;}
.f-icon .title{ font-weight:bold;  text-align:center; width:50%;}
.f-button{width:100%; margin:0 25%; padding:40px 0;}
.t-button{ border-style:none; padding:0; background:none; margin-bottom:0px; text-align:center; float:left;}
.t-button a{ float:left;background-color:#1fadff; color:#FFF; border:none; font-size:16pt; padding:10px 50px; text-align:center; margin-right:20px;}
.t-button a:hover{color:#FFF; background-color:#666; text-decoration:none;}
.footline{ float:left; width:auto; text-align:left;}

.footlogo img{ padding-right:2%;}
.floor{ padding-bottom:20px;}
.floor2{ padding-bottom:20px; padding-top:180px;}
.img2{ float:left;padding-bottom:20px; }
.f-icon .col-md-3 p{ width:100px;}


	
	.contactform input.btn{width:250px; text-align:center; background-color:#1fadff; color:#FFF;}
	


.map{ background-image:url(../images/location-gm.jpg); width:100%; height:294px;}

.t-button2{ border-style:none; background:none; text-align:center; margin-top:50px;}
.t-button2 a{background-color:#1fadff; color:#FFF; border:none; font-size:18pt; padding:10px 50px;}
.t-button2 a:hover{color:#FFF; background-color:#666; text-decoration:none;}
.contact{ max-width:500px; }
.gps{ text-align:center;}

	ul li input{ width:auto;}
	.first-slide{ width:100%;}
	
}