/* Fonts */

@import url("//hello.myfonts.net/count/2fee8c");
@font-face {font-family: 'BrandonGrotesqueWeb-Black';src: url('2FEE8C_0_0.eot');src: url('2FEE8C_0_0.eot?#iefix') format('embedded-opentype'),url('2FEE8C_0_0.woff2') format('woff2'),url('2FEE8C_0_0.woff') format('woff'),url('2FEE8C_0_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonGrotesqueWeb-MediumItalic';src: url('2FEE8C_1_0.eot');src: url('2FEE8C_1_0.eot?#iefix') format('embedded-opentype'),url('2FEE8C_1_0.woff2') format('woff2'),url('2FEE8C_1_0.woff') format('woff'),url('2FEE8C_1_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonGrotesqueWeb-Regular';src: url('2FEE8C_2_0.eot');src: url('2FEE8C_2_0.eot?#iefix') format('embedded-opentype'),url('2FEE8C_2_0.woff2') format('woff2'),url('2FEE8C_2_0.woff') format('woff'),url('2FEE8C_2_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonGrotesqueWeb-Italic';src: url('2FEE8C_3_0.eot');src: url('2FEE8C_3_0.eot?#iefix') format('embedded-opentype'),url('2FEE8C_3_0.woff2') format('woff2'),url('2FEE8C_3_0.woff') format('woff'),url('2FEE8C_3_0.ttf') format('truetype');}
.BrandonGrotesqueWeb-Black {
	font-family: 'BrandonGrotesqueWeb-Black';
	font-weight: normal;
	font-style: normal;
}
.BrandonGrotesqueWeb-MediumItalic {
	font-family: 'BrandonGrotesqueWeb-MediumItalic';
	font-weight: normal;
	font-style: normal;
}
.BrandonGrotesqueWeb-Regular {
	font-family: 'BrandonGrotesqueWeb-Regular';
	font-weight: normal;
	font-style: normal;
}
.BrandonGrotesqueWeb-Italic {
	font-family: 'BrandonGrotesqueWeb-Italic';
	font-weight: normal;
	font-style: normal;
}

/* Main CSS */

body {
    background-color: #b69278;
    background-image: url(bg-tile.jpg);
    font-size: 20px;
    line-height: 120%;
    font-family: 'BrandonGrotesqueWeb-Italic', sans-serif;
}

#preload {background: url('arrow_menu_item_active.png'), url('checkbox_check.png'), url('icon_facebook_active.png'), url('icon_mail_active.png'), url('close-x_active.png');}

img {
    border: 0;
}

.wrapper {
    max-width: 1100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: table;
}

@media screen and (max-width: 1100px) {
    .wrapper {
        max-width: 200px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 50px auto;
    }
}

@media screen and (max-height: 840px) {
    .wrapper {
        display: block;
        position: relative;
        padding: 20px 0;
        top: 0;
        left: 0;
        transform: none;
        margin: 0 auto;
    }
}

.sidebar_left {
    min-width: 200px;
    padding-right: 30px;
    display: table-cell;
    vertical-align: top;
}

.content_right {
    display: table-cell;
    position: relative;
    min-width: 870px;
    min-height: 500px;
    vertical-align: top;
    text-align: center;
}

.content_right .logo img {
    width: 640px;
    height: 640px;
}

.content_right .logo {position:relative;}
.content_right .logo img{position:absolute; left: 0; top: 0; z-index:1}
.content_right .logo img.active{z-index:3}

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

    .sidebar_left {
    padding-right: 0px;
    }

    .content_right {
        display: block;
        width: 0px;
        height: 0px;
        min-width: 0;
        min-height: 0;
        visibility: hidden;
    }

    .content_right .logo {
        display: none;
        visibility: hidden;
    }
}

.popup {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 130px auto 0 auto;
    width: 590px;
    height: 580px;
    background-color: #000000;
    color: #ffffff;
    padding: 20px 30px 40px 30px;
    z-index: 100;
    text-align: left;
}
@media screen and (max-width: 1100px) {
    .popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow: auto;
		margin: 0 auto;
    }
}

.popup h2 {
    font-family: 'BrandonGrotesqueWeb-Black', sans-serif;
    font-weight: normal;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: 0.04em;
    color: #b49474;
    margin: 15px 0 0 0;
}

.popup p,
.popup p a {
    font-family: 'BrandonGrotesqueWeb-Italic', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    color: #b49474;
}

.popup a:hover {
    color: #c7e299;
}

#close-coffee, #close-about {
    color: #b49474;
    font-family: 'BrandonGrotesqueWeb-Italic', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 21px;
    float: right;
    padding: 0 20px 0 0;
    text-decoration: none;
    background-image: url(close-x.png);
    background-repeat: no-repeat;
    background-position: top right;
}

#close-coffee:hover, #close-about:hover {
    color: #c7e299;
    background-image: url(close-x_active.png);
}

#close-coffee img, #close-about img { margin: 0 0 -2px 0; }

.logo {
    width: 640px;
    height: 640px;
    margin: 130px auto 0 auto;
    display: block;
}

@media screen and (max-width: 1100px) {
    .logo {
        width: 450px;
        height: 450px;
        margin: 0 auto;
        display: block;
    }
}

.mobile-logo {
    display: none;
    margin: 0 0 220px 0;
}

