/* TABLE OF CONTENTS

    Author: MMR
    Template: Terra Esmeralda Kissimmee
    Version: 1.0    

	1. Default Configs
    2. Labels
    3. Tooltip
    4. Top Navbar
    5. Teaser Slider
    6. Company
    7. Features
    8. Floor Plans
    9. Location
    10. Site Plan
    11. Newsletter
    12. Gallery
    13. About
    14. Counter
    15. Rates
    16. Services
    17. Content
    18. Partners
    19. Contact
    20. Address
    21. Footer
    22. Scroll Up Button
    23. Inquiry Modal
    24. Breakpoints / Media Queries
    25. Helper Classes
    26. Change default Nav Breakpoint
*/
html {
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: 'Open Sans', sans-serif;
  color: #585858;
  line-height: 25px;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
visibility:visible;
z-index: 8040;
    }

/* 1. Default Configs
-------------------------------------*/
.content-after-slider {
  z-index: 10;
  background-color: #fff;
  position: relative;
}
.btn {
  border-radius: 3px;
  border: none;
  padding: 13px 23px;
  -webkit-transition: all 0.08s ease-in;
          transition: all 0.08s ease-in;
}
.btn-color1 {
  background-color: #072345;
  color: #fff;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.btn-color1:hover {
  background-color: #219eaf;
  color: #fff;
}
.btn-color1:focus {
  background-color: #219eaf;
  color: #fff;
}
.btn-color2 {
  background-color: #f1f1f1;
  color: #fff;
}
.btn-color3 {
  background-color: #f1f1f1;
  color: #fff;
}
.btn-color4 {
  background-color: #979797;
  color: #fff;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.btn-color4:hover {
  background-color: #7d7a7a;
  color: #fff;
}
::-moz-selection {
  background: #072345;
  color: #ffffff;
}
::selection {
  background: #072345;
  color: #ffffff;
}
::-moz-selection {
  background: #072345;
  color: #ffffff;
}
.form-control::-webkit-input-placeholder {
  color: #072345;
}
.form-control:-moz-placeholder {
  color: #072345;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #072345;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #072345;
}
.sc-animate {
  visibility: hidden;
}
.img-responsive {
  width: 100%;
}
.sold {fill: red;fill-opacity: 0.60;	}		
.available {fill: green;fill-opacity: 0.60;	}		
.reserved {fill: orange;fill-opacity: 0.60;}		
.future {fill: #d2c6d2;fill-opacity: 0.60;}	
.model {fill: yellow;fill-opacity: 0.60;}
.transparent {fill: transparent;}		
path:hover { fill-opacity: 0.30; cursor:help; }
.tip{width:180px;background-color:white;line-height:15px;font-size:13px;}
/* 2. Labels
--------------------------------------------*/
.label {
  font-size: 80%;
  font-weight: 600;
  padding-top: 4px;
}
.label-default {
  background-color: #072345;
}
.label-hd {
    width: 420px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: #072345;
    color: #fff;
    font: bold 25px 'Gotham', sans-serif;
    opacity: 0.9;
    margin-bottom: 20px;
    margin-top: 20px;
}
/* 3. Tooltip
--------------------------------------------*/
.tooltip .tooltip-inner {
  background-color: #072345;
  padding: 5px 10px;
  font-size: 14px;
  opacity: 1;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #072345 !important;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #072345 !important;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #072345 !important;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #072345 !important;
}
.my-tooltip {
  border-bottom: 1px dotted #072345;
  color: #072345;
}
/* 4. Top Navbar
-------------------------------------*/
.top-navbar {
  background-color: #fff;
  min-height: 100px;
  padding: 0 10px;
  border-bottom: 5px solid #072345;
  z-index: 15;
}
.top-navbar .navbar-brand {  
  margin-top: 10px;
}
.top-navbar .navbar-default {
  border: none;
  background-color: #ffffff;
}
.top-navbar .navbar-default .navbar-nav {
  margin-top: 25px;
  margin-right: 0;
}
.top-navbar .navbar-default .navbar-nav a {
  font-family: 'Gotham', sans-serif;	
  font-size: 11px;
  color: #4a4a4a;
}
.top-navbar .navbar-default .navbar-nav .active > a {  
  background-color: #ffffff;
  font-size: 11px;
  color: #072345;
  text-decoration: none;
}
.top-navbar .navbar-default .navbar-nav .active > a:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #072345;
  position: absolute;
  left: 50%;
  bottom: -22px;
  margin-left: -5px;
}
.top-navbar .navbar-default .navbar-nav .language-select {
  margin-top: 8px;
  margin-left: 10px;
  position: relative;
}
.top-navbar .navbar-default .navbar-nav .language-select .dropdown-toggle {
  border: 1px solid #ebebeb;
  padding: 3px 12px 3px 8px;
  color: #585858;
  text-decoration: none;
  courser: pointer;
}
.top-navbar .navbar-default .navbar-nav .language-select .dropdown-toggle img {
  margin-top: -3px;
}
.top-navbar .navbar-default .navbar-nav .language-select .dropdown-toggle i {
  color: #072345;
  margin-left: 10px;
}
.top-navbar .navbar-default .navbar-nav .language-select .dropdown-menu-language-select {
  box-shadow: none;
  /*position: absolute;*/
  top: 30px;
  left: 0;
  right: auto;
  border-radius: 0;
}
.top-navbar .navbar-default .navbar-nav .language-select .dropdown-menu-language-select a {
  border: none;
}
/* 5. Teaser Slider
-------------------------------------*/
.teaser-slider {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0;
}
.teaser-slider .item {
  height: 850px;
  overflow: hidden;
  font: normal 15px 'Gotham', sans-serif;
  text-transform: uppercase;
}
.teaser-slider .item .carousel-caption {
  /*display: none;*/
}
.teaser-slider .item .carousel-caption h3:first-child {
    animation-delay: .5s;
}
.teaser-slider .item .carousel-caption h3 {
    text-shadow: 4px 4px 15px rgba(25, 25, 25, 1);
    padding: 0;
}
.teaser-slider .item .carousel-caption .border {
    width: 30%;
    height: 4px;
    background-color: #fff;
    display: inline-block;
}
.teaser-slider .item img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.teaser-slider .carousel-control {
  width: 58px;
  height: 74px;
  background-image: none;
  background-color: #072345;
  background-repeat: no-repeat;
  text-shadow: none;
  top: 50%;
  margin-top: -37px;
  padding-top: 25px;
}
.teaser-slider-ph {
  height: 745px;
  pointer-events: none;
  background: transparent url('../img/transparent.png');
}
/* 6. Company
-------------------------------------*/
.company {
    background: #fff url(../img/company_bkg.jpg) center no-repeat;  
    background-size: cover;  
    padding: 30px 0 60px;    
    width: 100%;
    height:600px;
    margin-top: 50px;    
}
.company p {
    background: rgba(90, 89, 89, 0.62);
    font: normal 20px 'Gotham Book', sans-serif;
    padding: 20px;
    color: #fff;
    display: block;
    margin: 0 auto;
    float: none;
    margin-top: 20px;
}
.company p span {
    display: block;
    color: #dad7d7 !important;
    width: 100%;
    text-transform: uppercase;    
    margin-bottom: 10px;
    font-size:16px;
    font-family: 'Gotham';
    color: #0b1e4a;
    text-align: justify;
    text-justify: inter-word;
}

