/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126    License: none (public domain) */

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, 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, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { 	line-height: 1; padding:0px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none;}
b, strong {font-weight:bold;}
img {max-width:100%;}
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 .clearfix { display: block; }

/* CONTENT */
body
{
    font-family:'Open Sans', sans-serif;
    font-size:100%;
    padding:0px;
    margin:0px;
    min-width:1140px;
}

.container-1140
{
    max-width:1140px; 
    width:98%;
    margin:0 auto;
}

.top-bar
{
    width:100%;
    height:50px;
    font-size:.7em;
    line-height:50px;
    text-transform:uppercase;
    color:#7e8c99;
    background-color:#f1f4f8;
}

.nav-container
{
    width:100%;
    height:105px;
    background-color:white;
    z-index:500;
}

.nav-container .container-1140 .logo
{
    float:left;
    width:15%;
    height:105px;
    text-align:center;
    padding-right:5%;
}

.nav-container .container-1140 .logo h1
{
    font-family: 'Great Vibes', cursive;
    font-size:4em;
    color:#444f61;
    font-weight:normal;
    margin-top:20px;
    line-height:.6em;
    margin-top:35px;
}

.nav-container .container-1140 .logo span
{
    display:inline-block;
    font-family:'Open Sans', sans-serif;
    font-size:.8em;
    color:#9aa8bb;
    text-transform:uppercase;
    line-height:1em;
    letter-spacing:.4em;
}

.nav-container .container-1140 nav
{
    float:left;
    width:65%;
    height:105px;
}

.nav-container .container-1140 nav a
{
    display:block;
    float:left;
    line-height:105px;
    color:#7e8c99;
    font-family:'Lato', sans-serif;
    font-size:.8em;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    padding:0px 30px;
    transition:all .75s;
}

.nav-container .container-1140 nav a:hover
{
    background-color:#435061;
    color:white;
}


.nav-container .container-1140 .languages
{
    margin-top:40px;
    float:left;
    width:15%;
    height:65px;
}

.nav-container .container-1140 .languages a img
{
    float:right;
    border-radius:50%;
    margin-left:10px;
}

.master-slider
{
    width:100%;
}

.sp-black
{
    font-family: 'Poiret One', cursive;
    font-size:3em;
    text-transform:uppercase;
    letter-spacing:.25em;
    background-color:#31a2e1;
}

.intro-text
{
    padding:100px 0px;
    font-size:1em;
    color:#7e8c99;
    line-height:1.5em;
    text-align:center;
}

.intro-text h2
{
    margin-bottom:1em;
    font-weight:bold;
    font-size:2em;
    text-transform:uppercase;
    color:#435061;
}

.intro-text p
{
    margin-bottom:8em;
}

.intro-text .icons
{
    width:100%;
}

.intro-text .icons .icon
{
    width:16.66666666666667%;
    float:left;
    text-align:center;
    font-size:.75em;
    text-transform:uppercase;
    line-height:1.25em;
}

.intro-text .icons .icon span
{
    display:inline-block;
    font-size:60px;
    margin-bottom:.5em;
    color:#31a2e1;
}

.apartments-main
{
    width:100%;
    background-color:#435061;
}


.apartments-main .image
{
    float:left;
    width:40%;
    /*height:500px;*/
    background-color:white;
}


.apartments-main .image a img
{
    float:left;
    width:25%;
    transition:all .5s;
}

.apartments-main .image a img:hover
{
    -webkit-transform: scale(1.25);
}

.apartments-main .content
{
    float:left;
    width:54%;
    padding:3%;
    color:white;
    line-height:1.5em;
    font-size:.875em;
}

.apartments-main .content p
{
    margin-bottom:1.5em;
}

.apartments-main .content p:last-child
{
    margin-bottom:0px;
}

.apartments-main .content h2
{
    font-size:1.75em;
    font-weight:bold;
    margin:1.5em 0;
    text-transform:uppercase;
}

.apartments-details
{
    width:100%;
    padding:100px 0px;
    background-color:#eff3f5;
    text-align:center;
}


.apartments-details .container-1140 h2
{
    font-size:2em;
    color:#435061;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:1.5em;
}

.apartments-details .container-1140 #app-tabs
{
    width:100%;
}

.apartments-details .container-1140 #app-tabs .tabs
{
    float:left;
    width:100%;
    height:50px;
    background-color:white;
    margin-bottom:5em;
}

.apartments-details .container-1140 #app-tabs .tabs li
{
    float:left;
}


.apartments-details .container-1140 #app-tabs .tabs li a
{
    display:block;
    height:50px;
    line-height:50px;
    padding:0px 50px;
    transition:all 0.25s;
}

