@charset "utf-8";

/* CSS Document */



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



[Table of Contents]



1. Fonts

2. Body and some general stuff

3. Header

4. Menu

5. Home

6. Contact

7. Footer





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



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

1. Fonts

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



@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');



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

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: 'Roboto', sans-serif;

	font-size: 14px;

	font-weight: 400;

	background: #FFFFFF;

	color: #a5a5a5;

}

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: 'Roboto', sans-serif;

	font-size: 15px;

	line-height: 2;

	font-weight: 500;

	color: #6d6d6d;

	-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

{

	display: inline;

	position: relative;

	color: inherit;

	border-bottom: solid 1px #ffa07f;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

p:last-of-type

{

	margin-bottom: 0;

}

a

{

	-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, a:hover, a:visited, a:active, a:link

{

	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:active

{

	position: relative;

	color: #FF6347;

}

p a:hover

{

	color: #FFFFFF;

	background: #ffa07f;

}

p a:hover::after

{

	opacity: 0.2;

}

::selection

{

	background: rgba(255,163,123,1);

	color: #ffffff;

}

p::selection

{

	

}

h1{font-size: 48px;}

h2{font-size: 36px;}

h3{font-size: 24px;}

h4{font-size: 18px;}

h5{font-size: 14px;}

h1, h2, h3, h4, h5, h6

{

	font-family: 'Roboto', 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: #393939;

	font-weight: 600;

}

h1::selection, 

h2::selection, 

h3::selection, 

h4::selection, 

h5::selection, 

h6::selection

{

	

}

img

{

	max-width: 100%;

}

button:active

{

	outline: none;

}

.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;

}

.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: 99%;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

}

.nopadding

{

	padding: 0px !important;

}

.owl-carousel,

.owl-carousel .owl-stage-outer,

.owl-carousel .owl-stage,

.owl-carousel .owl-item

{

	height: 100%;

}







.slide

{

	height: 100%;

}

.container_custom .container

{

	padding-left: 0;

	padding-right: 0;

	max-width: 100%;

}

.container_custom .container .row

{

	margin-left: 0;

	margin-right: 0;

}

.container_custom .container .row > div[class^='col']

{

	padding-left: 0;

	padding-right: 0;

}

.button

{

	height: 54px;

	background: #ffa37b;

	text-align: center;

	-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:hover

{

	box-shadow: 0px 10px 23px rgba(0,0,0,0.15);

}

.button a

{

	display: block;

	height: 100%;

	line-height: 54px;

	font-size: 14px;

	font-weight: 600;

	color: #ffffff;

}



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

3. Header

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



.header

{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	background: transparent;

	z-index: 100;

}

.header::before

{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 0%;

	background: rgba(0,0,0,0.7);

	content: '';

	-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::before

{

	height: 100%;

}

.header_content

{

	width: 100%;

	height: 128px;

	padding-left: 62px;

	padding-right: 62px;

	-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: 90px;

}

.logo

{

	width: 160px;

	height: 104px;

	border: solid 2px #ffffff;

	text-align: center;

}

.logo a

{

	display: block;

	font-size: 24px;

	font-weight: 600;

	color: #ffffff;

	line-height: 37px;

}

.main_nav ul li:not(:last-of-type)

{

	margin-right: 49px;

}

.main_nav ul li a

{

	font-size: 16px;

	font-weight: 500;

	color: #ffffff;

}

.main_nav ul li a:hover,

.main_nav ul li.active a

{

	color: #ffa37b;

}

.book_button

{

	width: 152px;

	height: 54px;

	background: #006600;

	margin-left: 45px;

	text-align: center;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.book_button:hover

{

	background: rgba(255,255,255,0.2);

}

.book_button:hover a

{

	color: #ffa37b;

}

.book_button a

{

	display: block;

	width: 100%;

	height: 100%;

	line-height: 54px;

	font-size: 14px;

	font-weight: 500;

	color: #ffffff;

}

.header_phone {

    width: 190px;

    height: 54px;

    background: #006600;

    margin-left: 14px;

}

.header_phone a {

	text-decoration: none;

	color: #fff;

}

.header_phone span

{

	font-size: 16px;

	font-weight: 500;

	color: #ffffff;

	margin-left: 9px;

}

.header_phone span::selection

{

	background: #ffffff;

	color: #ffa37b;

}

.hamburger

{

	display: none;

	margin-left: 25px;

	cursor: pointer;

}

.hamburger i

{

	font-size: 24px;

	color: #ffffff;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.hamburger:hover i

{

	color: #ffa37b;

}



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

4. Menu

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



.menu

{

	position: fixed;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	z-index: 101;

	background: rgba(255,255,255,0.93);

	visibility: hidden;

	opacity: 0;

}

.menu.active

{

	visibility: visible;

	opacity: 1;

}

.menu_content

{

	padding-right: 30px;

	padding-top: 170px;

}

.menu_close

{

	position: absolute;

	top: 50px;

	right: 30px;

	cursor: pointer;

	z-index: 1;

}

.menu_close i

{

	font-size: 24px;

	color: #121212;

}

.menu_close:hover i

{

	color: #ffa37b;

}

.menu_nav ul li:not(:last-of-type)

{

	margin-bottom: 5px;

}

.menu_nav ul li a

{

	font-weight: 700;

	font-size: 36px;

	color: #121212;

	line-height: 1.2;

}

.menu_nav ul li a:hover

{

	color: #ffa37b;

}

.menu_nav ul li a span

{

	color: #690772;

}

.menu_extra

{

	position: absolute;

	right: 30px;

	bottom: 30px;

}

.menu_book

{

	display: none;

	margin-top: 50px;

}

.menu_book a

{

	display: inline-block;

	position: relative;

	font-size: 14px;

	font-weight: 500;

	color: rgba(0,0,0,0.5);

}

.menu_book a::after

{

	display: block;

	position: absolute;

	bottom: 1px;

	left: 0;

	width: 100%;

	height: 1px;

	background: rgba(0,0,0,0.62);

	content: '';

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.menu_book a:hover

{

	color: #ffa37b;

}

.menu_book a:hover::after

{

	background: #ffa37b;

}

.menu_phone

{

	margin-top: 10px;

}

.menu_phone span

{

	font-size: 16px;

	font-weight: 500;

	color: rgba(0,0,0,0.5);

	margin-left: 9px;

}



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

5. Home

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



.home

{

	width: 100%;

	height: 300px;

	background: #0f0e24;

}

.home .background_image

{

	opacity: 0.80;

}

.home_container

{

	position: absolute;

	top: 60.3%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 0;

	width: 100%;

}

.home_content

{



}

.home_title

{

	font-size: 60px;

	font-weight: 600;

	color: #ffffff;

	line-height: 1.2;

}

.booking_form_container

{

	width: 100%;

	margin-top: 34px;

	padding-left: 78px;

	padding-right: 88px;

}

.booking_form

{

	display: block;

	width: 100%;

}

.booking_input

{

	width: 100%;

	height: 54px;

	background: rgba(255,255,255,0.2);

	border: solid 2px #ffffff;

	padding-left: 27px;

	font-size: 14px;

	font-weight: 500;

	color: #ffffff;

	outline: none;

}

.booking_input_container

{

	width: 100%;

}

.booking_input_container > div

{

	padding-right: 10px;

}

.booking_input_container > div:first-child,

.booking_input_container > div:nth-child(2)

{

	width: 32.60869565217391%;

}

.booking_input_container > div:nth-child(3),

.booking_input_container > div:nth-child(4)

{

	width: 17.39130434782609%;

}

.booking_input_a

{

	

}

.booking_input_b

{

	-webkit-appearance: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-o-appearance: none;

	appearance: none;

}

input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button

{ 

	-webkit-appearance: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-o-appearance: none;

	appearance: none;

}

.booking_input::-webkit-input-placeholder

{

	font-size: 14px !important;

	font-weight: 500 !important;

	color: #FFFFFF !important;

}

.booking_input:-moz-placeholder

{

	font-size: 14px !important;

	font-weight: 500 !important;

	color: #FFFFFF !important;

}

.booking_input::-moz-placeholder

{

	font-size: 14px !important;

	font-weight: 500 !important;

	color: #FFFFFF !important;

} 

.booking_input:-ms-input-placeholder

{ 

	font-size: 14px !important;

	font-weight: 500 !important;

	color: #FFFFFF !important;

}

.booking_input::input-placeholder

{

	font-size: 14px !important;

	font-weight: 500 !important;

	color: #FFFFFF !important;

}

.booking_button

{

	width: 152px;

	height: 54px;

	background: #ffa37b;

	font-size: 14px;

	font-weight: 500;

	color: #ffffff;

	border: none;

	outline: none;

	cursor: pointer;

}

.booking_button:hover

{

	background: rgba(255,255,255,0.2);

}



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

6. Contact

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



.contact

{

	background: #ffffff;

	border-bottom: solid 2px #eaf2f7;

}

.contact_content

{

	padding-top: 60px;

	padding-bottom: 114px;

}

.contact_list

{

	margin-top: 58px;

}

.contact_list ul li

{

	font-size: 16px;

	font-weight: 500;

	color: #605d5d;

}

.contact_list ul li a{

	text-decoration: none;

	color: #605d5d;

}

.contact_list ul li:not(:last-of-type)

{

	margin-bottom: 10px;

}

.contact_form_container

{

	margin-top: 73px;

}

.contact_form

{

	display: block;

	position: relative;

}

.input_container

{

	margin-bottom: 5px;

}

.contact_input

{

	width: 100%;

	height: 64px;

	background: #ffffff;

	border: none;

	outline: none;

	border-bottom: solid 2px #393939;

	font-size: 16px;

	font-weight: 500;

	color: #393939;

}

.form-group label{

	font-weight: 600;

}

.contact_input::-webkit-input-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.contact_input:-moz-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.contact_input::-moz-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

} 

.contact_input:-ms-input-placeholder

{ 

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.contact_input::input-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.contact_textarea

{

	height: 129px;

	padding-top: 15px;

}

.contact_button

{

	margin-top: 31px;

	width: 152px;

	height: 54px;

	background: #ffa37b;

	border: none;

	outline: none;

	cursor: pointer;

	font-size: 14px;

	font-weight: 600;

	color: #ffffff;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.contact_button:hover

{

	box-shadow: 0px 10px 23px rgba(0,0,0,0.15);

}



.button {

	width: 96%;

  margin: 0 0 5px;

  padding: 0 12px;

  cursor: pointer;

  line-height: 28px;

  font-size: 19px;

  font-weight: bold;

  color: #555555;

  text-decoration: none;

  text-shadow: 0 1px white;

  background: #dfdfdf;

  border-width: 1px 1px 0;

  border-style: solid;

  border-color: #cecece #bababa #a8a8a8;

  border-radius: 3px 3px 2px 2px;

  outline: 0;

  display: inline-block;

  vertical-align: baseline;

  zoom: 1;

  *display: inline;

  *vertical-align: auto;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  background-image: -webkit-linear-gradient(top, #f1f1f1, #dfdfdf 70%, #dadada);

  background-image: -moz-linear-gradient(top, #f1f1f1, #dfdfdf 70%, #dadada);

  background-image: -o-linear-gradient(top, #f1f1f1, #dfdfdf 70%, #dadada);

  background-image: linear-gradient(to bottom, #f1f1f1, #dfdfdf 70%, #dadada);

  -webkit-box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);

  box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);

}

.button:hover, .button:active {

  background: #dfdfdf;

  border-top-color: #c9c9c9;

}

.button:active, .button.green:active, .button.blue:active, .button.yellow:active, .button.red:active, .button.purple:active, .button.grey:active, .button.black:active {

  vertical-align: -5px;

  margin-bottom: 0;

  padding: 1px 13px 0;

  border-width: 0;

  border-radius: 3px;

  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white;

  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white;

}

.button.green {

  color: #465f25;

  text-shadow: 0 1px #d9f3b5;

  background: #94d362;

  border-color: #91ce5e #7ab04b #5e903f;

  background-image: -webkit-linear-gradient(top, #c0eb85, #94d362 70%, #8ed258);

  background-image: -moz-linear-gradient(top, #c0eb85, #94d362 70%, #8ed258);

  background-image: -o-linear-gradient(top, #c0eb85, #94d362 70%, #8ed258);

  background-image: linear-gradient(to bottom, #c0eb85, #94d362 70%, #8ed258);

  -webkit-box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4);

  box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4);

}

.button.green:hover, .button.green:active {

  background: #94d362;

  border-top-color: #82bd53;

}











/* .contact_map

{

	width: calc(100% + ((100vw - 1120px) / 2));

	height: 100%;

} */

.map

{

	width: 100%;

	height: 100%;

}

.google_map

{

	width: 100%;

	height: 100%;

}

.map_container

{

	width: 100%;

	height: 100%;

	overflow: hidden;

}

#map

{

	width: 100%;

	height: calc(100% + 30px);

}



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

7. Footer

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



.footer

{

	background: #519E2C;

	padding-top: 81px;

}

.footer_content

{

	padding-bottom: 52px;

}

.footer_logo

{

	display: inline-block;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}

.footer_logo > div:first-of-type

{

	width: 235px;

	height: 74px;

	border: solid 3px #393939;

	font-size: 43.32px;

	font-weight: 600;

	color: #393939;

	line-height: 68px;

}

.footer_logo > div:last-of-type

{

	font-size: 16px;

	font-weight: 600;

	color: #393939;

	line-height: 0.75;

	margin-top: 15px;

}

.footer_logo a

{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}

.footer_row

{

	margin-top: 74px;

}

.footer_title

{

	font-size: 18px;

	font-weight: 700;

	color: #393939;

	line-height: 1.2;

}

.footer_list

{

	margin-top: 9px;

}

.footer_list ul li

{

	font-size: 15px;

	font-weight: 500;

	color: #fff;

	line-height: 2;

}

.footer_list ul li a{

	text-decoration: none;

	color: #fff;

}

.newsletter_container

{

	margin-top: 8px;

}

.newsletter_form

{

	display: block;

	position: relative;

}

.newsletter_input

{

	width: 100%;

	height: 64px;

	background: #ffffff;

	border: none;

	border-bottom: solid 2px #393939;

	outline: none;

	font-size: 15px;

	font-weight: 600;

	color: #393939;

}

.newsletter_input::-webkit-input-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.newsletter_input:-moz-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.newsletter_input::-moz-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

} 

.newsletter_input:-ms-input-placeholder

{ 

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.newsletter_input::input-placeholder

{

	font-size: 15px !important;

	font-weight: 500 !important;

	color: #6d6d6d !important;

}

.newsletter_button

{

	width: 152px;

	height: 54px;

	background: #ffa37b;

	margin-top: 23px;

	border: none;

	outline: none;

	cursor: pointer;

	font-size: 14px;

	font-weight: 600;

	color: #ffffff;

}

.certificates

{

	padding-left: 12px;

	padding-top: 10px;

}

.cert

{

	margin-bottom: 30px;

}

.copyright

{

	width: 100%;

	height: 33px;

	background: #ffffff;

	text-align: center;

	line-height: 33px;

	font-size: 15px;

	font-weight: 500;

	color: #6d6d6d;

}

.bottom-icon {

    height: 70px;

    width: 70px;

    border-radius: 50%;

    margin: 30px;

    position: fixed;

    z-index: 99999;

    bottom: 65px;

    right: 20px;

}

.bottom-icon a {

    display: block;

    z-index: 9999999;

    position: absolute;

}

.bottom-icon:before, .bottom-icon:after {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    top: 0%;

    left: 0%;

    border-radius: 50%;

    box-shadow: 0 0 15px #0dc143;

   }

    .bottom-icon p {

    position: absolute;

    bottom: -30px;

    text-align: center;

    width: 100%;

    border: 1px solid rgb(200,200,200);

    border-radius: 25px;

    margin: 0;

    background: white;

    z-index: 99999;

    font-size: 14px;

    line-height: 2;

}

.bottom-icon:before, .bottom-icon:after {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    top: 0%;

    left: 0%;

    border-radius: 50%;

    box-shadow: 0 0 15px #0dc143;



}