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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Bottom Image
6. Footer
7. Buttons


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Oswald:400,500,600,700|Rubik:300,300i,400,400i,500,500i,700,700i|Ubuntu+Condensed|Ubuntu:400,400i,500,500i,700,700i');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 300;
	background: #f9f9f9;
	color: #a5a5a5;
}
.anchor{
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 400;
	color: #636363;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

p:last-of-type
{
	margin-bottom: 0;
}
a, a:active, a:visited, a:active
{
	color: #b89b8e;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a:hover 
{
	
	color: #E3DCDC;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a, p a:active, p a:visited, p a:active {
color: #b89b8e;	
}
::selection
{
	background: rgba(196, 171, 159, 0.5);
	color: #FFFFFF;
}
p::selection
{
	
}
h1{font-size: 43px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Rubik', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	line-height: 1.2;
	color: #232323;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.trans_800
{
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.nopadding
{
	padding: 0px !important;
}
.page_subtitle
{
	font-family: 'Nothing You Could Do', cursive;
	color: #b49383;
	line-height: 0.75;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled
{
	background: rgba(0,0,0,0.85);
}
.header_content
{
	width: 100%;
	height: 90px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}
.logo
{
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
}
.logo a
{
	display: block;
	width: 270px;
	height: auto;
}
.logo a > div:first-child
{
	font-size: 36px;
	line-height: 0.75;
	color: #FFFFFF;
}
.logo a > div:last-child
{
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.680em;
	line-height: 0.75;
	margin-top: 12px;
}
.main_nav
{
	margin-left: 60px;
}
.main_nav ul li:not(:last-child)
{
	margin-right: 20px;
}
.main_nav ul li a
{
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #E3DCDC;
	text-transform: uppercase;
}
.main_nav ul li a:hover
{
	color: #b49383;
}
.social_icon
{
	width: auto;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none;
	text-align: left;
	display: inline;
	border: solid 1px #E3DCDC;
	font-size: 12px;
	color: #FFFFFF;
}
.social_icon a, .social_icon a:visited, .social_icon a:active {
	color: #E3DCDC;
}
.social_icon a:hover {
	color: #ffffff;
}
.social_icon-top {
	padding-left: 3px;
	padding-right: 3px;
}

.hamburger_bar
{
	position: fixed;
	top: 0;
	right: calc((100vw - 690px) / 2 - 15px);
	width: auto;
	height: 149px;
	z-index: 102;
}
.hamburger_bar.scrolled
{
	height: 80px;
}
.hamburger
{
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px;
	cursor: pointer;
	padding: 15px;
	z-index: 2;
}
.menu_toggle
{
	display: block;
}
.menu_hamburger
{
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
}
.hamburger_lines
{
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 2px;
	background: #F7F7F7;
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
	transform-origin: center center;
}
.line_1
{
	top: 0px;
}
.line_2
{
	top: 5px;
}
.line_3
{
	top: 10px;
}
.hamburger.active .line_1
{
	transform: translateY(5px) rotate(45deg) !important;
}
.hamburger.active .line_3
{
	transform: translateY(-5px) rotate(-45deg) !important;
}
.hamburger.active .line_2
{
	opacity: 0 !important;
}
.menu_toggle span
{
	display: block;
	position: relative;
	font-size: 17px;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #F7F7F7;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(180,147,131,0.97);
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	padding-bottom: 100px;
}
.menu.active
{
	visibility: visible;
	opacity: 1;
}
.menu_content
{
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 20px;
}
.menu_content ul li:not(:last-child)
{
	margin-bottom: 3px;
}
.menu_content ul li
{
	display: block;
	font-family: 'Oswald', sans-serif;
}
.menu_content ul li a
{
	display: block;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	font-weight: 400;
	letter-spacing: 0.075em;
}
.menu_content ul:hover li a
{
	color: rgba(255,255,255,0.8);
}
.menu_content ul li a:hover
{
	color: rgba(255,255,255,1);
}
.menu_presskit_phone a:link, .menu_presskit_phone a:hover, .menu_presskit_phone a:visited,  .menu_presskit_phone a:active
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 47px;
	line-height: 43px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	border: solid 2px #FFFFFF;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	white-space: nowrap;
	margin-bottom: 20px;
	clear: both;
}
.social_icon_phone {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 10%;
	height: 47px;
	line-height: 43px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	border: none;
	font-size: 20px;
	font-weight: 700;
	color: rgba(255,255,255,1);
	white-space: nowrap;
	opacity: 1;
}
.social_icon_phone a, .social_icon_phone fa a:visited, .social_icon_phone fa a:active {
	color: rgba(255,255,255,1);
	font-size: 20px;
}
.social_icon_phone fa a:hover {
	color: #ffffff;
}
/*********************************
5. Bottom Image
*********************************/

.bottom-image
{
	width: 100%;
	padding-top: 101px;
	padding-bottom: 75px;
	min-height: 600px;
}
.bottom-image_stars
{
	font-size: 36px;
	font-weight: normal;
}
.bottom-image_title
{
	font-size: 48px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 0.75;
	margin-top: 17px;
}
.bottom-image_text
{
	font-size: 34px;
	color: #FFFFFF;
	font-weight: 200;
	line-height: 1.4em;
	margin-top: 17px;
}
.bottom-image_cite
{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 1.4em;
	margin-top: 17px;
	margin-bottom: 17px;
	font-style: italic;
}
.bottom-image_form_container
{
	margin-top: 72px;
}
.bottom-image_input
{
	background: transparent;
	width: 210px;
	height: 52px;
	border: solid 2px #c4ab9f;
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 25px;
	outline: none;
}
.bottom-image_input:not(:last-child)
{
	margin-right: 16px;
}
.bottom-image_select
{
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background: transparent;
	width: 210px;
	height: 52px;
	border: solid 2px #c4ab9f;
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 25px;
	outline: none;
}
.bottom-image_select option
{
	color: #282828;
}
.bottom-image_button
{
	width: 216px;
	height: 48px;
	background: #c4ab9f;
	color: #FFFFFF;
	border: none;
	outline: none;
	margin-top: 42px;
	font-size: 18px;
	cursor: pointer;
}



/*********************************
6. Footer
*********************************/

.footer
{
	width: 100%;
	background: #232323;
	padding-top: 20px;
	padding-bottom: 60px;
}
.footer_logo_title
{
	width: 210px;
	height: auto;
}
.footer_logo_subtitle
{
	font-size: 19px;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.680em;
	line-height: 0.75;
	margin-top: 17px;
}
.copyright
{
	font-size: 12px;
	color: rgba(255,255,255,0.41);
	line-height: 1.3em;
	margin-top: 10px;
}
.footer_about p
{
	font-size: 12px;
	line-height: 1.3em;
	color: #a5a4a4;
	margin-top: 10px;
}
.footer_contact ul li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_contact_title
{
	width: 61px;
	height: 21px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 21px;
	background: #c49a8f;
	padding-left: 8px;
	margin-right: 11px;
}
.footer_contact_text
{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 21px;
}
.footer_contact ul li div:last-child
{
	white-space: nowrap;
}

/*********************************
7. Buttons
*********************************/

.buttons_container
{
	margin-top: 57px;
}

.button
{
	width: 216px;
	height: 48px;
	text-align: center;
	margin-bottom: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button:not(:last-child)
{
	margin-right: 21px;
}
.button a
{
	display: block;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 44px;
}
.button_1
{
	background: #c4ab9f;
	border: solid 2px #c4ab9f;
}
.button_1:hover
{
	background: transparent;
}
.button_1:hover a
{
	color: #c4ab9f;
}
.button_2
{
	background: #232323;
}
.button_2:hover
{
	background: transparent;
}
.button_2:hover a
{
	color: #c4ab9f;
}
.button_3
{
	background: transparent;
}
.button_3 a
{
	color: #232323;
}
.button_3:hover
{
	background: #c4ab9f;
}


.button_lang
{
	font-size: 20px;
	background: #c4ab9f;
	border: solid 2px #c4ab9f;
}
.button_lang:hover
{
	background: transparent;
}
.button_lang:hover a
{
	color: #c4ab9f;
}


/*********************************
6.2 Accordions
*********************************/

.accordions_and_tabs
{
	margin-top: 90px;
}
.accordions_and_tabs_row
{
	margin-top: 44px;
}
.accordion_container:not(:last-child)
{
	margin-bottom: 22px;
}
.accordion
{
	height: 48px;
	width: 100%;
	background: transparent;
	padding-left: 35px;
	cursor: pointer;
	color: #232323;
	font-size: 18px;
	line-height: 48px;
	border: solid 2px #c4ab9f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion div
{
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
}
.accordion::after
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 50px;
	height: 100%;
	content: '+';
	font-size: 14px;
	color: #232323;
	font-weight: 500;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active
{
	background: #c4ab9f;
	color: #FFFFFF;
}
.accordion.active::after
{
	content: '-';
	color: #FFFFFF;
}
.accordion_panel
{
	padding-right: 8px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion_panel > div
{
	padding-bottom: 5px;
}
.accordion_panel p
{
	font-size: 16px;
	font-weight: 500;
	padding-top: 25px;
	padding-left: 3px;
	color: #636363;
	line-height: 1.875;
}

/*********************************
6.3 Tabs
*********************************/

.tabs
{

}
.tab
{
	height: 48px;
	background: transparent;
	font-size: 18px;
	color: #232323;
	line-height: 44px;
	border: solid 2px #c4ab9f;
	text-align: center;
	cursor: pointer;
	padding-left: 27px;
	padding-right: 28px;
	white-space: nowrap;
	margin-bottom: 9px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tab:not(:last-child)
{
	margin-right: 4px;
}
.tab.active
{
	background: #c4ab9f;
	color: #FFFFFF;
}
.tab_panels
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 38px;
	padding-bottom: 32px;
}
.tab_panel
{
	display: none !important;
	width: 100%;
	height: 100%;
	-webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.tab_panel.active
{
	display: block !important;
}
.tab_panel_content p:last-of-type
{
	margin-bottom: 0;
}
.tab-bio_image
{
	width: 330px;
	height: auto;
	margin-right: 30px;
}
.tab-bio_image img
{
	max-width: 100%;
}
.tab_image
{
	width: 166px;
	height: 166px;
	margin-right: 30px;
}
.tab_image img
{
	max-width: 100%;
}
.imageholder-bio {
	width: 330px;
	float: left;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	color: #cccccc;
	margin-right: 30px;
	margin-bottom: 10px;
}
.imageholder-cd {
	width: 230px;
	float: left;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	color: #cccccc;
	margin-right: 30px;
	margin-bottom: 10px;
}
.imageholder-right {
	width: 200px;
	float: right;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	color: #cccccc;
	margin-left: 30px;
	margin-bottom: 10px;
}
.imageholder-full {
	width: 100%;
	height: auto;
	float: left;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	color: #cccccc;
	margin-bottom: 30px;
}
.tab_text
{
	padding-top: 11px;
}
.tab_text p
{
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}




#mc_embed_signup{
	width: 100%;
	clear:left; 
	font:14px; 
	font-family: 'Rubik', sans-serif;
	color: #a5a5a5;
	margin-top: 20px;
}
	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
