@viewport{
    zoom: 1.0;
    width: device-width;
}

/* Global - Unassociated from size, thus immune from media queries */

body{
color:#444;font-family: 'PT Sans', sans-serif;font-size:1em;
}

#body_wrapper{
overflow:hidden;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
}

div{vertical-align:top;}

a{
text-decoration:none;
color:inherit;
}

a.phone{
color:#444444;
text-decoration:none;
border:0;
}
@media all and (max-width:400px) {.contact{font-size:1em;}}

.home_name ,p.heading{color:#444;font-family: 'PT Sans', sans-serif;font-size:1.4em; line-height:0.5em}

.small_text{color:#444;font-family: 'PT Sans', sans-serif;font-size:1em;}
@media all and (max-width:1490px) {.small_text{font-size:0.8em;}}

.home_name_2 {color:#444;font-family: 'PT Sans', sans-serif;font-size:1.4em;}
.icon_large{font-size:7em;text-align:center;}
.icon_medium{font-size:4em;text-align:center;}

#wrapper_dots{
position:fixed;
top:35%;
left:0px;
width:5%;
height:30%;
color:black;
font-size:10px;
opacity:0.7;
}

#table_dots{
text-align:center;
}

.dot{
border-radius:50%;
background:grey;
width:25px;
height:25px;
cursor:pointer;
border:solid;
border-color:grey;
}



/* MENU */
.top{
    width:100%;display:inline-block;position:fixed;top:0px;left:0px;z-index:3;font-weight:bold;
}
.header{
    width:100%;display:inline-block;position:relative;background:white;
}
    .logo{
    float:left;
    height:70px;
    left:15%;
    position:relative;
    z-index:2;
    }
    .menu_dropdown{
    float:right;
    text-align:right;
    visibility:hidden;
    z-index:3;
    }
.menu_container{
    width:100%;display:inline-block;position:relative;background:#262633;border-bottom:solid;border-width:2px;border-color:white;height:20px;
}
.menu{
    width:70%;display:inline-block;position:relative;background:#262633;left:15%;color:#eeeeee;
}
    .menu_item{
    float:left;
    width:25%;
    text-align:center;
    transition:background 1s,color 1s;
    background:inherit;
    color:inherit;
    }
    .menu_item:hover{
    transition:background 1s,color 1s;
    background:white;
    color:red;
    }
.sub_menu{
    width:35%;display:inline-block;position:relative;left:50%;color:#eeeeee;
}
    .sub_menu_item{
    float:left;
    width:51%;
    margin-top:3px;
    text-align:center;
    transition:background 1s,color 1s;
    background:#262633;
    color:inherit;
    }
    .sub_menu_item:hover{
    transition:background 1s,color 1s;
    background:white;
    color:red;
    }
.menu_mini{
    width:100%;position:relative;display:none;background:#262633;color:white;
}
#homes{cursor:pointer;}

@media all and (max-width:560px) {.menu_item{width:100%;}.menu_dropdown{visibility:visible;}.menu{display:none;}.menu_container{background:transparent;border-bottom:none;}.logo{left:0;}.logo img{width:80%;height:auto;}.sub_menu_item{width:50%;}}
/* END MENU */


.wrap_everything{
    width:100%;display:inline-block;position:absolute;top:160px;left:0px;
}
.wrap_evertything > div {
    float:left;
}


/* Top 100% - Image */
#container_top_image{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
color:white;
font-size:10px;
overflow:hidden;
}

#wrapper_image_and_headers{
    width:1920px;
	height:1080px;
    position:relative;
    top:50%;
	left:50%;
    margin-left:-960px;
    margin-top:-540px;
    z-index:0;
}