.company img {
	width:300px;
    margin-bottom: 20px;
}

/* 7. Features
-------------------------------------*/
.features {
  padding-top: 25px;  
  /*background: url(../img/bg-marble.jpg) repeat;*/
 /*margin-top : 200px;*/
 margin-bottom: 50px;
}
.features h2 {
  text-align: center;
  font-size: 48px;
  font-weight: lighter;
  margin: 0 0 15px 0;
  padding: 0;
  color: #072345;
}
.features li {
    text-align: left;
    line-height: 2em;
    color: #777;
    font-size: 20px;
}
/* 8. Floor Plans
-------------------------------------*/
.floorplans {
	margin-bottom:20px;
}

.floorplans .title-bg-half {
    padding:0;
    float:left;
    color: #fff;
    background: #072345;
    width:100%;
    margin:0;
    text-transform:uppercase;
    line-height: 145px;
    font-size: 50px;
    height:140px;
    font-family:"Gotham", sans-serif;
    font-weight:bold;
}
.floorplans .title-bg-half.blue {
    background-color: #0b1e4a;
}
.floorplans .title-bg-half.ln50px {
    padding:20px 0;
    line-height: 50px;
}
.floorplans .title-bg-half:before {
    content:'';
    display:inline-block;
    float:left;
    width:50%;
    background-color: #072345;
    background-size: cover;
    margin:0 15px 0 0;
    text-transform: uppercase;
    height: 100%;
}

