@charset 'UTF-8';


/**
 * dk red: 9F1715
 * off-white: F3F3F1
 * lt tan: D8CDBA
 * dk tan: ACA7A7
*/

/*********************
 TESTMODE HEADER 
*********************/

#testmode-header
{
    display: none;
}

/** { border: 1px solid red; }*/

/*********************
 TAGS 
*********************/

body
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    font-size: 140%;
    font-weight: 400;
    line-height: 160%;

    position: relative;

    background: #fcfdf8;
}


/*********************
 TYPE ELEMENTS 
*********************/

p,
h1,
h2,
h3,
h4,
h5
{
    font-family: 'proxima-nova';

    color: #000;
}

h1
{
    font-size: 3.5em;
    font-weight: 500;

    margin: 0 0 30px;

    text-transform: uppercase;
}

h2
{
    font-size: 1.5;
    font-weight: 400;

    text-transform: none;
}

.hp h1,
.hp h2
{
    font-size: 2.3em;
    font-weight: 700;

    margin: 0 0 30px;

    text-transform: uppercase;

    color: #000;
}

.hp h1 span,
h2 span
{
    font-family: 'minion-pro';
    font-size: 1.5;
    font-weight: 400;
    font-style: italic;

    text-transform: lowercase;
}

h3
{
    font-size: 150%;
    font-weight: 400;

    margin: 0 0 15px;
}

h4
{
    font-size: 125%;
    font-weight: 400;

    margin: 0 0 .75em 0;

    text-transform: uppercase;
}



p
{
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.6em;

    margin: 0 0 30px;
}

ul li
{
    font-style: 1.2em;
}



/*********************
 LINKS 
*********************/

a:link,
a:active,
a:visited
{
    text-decoration: none;

    color: #193443;
    outline: none;
}

a:hover,
a:visited:hover
{
    text-decoration: underline;
}



/*********************
 CLASSES 
*********************/

hr,
.hr
{
    height: .0001em;
    margin: 45px 0;

    border-top: 1px solid #e5e9ef;
}

.clear
{
    display: block;
    clear: both;

    height: .000001em;
}


/*********************
 BUTTONS 
*********************/

.btn
{
    font-size: 1.6em;
    font-weight: 700;

    margin: 0;
    padding: 12px 40px;

    -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
    text-decoration: none;
    text-transform: uppercase;

    color: #fff !important;
    border: 2px solid #fff;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: #193443;
}

.btn:hover
{
    color: #fff;
    background: #000;
}

.btn.disabled
{
    color: #666 !important;
    background: #ccc;
}


/*********************
 LAYOUT 
*********************/

header
{
    position: relative;
    z-index: 1001;
    /*margin-bottom: 2px;*/

    height: auto;

    background: #fcfdf8;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, .2);
    /*border: 2px solid red;*/
}

header #topbar
{
    font-size: 1.1em;

    padding: 4px 0;

    color: #000;
    border-bottom: 1px solid #ededed;
}

header #topbar a
{
    display: inline-block;

    margin-right: 45px;
}

header #topbar ul
{
    font-size: 14px;

    margin-bottom: 0;

    text-transform: uppercase;
}

header #topbar ul li
{
    margin-bottom: 0 !important;
}

header #topbar ul#navgroup2
{
    display: inline-block;
}

header #topbar li.tel
{
    font-size: 17px;
    font-weight: 600;
}

header #topbar li.tel a
{
    margin-right: 0;
}

header #topbar li.tel i
{
    padding-right: 10px;

    color: #000;
}

/*Not sure why this is needed... was expanding past 100%*/
header #topbar .row
{
    width: 100%;
    margin: 0;
}

header #topbar a
{
    display: inline-block;

    padding-top: 3px;

    color: #000;
}

header #topbar a:hover
{
    text-decoration: underline;
}

img.logo
{
    margin: 30px;
}




#live-area
{
    padding: 120px 0 60px;
}

.hp #live-area
{
    padding: 0 !important;
}

footer
{
    padding: 75px 15px 15px;

    background-color: #b1986f;
}