.apartments-details .container-1140 #app-tabs .tabs li.ui-state-default a
{
    color:#435061;
}

.apartments-details .container-1140 #app-tabs .tabs li.ui-state-active a
{
    color:white;
    background-color:#435061;
}

.apartments-details .container-1140 #app-tabs .tabs li a:hover
{
    background-color:#435061;
    color:white;
    cursor:pointer;
}
.apartments-details .container-1140 #app-tabs .tab-container
{
    float:left;
    text-align:left;
    width:100%;
}

.apartments-details .container-1140 #app-tabs .tab-container .gallery
{
    float:left;
    width:40%;
}

.apartments-details .container-1140 #app-tabs .tab-container .gallery a img
{
    float:left;
    width:27%;
    padding:1.60%;
    margin-right:3%;
    margin-bottom:3%;
    background-color:white;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
    transition:all .5s;
}

.apartments-details .container-1140 #app-tabs .tab-container .gallery a img:hover
{
    -webkit-transform: scale(1.11);
}

.apartments-details .container-1140 #app-tabs .tab-container .content
{
    float:left;
    width:54%;
    padding:0 3% 3% 3%;
    color:#566385;
}

.apartments-details .container-1140 #app-tabs .tab-container .content h3
{

    font-size:1.5em;
    color:#435061;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:1em;
}

.apartments-details .container-1140 #app-tabs .tab-container .content p
{ line-height:1.25em;}

.location
{
    background-color:#FFF;
    margin:100px 0px;
    text-align:center;
}

.location h2
{
    font-size:2em;
    color:#435061;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:1.5em;
}

.location .container
{
    text-align:left;
}


.location .container .content
{
    float:left;
    width:54%;
    padding:3%;
    color: #7e8c99;
    margin-bottom:2em;
}

.location .container .content h3
{

    font-size:1.5em;
    color:#435061;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:1em;
}

.location .container .content p {line-height:1.5em; margin-bottom:1em;}

.location .container .conent p:last-child {margin-bottom:0px;}

.location .container .gallery
{
    float:left;
    width:34%;
    padding:3%;
}

.location .container .gallery a img
{
    float:left;
    width:33%;
    transition:all .75s;
}

.location .container .gallery a img:hover
{
    -webkit-transform: scale(1.25);
}

.contact
{
    width:100%;
    background-color:#435061;
}

.contact .map
{
    float:left;
    width:54%;
    padding:3%;
    background-color:#435061;
}

.contact .map h2 {
    font-size: 1em;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.contact .map .map-container
{ 
    height:250px; 
    margin-bottom:2em;
}

.contact .map .contact-info-container
{
    width:100%;
}

.contact .map .contact-info-container .contact-info
{
    float:left;
    width:44.5%;
    color:#9aa8bb;
    font-size:.85em;
    line-height:1.75em;
}

.contact .map .contact-info-container .contact-info b
{
    color:#FFF;
}

.contact .map .contact-info-container .contact-info a
{
    color:#9aa8bb;
    text-decoration:underline;
    transition:color 0.25s;
}

.contact .map .contact-info-container .contact-info a:hover
{
    color:#FFF;
}

.contact .map .contact-info-container .contact-info:nth-child(2n+1)
{
    padding-right:5%;
    border-right:1px solid #566385;
}

.contact .map .contact-info-container .contact-info:nth-child(2n+1) b
{
    display:inline-block;
    margin-bottom:1.25em;
}

.contact .map .contact-info-container .contact-info:nth-child(2n)
{
    padding-left:5%;
}

.contact .contact-form
{
    float:left;
    width:34%;
    padding:3%;
    background-color:#31a2e1;
}

.contact .contact-form form h2
{
    font-size: 1em;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.contact .contact-form form ul li input[type="text"].input-validation-error
{
    background-color:#f8caca;
    color:#CF0000;
}

.contact  .contact-form form ul li textarea.input-validation-error
{
    background-color:#f8caca;
    color:#CF0000;
}


.contact .contact-form form ul li input[type="text"]
{
    width:94%;
    padding:2% 3%;
    margin-bottom:4%;
    border:0px;
    background-color:white;
    color:#7e8c99;
}

.contact .contact-form form ul li textarea
{
    width:94%;
    padding:2% 3%;
    margin-bottom:4%;
    border:0px;
    background-color:white;
    color:#7e8c99;
    height:189px;
    font-family:'Open Sans', sans-serif;
    line-height:1.25em;
}

.contact .contact-form form ul li:last-of-type
{
    color:white;
    line-height:1.75em;
}

.contact .contact-form form ul li input[type="submit"]
{
    padding:2% 5%;
    border:0px;
    background-color:#ff551a;
    color:#FFF;
    float:right;

}