h1{position:absolute;bottom:70%;right:45%;color:#444;font-family: 'PT Sans', sans-serif;font-size:5em; letter-spacing:0.02em;text-shadow: 2px 0px 4px rgba(255, 255, 255, 1);}
h2{position:absolute;bottom:67%;right:45%;color:#444;font-family: 'PT Sans', sans-serif;font-size:2.5em; letter-spacing:0.01em;text-shadow: 2px 0px 2px rgba(255, 255, 255, 1);}

h1.inner{position:relative;top:0;left:0;color:#444;font-family: 'PT Sans', sans-serif;font-size:2em; letter-spacing:0.02em;text-align:center;
}

#wrapper_arrow{
position:absolute;
bottom:100px;
left:340px;
z-index:2;
cursor:pointer;
opacity:0;
text-align:center;
font-size:28px;
font-weight:bold;
color:white;
text-shadow: 2px 0px 4px rgba(0, 0, 0, 1);
}
#down_arrow{
position:absolute;
bottom:300px;
left:210px;
width:82px;
z-index:2;
cursor:pointer;
opacity:0;
text-align:center;
}
.arrow2{
    text-align:center;
    float:left;
z-index:2;
cursor:pointer;
font-size:28px;
font-weight:bold;
color:black;
text-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
}
.down_arrow_2{
    text-align:center;
width:20px;
z-index:2;
cursor:pointer;
}


/* Video and Info */
#container_video_and_info{
position:absolute;
top:100%;
left:0px;
width:100%;
height:100%;
overflow-y:auto;
}

#wrapper_video_grid{
width:84%;display:inline-block;position:absolute;top:100px;left:8%;height:79%;
}

.video_box{float:left;width:48%;margin:1%;font-size:1.2em;}
.video_box_2{float:right;width:48%;font-size:1.3em;margin:1%;}
.video_box_3{float:left;width:100%;color:#444;font-family: 'PT Sans', sans-serif;font-size:1.6em; letter-spacing:0.02em;text-align:center;}

.embed_container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}
.embed_container iframe{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media all and (max-width:1250px) {
.video_box{width:90%;}
.video_box_2{width:100%;}
#wrapper_video_grid{height:91%;}
p.heading{font-size:1.2em;}
}


/* Our Homes */
#container_homes{
position:absolute;
top:200%;
left:0px;
width:100%;
height:100%;	
overflow-y:auto;
}

h4{
width:100%;
color:#444;font-family: 'PT Sans', sans-serif;font-size:1.6em; letter-spacing:0.02em;
text-align:center;
}

#wrapper_our_homes_grid{
width:80%;display:inline-block;position:absolute;top:123px;left:10%;
}

.home_1_box{float:left;width:48%;text-align:center;margin:1%;}
.home_2_box{float:left;width:48%;text-align:center;margin:1%;}
.home_image_div{float:left;width:100%;text-align:center;}
.home_text_div{float:left;width:100%;text-align:center;}

@media all and (max-width:999px) {
.home_1_box{width:100%;}
.home_2_box{width:100%;}
}


#big_image{
    display:block;
    margin: 2px auto;
}


#container_footer{
position:absolute;
top:300%;
left:0px;
width:100%;
height:100%;
overflow:hidden;
background:#3e3e3e;
}



/* Media Queries */
/* 1700px */

@media screen and (max-width:1700px){
}
/* Media Queries */
/* 1550px */

@media screen and (max-width:1550px){
h1{font-size:4em;}
h2{font-size:2em;}
#right{left:910px;width:400px;font-size:1.3em;}
}


/* Media Queries */
/* 1395px */

@media screen and (max-width:1395px){

}


/* Media Queries */
/* 1060px */

@media screen and (max-width:1060px){

h1{font-size:3em;}
h2{font-size:1.7em;}
}



/* Media Queries */
/* 765px */

@media screen and (max-width:765px){
#wrapper_arrow{
left:60%;
}
#down_arrow{
left:40%;
}
#wrapper_arrow{
visibility:hidden;
}
h1{font-size:2.2em;width:100%;left:0px;top:83px;}
h2{font-size:1.3em;width:100%;left:0px;top:113px;}
}


/* Media Queries */
/* 540px */

@media screen and (max-width:540px){
#container_video_and_info{
overflow-y:scroll;
}

}











#wrapper_contact_grid{
position:relative;left:10%;width:80%;display:inline-block;
}

.content_box{float:left;width:48%;margin:1%;}
.content_box_2{float:right;width:48%;margin:1%;}
.content_box_3{float:right;width:100%;margin:1%;}
.contact{float:left;width:48%;height:80px;margin:1%;
}



@media all and (max-width:1380px) {
.contact{width:100%;}
}