footer .legal p
{
    font-size: .9em;

    margin: 0;
}

footer .legal a:link,
footer .legal a:active,
footer .legal a:visited,
footer .legal a:hover,
footer .legal a:visited:hover
{
    color: #000;
}


/*********************
 SOCIAL
*********************/

footer i.fa
{
    line-height: .9em;

    color: #000;
}

.fa-facebook-square:hover
{
    color: #4772ce;
}
.fa-twitter-square:hover
{
    color: #49c9f2;
}
.fa-pinterest-square:hover
{
    color: #cd2129;
}
.fa-tumblr-square:hover
{
    color: #274152;
}
.fa-instagram:hover
{
    color: #3b749f;
}


/*********************
 HOMEPAGE
*********************/



section#kablamo h1
{
    margin-top: 60px;
}

section#kablamo h3
{
    font-size: 1.7em;
    font-weight: 600;
    font-style: italic;

    text-transform: uppercase;

    color: #bf9e74;
}

section#products .content
{
    opacity: 0;
}

section#products a
{
    position: relative;

    display: block;

    height: 200px;

    text-align: center;
}

section#products a h3
{
    font-size: 1.2em;
    font-weight: 600;

    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 30px;
    left: 0;

    width: 80%;
    margin: 0 auto;
    padding: 25px 0;

    text-align: center;
    text-transform: none;

    background: transparent url(/core/structure/alpha_tiles/FFFFFF_80.png);
}

section#products a.hover h3
{
    color: #fff;
    background: transparent url(/core/structure/alpha_tiles/black_60.png);
}





/*section#galleries h2 {
	opacity: 0;
}*/

section#galleries #gallery-widget img
{
    opacity: 0;
}

section#directions
{
    text-align: center;
}

section#directions h2,
section#directions p
{
    text-align: center;
}

section#directions p
{
    font-size: 1.1em;

    margin-bottom: 45px;
}

section#newsletter
{
    background: url(/templates/villagefloor/skins/v1/structure/fpo/rustic_bedroom.jpg) center center;
    background-size: cover;
}

section#newsletter .content
{
    padding: 60px;

    opacity: 0;
    background: transparent url(/templates/villagefloor/skins/v1/structure/bg/blue_40.png);
}

section#newsletter .content h3
{
    font-size: 1.8em;
    font-weight: 700;

    margin: 0;

    text-transform: uppercase;
}

section#newsletter .content p
{
    font-family: 'minion-pro';
    font-size: 1.8em;
    font-style: italic;

    margin: 0;
}

section#newsletter #newsletter-target input,
section#newsletter #newsletter-target button
{
    font-size: 1.2em;

    width: 100%;
    height: 40px;
    padding: 10px;

    border: none;
    outline: none;
}

section#newsletter #newsletter-target button
{
    color: #fff;
    background: #193441;
}

section#newsletter #newsletter-target .col-md-8
{
    padding-right: 0;
}

section#newsletter #newsletter-target .col-md-4
{
    padding-left: 0;
}

section#newsletter #newsletter-target p
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    font-size: 1.2em;

    padding: 10px !important;

    color: #000;
    background: transparent url(/core/structure/alpha_tiles/FFFFFF_80.png);
}



section#final-cta
{
    background: #f3f3f1;
}

section#final-cta p
{
    margin-bottom: 15px;
}

section#final-cta i.fa
{
    font-size: 1em;
    /*bottom: -2px;*/

    margin-right: 5px;
}


/* ANIMATION */

.active .content,
.active img
{
    position: relative;

    -webkit-animation: 1s ease 0s normal forwards 1 fadein;
            animation: 1s ease 0s normal forwards 1 fadein;
}

@keyframes fadein
{
    0%
    {
        top: 40px;

        opacity: 0;
    }
    30%
    {
        top: 40px;

        opacity: 0;
    }
    100%
    {
        top: 0;

        opacity: 1;
    }
}

@-webkit-keyframes fadein
{
    0%
    {
        top: 40px;

        opacity: 0;
    }
    30%
    {
        top: 40px;

        opacity: 0;
    }
    100%
    {
        top: 0;

        opacity: 1;
    }
}


