html, body						{ font-family: 'Poppins', sans-serif; background-color: white; height: 100%; line-height: 32px; font-size: 20px; }

h1,h2,h3,h4                     { font-weight: 400; font-style: normal; }

h1                              { font-size: 65px; line-height: 76px; }
h2                              { font-size: 48px; line-height: 56px; }
h3                              { font-size: 32px; line-height: 46px; }

a:link                          { text-decoration: none; color: inherit; }
a:visited                       { text-decoration: none; color: inherit; }
a:hover                         { text-decoration: none; color: inherit; }
a:active                        { text-decoration: none; color: inherit; }

.full_width_img 				{ width: 100%; height:auto; vertical-align: top; }
.full_height_img 				{ width: auto; height:100%; vertical-align: top; }
.btn 							{ text-transform: uppercase; font-size: 16px; font-weight: 400; padding: 18px; border: 1px solid black; cursor: pointer; }
.btn:hover						{ background-color: black; color:white;}
.caps 							{ text-transform: uppercase; }
.bold 							{ font-weight: 700; }
.underline 						{ text-decoration: underline; }

.input                          { border: 1px solid #C8BFC4; padding:10px; font-size:16px; }
.input_full						{ border: 1px solid #C8BFC4; padding:10px; font-size:16px; width:100%; }

input, textarea, select			{ font-family: 'Playfair Display', serif; }

#main_menu										{ position: fixed; width: 100%; left: 0; top: 0; padding: 40px; z-index: 10000; transition: all 1s ease; font-size: 18px; }
#main_menu .items_holder						{ text-align: center; }
#main_menu .items_holder .item					{ display: inline-block; margin-right: 10px; }
#main_menu .items_holder .item.caps				{ margin-right: 30px; }
#main_menu .items_holder .item.clickable		{ color: rgba(255,255,255,.7); transition: color .3s ease; }
#main_menu .items_holder .item.clickable:hover	{ color: rgba(255,255,255,1); }
#main_menu .items_holder .item.active			{ font-weight: 600; color: rgba(255,255,255,1); }
#main_menu .items_holder .item.babor_shop		{ color: white; border: 1px solid white; padding-left: 10px; padding-right: 10px; border-radius: 8px; transition: all .5s ease; }
#main_menu .items_holder .item.babor_shop:hover	{ color: black; background-color: white; }

#main_menu.bg 									{ background-color: #aa1060; padding: 20px; }

#logo_holder 									{ position: fixed; left: 10px; top: 10px; width: 130px; z-index: 30000; transition: all 1s ease; }
#logo_holder.small 								{ top: -130px; }

#main_menu_btn_mobile							{ display: none; }
#main_menu_mobile 								{ display: none; }
#top_placeholder_mobile							{ display: none; }
#mobile_menu_bg									{ display: none; }
#main_menu_company_name_mobile  				{ display: none; }	
#mobile_logo 									{ display: none; }	

.fullpageheader 													{ position: relative; width: 100%; height: 100vh; background-color: black; }		
.fullpageheader .video_player										{ position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }

.fullpageheader .logo_holder 										{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }	
.fullpageheader .logo_holder .logo									{ color: white; text-align: center; width: 33%; max-width: 450px; }


.fullpageheader .buttons															{ position: absolute; width: 100%; height: 20%; top: 80%; left: 0; display: flex; align-items: center; justify-content: center; }
.fullpageheader .buttons .play_film_btn_holder 										{  }
.fullpageheader .buttons .play_film_btn_holder .play_film_btn 						{ display: inline-block; cursor: pointer; }
.fullpageheader .buttons .play_film_btn_holder .play_film_btn .icon 				{ float: left; }
.fullpageheader .buttons .play_film_btn_holder .play_film_btn .text 				{ float: left; padding: 10px; padding-left: 20px; text-transform: uppercase; color: white; color: rgba(255,255,255,.8); transition: color .3s ease;}
.fullpageheader .buttons .play_film_btn_holder .play_film_btn .more 				{ float: left; text-transform: uppercase; color: white; }
.fullpageheader .buttons .play_film_btn_holder .play_film_btn:hover .text			{ color: rgba(255,255,255,1); }
.fullpageheader .buttons .view_content_btn_holder 									{}
.fullpageheader .buttons .view_content_btn_holder .view_content_btn 				{ margin-left: 10px; display: inline-block; cursor: pointer; }
.fullpageheader .buttons .view_content_btn_holder .view_content_btn .icon 			{ float: left; }
.fullpageheader .buttons .view_content_btn_holder .view_content_btn .text 			{ float: left; padding: 10px; padding-left: 10px; color: white; color: rgba(255,255,255,.8); transition: color .3s ease; font-weight: 600; }
.fullpageheader .buttons .view_content_btn_holder .view_content_btn .more 			{ float: left; color: white; }
.fullpageheader .buttons .view_content_btn_holder .view_content_btn:hover .text		{ color: rgba(255,255,255,1); }


.fullpageheader  .text_holder 									{ font-family: 'Playfair Display', serif; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }	
.fullpageheader  .text_holder .text								{ color: white; text-align: center; width: 70%; }
.fullpageheader  .text_holder .logo								{ color: white; text-align: center; width: 25%; }

#page_main_image					{ width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat;  }
#page_main_image  .text_holder 		{ background-color: rgba(0,0,0,.5); }	
#page_main_image_mobile				{ width: 100%; }

#footer_menu 						{ text-align: center; padding:30px; padding-top:100px; background-color: white; }
#footer_menu .item					{ display: inline; padding:8px;  }
#footer_menu .item 	a:link      	{ opacity:.3; transition: .5s;}
#footer_menu .item 	a:visited  	 	{ opacity:.3;}
#footer_menu .item 	a:hover     	{ opacity:1;}
#footer_menu .item 	a:active    	{ opacity:.3;}
#footer_menu .item.active a:link	{ opacity:1; }

.centered_text_holder			{ position: relative; padding-left: 10%; padding-right: 10%; text-align: center; background-color: white; }
.left_text_holder				{ position: relative; padding-left: 10%; padding-right: 10%; text-align: left; background-color: white;  }

#reservation 					{ width: 50%; margin-left:25%; background-color: white; }
#reservation h1					{ margin-bottom: 5px; font-size: 60px;}
#reservation p					{ font-size: 16px; padding: 10px; }

#reservation_sent					{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 100000; }
#reservation_sent .notification		{ background-color: white; padding: 50px; }

#top_placeholder				{ display: block; position: relative; width: 100%; height: 150px; background-color: #10537c; }

#youtube_video_player										{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; z-index: 50000; display: flex; align-items: center; justify-content: center; visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 0;}
#youtube_video_player .youtube_video_wrapper				{ position: relative; width: 100%; }
#youtube_video_player .youtube_video_wrapper .placeholder	{ position: relative; width: 100%;  }
#youtube_player 											{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
#youtube_video_player .close_btn							{ position: absolute; right: 25px; top: 25px; width: 30px; height: 30px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer;}
#youtube_video_player .close_btn:hover 						{ opacity: .7; }

.image_gallery								{ position: relative; width: 100%; height: 65%; overflow: hidden; cursor: grab; }
.image_gallery .content						{ position: absolute; display: flex; width: auto; height: 100%; }
.image_gallery .content .item				{ float: left; width: auto; height: 100%; margin-right: 10px; }
.image_gallery .tutorial 					{ opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center; transition: all .3s ease; font-size: 13px; font-weight: 700; color: white; text-align: center; letter-spacing: 2px; }
.image_gallery .tutorial.active 			{ opacity: 1; }

#footer_social 					{ text-align: center; }
#footer_social .item			{ display: inline-block; margin: 3px; width: 50px; opacity: .7; transition: opacity .3s ease;}
#footer_social .item:hover 		{ opacity: 1; }



#subpage_logo_mobile			{ display: none; }

.subpage_video_holder							{ position: relative; width: 100%; }
.subpage_video_holder .subpage_video_player 	{ position: relative; width: 100%; display: block;}
.subpage_video_holder  .text_holder 			{ font-family: 'Playfair Display', serif; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; }	
.subpage_video_holder  .text_holder .text		{ color: white; text-align: center; width: 70%; }
.subpage_video_holder  .text_holder .logo		{ color: white; text-align: center; width: 25%; }

.mobile_btn						{ display: inline-block; text-align: center; color: black; padding: 5px; font-weight: 700; letter-spacing: 0;}
.mobile_btn.black				{ background-color: #a99e98; color: white; padding: 18px;}
.mobile_btn img 				{ vertical-align: middle; }


#borok_list							{ position: relative; width: 100%; background-color: #f0f0f0; padding-bottom: 50px; }
#borok_list .item 					{ position: relative; float: left; width: 25%; }
#borok_list .item:hover .overlay 	{ opacity: .9; }
#borok_list .item .thumb			{ position: relative; width: 100%; }
#borok_list .item .overlay			{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s ease; background-color: #f7f7f7; display: flex; align-items: center;  justify-content: center; padding: 20px; }
#borok_list .item .overlay .content { text-align: center; }


#bor 										{ position: relative; }
#bor .image 								{ position: relative; width: 100%; height: 70vh; text-align: center; }

#bor_text									{ width: 70%; max-width: 1280px; margin: 0 auto; margin-top: 30px; margin-bottom: 100px; line-height: 42px; }

#bor_btns_holder 							{ text-align: center; }
#bor_btns_holder .btn 						{ display: inline-block; }


.youtube_video_holder				{ position: relative; width: 100%; text-align: center; padding: 50px; background-color: white; }
.youtube_video						{ width: 900px; height: 506px; }





@media only screen and (max-width : 1040px) {
	.youtube_video								{ width: 720px; height: 405px; }
}

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

	html, body						{ line-height: 32px; font-size: 18px; }

	#main_menu						{ display: none; }

	#subpage_logo_mobile			{ position: fixed; top: 9px; right: 9px; z-index: 20000; }

	#main_menu_btn_mobile			{ display: block; position: fixed; left: 15px; top: 15px; z-index: 20000; cursor: pointer; }
	#main_menu_company_name_mobile  { display: block; position: fixed; left: 75px; top: 25px; z-index: 20000; text-transform: uppercase; }
	#main_menu_mobile 				{ display: block; position: fixed; width: 100%; height: 100%; left: 0; top: -100%; text-align: center; padding-top: 100px; background-color: white; z-index: 30000; -webkit-transition: all 0.5s ease-out; transition: all 0.3s ease-out;}
	#main_menu_mobile.active 		{ top: 0; }
	#main_menu_mobile .item 		{ color: black; padding: 5px; font-size: 24px; font-weight: bold; }
	#main_menu_mobile .close_btn 	{ position: absolute; left: 15px; top: 15px; cursor: pointer; }
	#top_placeholder_mobile			{ display: block; position: relative; width: 100%; height: 80px; }
	#mobile_menu_bg					{ display: block; position: fixed; width: 100%; height: 80px; left: 0; top: 0; background-color: white; z-index: 20000; }
	#mobile_logo 					{ display: block; position: fixed; right: 10px; top: 10px; width: 150px; height: 60px; z-index: 30000; }

	.centered_text_holder			{ padding-left: 15px; padding-right: 15px; }
	.left_text_holder				{ padding-left: 15px; padding-right: 15px; }

	#reservation 					{ width: 90%; margin-left: 5%; }

	#borok_list .item 				{ width: 50%; }

	#logo_holder 					{ display: none; }

	#bor 										{ position: relative; min-height: auto; }
	#bor .left									{ float: left; width: 100%; }

	#bor .right									{ position: relative; float: left; width: 100%; }
	#bor .right .justifier 						{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; }
	#bor .right .justifier .justify 			{ width: 90%; }
	#bor_lead_holder							{ color: black;}
	#bor_riport_video_holder 					{ position: relative; width: 100%; margin: 0 auto; }
	#bor_riport_video_holder .placeholder 		{ position: relative; }
	#bor_riport_video_holder .video_player 		{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	#bor_riport_video_holder .play_btn 			{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .3; transition: all 0.5s ease-out;}
	#bor_riport_video_holder .play_btn:hover	{ opacity: .7; cursor: pointer;}
	#bor_riport_video_holder .youtube_iframe 	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden;}


}


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

	h1                              { font-size: 32px; line-height: 42px; }
	h2                              { font-size: 26px; line-height: 32px; }
	h3                              { font-size: 22px; line-height: 30px; }

	.youtube_video					{ width: 560px; height: 315px; }

}


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

	.youtube_video					{ width: 320px; height: 180px; }
	#bor .image 					{ height: 50vh; }
	#bor_text						{ width: 90%; margin-bottom: 30px; }

	.youtube_video_holder			{ padding: 20px; }


}

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

	#borok_list  					{ background-color: white; }
	#borok_list .item 				{ width: 100%; margin-bottom: 5px; background-color: #f0f0f0;}
	#bor_dulo_holder 							{ position: relative; margin-top: 50px; display: block; text-align: center; }
	#bor_dulo_holder .text						{ position: relative; color: black; text-align: center; padding: 50px; }

}



#footer             { position: relative; padding: 30px; font-size: 12px; text-align: left; background-color: white; }
#siteby				{ position: absolute; width: 205px; height: 45px; background-color: black; opacity: 0.9; right: 5%; bottom: 0; cursor: pointer; background-image:url(../img/siteby.png); }