/*! HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

 
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, body {
  color: #222;
  font-size: 1em;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: none;
}

a{
	text-decoration: none;
	color: inherit;
}

input, textarea{
	 appearance: none;
    -moz-appearance: none;
-webkit-appearance: none;
	border-radius: 0;
    	
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




 /* ==========================================================================
   Author's custom styles
   ========================================================================== */
      @font-face {
    font-family: 'FuturaFuturisLightC';
    src: url('../fonts/FuturaFuturisLightC.eot');
    src: url('../fonts/FuturaFuturisLightC.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaFuturisLightC.woff') format('woff'), url('../fonts/FuturaFuturisLightC.woff') format('woff'), url('../fonts/FuturaFuturisLightC.ttf') format('truetype'), url('../fonts/FuturaFuturisLightC.svg#FuturaFuturisLightC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
      @font-face {
    font-family: 'FuturaFuturisBlackC';
    src: url('../fonts/FuturaFuturisBlackC.eot');
    src: url('../fonts/FuturaFuturisC.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaFuturisBlackC.woff') format('woff'), url('../fonts/FuturaFuturisBlackC.woff') format('woff'), url('../fonts/FuturaFuturisBlackC.ttf') format('truetype'), url('../fonts/FuturaFuturisBlackC.svg#FuturaFuturisC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
      @font-face {
    font-family: 'FuturaFuturisC';
    src: url('../fonts/FuturaFuturisC.eot');
    src: url('../fonts/FuturaFuturisC.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaFuturisC.woff') format('woff'), url('../fonts/FuturaFuturisC.woff') format('woff'), url('../fonts/FuturaFuturisC.ttf') format('truetype'), url('../fonts/FuturaFuturisC.svg#FuturaFuturisC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
   @font-face {
    font-family: 'MAK bold';
    src: url('../fonts/MAK-bold.eot');
    src: url('../fonts/MAK-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/MAK-bold.woff') format('woff'), url('../fonts/MAK-Bold.woff') format('woff'), url('../fonts/MAK-Bold.ttf') format('truetype'), url('../fonts/MAK-Bold.svg#MAK-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
   @font-face {
    font-family: 'MAK';
    src: url('../fonts/MAK.eot');
    src: url('../fonts/MAK.eot?#iefix') format('embedded-opentype'), url('../fonts/MAK.woff') format('woff'), url('../fonts/MAK.woff') format('woff'), url('../fonts/MAK.ttf') format('truetype'), url('../fonts/MAK.svg#MAK-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brown Bold';
    src: url('../fonts/Brown-Bold.eot');
    src: url('../fonts/Brown-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Brown-Bold.woff2') format('woff2'),
        url('../fonts/Brown-Bold.woff') format('woff'),
        url('../fonts/Brown-Bold.ttf') format('truetype'),
        url('../fonts/Brown-Bold.svg#Brown-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brown';
    src: url('../fonts/Brown-Regular.eot');
    src: url('../fonts/Brown-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Brown-Regular.woff2') format('woff2'),
        url('../fonts/Brown-Regular.woff') format('woff'),
        url('../fonts/Brown-Regular.ttf') format('truetype'),
        url('../fonts/Brown-Regular.svg#Brown-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Austin Roman';
    src: url('../fonts/Austin-Roman.eot');
    src: url('../fonts/Austin-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Austin-Roman.woff2') format('woff2'),
        url('../fonts/Austin-Roman.woff') format('woff'),
        url('../fonts/Austin-Roman.ttf') format('truetype'),
        url('../fonts/Austin-Roman.svg#Austin-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Austin Roman Italic';
    src: url('../fonts/Austin-Italic.eot');
    src: url('../fonts/Austin-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Austin-Italic.woff2') format('woff2'),
        url('../fonts/Austin-Italic.woff') format('woff'),
        url('../fonts/Austin-Italic.ttf') format('truetype'),
        url('../fonts/Austin-Italic.svg#Austin-Italic') format('svg');
    font-weight: normal;
    font-display: swap;
}

.animated{
		-webkit-transition: 1.2s ease-in-out;
    -moz-transition: 1.2s ease-in-out;
    -o-transition: 1.2s ease-in-out;
    transition: 1.2s ease-in-out;
}


.nav{
	position: absolute;
	width: 100%;
	display: flex;
	left: 50%;
	justify-content: space-between;
	flex-wrap: wrap;
	top: 0;
	
	padding-top: 30px;
	transform: translate(-50%, 0);
	z-index: 100;
}

.left_nav, .right_nav{
	width: 35%;
	max-width: none;
	display: flex;
}

.left_nav{
	justify-content: flex-end;
}

.left_nav .menu_btn{
	margin-right: 10%;
}

.right_nav .menu_btn{
	margin-left: 10%;
}

.right_nav{
	justify-content: flex-start;
}

.main_logo, .fixed_logo{
	width: 30%;
	
}

.main_logo a{
	width: 100%;
	max-width: 275px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.fixed_logo a{
	width: 100%;
	max-width: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.fixed_nav{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	

}


.expands{
	padding-bottom: 100px !important;
}

.foot_btn:hover{
	opacity: .4;
}

.upnav{
	margin-top: -150px !important;
}

.noups{
	margin-top: 0 !important;
}

.inner_mens{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1300px;
	width: 85%;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}


.menu_btn{
	display: inline-block;
	position: relative;
	
}

.men_vm_btn{
	font-family: 'FuturaFuturisC' ;
	color: #111;
	border-bottom: 1.5px solid #111;
	display: table;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 16px;
	padding-bottom: 5px;
	margin-left: auto;
	letter-spacing: 2px;
	margin-right: auto;
	cursor: pointer;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;

}

.text-section{
	font-size: 20px;
	line-height: 34px;
    font-family: 'Austin Roman';
	color: #111;
	text-align: left;
	padding-bottom: 120px;;
}

.text-section h5{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
	margin-top: 0;
	font-family: 'Brown' ;
	font-weight: normal;
	
}

.text-section h4{
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
	margin-top: 40px;
	
}

.text-section ul{
	padding-left: 15px;
}

.text-section a{
	text-decoration: underline;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

.text-section a:hover{
	color: #B67942;
}

.text-section h1{
	margin-top: 10px;
	text-transform: uppercase;
	margin-bottom: 60px;
	font-family: 'Brown' ;
	font-weight: normal;
	width: 100%;
	font-size: 28px;
	text-align: center;
	letter-spacing: 4px;

	
}


.text-section h2{
	margin-top: 10px;
	text-transform: uppercase;
	margin-bottom: 60px;
	font-family: 'Brown' ;
	font-weight: normal;
	width: 100%;
	font-size: 28px;
	text-align: center;
	letter-spacing: 4px;

	
}
.img_blocks{
	width: 49% !important;
	margin-bottom: 2%;
}

.img_blocks::after{
	content: '';
	display: block;
	padding-bottom: 60%;
}

.men_vm_btn:hover{
	opacity: .3;
}



.drop_down{
	position: absolute;
	padding-top: 15px;
	max-height: 0;
	min-width: 200px;
	overflow: hidden;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
	opacity: 0;
	pointer-events: none;
	
	
}

.menu_btn:hover > .drop_down{
	opacity: 1;
	max-height:65px; 
	pointer-events: all;
}

.menu_btn:hover > .m_btn{
border-bottom: 1.5px solid #111;

}

.white_nav .menu_btn:hover > .m_btn{
border-bottom: 1.5px solid white !important;

}

.drop_down a, .link_btn{
	font-size: 11px;
	color: #111;
	cursor: pointer;
    font-family: 'Brown';
	letter-spacing: 1.5px;
	text-transform: uppercase;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	border: none !important;
	display: block;
	margin-bottom: 5px;
}

.white_nav .drop_down a, .white_nav .link_btn{
	color: white !important
}
.drop_down a:hover, .link_btn:hover{
	opacity: .4;
}

.white_nav .m_btn{
	color: white !important;
}


.m_btn {
	color: #FFF;
	padding-bottom: 3px;
    font-family: 'FuturaFuturisC';
	letter-spacing: 1.5px;
	font-size: 14px;
	border-bottom: 1.5px solid transparent;
	text-transform: uppercase;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.men_vm_btn{
	margin-top: 40px;
	margin-bottom: 50px;
}
.actives{
	 font-family: 'Brown Bold' !important;
     border-bottom: 1.5px solid #111 !important;
}

.gallery_menu .actives{
	font-size: 21px !important;
	font-family: 'Brown Bold' !important;
     border-bottom: 1.5px solid #B67942 !important;
}


.hero-video {
width: 100vw;
	height: 100vh;
}
.hero-video video {
object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}



.dining_grid img{
	width: 50%;
	
}


.amens{
	display: block;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1.5px solid #111;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #111;
             font-family: 'FuturaFuturisC';
	letter-spacing: 1.5px;
line-height: 45px;
	font-size: 20px;
}

.expander_m .map_links{
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	cursor: pointer;
	
}

.expander_m .map_links:hover{
	color: #B67942;
}
.opennz .map_links{
	color: #B67942 !important;
}
.amens strong{
	font-size: 28px;
	text-transform: none;
	letter-spacing: 0;
	color: #B67942;
    font-family: 'Austin Roman Italic';
	font-weight: normal;
	display: block;
}

.din_logo img{
	margin-bottom: 0px;
	width: 180px;
	margin-left: auto;
	margin-right: auto;
}
.din_logo{
	margin-bottom: 40px;
	
}


.section{
	position: relative;
	z-index: 10;
	
}


.hero{
	height: 100vh;
	width: 100%;
	overflow: hidden;
	z-index: 9;
		
	
}

.hero .inside_img{
	-webkit-transition: 5s ease-in-out;
    -moz-transition: 5s ease-in-out;
    -o-transition: 5s ease-in-out;
    transition: 5s ease-in-out;
}



.whites{
	background: white;
}

.tans{
	background: #CFA16A;
	opacity: 10;
}

.oranges{
	background: #F2ECE4;
}

.burnts{
	background: #B67942;
}

.greens{
	background: #50746F;
}
.texts{
	max-width: 1060px;
}

.p_texts a{
	text-decoration: underline;
		-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.p_texts a:hover{
	opacity: .4;
}
.quotes{
	max-width: 980px;
quotes: "\201C""\201D""\2018""\2019";
}

.main_quote:before { 
    content: open-quote;
    font-size:142px;
	 display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 60px;
} 
.main_quote:after { 
    font-size:142px;
	content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 65px;
  
}

.start_quote, .end_quote{
	position: absolute;
	font-size: 142px;
	display: none;
}


.main_quote{
	position: relative;
}


.quoter{
	    font-family: 'Brown Bold';
	font-size: 20px;
	line-height: 28px;
	margin-top: 20px;
	letter-spacing: 2px;

}

.quote_sub{
	    font-family: 'Brown';
}

.map_links{
	    font-family: 'Brown Bold';
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 5px;
	text-transform: uppercase;

}

.tans .quotes{
	color: #fff;
}

.whites .quotes{
	color: #50746F;
}

.greens .quotes{
	color: white;
}

.burnts .quotes{
	color: white;
}

.oranges .quotes{
	color: #B67942;
}
.quotes{
	font-size: 32px;
	line-height: 48px;
	position: relative;
	text-align: center;
	    text-transform: uppercase;
}

.team_block{
	display: flex;
	margin-bottom: 10%;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}

.team_text{
	width: 100%;
}
.team_img{
	width: 46%;
}

.team_img .inside_img::after{
	content: '';
	display: block;
	padding-bottom: 100%;
}

.padding-top-double{
	padding-top: 120px;
}

.padding-top-tripes{
	padding-top: 170px;
}

.padding-top{
	padding-top: 60px;
}

.padding-bottom{
	padding-bottom: 60px;
}

.padding{
	padding-top: 80px;
	padding-bottom: 80px;
}

.padding2{
	padding-top: 30px;
	padding-bottom: 30px;
}

.texts{
	text-align: center;
           font-family: 'FuturaFuturisC';
	font-size: 22px;
	line-height: 43px;
	letter-spacing: 4px;
}

.div_2{
	width: 100%;
	height: 1.5px;
	background: #B67942;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.more_info{
	letter-spacing: 2px;
	font-size: 14px;
	line-height: 22px;
	margin-top: 60px;
	font-family: 'Brown';
	text-transform: uppercase;
}

.side_img{
	width: 53%;
}
.team_text strong{
	font-family: 'Brown';
	font-size: 30px;
	text-transform: uppercase;
	line-height: 38px;
	letter-spacing: 3px;
	font-weight: normal;
}
.team_text span{
	display: block;
	font-size: 26px;
	line-height: 32px;
	margin-top: 10px;
	    font-family: 'Austin Roman Italic';

}

.sub_btn_map{
	font-size: 16px;
	font-family: 'Brown';
	line-height: 22px;
	letter-spacing: 2px;
	color: #666;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	
}

.map_holder{
	margin-bottom: 15px;
}

.map_holder:hover > .sub_btn_map, .map_holder:hover > .infos{
	color: #B67942;
}

.opaque .sub_btn_map, .opaque .infos{
	color: #B67942 !important;

}

.map_links:hover > .plus-minus .plus{
	background: #B67942 !important;
}

.map_links:hover > .plus-minus .minus{
	background: #B67942 !important;
}

.opennz .plus-minus .minus{
	background: #B67942 !important;
}

.opennz .plus-minus .plus{
	background: #B67942 !important;
}

.infos{
	font-size: 16px;
	line-height: 22px;
	color: #111;
	letter-spacing: 2px;
	font-family: 'Brown Bold';
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.info_line{
	display: inline-block;
	margin-right: 10px;
}

.driving img{
	display: inline-block;
	width: 30px;
	vertical-align: middle;
}

.walking img{
	display: inline-block;
	width: 30px;
	vertical-align: middle;
}

.d_icon{
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.overs{
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.map_holder:hover > .infos .d_icon .overs{
	opacity: 1;
}

.opaque .infos .d_icon .overs{
		opacity: 1 !important;

}

.press_title{
	font-family: 'Brown';
	margin-top: 20px;
	font-size: 13px;
	line-height: 18px;
	text-transform: uppercase;
	margin-bottom: 30px;
	color: #111;
	letter-spacing: 2px;
}

.press_title strong{
	font-weight: normal;
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}

.press_block{
	padding-bottom: 40px;
	width: 46%;
	border-bottom: 1.5px solid #111;
	margin-bottom: 8%;
	text-align: center;
	font-family: 'Austin Roman Italic';
	font-size: 24px;
	line-height: 30px;
	color: #B67942;
}

.texts3{
	text-align: center;
	font-family: 'Austin Roman Italic';
	font-size: 24px;
	line-height: 30px;
	color: #B67942;
}
.team_text{
	text-align: left;
    font-family: 'Austin Roman';
	font-size: 24px;
	line-height: 30px;
	
}
.side_texts{
	width: 42%;
	text-align: left;
    font-family: 'Austin Roman';
	font-size: 24px;
	line-height: 30px;
}

.inner_texts{
		max-width: 580px;

}

.fp_block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: 'Brown';
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 80px;
}

.fp_block .gal_img{
	width: 52%;
	margin-bottom: 0 !important;
}

.fp_block .gal_img .inside_img::after{
	padding-bottom: 60%;
}
.fp_texts{
	width: 35%;
	padding-top: 20px;

	position: relative;
}

.divide_horz{
	width: 1.5px;
	background: #50746F;
	height: 100%;
}

.other{
	margin-top: 35px;
	margin-bottom: 35px;
	font-size: 14px;
	font-family: 'Brown';
	letter-spacing: 2px;
}

.fp_btn{
    display: table;
	padding: 10px 12px 5px;
	background: white;
	color: #50746F;
	border: 1px solid #50746F;
	text-align: center;
	font-family: 'Brown';
	font-size: 16px;
	letter-spacing: 2px;
    position: absolute;	
	cursor: pointer;
	text-transform: uppercase;
	bottom: 20px;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.fp_btn:hover{
	background: #50746F;
	color: white;
}

.fp_block strong{
    font-family: 'Brown Bold';
	font-weight: normal;
	font-size: 23px;
	display: block;
	margin-bottom: 10px;

}

.border-bot{
	display: table !important;
	width: auto !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px !important;
	padding-bottom: 10px;
	border-bottom: 1.5px solid #B67942;
}

.pricing{
		margin-top: 50px;

}

.pricing, .only{
	font-size: 14px;
}

.only{
	color: #50746F;
	margin-top: 5px;
}

.side_texts strong{
	font-family: 'Brown';
	font-size: 60px;
	text-transform: uppercase;
	line-height: 76px;
	letter-spacing: 4px;
	font-weight: normal;
}

.borders{
	border-top: 1.5px solid #B67942;
	border-bottom: 1.5px solid #B67942;
}

.sub-page-title{
	font-size: 20px;
	color: #B0A290;
	padding-top: 110px;
	line-height: 22px;
	border-bottom: 1.5px solid #B0A290;
	display: table;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 2px;
	font-family: 'Brown';
}
.expander{
	margin-bottom: 10px;
}
.divider{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	height: 1px;
	background: #111;
}

.whites .map_links, .tans .map_links{
	color: #111;
}

.whites .view_btn, .tans .view_btn{
	background: #111;
	color: white;
}

.whites .view_btn:hover, .tans .view_btn:hover{

	background: #B0A290;
}

.burnts .map_links{
	color: white;
	
}

.burnts .view_btn{
	background: white;
	color: #111;
}

.burnts .view_btn:hover{
    color: white;
	background: #111;
}




.view_btn{
	display: table;
	padding: 10px 12px 5px;
	text-align: center;
	font-family: 'Brown';
	font-size: 16px;
	margin-top: 30px;
	letter-spacing: 2px;
	cursor: pointer;
	margin-left: 0;
	text-transform: uppercase;
	margin-right: auto;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}



.lm_btn{
	display: table;
	padding: 10px 12px 5px;
	background: #B0A290;
	color: white;
	text-align: center;
	font-family: 'Brown';
	font-size: 16px;
	letter-spacing: 2px;
	margin-top: 30px;
	cursor: pointer;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.lm_btn:hover{
	background: #111;
}

.texts2{
	text-align: center;
    font-family: 'Austin Roman';
	font-size: 20px;
	line-height: 37px;
}

.map{
	height: 100vh;
	width: 100%;
	max-height: 850px;

}

#fullmap{
	height: 100%;
	width: 100%;
}


.four_block{
	width: 46%;
	margin-top: 40px;
	margin-bottom: 40px;
}

.img{
	margin-top: 60px;
}

.fullimg{
	position: relative;
	width: 100%;
}

.controls{
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.arrows{
	cursor: pointer;
	position: absolute;
	width: 33px;
}

.arrows:hover > .overs{
	opacity: 1;
}
.arrows .overs{
	position: absolute;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	opacity: 0;
}

.slider-counter{
	position: absolute;
	right: 5%;
	bottom: 20px;
	font-family: 'Brown';
	font-size: 20px;
	color: #B0A290;
	z-index: 50;
}

.caption{
	margin-top: 30px;
	font-family: 'Brown';
	font-size: 16px;
	line-height: 32px;
	color: #B0A290;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.caption strong, .caption2 strong{
	font-size: inherit !important;
    font-family: 'Brown Bold' !important;
}

		
.hamburger{
	width: 30px;
	position: absolute;
	right: 2.5%;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 1350;
	
}


/* Icon 1 */

.nav-icon {
  width: 30px;
  height: 24px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.white_nav .nav-icon span {
	background: white !important;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #111;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

.nav-icon span:nth-child(1) {
  top: 0px;
}

.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {
  top: 10px;
}

.nav-icon span:nth-child(4) {
  top: 20px;
	

}
.nav-icon.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
		opacity: 0;

}

.nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
background: #111;
	top: 10px;
	

}



.nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
	background: #111;
	top: 10px;
	
}

.nav-icon.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%;
		opacity: 0;

}	


.caption2{
	margin-top: 30px;
	font-family: 'Brown';
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 32px;
	color: #111;
	text-transform: uppercase;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.caption2 strong{
	display: inline;
	font-family: 'Brown Bold' ;
	font-weight: normal;
}

.divies{
	height: 1px;
	width: 405px;
	margin-left: auto;
	margin-right: auto;
	background: #B67942;
	margin-top: 10px;
	margin-bottom: 30px;
}

.left_arrow{
	left: 0;
}

.right_arrow{
	right: 0;
}

.right_arrow img{
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
}

.grids, .devices, .dining_grid, .four_grids, .side-by-side, .gallery{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.gallery{
	padding-top: 210px;
}

.gal_img{
	width: 32%;
	margin-bottom: 2%;
}

.gal_img .inside_img::after{
	content: '';
	display: block;
	padding-bottom: 70%;
}
.dining_grid{
	margin-bottom: 60px;
}
.devices{
	align-items: center;
}

.dev1{
	width: 65%;
}

.dev2, .dev3{
	width: 17%;
	margin-top: -10%;
	position: relative;
}

.dev2 img, .dev3 img{
	position: relative;
}

.sbs_item{
	width: 32%;
	text-align: center;
	font-family: 'FuturaFuturisLightC';
	font-weight: normal;
	font-size: 18px;
	overflow: hidden;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #111;
	cursor: pointer;
}

.grid_item{
	width: 24%;
	text-align: center;
	font-family: 'FuturaFuturisC';
	font-weight: normal;
	font-size: 18px;
	overflow: hidden;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #111;
	cursor: pointer;
}

.grids strong{
	font-weight: normal;

}

 .grid_img{
	height: 100vh !important;
	max-height: 550px;
	overflow: hidden;
	margin-bottom: 30px;

}

.grids .inside_img{
	-webkit-transition: 1.2s ease-in-out;
    -moz-transition: 1.2s ease-in-out;
    -o-transition: 1.2s ease-in-out;
    transition: 1.2s ease-in-out;
}

.grid_item:hover > .grid_img .inside_img, .sbs_item:hover > .grid_img .inside_img{
	  transform: scale(1.1); /* Equal to scaleX(0.7) scaleY(0.7) */

}

.widths{
            max-width: 1160px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
.mapwidths{
        
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

p .MsoNormal{
	font-family: 'FuturaFuturisC' !important;
}
.widths3{
	width: 82%;
	margin-left: auto;
	margin-right: auto;
	    text-align: center;
	
}

.widths2{
	width: 92%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.widths4{
	width: 86%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.main_header{
	font-family: 'Brown';
	position: absolute;
	left: 50%;
	color: white;
	bottom: 160px;
	z-index: 10;
	letter-spacing: 2px;
	transform: translate(-50%, 0%);
	text-transform: uppercase;
	text-align: center;

}

.main_header h1{
    font-family: 'Austin Roman Italic';
	font-size: 40px;
	line-height: 46px;
	display: block;
	color: white;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 30px;
}


.main_header span{
    font-family: 'Brown';
	font-size: 20px;
	letter-spacing: 2px;
	display: block;
	line-height: 26px;
}

.texts strong{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
           font-family: 'FuturaFuturisC';
	display: block;
	letter-spacing: 4px;
}

.texts h2{
	    font-family: 'FuturaFuturisC';
	text-transform: uppercase;
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 40px;
	line-height: 60px;
}

.subz{
	  font-family: 'FuturaFuturisC';
	text-transform: uppercase;
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 40px;
	line-height: 60px;
}

.down_arrow{
	position: absolute;
	left: 50%;
	bottom: 60px;
	cursor: pointer;
	transform: translate(-50%, 0);
	width: 50px;
}

.section h3{
	font-weight: normal;
	width: 100%;
	text-align: center;
	margin-top: 0;
	margin-bottom: 60px;
	font-family: 'FuturaFuturisLightC';
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 6px;
}


.whites h3, .tans h3{
	color: #111;
}

.burnts h3{
	color: white;
}

.video{
	position: relative;
}

.play{
	position: absolute;
	left: 50%;
	top: 50%;
	pointer-events: none;
	transform: translate(-50%, -50%);
	width: 110px;
	z-index: 100;
}

#videos{
	cursor: pointer;
}


.patterns{
	background: url('../images/pattern.png') no-repeat center center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: top center;
	height: 100%;
	width: 100%;
}

/* The container must be positioned relative: */
.custom-select {
	text-align: left;
  position: relative;
  font-family: 'Brown';
	text-transform: uppercase;
  border-bottom: 1px solid #111;
  padding-bottom: 0px;
  font-size: 16px;
  line-height: 28px;	
  letter-spacing: 2px;
	
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: white;
  padding-bottom: 5px !important;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div {
  color: #888;
  padding: 5px 0;
  border-color: transparent;
  border-top: 1px solid white;
  cursor: pointer;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	
	
}

.hiddens{
	opacity: 0;
	position: fixed !important;
	pointer-events: none;
}


.videoz{
	width: 85%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.video-module{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
	-webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;	
}

.close_btn{
	width: 30px;
	cursor: pointer;
	position: absolute;
	right: -30px;
	top: -40px;
	
}

.close_btn img{
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	
}

.close_btn:hover > img{
	  transform: rotate(90deg);

}

.press_title a{
	color: #111;
	  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	
}
.press_title a:hover{
	opacity: .4;
}
.reqsis{
	color: #B67942;
	font-size: 15px;
	text-align: left;
	margin-bottom: 40px;
	font-family: 'Austin Roman Italic';
}


input, textarea{
	 appearance: none;
    -moz-appearance: none;
-webkit-appearance: none;
	border-radius: 0;
	outline: none !important;
    	
}

.small_label{
	top: -15px !important;
	font-size: 11px !important;
}
.subs{
	margin-bottom: 40px;
}

.subs input{
	border: none;
	display: table;
	background: #B0A290;
    font-family: 'Brown';
	padding: 10px 12px 5px;
	font-size: 16px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	
}

.thank_you{
	text-align: center;
	padding-top: 20vh;
    padding-bottom: 35vh;
}

.thank_you h5{
	margin-left: auto;
	margin-right: auto;
	font-weight: normal;
	border-bottom: 1px solid #B67942;
	display: table;
	padding-bottom: 5px;
	font-family: 'Austin Roman Italic';
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 40px;
	color: #111;
	font-size: 50px;

}

.subs input:hover{
	background: #111;
}
.select_header{
	position: absolute;
	pointer-events: none;
	  font-family: 'Brown Bold' ;

}

.yyws label{
	color: #B67942 !important;
}

.yyws.custom-select {
	color: #B67942 !important;
		border-bottom: 1px solid #B67942 !important;

}
.wpcf7-not-valid-tip{
	display: none !important;
}
.yyws .inps{
	border-bottom: 1px solid #B67942 !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	display: none !important;
}

.wpcf7-spinner{
	display: none !important;
}

.plus-minus{
	display: inline-block;
	top: -6px;
	position: relative;
}

.plus, .minus{width: 10px; height: 1.5px; background: #111; position: absolute; 	
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	}

.opennz .plus{
  transform: rotate(0deg) !important;
}

.plus{
  transform: rotate(90deg);
}


.select-selected {
  color: #111;
  padding-top: 30px;

  border: none;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: relative;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 600px;
	  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	
	overflow: hidden;
}

/* Hide the items when the select box is closed: */
.select-hide {
  max-height: 0 !important;
}

.select-items div:hover {
  background-color: #B0A290;
	color: white;
	padding-left: 10px;
}

.same-as-selected {
  background-color: #B0A290;
	color: white !important;
	padding-left: 10px !important;
}


.fulls{
	width: 100%;
}
.inputer{
	position: relative;
	margin-bottom: 10px;
}
.inputer label{
	position: absolute;
	top: 0;
	pointer-events: none;
	z-index: 100;
	color: #111;
	font-family: 'Brown';
	text-transform: uppercase;
	font-size: 16px;
	  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	
}
.inps{
	width: 100%;
	border: none;
	border-bottom: 1px solid #111;
	padding-bottom: 10px;
	font-family: 'Brown';
	text-transform: uppercase;
	font-size: 16px;
}

.delays1{
	transition-delay: .3s;

}

.delays2{
	transition-delay: .6s;

}

.delays3{
	transition-delay: .9s;

}

.delays4{
	transition-delay: 1.2s;

}

.delays5{
	transition-delay: 1.5s;

}

.delays6{
	transition-delay: 1.8s;

}

.delays7{
	transition-delay: 2.1s;

}

.delays8{
	transition-delay: 2.4s;

}

.slide2 .inside_img::after{
	content: '';
	display: block;
	padding-bottom: 50%;
}

.presses{
	overflow: hidden;
	display: block;
}

.presses .inside_img::after{
	content: '';
	display: block;
	padding-bottom: 70%;
}

.presses .inside_img{
	-webkit-transition: 1.2s ease-in-out;
    -moz-transition: 1.2s ease-in-out;
    -o-transition: 1.2s ease-in-out;
    transition: 1.2s ease-in-out;
}

.presses:hover > .inside_img{
	transform: scale(1.1); /* Equal to scaleX(0.7) scaleY(0.7) */

}

.four_block .slide2 .inside_img::after{
	content: '';
	display: block;
	padding-bottom: 100% !important;
}
.car_title{
	width: 90%;
	max-width: 550px;
	margin-top: 40px;
	margin-bottom: 40px;
    font-family: 'Brown';
	color: #111;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	
}
.article_nav{
	border-top: 1.5px solid #B0A290;
	padding-top: 10px;
	font-family: 'Brown';
	font-size: 21px;
	display: flex;
	justify-content: space-between;
	letter-spacing: 2px;
	cursor: pointer;
	text-transform: uppercase;
}

.article_nav a:first-child .arrws{
	margin-right: 10px;

}





.article_nav a:last-child .arrws img{
	 transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
}

.article_nav a:last-child .arrws{
	margin-left: 10px;
}

.article_nav a .arrws{
	width: 38px;
	display: inline-block;
	vertical-align: middle;
	
}


.back-arrw{
	position: absolute;
	left: 0;
	width: 38px;
	display: block;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.back-arrw:hover{
	opacity: .3;
}

.gallery_menu{
position: fixed;
	width: 100%;
	top: 100px;
	background: white;
	border-bottom: 1.5px solid #B67942;
	padding-top: 70px;
	padding-bottom: 30px;
	z-index: 110;
	display: flex;
	justify-content: center;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	
}

.smaller_menu{
	padding-top: 30px !important;
	padding-bottom: 20px !important;
}


.gal_btn{
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 2px;
	color: #B67942;
	margin-left: 2%;
	margin-right:2%;
	border-bottom: 1.5px solid transparent;
	font-family: 'Brown';
	cursor: pointer;
    text-transform: uppercase;
	
}

.gal_btn:hover{
	     border-bottom: 1.5px solid #B67942 !important;

}


footer{
	background: #B0A290;
	font-family: 'Brown';
	color: white;
	position: relative;
	z-index: 10;
}

.footer_pattern{
	position: relative;
	z-index: 10;
}

.inner_footer{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	
}

.foot_btn{
	font-size: 14px;
	display: inline-block;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	text-transform: uppercase;
	margin-right: 4%;
	cursor: pointer;
	letter-spacing: 1.5px;
}

.hide_this{
	opacity: 0;
}

.updiv{
	 -moz-transform: translate3d(0px, -60px, 0px);
  -webkit-transform: translate3d(0px, -60px, 0px);
  -o-transform: translate(0px, -60px);
  -ms-transform: translate(0px, -60px);
  transform: translate3d(0px, -60px, 0px);
	opacity: 0;
}
.downtype{
	margin-top: 80px;
	opacity: 0;
}

.zoomsin{
		  transform: scale(1.1); /* Equal to scaleX(0.7) scaleY(0.7) */

}


.opacity_animation .subject {
  opacity: 0;
  -moz-transform: translate3d(0px, 60px, 0px);
  -webkit-transform: translate3d(0px, 60px, 0px);
  -o-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate3d(0px, 60px, 0px);
}


.opacity_animation.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.opacity_animation2 .subject {
  opacity: 0;

}


.opacity_animation2.in-view .subject {
  opacity: 1;

}

.foot_logo{
	width: 25%;
	max-width: 165px;
}

.foot_logo a{
	display: block;
}

.footer_menu{
	width: 45%;
}

.covers{
	position: fixed;
	width: 100%;
	height: 100%;
	background: white;
	top: 0;
	z-index: 10000;
	pointer-events: none;
}

.em_btn{
	display: inline-block;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.em_btn:hover{
	opacity: .4;
}
.btoom_info{
	    font-family: 'Austin Roman';
	font-size: 16px;
	letter-spacing: 0;
	margin-top: 5px;

}

.foot_info{
	letter-spacing: 1.5px;
	font-size: 14px;
}
.copyrights{
	text-align: right;
	color: #B0A290;
	font-family: 'Brown';
	font-size: 14px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.subss{
	margin-bottom: 30px;
}
.mobile{
	display: none;
}
.exp_p{
	font-family: 'Brown';
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
}
.expanding_content{
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
}

.opennz .expanding_content{
	max-height: 1000px !important;
}
.expander_m .expanding_content{
	margin-left: 15px;
}

.inner_gall{
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1325px) {
	.left_nav .menu_btn{
	margin-right: 6%;
}

.right_nav .menu_btn{
	margin-left: 6%;
}
	
	.foot_btn {
    width: 30%;
	margin-right: 0;	
    display: block;
	}
	
		
	.footer_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	
}
@media screen and (max-width:1125px) {

	.fp_btn{
		position: relative;
		bottom: auto;
		margin-top: 50px;
	}
	
	.fp_texts{
		padding-top: 0;
	}
	
	.hero, .hero-video, .hero-video video{
		max-height: 650px !important;
	}
	
	.grid_item {
    width: 49.5%;
	margin-top: 30px;	
    margin-bottom: 30px;
	}
	
	.grid_img .inside_img{
    background-size: cover;
    background-position: center center !important;
	}
	
	.grid_img{
		max-height: 350px;
	}
	
	main {
    width: 100%;
    overflow-x: hidden;
}
	
.main_logo, .fixed_logo {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}

	.desktop{
		display: none;
	}	
	
.mobile{
	display: initial;
}
	
	.nav{
		width: 100%;
	}
	
	.nav .hamburger{
		top: 30px;
		transform: translate(0, 0);
	}
	
	

	
	
.mob_menu{
	width: 85%;
	position: absolute;
	top: 50%;
     border-top: 2px solid #B67942 !important;
	left: 50%;
	transform: translate(-50%, -50%);
	
}
	
	.drop_down_m{
		position: relative;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
	}
	
	.open_up .drop_down_m{
		max-height: 500px !important;
	}
	
	.open_up .drop_arrows{
		transform: rotate(-135deg)!important;
  -webkit-transform: rotate(-135deg)!important;	
	}
	
	.m_btn:hover{
		opacity: .4;
		border: none !important;
	}
	.menu_btn{
	padding-top: 15px;
		padding-bottom: 15px;
     border-bottom: 2px solid #B67942 !important;
		width: 100%;
	}
	
	.menu_btn2{
		border: none !important;
		padding-top: 10px;
		width: 100%;
		padding-bottom: 0px;
	}
	
	.menu_btn2:first-child{
		margin-top: 20px;
	}
	
	.menu_btn2 .m_btn{
	font-size: 13px;
	letter-spacing: 1px;	
	}
.m_btn{
	font-size: 18px;
		border: none !important;
}
	.drop_down_m a{
		display: block;
		text-transform: uppercase;
	font-family: 'Brown';
		font-size: 13px;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	.inn_m{
		padding-top: 20px;
		padding-bottom: 0px;
	}
.upmenu{
	top: -100% !important;
}
	
	.d_arrow{
    position: absolute;
    right: -15px;
    top: 0px;
    cursor: pointer;
    padding: 15px;
	}
	.drop_arrows{
  border: solid #B67942;

  cursor: pointer;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
transform: rotate(45deg);
  -webkit-transform: rotate(45deg);	
		-webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	}	
.mobile_menu{
	position: fixed;
	z-index: 199;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
	
	.expands{
	padding-bottom: 30px !important;
}

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

	
	.fp_block .gal_img{
		width: 100%;
		margin-bottom: 40px;
	}
	
	.pricing{
		margin-top: 40px;
	}
	.divide_horz{
		display: none;
	}
	
	.fp_texts {
    width: 100%;
	margin-top: 40px;	
	}
	
	.fp_btn{
		position: relative;
		bottom: auto;
		margin-top: 40px;
	}
	
	.hero, .hero-video, .hero-video video{
		max-height: 650px !important;
	}
	
		.expands{
	padding-bottom: 12px !important;
}
	
	.fixed_nav {
    padding-top: 12px;
	padding-bottom: 12px;
	}

.foot_logo a {
    display: block;
    max-width: 195px;
    margin-left: auto;
    margin-right: auto;
}
	
	.footer_menu {
    width: 100%;
    text-align: center;
	margin-top: 40px;
		margin-bottom: 30px;
	}
	
	.copyrights {
    text-align: center;
	}
	
	.inner_texts{
		text-align: center;
	}
	
	.view_btn{
		margin-left: auto !important;
		margin-right: auto;
		margin-bottom: 40px;
	}
	
	.section h3{
		font-size: 24px;
		line-height: 32px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		margin-bottom: 30px;
		letter-spacing: 3px;
	}
	
	.select_header {
    position: relative;
	}
	
	.select-selected{
		padding-top: 10px;
	}
	
	.caption{
		line-height: 22px;
	}
	.four_block {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}
	.four_block:last-child{
		margin-bottom: 0 !important;
	}
	.texts2, .team_text{
		font-size: 22px;
    line-height: 30px;
	}
	
	.foot_logo {
	margin-top: 20px;
    width: 100%;
	max-width: none;
    /* max-width: 165px; */
}
	
	.foot_btn {
    width: 100%;
    margin-bottom: 10px;
    display: block;
    font-size: 15px;
	}
	
	.foot_info{
	width: 100%;
	margin-bottom: 20px;
	
    text-align: center;
	}
	
	.side_img{
		margin-bottom: 30px;
	}
	
.side_img, .side_texts {
    width: 100%;
}
	
	.map {
   
    max-height: 450px;
}
	
	.quotes {
    font-size: 30px;
	text-align: center;
    line-height: 42px;
	}
	
	.quoter{
		font-size: 16px;
		letter-spacing: 1px;
	}
	.main_quote:after {
    font-size: 122px;
	    top: 55px;
	
	}
	
	
	
	.main_quote:before{
    left: 0px;
    font-size: 122px;
    margin-right: 10px;
    position: relative;
    top: 55px;
	}
	
	.divies{
		margin-bottom: 0
	}
	
	.padding-top-tripes {
    padding-top: 120px;

	}
	.team_text span{
		font-size: 26px;
	}
	.team_text strong{
	    font-size: 22px;

    line-height: 30px;
    letter-spacing: 2px;
	}
	
	.expander_m .expanding_content {
    margin-left: 0;
}
	
	.hamburger{
		right: 5%
	}
	
	.widths, .widths2, .widths3, .widths4{
		width: 90%;
	}
	.team_img{
		margin-bottom: 30px;
	}
	.team_img, .team_text {
    width: 100%;
}
	
	.padding{
    padding-top: 40px;
    padding-bottom: 40px;

	}
	
	.m_actives{
		margin-top: 0 !important;
  box-shadow:none !important;
	}
	
	.padding-top {
    padding-top: 40px;
}
	
	.padding-bottom {
    padding-bottom: 40px;
}
	.press_block{
		width: 100%;
		margin-bottom: 60px;
	}
	
	.lm_btn, .view_btn, .subs input, .fp_btn{
		    padding: 20px 52px 15px;

	}
	
	.gal_img {
    width: 48%;
	margin-bottom: 4%;	
}
	
	.gallery_menu::-webkit-scrollbar, .inner_gall::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.gallery_menu, .inner_gall {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
	
	.gallery {
    padding-top: 90px;
}
	
	.gallery_menu{
		    top: 30px;
    padding-top: 65px;
    padding-bottom: 40px;
	}
	
	.smaller_menu{
		 padding-top: 65px !important;
    padding-bottom: 40px !important;
	}
	
	.inner_gall {
        width: 160%;
    /* max-width: 1000px; */
    padding-right: 15%;
    display: flex;
    position: absolute;
    left: 0;
    padding-left: 5%;
}
	
	.gal_btn{
		margin-right: 4%;
		margin-left: 0;
	}
	
	.gal_btn, .gallery_menu .actives{
		font-size: 18px !important;
	}
	.gallery_menu{
		
		overflow: scroll;
    padding-left: 60px;
	}
	
	.bb_btn{
		width: 280px;
	}
	
	.texts h2, .side_texts strong{
		    font-size: 36px;
    line-height: 42px;
	}
	
	.texts strong {
    font-size: 20px;
	}
	
	.arrows{
		width: 20px;
	}
	
	.controls{
		top: 45% !important;
	}
	
	.blox{
		margin-top: 40px !important;
	}
	
}

@media screen and (max-width:525px) {
	
	.main_header h1{
		min-width: 380px;
	}
	
	.main_quote:after {
    font-size: 112px;
	
	}
	
	.main_quote:before{
    font-size: 112px;
   
	}
	
	
	
	
	.img {
    margin-top: 40px;
}
	
	.gal_img {
    width: 100%;
}
.grid_item, .sbs_item {
    width: 100%;
	margin-top: 0;
    margin-bottom: 40px;
	}
	
	
	.grid_item:last-child, .sbs_item:last-child{
		margin-bottom: 10px !important;
		
	}

	.grid_img{
		max-height: 420px;
		    margin-bottom: 20px;

	}
	
	
	.slide2 .inside_img::after {
    content: '';
    display: block;
    padding-bottom: 60%;
}
	
	.press_block{
		margin-bottom: 40px !important;
	}
	.press_block:last-child{
		margin-bottom: 0 !important;
	}
	
}
 /* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

 
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

 
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}