@charset "utf-8";
/* CSS Document */

@viewport{
    width: device-width;
}

@-ms-viewport{
    width: device-width;
}

@font-face {
    font-family: 'AmerigoMd';
    src: url('font/Amerigo Md BT Medium Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'Mistral';
    src: url('font/mistral.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

/* Standard Styles */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del,
dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form,
label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-family: 'AmerigoMd';
}

.clear{
    clear:both;
}

img {border:none; }

body {background:#ffd200;   min-height: 900px; color: #dcdcdc; font-size: 12pt; }
.logo {float: left; background: url('images/logo1.png') no-repeat; display:inline-block; width:413px; height:83px}

.menu {float: right; margin-top: 30px;  padding-right:10px;}
.menu2 {position: relative; top: -22px; }

.header {margin: 0px auto; height:84px; /*background-image: url(images/bg-main.jpg);*/ background-color: #ffd200; background-repeat:repeat; border-bottom:#a9a9a9 1px solid; z-index: 1; position: relative;}
.header .h_container { margin: 0px 100px; }

.arrow {position:relative;  left: 5px;}

.main {width: 100%; margin:0 auto;}
.main2 {background-image: url(images/bg_newsletter.png); background-repeat:no-repeat; /* background-color: #32363e;  */width: 400px; margin:0px auto;  text-align: center; font-size: 14px; }



.arrow_down {float: left; margin-top: 4px;}
.bottomlefttext {  width: 800px; font-size: 10pt;  float:left; padding-left: 5px; padding-top:5px; }

.form_right { float: right; /*  width: 285px; */ width: 304px; padding:0px;   }
.twitter {margin-top:8px;  float: left;}
.facebook {margin-top: 8px; float:left; margin-right: 8px; margin-left:0px; }

.form {margin-top:3px; padding-top:2px;  float:right;  padding-left: 10px; padding-right: 3px; background-image:url(images/bg_subscribe.png);   background-repeat:no-repeat; color:#dcdcdc; font-size: 14pt; }


.subscribe {font-size: 11pt;}
.formbox {padding: 2px;  font-size: 10px; background-color: #101319; color:#dcdcdc; letter-spacing:0px; border: none; position:relative; top:-12px;}


a.news:link {color:#d3d3d3;}      /* unvisited link */
a.news:visited {color:#d3d3d3;}  /* visited link */
a.news:hover {color:#ffffff;}  /* mouse over link */
a.news:active {color:#ffffff;}  /* selected link */

.colorgrey {color:#d3d3d3; font-size: 12pt; }
.colorgrey2 {color:#d3d3d3; font-size: 14px; }

.footer {width: 1200px; text-align:center; color: #d3d3d3; font-size: 12px; }
a.index:link {color:#d3d3d3; text-decoration:none;}      /* unvisited link */
a.index:visited {color:#d3d3d3; text-decoration:none;}  /* visited link */
a.index:hover {color:#ffffff; text-decoration: underline;}  /* mouse over link */
a.index:active {color:#ffffff;}  /* selected link */

a.index2:link {color:#cccccc; text-decoration:none; font-size: 9pt; position: relative; top: -5px;}      /* unvisited link */
a.index2:visited {color:#cccccc; text-decoration:none;font-size: 9pt; position: relative; top: -5px;}  /* visited link */
a.index2:hover {color:#d3d3d3; text-decoration: underline;font-size: 9pt; position: relative; top: -5px;}  /* mouse over link */
a.index2:active {color:#d3d3d3;font-size: 9pt; position: relative; top: -5px;}  /* selected link */


.index2 {color:#cccccc; text-decoration:none; font-size: 9pt; }    

.aboutus2 {/*border: 1px solid #252733; */ padding:20px; }


.aboutus {
    padding:15px;
    filter:alpha(opacity=80);
    opacity:0.8;
    margin:20px auto 130px auto;
    width:800px;
    background-color:#16191e;
    height: 600px;
}  



div.demoreel { 
    padding:15px; 
    filter:alpha(opacity=80);
    opacity:0.8;
    margin:50px auto;
    /*display: inline-block;*/
    width:100%;
    /*background-color:#16191e;*/ 
}


.aboutus_content {width: 600px;  margin:0px auto; color:#b6b5b5;}

.aboutus_content2 {font-size: 10pt; width: 600px;  margin:0px auto; color:#b6b5b5;}


.aboutusimg {float: left; margin-right: 10px; }

.footer2 {margin-top: 12px;padding-top:15px; width: 100%; text-align:center; color: #d3d3d3; font-size: 12px; }
.footer {padding-top: 5px; width: 1200px; text-align:center; color: #d3d3d3; font-size: 12px; }

.contactus_content {padding-left: 15px; font-size: 12pt;width: 475px;  margin:0px auto;	color: #d3d3d3; line-height: 20px;}
.formbox2 {color: #252733; padding: 2px;  font-size: 10pt; background-color: #d3d3d3;  letter-spacing:0px; border: none;  height: 14px; margin-bottom: 2px; }
.formcontact {padding-top:5px;   color:#dcdcdc; font-size: 12pt; }
.contactus { 
    padding:25px; 
    filter:alpha(opacity=80);
    margin:20px auto;  
    max-width:900px;  
}

.contactinfo {color:#ffffff; background-color:#16191e; }
.contacttable {line-height: 24px; }
.contactbutton {margin-top: 3px; }

.box:hover {cursor:pointer; cursor: pointer; }

.portfolio {margin: 0px auto; height: 733px;  padding-top:3px;  }


.panorama {margin: 0 auto; width: 96%; min-height:300px;  padding-top:3px; padding-left: 1%;}
a.pano:link {padding: 2px; color:#0063b7; text-decoration:underline; font-size: 10pt; position: relative; top:-2px;}      
a.pano:visited {color:#0063b7; text-decoration:none;}  /* visited link */
a.pano:hover {color:#0063b7; text-decoration: underline;}  /* mouse over link */
a.pano:active {color:#0063b7;}  /* selected link */

.shadow{
    -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.7);
    box-shadow: 0px 5px 5px rgba(0,0,0,0.7);
}

.social_ref {
    float:right;
    margin-top: 10px;
    text-align: center;
}

.social_ref label {
    font-size: 18px;
    font-style: italic;
    color:#d76000;
}

.social_ref social a{
    width: 32px;
    height:32px;
    margin:1px;
    display: inline-block;
}

social a.ref_linkedin {
    background-image: url('images/icon_linkedin.png');
    background-repeat: no-repeat;
}
social a.ref_facebook {
    background-image: url('images/icon_fb.png');
    background-repeat: no-repeat;
}
social a.ref_twitter {
    background-image: url('images/icon_twitter.png');
    background-repeat: no-repeat;
}
social a.ref_youtube {
    background-image: url('images/icon_yb.png');
    background-repeat: no-repeat;
}
social a.ref_skype {
    background-image: url('images/icon_skype.png');
    background-repeat: no-repeat;
}
social a.ref_vimeo {
    background-image: url('images/icon_vimeo.png');
    background-repeat: no-repeat;
}
social a.ref_menu {
    width: 40px;
    height:32px;
    margin-top: 15px;
    background-image: url('images/btn_menu.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
}

/* Gallery CSS */
#slider_container {
    position: relative; 
    margin: 0 auto; 
    top: 0px; 
    left: 0px; 
    overflow: hidden; 
    border-bottom:#a9a9a9 1px solid; 
    z-index: 3;
    background-color: #dcdcdc;
}

#slider_content {
    cursor: default; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    overflow: hidden;
}

/* Bullet Navigator Skin Begin */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    background: url(images/b21.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

/* Arrow Navigator Skin Begin */

/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(images/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }

.tile
{
    display: inline-block;
    position: relative;
    width: 640px;
    height: 272px;
    margin: 0px 1px 1px 0px;
    padding: 0;
    float:left;
}
.tile:hover
{
    text-decoration: none;
}

.ccc_madduxx {
    background: url(images/bg3.png) repeat; 
    padding: 0px; 
    padding-top: 14px; 
    text-align: center;
    position: relative;
    z-index: 2;
}

.ccc_madduxx span {
    font-style: italic;
    font-size: 16px;
    display: block;
}

.ccc_madduxx span.ccc_top {
    color:#6e6e6e
}

.ccc_madduxx span.ccc_bottom {
    font-size: 18px;
    color:#d76000;
}

.ccc_madduxx .bottomsharp {
    background: url(images/bg4.png) repeat; 
    height:7px; 
    border-bottom:white 1px solid; 
    border-top: white 1px solid;
    margin-top: 7px;
}

.btn_style1 {
    font-style: italic;
    color:white;
    background-color: #d76000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    padding:10px 8px 8px 8px;
    text-decoration: none;
    font-size:13px;
    z-index: 3;
    // shadow
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.65);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.65);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.65);
}

.btn_style2 {
    padding: 0 10px;
    /*max-width:400px;*/
    height:40px;
    font-style: italic;
    color:white;
    background-color: #d76000;
    display: inline-block;
    text-decoration: none;
    font-size:24px;
    line-height: 38px;
    z-index: 3;
}

.btn_style3 {
    border: none;
    font-style: italic;
    color:white;
    background-color: #d76000;
    display: inline-block;
    text-decoration: none;
    font-size:16px;
    line-height: 22px;
    text-align: center;
    padding:4px 40px;
    margin: 0;
    cursor: pointer;
}

.btn_style3:active {
    background-color: #da6a0a;
}

.inputboxstyle1 {
    width:100%;
    padding: 5px 7px;
    -moz-box-shadow:inset 2px 2px 6px rgba(0,0,0,0.29);
    -webkit-box-shadow:inset 2px 2px 6px rgba(0,0,0,0.29);
    box-shadow:inset 2px 2px 6px rgba(0,0,0,0.29);
    border: none;
}

line.sep {
    display: inline-block;
    width: 600px;
    height: 3px;
    background-color: #0063b7;
    margin: 3px;padding: 0;
    // shadow
    -moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.38);
    -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.38);
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.38);

}

.gallerytitle {
    margin: 0 auto; 
    text-align: center; 
    z-index: 100; 
    position: relative;
}

refbuttons {
    display: block;
    /*min-width:1200px;*/
    margin: 40px auto;
    text-align: center;
}

refbuttons a {
    width:107px;
    height:140px;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    /*color:#6e6e6e;*/
    color:black;
    font-style: italic;
    background: url('images/icons.png') no-repeat 0 0;
    cursor: pointer;
}

refbuttons a.exteriors {background-position: 0 0;}
refbuttons a.interiors {background-position: -107px 0;}
refbuttons a.amenities {background-position: -214px 0;}
refbuttons a.plans {background-position: -321px 0;}
refbuttons a.panorama360 {background-position: -428px 0;}
refbuttons a.virtualtours {background-position: -535px 0;}
refbuttons a.iosapps {background-position: -642px 0;}
refbuttons a.realtime3d {background-position: -749px 0;}
refbuttons a.demoreel {background-position: -856px 0;}
refbuttons a.store {background-position: -963px 0;}
refbuttons a.partners {background-position: -1070px 0;}
refbuttons a.downloads {background-position: -1177px 0;}

refbuttons a span {
    display: inline-block;
    margin-top: 120px;
}

.md_label1 {
    text-align: center;
    display: block; 
    /*width:500px;*/ 
    margin: 10px auto;
    color:black;
    font-style: italic;
}

.md_highlight {color:#d76000;}

.md_label2 {
    font-family:'Mistral'; 
    font-size: 140px; 
    display: block; 
    margin: 60px auto 0 auto; 
    color: white; 
    text-align: center;
}

separate {
    display:block;
    height:1px;
    background-color:#d76000; 
    margin-top: 30px;
}

/* TopNavBar */
#topnavbar
{
    margin: 0;
    padding: 0;
    /*float: left;*/
    width: 100%;
    overflow: hidden;
    font-style: italic;
    font-size:16px;
    line-height: 16px;
    text-align: center;
    background: white;
    color:#757575;
    padding-top: 5px;
    /*min-width: 1200px;*/
    height: 34px;
}
#topnavbar > ul > li
{
    display: inline-block;
    /*float:left;*/ 
}

/*Show only right border*/
#topnavbar > ul > li > a
{
    display:inline-block;
    color:#757575;
    padding: 9px 11px;
    text-decoration: none;
    border: 0px none;
    cursor: pointer;
}

#topnavbar > ul > li > a:visited
{
    color:#757575;
}
/*Show only right border when mouse is over the menu item*/
#topnavbar > ul > li:hover > a, #topnavbar > ul > li .current
{
    color:#757575;
    border: 0px none;
}

/* DROPDOWN MENU */
.dropdown-menu {
    /* 	margin-left:-1px; */
    position:absolute;
    background:white;
    min-width: 220px;
    margin-left:-5000px;
    opacity: 0;

}

#topnavbar > ul > li:hover .dropdown-menu
{
    margin-left:-1px;
    z-index:100000;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.4s;
}


.dropdown-menu li
{
    display:block;
    padding: 5px;
    text-align: left;
    border-top: #757575 1px solid;
}

.dropdown-menu li:hover
{
    display:block;
    background:#B1B1B1;
}

.dropdown-menu li a
{
    padding: 9px;
    text-decoration: none;
    color:#757575;
    cursor: pointer;
}

/* SUB DROPDOWN MENU */
.sub-dropdown-menu {
    /* 	margin-left:-1px; */

    position:absolute;
    margin:0;
    padding:0;
    left:100%;
    background-color:white;


    /*border: 1px solid white;*/
    display:none;
    width:100%;
    margin-top:-22px;
    opacity: 0;
}


.dropdown-menu > ul > li:hover .sub-dropdown-menu
{

    display:block;
    z-index:100001;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.4s;
}


.sub-dropdown-menu ul li
{
    padding: 5px;
}

.sub-dropdown-menu ul li:hover
{
    background-color:#B1B1B1;
}

.sub-dropdown-menu ul li a
{
    padding: 9px;
    text-decoration: none;
    color:#757575;
    cursor: pointer;
}

a.email_send {
    background: url('images/icon_email.png') no-repeat; 
    background-position:0;
    margin-left: 40px; 
    padding-left: 24px !important;
}

.servicearea {
    width:1000px; 
    margin: 30px auto;
    padding: 0px;
    text-align: center;
}
.servicearea_part {
    /*float: left;*/ 
    width: 33%;
    text-align: center;
    display: inline-block;
}

.servicearea_part a {
    display: block;
    font-size: 16px;
    font-style: italic;
    text-decoration: none;
    margin-top: 1px;
    /*padding-left: 60px;*/
}

.servicearea_part a.category {
    font-size: 20px;
    color:#d76000;
}

.servicearea_part a.name {
    color:#808080;
}

.mobilemenu {
    width: 100%;
    background-color:white;
    right: 0px;
    padding: 10px 0;
    display: none;
}

.mobilemenu a {
    text-align: center;
    display: block;
    text-decoration: none;
    margin: 10px auto;
    padding: 5px;
    background-color: #d76000;
    width: 70%;
}

.mobilemenu a span {
    color: white;
    font-size: 22px;
}

.video-area {
    padding: 0px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:30%;
    /*padding-bottom:56.25%;*/
    position:relative;
    height:0;
    margin:1.2% 0 0 1.2%;
    width:48.2%;
    display: inline-block;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.licence {display: none;}
.responsive_reverse {display:none;}

@media all and (min-width: 200px) and (max-width: 999px) {
    .header .h_container { margin: 0px 30px; }
    .md_label1 {width: auto;}
    social a.ref_menu {display: inline-block;}
    separate { margin-top: 50px; }
    .licence {display: block;}
    refbuttons {
        margin: 30px auto;
    }

    refbuttons a {
        margin-top: 20px;
        width:80px;
        height:90px;
        background: url('images/icons_mobile.png') no-repeat 0 0;
    }

    refbuttons a.exteriors {background-position: 0 0;}
    refbuttons a.interiors {background-position: -80px 0;}
    refbuttons a.amenities {background-position: -160px 0;}
    refbuttons a.plans {background-position: -240px 0;}
    refbuttons a.panorama360 {background-position: -320px 0;}
    refbuttons a.virtualtours {background-position: -400px 0;}
    refbuttons a.iosapps {background-position: -480px 0;}
    refbuttons a.realtime3d {background-position: -560px 0;}
    refbuttons a.demoreel {background-position: -640px 0;}
    refbuttons a.store {background-position: -720px 0;}
    refbuttons a.partners {background-position: -800px 0;}
    refbuttons a.downloads {background-position: -880px 0;}

    refbuttons a span {
        margin-top: 100px;
        font-size: 13px;
    }

    .responsive_reverse {display:block;}
    .responsive {display: none;}
}

@media all and (min-width: 200px) and (max-width: 799px) {
    .header .h_container { margin: 0px 20px; }
}

@media all and (min-width: 200px) and (max-width: 530px) {
    .logo {margin-top:15px; float: left; background: url('images/logo1.png') no-repeat; display:inline-block; width:280px; height:56px; background-size: 100%;}
    .header .h_container { margin: 0px 10px; }
}

@media all and (min-width: 200px) and (max-width: 480px) {
    .logo {margin-top:22px; float: left; background: url('images/logo1.png') no-repeat; display:inline-block; width:220px; height:44px; background-size: 100%;}
    .header .h_container { margin: 0px 10px; }
}