.mobile-logo img {
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 1100px) {
    .mobile-hide {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .mobile-logo {display: inline-block;}
    .mobile-logo img{position:absolute;z-index:1}
}

.menu {
    list-style-type: none;
    font-family: 'BrandonGrotesqueWeb-Italic', sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #000000;
}

.menu li {
    padding: 15px 0 12px 0;
    font-family: 'BrandonGrotesqueWeb-Italic', sans-serif;
    font-weight: normal;
    border-bottom: 2px solid #000000;
}
.menu li a {
    color: #000000;
    font-family: 'BrandonGrotesqueWeb-Italic', sans-serif;
    font-weight: normal;
}

@media screen and (min-width: 1100px) {
    .menu li a:not(:focus):hover {
        color: #c7e299;
    }

    .menu li a:focus {
        color: #000000;
    }
}

.menu li.first {
    padding: 0 0 15px 0;
    font-family: 'BrandonGrotesqueWeb-Italic', sans-serif;
    font-weight: normal;
    font-size: 20px;
}

.menu li#last {
    border-bottom: 0px solid #000000;
}

.menu .menu-item {
    font-family: 'BrandonGrotesqueWeb-Black', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    font-style: normal;
    display: block;
    text-decoration: none;
    font-size: 18px;
    color: #000000;
    background-image: url(arrow_menu_item.png);
    background-position: 100% 0%;
    background-repeat: no-repeat;
}

.menu .menu-item.multiline {
    background-image: url(arrow_menu_item.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1100px) {
    .menu .menu-item:not(:focus):hover {
        background-image: url(arrow_menu_item_active.png);
    }

    .menu .menu-item:focus {
        background-image: url(arrow_menu_item.png);
    }
}

#facebook-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    background-image: url(icon_facebook.png);
    background-repeat: no-repeat;
    background-position: top left;
}

@media screen and (min-width: 1100px) {
    #facebook-icon:not(:focus):hover {
        background-image: url(icon_facebook_active.png);
    }

    #facebook-icon:focus {
        background-image: url(icon_facebook.png);
    }
}

#email-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    background-image: url(icon_mail.png);
    background-repeat: no-repeat;
    background-position: top left;
}

@media screen and (min-width: 1100px) {
    #email-icon:not(:focus):hover {
        background-image: url(icon_mail_active.png);
    }

    #email-icon:focus {
        background-image: url(icon_mail.png);
    }
}

.copyright {
    font-size: 16px;
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    font-weight: 400;
}

.copyright a {
    color: #000000;
    font-size: 20px;
}

@media screen and (min-width: 1100px) {
    .copyright a:hover {
        color: #c7e299;
    }
}

#phone {
    display: inline;
    margin-top: 15px;
    display: block;
}

#ctc {
    display: none;
}

@media screen and (max-width: 1100px) {
#phone { display: none; }
#ctc { margin-top: 15px; display: block; }
}

.form_table {
    display: table;
    width: 100%;
    border-spacing: 0 15px;
}

.form_item {
    display: table-row;
}

.form_details,
.form_details a{
    margin: 20px 0 0 0;
    font-size: 16px;
    color: #b49474;
    line-height: 16px;
}

.form_details span {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
}

::-webkit-input-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #000000;
    font-size: 20px;
    line-height: 35px;
}
:-moz-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #000000;
    font-size: 20px;
    line-height: 35px;
}
::-moz-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #000000;
    font-size: 20px;
    line-height: 35px;
}
:-ms-input-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #000000;
    font-size: 20px;
    line-height: 35px;
}

.form_placeholder::-webkit-input-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #ff0000;
    font-size: 20px;
    line-height: 35px;
}
.form_placeholder:-moz-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #ff0000;
    font-size: 20px;
    line-height: 35px;
}
.form_placeholder::-moz-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #ff0000;
    font-size: 20px;
    line-height: 35px;
}
.form_placeholder:-ms-input-placeholder {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #ff0000;
    font-size: 20px;
    line-height: 35px;
}

input[type="text"],
input[type="email"] {
    background-image: url('bg-tile.jpg');
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    color: #000000;
    font-size: 20px;
    line-height: 35px;
    display: block;
    padding: 10px 10px 5px 10px;
    margin: 0;
    border: 0;
    width: 570px;
}

@media screen and (max-width: 1100px) {
    input[type="text"],
    input[type="email"] {
        width: 90%;
    }
}

label {
    color: #b49474;
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
}

input[type="checkbox"] {
    border: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-10px 4px 0 0;
    vertical-align:middle;
    background-image: url('bg-tile.jpg');
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background-image: url('checkbox_check.png');
    background-position: center center;
}

button[type="submit"] {
    float: right;
    padding: 25px 30px 15px 30px;
    background-image: url('bg-tile.jpg');
    font-family: 'BrandonGrotesqueWeb-Black', sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 15px;
    border: 0;
}

button[type="submit"]:hover {
    background-color: #c7e299;
    background-image: none;
    cursor: pointer;
}

@media screen and (max-width: 1100px) {
    button[type="submit"] {
        float: none;
        margin-bottom: 20px;
    }
}

.successPage, .errorPage {
    display: none;
}

hr {
    border: 1px solid #b49474;
}

.terms,
.terms a{
    font-size: 16px!important;
}

@media screen and (max-width: 1100px) {
    .mobile {
        display: inherit;
    }
    .desktop {
        display: none;
    }
}

@media screen and (min-width: 1100px) {
    .mobile {
        display: none;
    }
    .desktop {
        display: inherit;
    }
}

.last_para {
    font-family: 'BrandonGrotesqueWeb-MediumItalic', sans-serif!important;
    font-weight: bold!important;
}

.type_bold {
    display: block;
    font-family: 'BrandonGrotesqueWeb-MediumItalic', sans-serif;
    font-weight: 800;
}

.type_bold.pad {
    margin-top: 15px;
}