@import url('//fonts.googleapis.com/css?family=Playfair+Display');
@import url('//fonts.googleapis.com/css?family=Questrial');
.specials-opacity-text{
	font-size: 0;
	height: 0;
	width: 0;
	position: absolute;
	z-index: -1;
}
h1,h2,h3,h4{
    font-family: 'Playfair Display';
}
html,body{
    margin: 0;
    font-size: 100%;
    font-family: 'Questrial';
    height: 100%;
}
.no-padding{
    padding-left:0;
    padding-right: 0;
}
.row-no-padding [class *= "col-"]{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-margin{
    margin: 0;
}
.navbar-brand {
    cursor: pointer;
}
.navbar-brand img{
    width: 16em;
    cursor: pointer;
}
.artessa a{
    color: yellow !important;
}
#index .header-wrapper{
    background-image: url('../images/home/img_homepage_new.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}
#shopping .header-wrapper{
    background: url('../images/shop/img_shopping_dining_main.jpg');
    background-size: cover;
    background-repeat: no-repeat;
		background-position: center center;
    height: 100%;
}
#location .header-wrapper{
    background: url('../images/home/img_homepage_new.jpg');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
		background-position: center center;
    height: 75%;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}
.navbar-default .navbar-nav>li>a{
    color: #fff;	
}
@media (max-width: 767px){
	.navbar-default .navbar-nav>li>a{
		font-weight: bold;
    letter-spacing: 4px;
    display: block;	
	}
}
.header-main{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.header-main h1{
    font-size: 7em;
    color: #fff;
}
.facebook-icon img{
    width: 2.5em;
}
.color-line>div, .color-line-location{
    height: 0.4em; 
}
.color-line-location, .color-line-location-mobile{
    background-color: red;
}
.color-line-location-mobile{
    color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.color-line .color-one{
    background-color: #FFC51C;
}
.color-line .color-two{
    background-color: red;
}
.color-line .color-three{
    background-color: orange;
}
.sub-1 figure img, .sub-2 figure img, .sub-3 img{
    width: 100%;
}
.sub-1 figure, .sub-2 figure{
    position: relative;
}
.sub-1 figcaption, .sub-2 figcaption{
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
}
.sepia img
{
	filter: sepia(1);
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
}

.sepia img:hover
{
	filter: sepia(0);
	-webkit-filter: sepia(0);
	-moz-filter: sepia(0);
	-o-filter: sepia(0);
	-ms-filter: sepia(0);
}
.arrow-left img , .arrow-right img{
    width: 1.5em;
    cursor: pointer;
}
.carousel-holder{
    position: relative;
    background-color: red;
}
.arrow-left, .arrow-right{
    position: absolute;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
}
.shop-selector div.active figure:before{
    content:'';
    position: absolute;
    top: 5%;
    margin: auto;
    width: 90%;
    right: 0;
    left: 0;
    height: 90%;
    border: 1px solid #FFC51C;
}
.arrow-left{
    left: 2%;
}
.arrow-right{
    right: 2%;
}
.front-carousel figure{
    position: relative;
		cursor: pointer;
}
.front-carousel figure img, .shop-selector figure img{
    width: 100%;
}
.front-carousel figcaption, .shop-selector figcaption{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    letter-spacing: 4px;
}
#shopping .shopping-main-content{
    background-image: url('../images/shop/img_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.tab-copy {
    margin: 2em 0;
}

.shopping-main-content a {
    color: #333;
}

.shopping-main-content h3 {
    color: #000;
}
.person-info>div {
    margin-top: 2em;
}

.person-info h2 {
    margin-top: 0;
}
.location-copy {
    padding: 4em 6em;
}

ul.tabs-left>li> a {
    background-color: #FFC51C;
    color: #000;
    font-family: 'Playfair Display';
    font-size: 1.5em;
}
.map-wrapper{
            position: relative;
         
        }
        .site-plan{
            position: absolute;
            position: absolute;
            bottom: 2%;
            right: 4%;
            background-color: #FFC51C;
            padding: 1em 2em;
            cursor: pointer;
        }
        .site-plan:hover{
            background-color: rgba(255, 197, 28, 0.72);
        }
        .site-plan h3{
            margin: 0;
        }
.tabs-left li {
    padding: 0.5em 0;
    border: none;
    text-align: center;
    border-radius: 0;
    position: relative;
}

.tabs-left {
    border-color: transparent;
}

.tabs-left>li.active>a, .tabs-left>li.active>a:focus, .tabs-left>li.active>a:hover {
    border-color: transparent;
    background-color: orange;
    border-radius: 0;
    color: #fff;
}
.tabs-left>li.active>.right-arrow, .tabs-left>li.active>.right-arrow:focus, .tabs-left>li:hover>.right-arrow{
        width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid orange;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.vertical-bar{
    color: #E4211F;
}
.infoBoxHeader {
    font-size: 1.8em;
    font-family: 'Playfair Display';
}

span.infoBoxContentWrapper a {
    color: #000;
    font-size: 1.2em;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: orange;
    color: #fff;
}
.nav-tabs>li>a:hover {
    border-color: transparent;
}
.tab-content {
    text-align: left;
    line-height: 3;
}
.tab-content h2{
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 1em;
}
.tab-content p{
    padding-left: 1em;
}
#map-canvas{
    height: 45em;
}
nav#nav {
    position: relative;
    top: 3em;
}

a.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    /* padding-bottom: 3em; */
}