@media all and (max-width:900px) {
.content_box{width:100%;}
.content_box_2{width:100%;}
}

#footer{
width:100%;background:#3e3e3e;display:inline-block;margin-top:10px;color:#eeeeee;overflow-y:auto;overflow-x:hidden;height:280px;}

p.footer-heading{font-family:pt-sans,sans-serif;font-size:1.4em;letter-spacing;0.3em;color:#eeeeee;}
p.footer-small{font-family:pt-sans,sans-serif;font-size:0.9em;letter-spacing;0.3em;color:#eeeeee;}
p.footer-social{font-family:pt-sans,sans-serif;font-size:2.4em;}

.footer_box_small{float:left;width:15%;margin-left:10%;}
.footer_box_medium{float:left;width:20%;margin-left:5%;}
.footer_box_large{float:left;width:100%;text-align:center;border-top:1px;border-color:white;}

.footer_box_medium.fa-envelope-o{color:#eeeeee;}

@media all and (max-width:968px) {
.footer_box_small{width:100%;}
.footer_box_medium{width:100%;}
}


/* special fonts and icons */

p.phone{font-family:'pt sans',sans-serif;font-size:2em;color:#444;}
p.social-icons{font-size:2.5em; padding-left:20px; margin-top:84px;}

i.fa-phone,i.fa-mobile{color:#ff0000;}
i.fa-envelope-o{color:#ff0000;}

i.fa-facebook-square{color:#3b5998;}

i.fa-twitter-square{color:#4099ff;}
i.fa-linkedin-square{color:#007bb6;}

i.fa-youtube-play{color:#bb0000;}

/*END- special fonts and icons */

/*------------------------------------------*/
/*    Mail Form
/*------------------------------------------*/

#intro_form {
    padding-left: 0px;
}

.form_register {
    
    background: rgba(255, 255, 255, 0.45);
    margin: 0 auto;
    padding: 20px 20px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.form_register h2 {
    color: #444;
    text-align: center;
    line-height: 1em;
    font-weight: 300;
   
    margin-bottom: 20px;
}



/*------------------------------------------*/
/*    Mail Form Input
/*------------------------------------------*/

.form_register .form-control {
width:100%; 
height: 46px;
}

input[type="text"],
input[type="email"],
input[type="button"],
textarea {color:#444;font-family: 'PT Sans', sans-serif;font-size:1.4em;padding-left:20px;padding-right:20px;border:solid;border-width:1px;border-color:#444;margin-bottom: 20px;resize:none;border-radius:5px;}

.form_register textarea {
    min-height:140px;
}

/*------------------------------------------*/
/*     Mail Form Error Message 
/*------------------------------------------*/

.error {
    color: #ffff00;
    font-size: 13px;
    margin-bottom: 20px;
}

/* Media Queries */
/* Up to 1334px */

@media screen and (min-width:950px) and (max-width:1334px) {

#left_box{
position:absolute;top:140px;left:5%;width:40%;height:60%; background-color:#00ffff;color:black;font-family:verdant, sans-serif;font-size:1.6em;text-align:left;}

#right_box{

position:absolute;top:140px;left:55%;width:40%;height:60%; background-color:#00ff00;color:black;font-family:verdana, sans-serif;font-size:1.6em;text-align:left;}

.form_register .form-control {
width:100%; 
height: 46px;
}
}

.home1{

}
    .full {
    float:left;position:relative;width:98%;margin-left:1%;margin-right:1%;
    }
    .full_heading {
    float:left;position:relative;width:98%;margin-left:1%;margin-right:1%;
    }
    .half {
    float:left;position:relative;width:48%;margin-left:1%;margin-right:1%;
    }
    .quarter {
    float:left;position:relative;width:23%;margin-left:1%;margin-right:1%;
    }
@media screen and (max-width:1140px) {
    .quarter {
    width:48%;
    }

}
@media screen and (max-width:834px) {
    .quarter {
    width:98%;
    }
    .half {
    width:98%;
    }
}
@media screen and (max-width:1050px) {
    div[id*="help"] {
    width:98%;
    }
}

.shadow{
-webkit-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.25);
box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.25);
}