.reversed
{
    background: #193441;
}

.reversed h2,
.reversed h3,
.reversed p
{
    color: #fff;
}

.reversed h2
{
    margin-bottom: 15px;
}

.white
{
    color: #fff;
}

#map.embed-responsive
{
    padding-bottom: 500px !important;
}

#map .embed-responsive-item
{
    max-height: 500px !important;
}

#map.scrolloff iframe
{
    pointer-events: none ;
}

#map.scrolloff:hover
{
    cursor: pointer;
}

#gallery-widget
{
    margin-top: 45px;
}

#gallery-widget a
{
    position: relative;

    display: block;
}

#gallery-widget a h3
{
    font-size: 1.2em;
    font-weight: 700;

    position: absolute;
    z-index: 10;
    bottom: 30px;

    width: 100%;
    padding: 25px 0;

    text-align: center;
    text-transform: uppercase;

    background: transparent url(/core/structure/alpha_tiles/FFFFFF_80.png);
}

#gallery-widget a.hover h3
{
    color: #fff;
    background: transparent url(/core/structure/alpha_tiles/black_60.png);
}


/*********************
 PARALLAX
*********************/

section.parallax
{
    margin: 0;
    padding: 0;

    background: transparent;
}

.parallax-window
{
    position: relative;

    width: 100% !important;
    min-height: 800px;
    margin: 0 !important;

    background: transparent;
}

.parallax-window h2
{
    font-family: 'minion-pro';
    font-size: 4em;
    font-weight: 400;
    font-style: italic;

    position: absolute;
    top: 50%;
    left: 50%;

    min-width: 600px;
    padding: 30px;

    transform: translate(-50%,-50%);
    text-align: center;
    text-transform: none;

    background: transparent url(/core/structure/alpha_tiles/FFFFFF_80.png);
}

.parallax-window h2 a
{
    display: block;

    text-decoration: none;

    color: #000;
}

.pad1
{
    padding-top: 45px;
    padding-bottom: 45px;
}

.margin1
{
    margin-top: 15px;
    margin-bottom: 60px;
}

/*.white h2, .white h3, .white h4, .white p, .white a {
	color: #FFF;
}*/

.sidebar .col
{
    margin-bottom: 45px;
}



.sidebar p
{
    font-size: 1.1em;

    margin-bottom: 30px;
}

.sidebar img
{
    margin-bottom: 15px;
}


/* Masonry */
div.grid {
    width: 100%;
}
.grid-sizer,
.grid-item
{
    width: 30%;
}

.hp .grid-sizer,
.hp .grid-item
{
    width: 20%;
}

.hp .grid-item,
.adserver .grid-item
{
    padding: 0 15px 15px 0;
}
.gallery .grid-item
{
    padding: 2px;
}


/*********************
 HERO
*********************/

img.hero
{
    position: relative;
    top: -120px;

    margin-bottom: -60px;
}


/*********************
 MOBILE SHOW/HIDE
*********************/

.mobile-show
{
    display: none;
}
.mobile-hide
{
    display: block;
}


/*********************
 TABLET SHOW/HIDE
*********************/

.tablet-show
{
    display: none;
}
.tablet-hide
{
    display: block;
}







/*******************************
 SEARCH DIV 
*******************************/

/*#search {
	position: relative;
	display: none;
	padding: 30px 60px;
	background: #4cb1b7;
}

#search input {
	padding: 10px 0;
	width: 100%;
	height: 60px;
	font-size: 2em;
	color: #FFF; 
	line-height: normal;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	outline: transparent;
	border-bottom: 1px solid #FFF;
}

#search ::-webkit-input-placeholder { 
}
#search :-moz-placeholder { 
   color:    #267178;
   opacity:  1;
}
#search ::-moz-placeholder { 
   color:    #267178;
   opacity:  1;
}
#search :-ms-input-placeholder { 
   color:    #267178;
}

#search i {
	position: absolute;
	right: 70px;
	color: #267178;
}

#search i:hover {
	cursor: pointer;
	color: #FFF;
}*/