li.facebook-icon a:hover {
    /* padding-bottom: 1em; */
    color: yellow !important;
}

/*.facebook-icon a {
padding-top: 10% !important;} */
i.fa.fa-facebook, i.fa.fa-facebook-f {
    padding: 0.2em 0.4em;
    border: solid 2px #fff;
}
li.facebook-icon a:hover i.fa.fa-facebook, i.fa.fa-facebook-f{
    border-color: yellow;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
}
.home-copy h3 {
    font-size: 1.8em;
    padding-bottom: 0.5em;
}

.home-copy p {
    line-height: 2.5;
    padding: 0.5em 1.5em;
}

.home-copy {
    padding-top: 1em;
    padding-bottom: 1em;
}

.home-copy .btn-default {
    border-radius: 0;
    border: 2px solid #FFC51C;
}

.btn-default.contact-us:hover {
    border-color: #FFC51C;
    color: #FFC51C;
}
.contact-us-wrapper{
    background-image: url('../images/img_contact_bar_original.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 5em;
    padding-bottom: 5em;
    background-position-x: 50%;
    transition: 1s;
    transition-property: background-image;
}
#privacy{
    color: #333;
    text-decoration: underline;
}
.homepage-smalltext{
    background-image: url('../images/home/img_dream_bar.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
        padding-top: 10em;
    padding-bottom: 10em;

}
footer {
    padding-top: 1em;
    padding-bottom: 1em;
}
footer p {
    font-size: 0.85em;
}
footer .bottom-nav a {
    color: #231F20;
    font-size: 0.75em;
    text-transform: uppercase;
}

footer ul.bottom-nav {
    margin-bottom: 0;
}

footer .bottom-nav li a {
    text-decoration: underline;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    text-decoration: underline;
    color: #fff;
}
.header-main .btn-default {
    background-color: #FFC51C;
    border-color: transparent;
    border-radius: 0;
    padding: 0.1em 1.5em;
}
.header-main .btn-default:hover{
    background-color: rgba(255, 197, 28, 0.85);
}

.sub-1 p {
    color: #fff;
    font-size: 2em;
    letter-spacing: 0.2em;
}

.btn-default.contact-us {
    background-color: transparent;
    color: #fff;
    border-radius: 0;
    font-size: 2em;
    padding: 0em 0.8em;
    border-color: #fff;
    font-family: 'Playfair Display';
}
.form-wrap{
    background-color: #E4211F;
    display: none;
    padding-bottom: 1em;
}
#contact-form ::-webkit-input-placeholder, .modal-body ::-webkit-input-placeholder {
   color: #000;
}

#contact-form :-moz-placeholder, .modal-body :-moz-placeholder{ /* Firefox 18- */
   color: #000;  
}

#contact-form ::-moz-placeholder, .modal-body ::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

#contact-form :-ms-input-placeholder, .modal-body:-ms-input-placeholder {  
   color: #000;  
}
#contact-form button#submit, .modal-body button#service-submit {
    color: #fff;
    border-radius: 0;
    border-color: transparent;
    padding: 0.2em 2em;
    background-color: #042B6E;
}
.modal-header img {
    padding-bottom: 1em;
}

.modal-header p {
    letter-spacing: 3px;
}