.floorplans .title-bg-half:before {
    background-image: url(../img/fundo-plantas.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.floorplans p {    
    margin-top: 25px;
    line-height: 2em;
    text-align: center;
    font-size: 20px;
}
.floorplans ul.nav-tabs {
    border-bottom:none;    
    width: 100%;
    margin: 0 auto;
}
.floorplans ul.nav-tabs li a {
    display: block;
    text-align: center;
    background-color: #072345 !important;
    border-color: #072345;
    color: white !important;
    margin: 10px;
    /*border-radius: 50% !important;*/
    border-top: none !important;
    width: 115px;
    padding: 15px 5px;
}
.floorplans ul.nav-tabs li a strong {
    text-transform: uppercase;
    display: block;
}
.floorplans ul.nav-tabs li.active a {
    border-color: #777;
    background-color: #777 !important;
}

.floorplans .tab-content {
	width:90%;
	margin:0 auto;
} 

.floorplans .content {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
}

.floorplans .content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;  
  display: inline-block;
}
.floorplans .content:hover .content-overlay{
  opacity: 1;
}
.floorplans .content-image{
  width: 100%;
}
.floorplans .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.floorplans .content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}
.floorplans .content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.floorplans .content-details p{
  color: #fff;
  font-size: 0.8em;
}
.floorplans .content-details i{
  color: #fff;
  font-size: 5em;
}
.floorplans .content-details i:hover{
  color: #f3a21a;  
}
.floorplans .fadeIn-bottom{
  top: 80%;
}
.floorplans .fadeIn-top{
  top: 20%;
}
.floorplans .fadeIn-left{
  left: 20%;
}
.floorplans .fadeIn-right{
  left: 80%;
}
/* 9. Location
-------------------------------------*/
.location {
	padding-top:50px; 
	}
.location .title-bg-half {
    padding:0;
    float:left;
    color: #fff;
    background: #072345;
    width:100%;
    margin:0;
    text-transform:uppercase;
    line-height: 145px;
    font-size: 50px;
    height:140px;
    font-family:"Gotham", sans-serif;
    font-weight:bold;
}
.location .title-bg-half.blue {
    background-color: #0b1e4a;
}
.location .title-bg-half.ln50px {
    padding:20px 0;
    line-height: 50px;
}
.location .title-bg-half:before {
    content:'';
    display:inline-block;
    float:left;
    width:50%;
    background-color: #072345;
    background-size: cover;
    margin:0 15px 0 0;
    text-transform: uppercase;
    height: 100%;
}
.location .title-bg-half:before {	
	background-image: url(../img/fundo-location.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.location .location-map-container {
  height: 570px;
  margin-top:40px;
}
.location dl {
    margin: 20px auto;
    float:none;
}
.location dl dt {	
    width: 33%;
    display:inline-block;
    white-space:nowrap;
    float:left;
    background-color: #072345;
    padding: 15px 0 15px 15px;
    font-family: "Gotham Book", sans-serif;
    color: #fff;
    margin-bottom: 1%;
}
.location dl dd {
    width: 15%;
    display:inline-block;
    white-space:nowrap;
    float:left;
    background-color: #072345;
    padding: 15px 15px 15px 15px;
    font-family: "Gotham Book", sans-serif;
    color: #fff;
    margin-bottom: 1%;
    text-align: right;
}
.location dl dt:nth-child(4n+1){
    clear: left;
}
.location dl dt {
    color: #fff;
    text-transform:uppercase;
    /*padding-right:0;*/
}
.location dl dd {
    margin-right: 1%;
}
#location-map input[type=button] {
		    padding: 8px;
		    font-size: 10px;
		    font-weight: 400;
		    line-height: 10px;
		    text-align: center;
		    white-space: nowrap;
		    -ms-touch-action: manipulation;
		    touch-action: manipulation;
		    cursor: pointer;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    background-image: none;
		    border: 1px solid transparent;
		    display: block;
		    width: 100%;
		    margin: 0 0 1px;
		    float: left;
		    text-transform: uppercase;
		    font-weight: 600;
}
#location-map label {
    font-size: 12px!important;
    display: block;
    font-weight: 400;
    line-height: 14px;
    clear: both;
    margin: 3px 0;
}
/* 10. Site Plan
-------------------------------------*/
.siteplan {
	margin-bottom:45px;
}
.siteplan .carousel {
	width:95%;
	margin:0 auto;
}
.siteplan .carousel-control.right, .carousel-control.left {
    background-image: none;
}
.siteplan .carousel-control {
    top: 50%;
    margin-top: -10px;
    filter: alpha(opacity=100);
    opacity: 0.5;
}
.siteplan .carousel-control:hover {    
    opacity: 0.9;
}
.siteplan .carousel-control i {
    padding: 20px;
    background-color: #072345;
}
#siteplan2 { max-width:100%;margin:0 auto; }
/* 11. Newsletter
-------------------------------------*/

