html, body						{ font-family: 'Playfair Display', serif; font-size: 20px; background-color: white; color: black; height: 100%; line-height: 32px; font-weight: 300; }

h1,h2,h3,h4                     { font-style: normal; color: #c89d1d;}

h1                              { font-weight: 400; font-size: 48px; line-height: 56px; }
h2                              { font-weight: 400; }
h3                              { font-weight: 400; }
h4                              { font-weight: 400; }

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; }
.submit_btn 					{ display: inline-block; padding: 25px; padding-top: 20px; padding-bottom: 20px; font-size: 26px; color: white; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); font-family: 'Playfair Display', serif; transition: all .3s ease; background-color: rgba(200,157,29,.8); cursor: pointer; }
.submit_btn.active				{ background-color: rgba(200,157,29,1); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);}
.submit_btn:hover				{ background-color: rgba(200,157,29,1); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);}
.btn 							{ display: inline-block; padding: 15px; transition: all .3s ease; background-color: rgba(220,20,20,.8); cursor: pointer; }
.btn.active						{ background-color: rgba(220,20,20,1); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);}
.btn:hover						{ background-color: rgba(220,20,20,1); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);}
.float_left 					{ float: left; }
.float_right 					{ float: right; }
.bold 							{ font-weight: 600; }
.app_color 						{ color: #d11414; }
.app_bg_color 					{ background-color: #d11414; }
.centered_div 					{ text-align: center; }
.input 							{ border: 1px solid black; padding: 12px; width: 100%; margin-top: 7px; margin-bottom: 7px; }
.notification 					{ text-align: center; padding: 20px; }

.welcome_text					{ padding: 30px; text-align: center; }

.galleryswiper 						{ width: 100%; }
.galleryswiper_slide 				{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
 										-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; 
 										-ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.galleryswiper_slide:nth-child(1n) 	{ width: auto; height: 100%; }

#suite_name						{ padding: 20px; }

#suites_main_text 				{ padding: 50px; text-align: center; }

#suites_submenus					{ width: calc(100% - 100px); margin-left: 50px; }
#suites_submenus .item				{ position: relative; float: left; width: 33.33%; background-color: black; overflow: hidden; cursor: pointer; }
#suites_submenus .item:hover .image	{ transform: scale(1); opacity: .7; }
#suites_submenus .item .image		{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s; transition: all .5s; transform: scale(1.1); background-size: cover; }
#suites_submenus .item .text		{ position: absolute; left: 0; bottom: 0; color: white; padding: 50px; font-size: 48px; }

#suites_main						{ width: calc(100% - 100px); margin-left: 50px; }
#suites_main .item					{ position: relative; float: left; width: 33.33%; background-color: black; overflow: hidden; cursor: pointer; }
#suites_main .item:hover .image		{ transform: scale(1); opacity: .5; }
#suites_main .item .image			{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s; transition: all .5s; transform: scale(1.1); opacity: .8; background-size: cover;  }
#suites_main .item .text			{ position: absolute; left: 0; bottom: 0; color: white; padding: 50px; font-size: 32px; }

.box 							{ position: relative; float: left; display: none; width: 100%; padding-top: 60px; padding-bottom: 60px; }
.box .close_btn					{ position: absolute; top: 20px; right: 20px; cursor: pointer; opacity: .6; -webkit-transition: all .3s; transition: all .3s; }
.box .close_btn:hover			{ transform: scale(1.1); opacity: 1; }

.box .links						{ position: relative; width: 50%; float: right; }
.box .links	.line				{ font-size: 36px; padding: 15px; opacity: .6; -webkit-transition: all .3s; transition: all .3s;}
.box .links	.line:hover			{ opacity: 1; }
.box .desc						{ position: relative; width: 50%; float: right; }

.guest_reg_bg 					{ background-color: #f5f5f5; }
.guest_reg_wrapper 				{ width: 100%; max-width: 1280px; margin: 0 auto; }
.guest_reg_header 				{ font-size: 32px; text-align: center; padding: 30px; }
.guest_reg_text 				{ font-size: 18px; line-height: 22px; padding: 20px; text-align: center;}
.guest_reg_wrapper .unit 		{ background-color: white; padding: 20px; margin-bottom: 20px;}


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

	#suites_submenus .item .text		{ padding: 30px; font-size: 36px; }
	.box .links	.line					{ font-size: 28px; padding: 10px; }

}

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

	#suites_main .item					{ width: 50%; }
	#suites_submenus .item				{ width: 50%; }

}

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

	.box 							{ padding-left: 30px; padding-right: 30px; }
	.box .links						{ width: 100%; }
	.box .desc						{ width: 100%; margin-bottom: 40px; }

}

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

	#suites_main						{ width: 100%; margin-left: 0; }
	#suites_submenus					{ width: 100%; margin-left: 0; }
	#suites_main .item					{ width: 100%; margin-bottom: 10px; }
	#suites_submenus .item				{ width: 100%; margin-bottom: 10px; }

}



.footer_logo 		{ width: 30%; max-width: 270px; float: right; margin-right: 20px; }
#footer             { position: relative; padding: 30px; font-size: 12px; text-align: left; }
#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); }
.footer_contact		{ padding: 10px; text-align: center; font-size: 20px; }