.modal-body .form-control {
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
}
.modal-content {
    border-radius: 0;
    border-color: transparent;
}
.modal-button-wrap {
    width: 100%;
    padding: 2em 0;
}
.form-fields{
    padding: 0.5em;
}
#contact-form input{
    width: 100%;
}
.modal-header{
    border-bottom: none;
    padding: 1.5em 1.5em 1em;
}
.form-wrap h3 {
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 3px;
    font-family: Questrial;    
}

#contact-form .form-control {
    border-color: transparent;
    border-radius: 0;
    color: #000;
}
.greystar-logo img {
    width: 12em;
}
footer{
    background-color: #fff;
}
footer .mmc-logo img{
    width: 3.5em;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
    color: white;
}
.thankyou-message{
    background-image: url('../images/img_contact_bar_thanks.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
        padding: 2em;
}
.thankyou-message h1 {
    font-size: 3em;
}

.thankyou-message p {
    font-size: 1.2em;
}
.serviceModalThankYou{
        background-image: url('../images/home/img_submit_thanks.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
       padding: 8em 3em;
    height: 30em;
}
.callout {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('../images/home/img_brick.jpg') no-repeat;
    background-size: cover;
    z-index: 99;
    overflow-y: auto;
    
}
.callout-mobile{
    display: none;
    background: url('../images/home/img_brick.jpg') no-repeat;
    background-size: cover;
}
.callout-mobile-inner{
    margin: 0em 0.5em;
    background-color: #fff;
    padding: 0.3em;
    line-height: 1;
    
}
.callout-mobile-inner h1{
    font-size: 1.5em;
}
.callout-mobile-inner p{
    font-size: 1em;
}
.callout-wrapper {
    position: relative;
}
.callout-inner{
    margin: 2em;
    background-color: #fff;
    padding: 1em;
    line-height: 2;
}
.close-icon {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 22px;
    height: 22px;
    background-color: #fff;
    /*border-radius: 50%;*/
    text-align: center;
    cursor: pointer;
    color: #000;
}
.close-icon-mobile{
    
    position: absolute;
    top: 0%;
    left: 0%;
    width: 22px;
    height: 22px;
    background-color: #E4211F;
    line-height: 2;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
@media(max-width: 992px){
    .header-main h1{
        font-size: 6em;
    }
    .navbar-brand img{
        width: 8em;
        padding-top: 0.6em;
    }
    html,body{
        font-size: 90%;
    }
}

@media(max-width: 767px){
    html,body{
        font-size: 85%;
    }
    .callout-mobile{
        display: block;
    }
    div#mobnav {
    background-color: #FFC51C;;
    }
    #mobnav .nav.navbar-nav{
        float: none !important;
        text-align: center;
    }
        
    .header-main h1{
        font-size: 4em;
    }
    .navbar-toggle {
    position: relative;
    float: none;
    padding: 9px 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: #FFC51C;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    border: none;
    width: 100%;
    cursor: pointer;
}
.navbar-default .navbar-toggle {
    border-color: #FFC51C;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: rgba(255, 197, 28, 0.81);
    border-color: transparent;
}
.navbar-brand{
    width: 100%;
}
.navbar-brand img{
    margin: 0 auto;
}
nav#nav {
    position: relative;
    top: 0em;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    margin-top: 1em;
    border: none;
}
.facebook-icon a{
    padding-top:  10px !important;
    padding-top:  10px !important;
}
.facebook-icon img{
    margin: 0 auto;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #fff;
}
.mobile-location a{
    color: #000;
    font-size: 1.5em;
}
.mobile-history{
    background-color: orange;
    color: #000;
}
.mobile-nav-tabs li{
    background-color: orange;
    margin: 0.2em 0;
}
.mobile-nav-tabs li.active{
    background-color: #FFC51C;
}
.mobile-nav-tabs h1{
    margin: 0;
    cursor: pointer;
    padding: 0.2em;
}
.mobile-nav-tabs ul {
    margin: 0;
}
.mobile-nav-tabs p {
    background-color: white;
    display: none;
        line-height: 3;
    font-size: 1.2em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: left;
}
.front-carousel figcaption, .shop-selector figcaption{
    font-size: 1em;
    letter-spacing: 0;
}
.person-info>div{
    margin-top: 0.3em;
}
.connect>div{
    margin-bottom: 0.5em;
}
.site-plan{
    display: none;
}
.callout{
    display: none;
}
}