/* 12. Gallery 
-------------------------------------*/
.gallery .title-bg-half {
    padding:0;
    float:left;
    color: #fff;
    background: #072345;
    width:100%;
    margin:0;
    text-transform:uppercase;
    line-height: 145px;
    font-size: 50px;
    height:140px;
    font-family:"Gotham", sans-serif;
    font-weight:bold;
}
.gallery .title-bg-half.blue {
    background-color: #0b1e4a;
}
.gallery .title-bg-half.ln50px {
    padding:20px 0;
    line-height: 50px;
}
.gallery .title-bg-half:before {
    content:'';
    display:inline-block;
    float:left;
    width:50%;
    background-color: #072345;
    background-size: cover;
    margin:0 15px 0 0;
    text-transform: uppercase;
    height: 100%;
}
.gallery .title-bg-half:before {	
	background-image: url(../img/fundo-gallery.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.gallery p {
	margin-top: 25px;
	line-height: 2em;
	text-align: center;
	font-size: 20px;
}
.gallery .gallery-thumb {
    margin:15px;
    padding:0;
    /*overflow:hidden;*/
}

.gallery .gallery-thumb img {
    width:100%;
}
.gallery .gallery-thumb a {
    text-decoration:none;
	color:#585858;
}
.gallery .gallery-thumb .hover {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    text-align:center;
    display: flex;
    align-items: center;
    opacity:0;
}
.gallery .gallery-thumb .hover .content {
    width: 90%;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
}
.gallery .gallery-thumb .hover .content h5 {
    display:inline;
    background-color: rgba(95,95,95,0.8);
    text-transform:uppercase;
    font: normal 14px 'Gotham Book', sans-serif;
    padding: 10px;
}
.gallery .gallery-thumb .hover .content i {
    width:60px;
    height:60px;
    font-size:60px;
    margin: 0 0 15px -10px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.gallery .gallery-thumb:hover .hover {
    opacity:1;
}
.gallery .gallery-thumb .hover .content i:hover {
    color: #f3a21a;
}
/* 13. About
-------------------------------------*/

/* 14. Counter
-------------------------------------*/

/* 15. Rates
-------------------------------------*/

/* 16. Services
-------------------------------------*/

/* 17. Content
-------------------------------------*/

/* 18. Partners
-------------------------------------*/
.partners {
  margin-top:20px;
  background-color: #f1f1f1;
}
.partners .partners-container {
  padding: 45px 15px 80px 15px;
}
.partners .partner-img {
  padding: 5px;
  background-color: #fff;
}
.partners h2 {
  font-size: 14px;
  margin: 0 0 25px 0;
  color: #57bcca;
}
/* 19. Contact
-------------------------------------*/
.contact {
  padding: 40px 0 5px 0;
}
.contact h2 {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #4a4a4a;
}
.contact h3 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
  color: #072345;
}
.contact .contact-header {
  margin-bottom: 45px;
  padding-bottom: 22px;
  border-bottom: 1px solid #dcdcdc;
}
.contact .contact-img {
  float: left;
  margin-right: 20px;
  padding: 1px;
  border: 2px solid #d0cccc;
  width: 83px;
}
.contact .contact-person {
  font-size: 20px;
  font-weight: 600;
}
.contact .contact-title {
  font-weight: 400;
}
.contact .contact-phone {
  font-size: 20px;
  font-weight: 600;
  color: #072345;
  margin-top: 8px;
}
.contact .contact-phone i {
  font-size: 30px;
  margin-right: 10px;
  display: block;
  float: left;
  margin-top: -3px;
}
.contact .input-group {
  border: 1px solid #f5f5f5;
  background-color: #f1f1f1;
  padding: 10px 2px;
  height: 58px;
  margin-bottom: 19px;
}
.contact .input-group .input-group-addon {
  background-color: #f1f1f1;
  color: #072345;
  border: none;
  font-size: 24px;
  border-right: 1px solid #072345;
}
.contact .input-group .form-control {
  background-color: #f1f1f1;
  border: none;
  box-shadow: none;
  font-size: 18px;
  font-weight: 400;
}
.contact .input-group.textbox {
  width: 100%;
}
.contact .input-group.textbox .input-group-addon {
  height: 44px;
  width: 55px;
  display: block;
  float: left;
}
.contact .input-group.textbox .input-group-addon i {
  vertical-align: middle;
}
.contact .input-group.textbox textarea {
  float: left;
  width: 490px;
}
.contact .contact-form-info {
  float: left;
  margin-top: 11px;
  color: #585858;
  font-size: 12px;
}
.contact .btn-contact-form {
  float: right;
  font-weight: 600;
}
.contact .btn-contact-form i {
  margin-top: -4px;
  margin-left: 2px;
}
/* 20. Address
-------------------------------------*/
.address {
  padding: 70px 0 70px 0;
  background-color: #f1f1f1;
  text-align: center;
}
.address h2 {
  margin-bottom: 15px;
}
.address address {
  font-size: 20px;
  color: #072345;
  margin-bottom: 10px;
}
.address .address-info {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: #87742c;
}
.address .phones {
  margin-top: 30px;
  list-style: none;
  color: #072345;
  font-size: 24px;
  padding: 0;
}
.address .phones li {
  display: inline-block;
  padding: 0 15px;
}
.address .phones li i {
  font-size: 36px;
  vertical-align: sub;
  margin-right: 7px;
}
/* 21. Footer
-------------------------------------*/
footer {
  background-color: #072345;
  color: #fff;
  position: relative;
  min-height: 85px;
}
footer .footer-copyright {
  margin-top: 34px;
  font-size: 18px;
  font-weight: 300;
}
footer .footer-social-media {
  list-style: none;
  font-size: 24px;
  margin-top: 30px;
}
footer .footer-social-media li {
  display: inline-block;
  padding: 0 10px;
  float: right;
}
footer .footer-social-media a {
  color: #fff;
}
footer:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #072345;
  position: absolute;
  left: 50%;
  top: -30px;
  margin-left: -30px;
}
/* 22. Scroll Up Button
-------------------------------------*/
.scroll-up-btn {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  position: fixed;
  bottom: 44px;
  right: 64px;
  display: none;
  background-color: #072345;
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.scroll-up-btn i {
  color: #fff;
}
.scroll-up-btn:hover {
  background-color: #072345;
}
/* 23. Inquiry Modal
-------------------------------------*/

/* 24. Breakpoints / Media Queries
-------------------------------------*/
/* Large devices (desktops, 1200px and down)*/
@media (max-width: 1200px) {
  body {
    line-height: 23px;
  }
  /* 4. Top Navbar 1200px
  -------------------------------------*/
  .top-navbar .navbar-default .navbar-nav a {
    color: #585858;
    font-size: 13px;
  }
  .top-navbar .navbar-default .navbar-nav .active > a {
    background-color: #ffffff;
    font-size: 14px;
  }
  /* 5. Teaser Slider 1200px
  -------------------------------------*/
  .teaser-slider .item {
    height: 550px;
  }
  .teaser-slider-ph {
    height: 545px;
  }
  /* 6. Call to Action 1200px
  -------------------------------------*/
  
  /* 7. Features 1200px
  -------------------------------------*/
  .features {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .features h2 {
    font-size: 42px;
    margin: 0 0 65px 0;
  }  
  /* 8. Room Tabs 1200px
  -------------------------------------*/
  
  /* 10. Site Plan 1200px
  -------------------------------------*/
  
  /* 11. Newsletter 1200px
  -------------------------------------*/
  .newsletter {
    padding-bottom: 157px;
  }
  .newsletter .newsletter-box h3 {
    font-size: 20px;
  }
  /* 12. Gallery 1200px
  -------------------------------------*/
  
  /* 13. About 1200px
  -------------------------------------*/
  
  /* 14. Counter 1200px
  -------------------------------------*/
  
  /* 15. Rates 1200px
  -------------------------------------*/
  
  /* 16. Services 1200px
  -------------------------------------*/
  
  /* 17. Content 1200px
  -------------------------------------*/
 
  /* 18. Partners 1200px
  -------------------------------------*/
 .partners h2 {
    font-size: 12px;
  }
  .partners .partners-container {
    padding: 32px 15px 36px 15px;
  }
  
  /* 19. Contact 1200px
  -------------------------------------*/
  .contact {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .contact h2 {
    font-size: 32px;
    margin-bottom: 25px;
  }
  .contact h3 {
    margin-bottom: 25px;
    font-size: 18px;
  }
  .contact .input-group {
    padding: 6px 2px;
    height: 50px;
    margin-bottom: 12px;
  }
  .contact .input-group .input-group-addon {
    font-size: 22px;
  }
  .contact .input-group .form-control {
    font-size: 16px;
  }
  .contact .input-group.textbox .input-group-addon {
    height: 36px;
    width: 54px;
  }
  .contact .input-group.textbox textarea {
    /*width: 394px;*/
    height: 223px;
  }
  /* 20. Address 1200px
  -------------------------------------*/
  .address {
    padding-top: 70px;
    background-position: 70px;
  }
  .address h2 {
    margin-bottom: 15px;
  }
  .address address {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .address .address-info {
    font-size: 18px;
  }
  .address .phones {
    margin-top: 35px;
    font-size: 22px;
  }
  .address .phones li i {
    font-size: 34px;
  }
  /* 21. Footer 1200px
  -------------------------------------*/
  footer .footer-copyright {
    font-size: 16px;
  }
  footer .footer-social-media {
    font-size: 22px;
    margin-top: 34px;
  }
}
/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) { 
  /* 4. Top Navbar 992px
  -------------------------------------*/
  .top-navbar {
    width: 100%;
  }
  .top-navbar .navbar-brand {  	
    margin-top: 12px;
    margin-left: -10px;
  }
  .top-navbar .navbar-default .navbar-collapse {
    border: none;
  }
  .top-navbar .navbar-default .navbar-toggle {
    margin-top: 30px;
    margin-right: 0;
  }
  .top-navbar .navbar-default .navbar-nav {
    margin-top: 25px;
    margin-right: 0;
  }
  .top-navbar .navbar-default .navbar-nav li {
    border-bottom: 1px solid #072345;
  }
  .top-navbar .navbar-default .navbar-nav li:last-of-type {
    border-bottom: none;
  }
  .top-navbar .navbar-default .navbar-nav .active > a {
    background-color: #f1f1f1;
  }
  .top-navbar .navbar-default .navbar-nav .active > a:after {
    border: none;
  }
  /* 5. Teaser Slider
   -------------------------------------*/   
  .carousel-caption > * {
    font-size: 20px !important;
	}
	.content-after-slider {
    margin-top: -60px;
	}
  /* 6. Call to Action 992px
  -------------------------------------*/
  
  /* 7. Features 992px
  -------------------------------------*/
 .features {
    padding-top: 25px;
    padding-bottom: 70px;
  }
  /* 8. Room Tabs 992px
  -------------------------------------*/
  
  /* 11. Newsletter 992px
  -------------------------------------*/
  
  /* 12. Gallery 992px
  -------------------------------------*/
  
  /* 13. About 992px
  -------------------------------------*/
  
  /* 17. Counter 992px
  -------------------------------------*/
 
  /* 15. Rates 992px
  -------------------------------------*/
  
  /* 16. Services 992px
  -------------------------------------*/
 
  /* 17. Content 992px
  -------------------------------------*/
  
  /* 18. Partners 992px
  -------------------------------------*/
 .partners .partner {
    margin-bottom: 25px;
  }
  /* 19. Contact 992px
  -------------------------------------*/
  .contact .contact-img {
    float: none;
    margin: 0 auto 25px;
  }
  .contact .contact-phone i {
    display: inline-block;
    float: none;
  }
  .contact .input-group.textbox textarea {
    /*width: 655px;*/
  }
  /* 21. Footer 992px
  -------------------------------------*/
  footer .footer-copyright {
    font-size: 14px;
  }
  footer .footer-social-media {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 35px;
  }
  footer .footer-social-media li {
    display: inline-block;
    float: none;
  }
  /* 23. Inquiry Modal 992px
 -------------------------------------*/ 
}
/* Small devices (768px and down) */
@media (max-width: 768px) {
  /* 5. Teaser Slider 768px
  -------------------------------------*/
  .teaser-slider .item {
    height: 430px;
  }
  .teaser-slider-ph {
    height: 425px;
  }
  .teaser-slider .item .carousel-caption {
    padding-top:35px;
 }
  /* 6. Company 768px
  -------------------------------------*/
  .company {
  	height:400px;
  }
  .company p span {
        font-size: 15px;
   }
  /* 7. Features 768px
  -------------------------------------*/
  .features h2 {
    font-size: 28px;
  }
  /* 8. Room Tabs 768px
  -------------------------------------*/
  
  /* 9. Location 768px
  -------------------------------------*/
  .location .location-address {
    font-size: 16px;
    height: 60px;
    margin-top: -60px;
  }
  .location .location-address i {
    font-size: 17px;
  }
  /* 10. Site Plan 768px
  -------------------------------------*/
  
  /* 11. Newsletter 768px
  -------------------------------------*/
 
  /* 12. Gallery 768px
  -------------------------------------*/
  
  /* 13. About
  -------------------------------------*/
  
  /* 14. Counter 768px
  -------------------------------------*/
  
  /* 15. Rates 768px
-------------------------------------*/
  
  /* 16. Services 768px
  -------------------------------------*/
  
  /* 17. Content 768px
  -------------------------------------*/
 
  /* 19. Contact 768px
  -------------------------------------*/
  .contact h2 {
    font-size: 28px;
  }
  .contact h3 {
    font-size: 16px;
  }
  .contact .input-group.textbox textarea {
    width: 100%;
  }
  /* 20. Address 768px
  -------------------------------------*/
  .address address {
    font-size: 16px;
  }
  .address .address-info {
    font-size: 16px;
    line-height: 26px;
  }
  .address .phones {
    font-size: 18px;
    margin-top: 25px;
  }
  .address .phones li {
    margin-bottom: 5px;
  }
  .address .phones li i {
    font-size: 36px;
    vertical-align: sub;
    margin-right: 7px;
  }
  /* 22. Scroll 768px
   ------------------------------------*/
  .scroll-up-btn {
    width: 38px;
    height: 38px;   ;
    border:none;
    border-radius: 25px;   
    bottom: 21px;
    right: 70px;    
    line-height: 36px;
    font-size: 20px;   
	}  
  /* 23. Inquiry Modal 768px
  -------------------------------------*/ 
}
/* Extra Small devices (480px and down) */
@media (max-width: 480px) {
  /* 5. Teaser Slider 480px
  -------------------------------------*/
 .content-after-slider {
    margin-top: -85px;
 }
 /* 6. Company 480px
  -------------------------------------*/
 .company img {
 	width:200px;
 	margin-bottom:10px;
 }
 .company p span {
 	font-size:12px;
 	margin-bottom:0px;
 }
  /* 7. Features 480px
  -------------------------------------*/
 .features {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom:10px;
  }
  .features h2 {
    font-size: 21px;
    margin: 0 0 0px 0;
  }
  .features ul {    
    margin-bottom: 0px;
   } 
  .features li {    
    font-size: 16px;
    line-height: 1.5em;
   }   
  /* 8. Floor Plans 480px
   ------------------------------------*/
   .floorplans {
   	margin-bottom:15px;
   } 
   .floorplans .title-bg-half {
        text-align:center;
        font-size:22px;
        line-height: 50px;
        height: 50px;
    }
   .floorplans .title-bg-half:before {
        display:none;
   }
   .floorplans p {
    font-size: 15px;
	}
	.floorplans .col-xs-12 {
    	padding:0;
	}
	.floorplans ul.nav-tabs {    
    margin-bottom: 10px;
	}
	.floorplans ul.nav-tabs li a {
    width: 65px;
    padding: 15px 0px;
    margin: 2px;
    font-size: 11px;
	}
  /* 9. Location 480px
   ------------------------------------*/ 
   .location {
   	padding-top: 20px;
   }
   .location .title-bg-half {
        text-align:center;
        font-size:22px;
        line-height: 50px;
        height: 50px;
    }
   .location .title-bg-half:before {
        display:none;
   }
   .location .container {
   	margin:0 auto;
   	padding:0;   	
   }   
   .location .label-hd {
		font-size: 22px;
		padding: 10px;
		width:100%;	   
	}
   .location .location-map-container {
    height: 300px;
    margin-top:20px;
	}
   .location dl dt, .location dl dd {
    width: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 0;
   }
   #location-map input[type=button] {
		    padding: 4px;
		    font-size: 7px;
		    font-weight: 400;
		    line-height: 4px; 
	}
	#location-map label {
	    font-size: 9px!important;
	    display: block;
	    font-weight: 400;
	    line-height: 4px;
	    clear: both;
	    margin: 0px;
	}
   /* 10. Site Plan 480px
  -------------------------------------*/
   .siteplan .container {
   	margin:0 auto;
   	padding:0;   	
   }   
   .siteplan .label-hd {
   	font-size: 22px;
	padding: 10px;	
	width:100%;
   }
  /* 12. Gallery 480px
  -------------------------------------*/
  .gallery .title-bg-half {
        text-align:center;
        font-size:22px;
        line-height: 50px;
        height: 50px;
    }
   .gallery .title-bg-half:before {
        display:none;
   }
  /* Company
  -------------------------------------*/
	.company {
		margin-top: 15px;
		height:170px;
	} 
  /* 19. Contact 480px
  -------------------------------------*/
 .contact {
    padding-top: 20px;
    padding-bottom: 10px;
 }
 .contact h2, .contact h3 {
    margin-bottom: 10px;    
 }
 .contact .contact-header {
    margin-bottom: 15px;
    padding-bottom: 5px;
 }
  .contact .input-group.textbox textarea {
    width: 82%;
 }
  .contact .contact-form-info {
    float: none;
    text-align: center;
    margin-top:0px;
  }
  .contact .btn-contact-form {
    float: none;
    width: 100%;
  }
  /* 20. Address 480
  -----------------------------------*/ 
  .address {
    padding: 40px 0 40px 0;
   } 
  .address img {
  	width:60%;
  }
}
/* Extra Small devices (320px and down) */
@media (max-width: 320px) {
	.content-after-slider {
	    margin-top: -105px;
	}	
	.siteplan {
    margin-bottom: 25px;
	}	
	.contact .input-group.textbox textarea {
    width: 230px;
	}
	.contact h2 {
	    font-size: 23px;
	}
	.contact h3 {
	    font-size: 15px;
	}	
	.floorplans .title-bg-half {   
		font-size: 22px;   
	    line-height: 50px;
	    height: 50px;
	}
	.floorplans ul.nav-tabs li a {
	    width: 56px;
	    padding: 15px 0px;
	    margin: 1px;
	    font-size: 10px;
	}
	.features { 
		margin-bottom : 20px;
	}
	.features h2 {
   	 font-size: 17px
    }
    .features li {
    font-size: 15px;
    line-height: 1.3em;
	}
	.gallery .title-bg-half { 
		font-size: 22px;   
	    line-height: 50px;
	    height: 50px;
	}
	
	.company img {
		width: 170px;
	}
	.company p span {
    	font-size: 11px;
   }
	.address .address-info {
    	font-size: 14px;
    	line-height: 22px;
	}
}
/* 25. Helper Classes */
.text-light {
  font-weight: 300;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.m-xs{margin:5px}
.m-sm{margin:10px}
.m{margin:15px}
.m-md{margin:20px}
.m-lg{margin:30px}
.m-n{margin:0}
.m-l-none{margin-left:0}
.m-l-xs{margin-left:5px}
.m-l-sm{margin-left:10px}
.m-l{margin-left:15px}
.m-l-md{margin-left:20px}
.m-l-lg{margin-left:30px}
.m-l-xl{margin-left:40px}
.m-l-n-xxs{margin-left:-1px}
.m-l-n-xs{margin-left:-5px}
.m-l-n-sm{margin-left:-10px}
.m-l-n{margin-left:-15px}
.m-l-n-md{margin-left:-20px}
.m-l-n-lg{margin-left:-30px}
.m-l-n-xl{margin-left:-40px}
.m-t-none{margin-top:0}
.m-t-xxs{margin-top:1px}
.m-t-xs{margin-top:5px}
.m-t-sm{margin-top:10px}
.m-t{margin-top:15px}
.m-t-md{margin-top:20px}
.m-t-lg{margin-top:30px}
.m-t-xl{margin-top:40px}
.m-t-n-xxs{margin-top:-1px}
.m-t-n-xs{margin-top:-5px}
.m-t-n-sm{margin-top:-10px}
.m-t-n{margin-top:-15px}
.m-t-n-md{margin-top:-20px}
.m-t-n-lg{margin-top:-30px}
.m-t-n-xl{margin-top:-40px}
.m-r-none{margin-right:0}
.m-r-xs{margin-right:5px}
.m-r-sm{margin-right:10px}
.m-r{margin-right:15px}
.m-r-md{margin-right:20px}
.m-r-lg{margin-right:30px}
.m-r-xl{margin-right:40px}
.m-r-n-xxs{margin-right:-1px}
.m-r-n-xs{margin-right:-5px}
.m-r-n-sm{margin-right:-10px}
.m-r-n{margin-right:-15px}
.m-r-n-md{margin-right:-20px}
.m-r-n-lg{margin-right:-30px}
.m-r-n-xl{margin-right:-40px}
.m-b-none{margin-bottom:0}
.m-b-xs{margin-bottom:5px}
.m-b-sm{margin-bottom:10px}
.m-b{margin-bottom:15px}
.m-b-md{margin-bottom:20px}
.m-b-lg{margin-bottom:30px}
.m-b-xl{margin-bottom:40px}
.m-b-n-xxs{margin-bottom:-1px}
.m-b-n-xs{margin-bottom:-5px}
.m-b-n-sm{margin-bottom:-10px}
.m-b-n{margin-bottom:-15px}
.m-b-n-md{margin-bottom:-20px}
.m-b-n-lg{margin-bottom:-30px}
.m-b-n-xl{margin-bottom:-40px;}
.hide{display:none;}
/* 26. Change default Nav Breakpoint */
@media (max-width: 992px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
}