@charset "utf-8";
/* CSS Document */
.clearfix:after, before{content: ""; display: block; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
.main_menu .navbar-nav li a, .social-icons li a, .unit_element_1 a, .download_btn, .gform_page_footer .submit-btn.button, .black-box ul li a{
	-o-transition: color .2s ease-out, all .3s ease-in;
 -ms-transition: color .2s ease-out, all .3s ease-in;
 -moz-transition: color .2s ease-out, all .3s ease-in;
 -webkit-transition: color .2s ease-out, all .3s ease-in;
 transition: color .2s ease-out, all .3s ease-in;}
/********************* Clearfix ************************/
*{margin:0; padding:0;}
body{background: url(../images/boby_bg.jpg); color: #333333;  font-family: 'Montserratregular' !important; font-weight: 400; font-size: 16px;}
ul{list-style-type: none; padding: 0; margin: 0;}
a:hover, a:focus{text-decoration: none !important; outline: 0 !important;}



/********************* top header ************************/
.text-center img{display: inline-block;}
.slider{position: relative;}
.top-Menulogo{position: absolute; top: 25%; right: 0; left: 0; margin: 0 auto; z-index: 1; width: 60%;}

/********************* top menu ************************/
.top-menu{background: #75bb59;}
.main_menu{background: none !important; border: none !important; margin-bottom: 0px !important;}
.main_menu .navbar-nav li{float: none; display: inline-block;}
.main_menu .navbar-nav{float: none;}
.main_menu .navbar-nav li a{color: #000 !important;  font-size: 14px; padding: 10px 0; margin: 0 15px; text-transform: uppercase;}
.main_menu .navbar-nav li a:hover{background-color: inherit !important; border-bottom: 4px solid #faa603;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: inherit !important; border-bottom: 4px solid #faa603;}
/********************* top menu ent ************************/

/********************* Slider ************************/
.slider .carousel-caption{top: 40%;}
.slider .img-responsive{width: 100%;}
.slider .left.carousel-control, .slider .right.carousel-control{background: none;}
.slider .carousel-control .glyphicon-chevron-left, .slider .carousel-control .glyphicon-chevron-right, .slider .carousel-control .icon-prev, .slider .carousel-control .icon-next{width: 70px; height: 70px; font-size: 0;}
.slider-heading.slider-heading1{position: absolute;
text-align: center;
top: -30%;
width: 100%;
}
.slider-heading {
    color: #fff;
    font-size: 46px !important;
    text-shadow: 3px 3px 12px #000000;
    margin-top: 35px;
    font-family: 'montserratlight';
}
#sticky_navigation { width:100%; background:#ffffff; padding: 20px 0 10px; z-index: 99; box-shadow: 0 0 3px #e4e4e4;}

.bg_black{background: #1a1a1a; padding: 3% 0; color: #fff;}
.floorplans{ position: relative; bottom: 5px;}
.welcome-heading h4{font-size: 18px; color: #fff; background: url(../images/border.png) no-repeat; background-position: center 55px; padding-bottom: 50px;}
.welcome-heading h4 span{font-size: 30px; letter-spacing: 0.5; text-transform: uppercase;}
.welcome-heading p{font-size: 21px; color: #fff; font-family: 'montserratlight'; line-height: 32px;}
.welcome-heading p a{font-family: 'Montserratbold'; color: #fff;}

.map-section{position: relative;}
.map-iframe #map{width: 100%; height: 600px;}
.buttonsearch_block{margin: 0; padding: 0; background: #fa6919; padding: 9px 12px; position: relative; top: 15px; right: -5px;}
.map-inner-box{background: #1fabde; max-width: 650px; min-height: 600px; max-height: 600px; color: #fff; padding: 3%; position: relative; top: 0; left: 0; right: 0; text-align: center; margin: 0 auto;}
.map-inner-box h4{text-transform: uppercase; line-height: 30px; font-size: 18px; font-family: 'Montserratbold'; margin-bottom: 5%;}
.map-inner-box h5{line-height: 40px !important; font-size: 18px !important; margin-bottom: 5%;}
.map-inner-box p{line-height: 30px !important; color: #fff !important; font-size: 20px !important; margin-bottom: 5%; font-family: 'montserratlight';}
.input_box{padding: 10px; min-width: 260px; max-width: 260px; color: #282828; border: none;}
.royalOak_threeBox ul li {
float: left;
 width: 33.33333%;
}
.royalOak_threeBox iframe{width:100%;
height:600px;}
.royalOak_threeBox{width: 100%;
display: inline-block;
}
.map-images{padding: 4% 0;}
.map-images img{border: 8px solid #ececec;}

.two-images-box, .three-boxs{float: left; width: 100%;}
.inner-img-box{float: left; width: 50%;}
.per-contant{text-transform: uppercase;}
.bg-blue{background: #1fabde; padding: 1% 0 2%;}
.inner-three-box{width: 33.333333%; float: left;}
.two-images-box img.img-responsive, .three-boxs img.img-responsive{width:100%;}

.footer{background: url(../images/footer-bg.png) repeat-x; padding: 2% 0}
.social-icons ul li{display: inline-block; margin: 10px 5px;}
.social-icons ul li a{background: #fff; padding: 8px 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; display: inline-block; color: #151e25;}
.social-icons ul li a i{font-size: 16px;}
.social-icons ul li a:hover{background: #faa603; color: #fff;}

.phone-number{position: absolute; bottom: 5%; z-index: 11; right: 0; text-align: center;}
.phone-number a{background: rgba(255, 255, 255, 0.6);
padding: 10px 15px;
display: inline-block;
color: #000000;
font-size: 22px; font-family: 'Montserratbold';}
.phone-number a i{border: 2px solid #000; border-radius: 50%; text-align: center; width: 35px; height: 35px; line-height: 30px; font-size: 18px;}


.logo-svg{width: 320px;}

.workPlay_live{width: 100%; display: inline-block; color: #fff; background: #1fabde;}
.black-box{width: 50%; background: #1a1a1a; padding: 3% 0% 3% 13%;}
.blue-box{width: 50%; background: #1fabde; padding: 10% 14% 0 4%;}
.blue-box p{font-size: 16px; padding-bottom: 15px;}
h4.unnerHeading{background: url(../images/h4_line.png) no-repeat; font-size: 28px; background-position: 5px 45px; padding-bottom: 35px;}
.black-box ul li{background: url(../images/li-icons.png) no-repeat; background-position: 0px 13px; padding: 8px 30px; font-size: 16px;}
.black-box ul li a{color: #b2e7fb;}
.black-box ul li a:hover{color: #ffffff;}
.innerPage-map iframe{width: 100%; min-height: 500px;}

.contact_page{background: url(../images/contactBg.jpg); padding: 3% 0;}
.vc_custom_heading{padding-left: 40px !important;
color: #6f7277;
text-align: left;
padding-top: 10px;
font-size: 18px;
border-bottom: 5px solid #999;
padding-bottom: 15px;
margin-bottom: 20px;
}
.vc_custom_inner{text-align: left;}
.three-contact-box li{width: 30%; float: left; margin-right: 3%; word-wrap: break-word;}
.three-contact-box li:last-child{margin-right: 0%;}
.three-contact-box li .vc_custom_inner i{font-size: 11px;}
.email-icon{font-size: 24px !important;}
.three-contact-box{margin-top: 20px; display: inline-block; width: 100%;}

.contact_form{display: inline-block; width: 100%; padding: 15px 0 30px; margin-bottom: 0px !important;border-top-width: 5px !important;border-right-width: 5px !important;border-bottom-width: 5px !important;border-left-width: 5px !important;background-color: #ffffff !important;border-left-color: #f0f0f0 !important;border-left-style: solid !important;border-right-color: #f0f0f0 !important;border-right-style: solid !important;border-top-color: #f0f0f0 !important;border-top-style: solid !important;border-bottom-color: #f0f0f0 !important;border-bottom-style: solid !important;}
.h3_custom_heading{
line-height: 37px;
font-size: 28px;
color: #6f7277;
text-align: center}

.contact_form .form-control {
    border-radius: 0px;
    height: 40px;
    border: 1px solid #01b4e8 !important;
	margin: 15px 0 5px;
}
.contact_form input.form-control{min-height: 50px;}
.contact_form textarea {
    min-height: 180px;
    width: 100%;
}
.submit-btn {
    background: #01b4e8;
    border: 0px;
    padding: 10px 20px;
    margin-top: 10px;
    font-size: 16px;
    text-transform: uppercase;
}
.unnerHeading.text-center{background-position: center 45px !important;}

.unit_element_26618 a {
    font-size: 19px;
    color: #303030;
}
.unit_element_1 {
    right: 30px;
    bottom: 30px;
    position: absolute;
    font-size: 13px;
    color: #ffffff;
}
.unit_element_1 a{color: #fff; background-color: #faa603; padding: 8px 10px;}
.unit_element_1 a:hover{color: #fff; background-color: #f53644; padding: 8px 10px;}
.property_listing{background: #fff; padding: 15px 15px 30px;}
.property_images img{border-radius: 8px 8px 0 0;}
.property_listing_box .col-md-4{margin-top: 30px; color: #8593a9; font-family: 'Open Sans', sans-serif; font-weight: 400;}
.property_listing h4 a{color: #8593a9; font-weight: 700;}
.property_listing h4 a:hover, .property_listing h5 a{color: #faa603;}
.property_details h5{margin-top: 25px;}

.gf_step{border: none !important; margin-bottom: 20px !important;}
.gf_step li{display: inline-block !important; border: 1px solid #d9d9d9 !important; color: #d9d9d9; cursor: pointer; float: none !important;}
.gf_step li a{ color: #d9d9d9 !important; border: none !important;}
.gf_step li.active{border: 1px solid #4f4f4f !important;}
.gf_step li.active a{color: #4f4f4f !important;}
.apply_page{padding: 4% 0;}
.gfield_centerfield{margin-top: 20px;}
.ginput_container_select select, .ginput_container_select input{width: 100%; height: 40px; border: 1px solid #d2d2d1; border-radius: 0; color: #898989; font-size: 16px;}
.apply-heading{margin-top: 30px;}
.download_btn{color: #fff; margin: 10px 0; display: inline-block; border-radius: 4px;}
.download_btn:hover, .gform_page_footer .submit-btn.button:hover{color: #fff; background: #faa603;}
.gfield_label{color: ##484848;}
.gfield_label_tow {
    color: #888888;
    font-weight: 300;
    font-size: 12px;
}
.gfield_checkbox li {
   float: left;
   margin-right: 30px;
}
.gform_page_footer .submit-btn.button{color: #fff}
.gform_save_link{color: #141e25; margin-left: 10px; text-decoration: underline;}
.gform_save_link:hover{color: #faa603;}





/*--------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------*/
@media only screen and (max-width: 5000px) {
.container{max-width: 1300px;}
}
@media only screen and (max-width: 1199px) {
.slider .left.carousel-control, .slider .right.carousel-control{width: 80px;}
.top-Menulogo{top: 17%; width: 80%;}
.map-inner-box{max-width: 450px;}
.map-inner-box h4{font-size: 15px; margin-bottom: 2%;}
.welcome-heading p{font-size: 18px;}
.royalOak_threeBox ul li{width: 100%;}
.map-inner-box{max-width: inherit; min-height: inherit; padding: 40px 3% 50px;}
.map-inner-box p{margin-bottom: 2%;}
}
@media only screen and (max-width: 991px) {
.top-Menulogo{top: 20%; width: 70%;}
.logo-svg{width: 200px;}
.slider-heading{font-size: 36px !important; margin-top: 35px;}
.inner-logo{margin-top: 0;}
.map-inner-box{max-width: inherit; position: relative; width: 100%; max-height: inherit; min-height: inherit; padding: 30px 30px 40px;}
.map-iframe #map{height: 400px;}
.black-box, .blue-box{min-height: inherit; width: 100%; padding: 30px 30px;}
}
@media only screen and (max-width: 767px) {
.top-Menulogo{top: 0; width: 90%; position: relative;}
.slider-heading{font-size: 24px !important; margin-top: 0;}
.navbar.navbar-default.main_menu{position: absolute; right: 0; top: -50px;}
.main_menu .navbar-collapse.nav-paddin{background: #fff;}
.inner-img-box, .inner-three-box{width: 100%;}
.bg-blue{padding: 30px 0;}
.slider .left.carousel-control, .slider .right.carousel-control, .slider .carousel-control .glyphicon-chevron-left, .slider .carousel-control .glyphicon-chevron-right{width: 40px}
.slider .left.carousel-control img, .slider .right.carousel-control img{width: 30px}
.slider{background: #000;}
}
@media only screen and (max-width: 639px) {
.welcome-heading h4{font-size: 14px; background-position: center 38px; padding-bottom: 30px;}
.welcome-heading h4 span{font-size: 21px;}
.welcome-heading p{font-size: 14px; line-height: 23px;}
.map-iframe #map{height: 250px;}
.map-inner-box h4, .map-inner-box p{font-size: 13px !important; margin-bottom: 2%; line-height: 23px;}
.map-inner-box h5{line-height: 30px !important; font-size: 16px !important; margin-bottom: 5%;}
.mobile-logo{text-align: left !important;}
.three-contact-box li{margin-right: 0; width: 100%;}
}
@media only screen and (max-width: 479px) {
.slider-heading{font-size: 18px !important;}
.phone-number{position: relative;}
.inner-logo{width: 75%;}
input_box{min-width: 185px; max-width: 185px;}
.main_menu .navbar-nav li{width: 100%; border-bottom: 1px solid #f1f1f1;}
h4.unnerHeading{font-size: 24px;}
.input_box{max-width: 200px; min-width: 200px;}
}