@charset "UTF-8";
@import 'bootstrap.css';
@import 'ionicons.css';
@import 'swiper.css';
@import 'datepicker.css';
@import '../plugins/fancybox/jquery.fancybox.min.css';
@import '../plugins/fontawesome/fontawesome.css';
@import '../plugins/mobilemenu/mobilemenu.css';
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap');

:root {
	--main-color: #2B7FD5;
	--second-color: #111;
}

/*============================================================================================*/
/* GLOBAL CSS */
/*============================================================================================*/
* { margin: 0px; padding: 0px; border: 0 none; outline: 0 none; list-style-type: none; }
body { position: relative; height: 100%; font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: normal; margin: 0; padding: 0; color: #222; background: #fff; }

a, a:active, a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { text-transform: none; }

.transition, a, a:before, .swiper-button-next:before, .swiper-button-prev:before, .reservation-form button, #header .header-bottom .logo img, .gallery-img, .item.circle .info h3 { transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; }

#main { position: relative; z-index: 2; overflow-x: hidden; max-width: 100%; margin: 0 auto; }

.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }

.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }

.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }

.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w400 { width: 400px !important; }
.w500 { width: 500px !important; }

.container { position: relative; }
.section { position: relative; display: block; background: #fff; }

.button-style-1 { display: inline-block; border: 1px solid #8e8e8e; margin: 10px 0 0 0; padding: 0px 27px; line-height: 46px; color: #000; font-size: 16px; font-weight: 500; text-transform: none; letter-spacing: .45px; font-weight: 600; position: relative; z-index: 2; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }

.bg-1 { background: #eee; }

.list li { display: block; margin: 0; padding: 13px 0; font-size: 18px; color: #111; font-weight: 400; }

.list-1 li { display: block; margin: 0; padding: 5px 0; font-size: 18px; color: #111; }
.list-1 li:before { display: inline; display: inline-block; vertical-align: middle; font-family:"Ionicons"; content: "\f148"; font-size: 18px; margin: 0 15px 0 0; color: var(--main-color); }

.list-2 li { display: block; margin: 0; padding: 13px 0; font-size: 18px; color: #111; font-weight: 400; }
.list-2 li:before { display: inline; display: inline-block; vertical-align: middle; font-family:"Ionicons"; content: "\f148"; font-size: 22px; margin: 0 15px 0 0; color: var(--main-color); }

.img-style-1 { position: relative; display: block; text-align: center; }   
.img-style-1 img { max-width: 90%; margin: 0; padding: 0; border-radius: 20px 100px 20px 100px; border: 0; box-shadow: 10px 10px 10px #ccc; }   
.img-style-2 { border-radius: 20px 100px 20px 100px; border: 3px solid #fff; }   

.img-style-3 { position: relative; display: block; text-align: center; }   
.img-style-3 img { max-width: 100%; margin: 0; padding: 0; border: 0; border-radius: 50%; }  

@media only screen and (max-width: 768px) {
	body { width: 100%; max-width: 100%; overflow-x: hidden; margin: 0; padding: 0; background-size: contain; background-attachment: scroll; }
	.container, .row { margin: 0; padding: 0; }
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0 5px; margin: 0; }
	.mHidden { display: none !important; }
	.w200 { width: auto !important; }
	.w250 { width: auto !important; }
	.w300 { width: auto !important; }
	.w400 { width: auto !important; }
	.w500 { width: auto !important; }

	.pt30 { padding-top: 0px !important; }
	.pt40 { padding-top: 10px !important; }
	.pt50 { padding-top: 20px !important; }
	.pt60 { padding-top: 30px !important; }
	.pt70 { padding-top: 40px !important; }
	.pt80 { padding-top: 50px !important; }
	.pb30 { padding-bottom: 0px !important; }
	.pb40 { padding-bottom: 10px !important; }
	.pb50 { padding-bottom: 20px !important; }
}

/*============================================================================================*/
/* SWIPER NAVIGATION */
/*============================================================================================*/
.swiper-button-next, .swiper-button-prev { top: 50% !important; margin-top: -22px !important; width: 60px !important; height: 60px !important; line-height: 60px !important; border-radius: 0 !important; text-align: center !important; background: transparent !important; margin: 0; padding: 0; }
.swiper-button-next { right: 20px !important; }
.swiper-button-next:before { display: inline-block; font-family: "Ionicons"; content: "\f114"; color: #fff; font-size: 58px; text-align: center; opacity: .2; }
.swiper-button-next:hover:before { color: #fff; opacity: 1; }
.swiper-button-prev { left: 20px !important; }
.swiper-button-prev:before { display: inline-block; font-family: "Ionicons"; content: "\f112"; color: #fff; font-size: 58px; text-align: center; opacity: .2; }
.swiper-button-prev:hover:before { color: #fff; opacity: 1; }
.swiper-pagination .swiper-pagination-bullet { display: none; }

@media only screen and (max-width: 768px) {
	.swiper-button-prev { left: 5px !important; }
	.swiper-button-next { right: 5px !important; }
	.swiper-button-next:before { font-size: 38px; }
	.swiper-button-prev:before { font-size: 38px; }
}

/*============================================================================================*/
/* HEAD TITLES */
/*============================================================================================*/
.head-title { padding-bottom: 35px; }
.head-title h1, .head-title h2 { font-size: 34px; font-weight: bold; text-transform: none; color: #242424; letter-spacing: .56px; position: relative; padding-bottom: 15px; }
.head-title h1 strong, .head-title h2 strong { font-weight: 700; color: var(--main-color); }
.head-title h2:before, .head-title h1:before { content: ""; background: var(--main-color); width: 100px; height: 1px; position: absolute; left: 0; bottom: 0; }
.head-title.center { text-align: center; }
.head-title.center h2:before { left: 50%; margin-left: -50px; }

@media only screen and (max-width: 768px) {
	.head-title { font-size: 22px; line-height: 44px; height: auto; }
	.head-title span { font-size: 22px; height: auto; line-height: normal; font-weight: bold; padding: 0 15px; }
}


#quick-call { position: fixed; bottom: 50px; right: 20px; z-index: 888; background: var(--main-color); width: 80px; height: 80px; line-height: 80px; border-radius: 80px; text-align: center; animation: pulse 2s infinite; transition: .3s all; }
#quick-call:hover { background: #726445; }
#quick-call i { display: block; line-height: 80px; color: #fff; font-size: 32px; text-align: center; text-transform: uppercase; }
@keyframes pulse { 0% { transform: scale(0.65); } 70% { transform: scale(1.1); } 100% { transform: scale(0.65); } }

/*============================================================================================*/
/* HEADER */
/*============================================================================================*/
#header { position: fixed; left: 0; top: 0; right: 0; z-index: 9999; background: rgba(255, 255, 255, 0.9); }
#header .header-top { background: var(--main-color); padding: 0; }
#header .header-top ul { display: block; height: 50px; margin: 0; padding: 0; }
#header .header-top strong { float: left; display: block; height: 50px; line-height: 50px; padding: 0 15px; margin: 0; color: #fff; font-size: 18px; font-weight: normal; }
#header .header-top ul { float: right; }
#header .header-top ul li { display: block; float: left; height: 50px; margin: 0; padding: 0; }
#header .header-top ul li a { display: block; height: 50px; line-height: 50px; padding: 0 15px; margin: 0; color: #fff; font-size: 18px; font-weight: normal; }
#header .header-top ul li a i { margin: 0 10px 0 0; color: #dce9c3; }
#header .header-top ul li a:hover { color: #fff; text-decoration: underline; }

#header .header-bottom { background: transparent; padding: 10px 0; }
#header .header-bottom .logo { display: block; margin: 0; padding: 0; float: left; }
#header .header-bottom .logo img { height: 60px; }

#header .header-bottom .request { display: block; float: right; background: var(--second-color); color: #fff; height: 50px; line-height: 50px; padding: 0 25px; margin: 10px 0 10px 20px; font-size: 14px; font-weight: 600; letter-spacing: .28px; position: relative; z-index: 2; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; border-radius: 3px; text-transform: uppercase; }
#header .header-bottom .request:hover { background: #111; color: #fff; }
#header .header-bottom .request i { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
#header .header-bottom .request strong { display: inline; display: inline-block; vertical-align: middle; font-weight: normal; }

#header .header-bottom .navmenu { z-index: 9; float: right; position: relative; display: block; text-align: center; height: 50px; margin: 10px 0; padding: 0; }
#header .header-bottom .navmenu > li { display: block; float: left; height: 50px; margin: 0 0 0 5px; padding: 0; text-align: center; }
#header .header-bottom .navmenu > li > a { display: block; height: 50px; line-height: 50px; font-size: 15px; font-weight: 500; color: var(--second-color); text-transform: uppercase; padding: 0 18px; margin: 0; border-radius: 3px; }
#header .header-bottom .navmenu > li > a:hover, #header .header-bottom .navmenu > li.active > a { background: var(--main-color); color: #fff; }
#header .header-bottom .navmenu > li > a:hover, #header .header-bottom .navmenu > li > a:focus { text-decoration: none; }

#header.sticky { background: #fff !important; }
#header.sticky .header-bottom { padding: 5px 0; }
#header.sticky .header-bottom .logo img { height: 60px; }
#header.sticky .header-bottom .request { height: 50px; }

@media only screen and (max-width: 768px) {
	.fixed { position: relative; top: auto; }
	#header { position: relative; left: auto; top: auto; right: auto; }
	#header .header-top { display: none !important; }
	#header .header-bottom { background: transparent; text-align: center; padding: 10px 0; }
	#header .header-bottom .logo { float: right; margin: 0 20px 0 0; padding: 0; width: 60%; }
	#header .header-bottom .logo img { max-width: 100%; height: auto; }
	#header .header-bottom .navmenu, #header .header-bottom .request { display: none; }
}


/*============================================================================================*/
/* HOME SLIDER */
/*============================================================================================*/
.home-slider { position: relative; z-index: 6; width: 100%; height: 90vh; overflow: hidden; }
.home-slider .swiper-slide { position: relative; text-align: center; }
.home-slider .swiper-slide:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .3); content: ""; }
.home-slider .swiper-slide img { width: 100%; }
.home-slider .swiper-slide .swiper-info { position: absolute; left: 10%; top: 40%; right: 10%; text-align: center; }
.home-slider .swiper-slide .swiper-info h2 { display: block; margin: 0; padding: 0; font-size: 52px; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; text-shadow: 3px 4px #111; }
.home-slider .swiper-slide .swiper-info h3 { display: block; margin: 30px 0; padding: 0; font-size: 26px; color: #eee; text-transform: none; font-weight: 500; text-shadow: 1px 2px #111; }
.home-slider .swiper-slide .swiper-info a { background: var(--main-color); display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; color: #fff; padding: 15px 35px; margin: 0; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, .3); border-radius: 2px; }
.home-slider .swiper-slide .swiper-info a:hover { background: var(--second-color); color: #fff; }

@media only screen and (max-width: 768px) {
	.home-slider { height: auto; }
	.home-slider .swiper-slide { height: auto; }
	.home-slider .swiper-slide .swiper-info { left: 15%; right: 15%; top: 25%; }
	.home-slider .swiper-slide .swiper-info h2 { font-size: 18px; line-height: normal; letter-spacing: 0; }
	.home-slider .swiper-slide .swiper-info h3 { margin: 10px 0; font-size: 15px; }
	.home-slider .swiper-slide .swiper-info a { font-size: 13px; margin-top: 10px; padding: 5px 20px; }
	.home-slider .swiper-slide img { height: 220px; min-height: auto; }
}


/*============================================================================================*/
/* WELCOME PAGE */
/*============================================================================================*/
.welcome p { display: block; margin: 0 0 10px 0; padding: 0; line-height: 26px; font-size: 17px; color: #333; }
.welcome p a { color: var(--second-color); text-decoration: underline; }

@media only screen and (max-width: 768px) {
	.welcome { padding: 5px; }
	.welcome .img-style-1:first-child { margin-top: 50px; }
}


/*============================================================================================*/
/* ARTICLES */
/*============================================================================================*/
.item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; text-align: center; }
.item, .item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.item img { width: 100%; height: 100%; }
.item.circle { position: relative; width: 100%; margin: 0 auto 30px auto; border-radius: 10px; }
.item.circle .img { position: relative; z-index: 7; width: 100%; border-radius: 10px; }
.item.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 10px; box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.item.circle .img img { border-radius: 10px; }
.item.circle .info { position: relative; z-index: 6; margin-top: -10px; text-align: center; background: var(--main-color); padding: 30px 10px 25px 10px; border-radius: 0 0 10px 10px; }
.item.circle .info h3 { display: block; color: #fff; text-transform: uppercase; font-size: 18px; margin: 0 0 10px 0; padding: 0; font-weight: 700; }
.item.circle .info p { display: block; color: #fff; font-size: 15px; margin: 0; padding: 0; font-weight: 400; }

.item-content { display: block; padding: 0 10px 40px 0; }
.item-content h4 { display: block; font-size: 18px; font-weight: 500; margin: 0; text-align: center; padding: 0 0 10px 0; }
.item-content p { display: block; margin: 0; padding: 5px 0; font-size: 15px; }

@media only screen and (max-width: 768px) {
	.item { margin-bottom: 20px !important; }
}

.box-icon { display:block; margin: 0 20px; text-align: center; }
.box-icon i { display: inline-block; border: 1px solid #319dab; width: 100px; height: 100px; line-height: 100px; border-radius: 100px; font-size: 38px; color: #319dab; }
.box-icon h3 { display: block; padding: 0; margin: 15px 0; font-size: 18px; font-weight: 600; color: #272727; }

.section-accommodation { position: relative; max-width: 450px; padding: 40px; margin: 0 auto; background: #F6F6F6; }
.section-accommodation .info { position: relative; margin: 0 0 40px 0; }
.section-accommodation p { display: block; margin: 0 0 10px 0; padding: 0; line-height: normal; font-weight: bold; font-size: 22px; }
.section-accommodation li { display: block; margin: 0; padding: 0; font-size: 18px; }
.section-accommodation li:before { display: inline; display: inline-block; vertical-align: middle; font-family:"Ionicons"; content: "\f284"; font-size: 20px; margin: 0 10px 0 0; }

.section-gallery .row > div { padding-left: 5px; padding-right: 5px; }

.gallery-img { position: relative; display: grid; justify-content: center; align-content: center; width: 100%; margin: 0 0 15px 0; background: #ddd; border-radius: 5px; }
.gallery-img img { width: 100%; border-radius: 5px; border: 10px solid #ddd; }

@media only screen and (max-width: 768px) {
	.home-page { margin: 20px 0 0 0; }
	.home-page .home-text .pull-left, .home-page .home-text .pull-right { float: none !important; margin: 0 !important; }
	.home-page .home-text img { margin: 10px auto; display: block; width: 90% !important; }
}


/*============================================================================================*/
/* GALLERY PAGE */
/*============================================================================================*/
.gallery-page { position: relative; }

@media only screen and (max-width: 768px) {
	.gallery-page { margin: 20px 0 0 0; }
}


/*============================================================================================*/
/* ABOUT PAGE */
/*============================================================================================*/
.about-page { position: relative; }
.about-page h2 { display: block; padding: 0 0 20px 0; margin: 0; line-height: normal; font-size: 24px; font-weight: bold; color: #000; }
.about-page h3 { display: block; padding: 20px 0 20px 0; margin: 0; line-height: normal; font-size: 24px; font-weight: bold; color: #0070c0; }
.about-page h4 { display: block; padding: 0 0 20px 0; margin: 0; line-height: normal; font-size: 20px; font-weight: bold; color: #000; }
.about-page p { display: block; margin: 0 0 10px 0; padding: 0; line-height: 26px; font-size: 18px; color: #000; }
.about-page .text-red { color: red; }
.about-page .text-blue { color: #0070c0; }
.about-page li { display: block; margin: 0; padding: 3px 0; font-size: 18px; }
.about-page li:before { display: inline; display: inline-block; vertical-align: middle; font-family:"Ionicons"; content: "\f284"; font-size: 20px; margin: 0 10px 0 0; }

@media only screen and (max-width: 768px) {
	.about-page { margin: 20px 0 0 0; }
}


/*============================================================================================*/
/* BREADCRUMB */
/*============================================================================================*/
.breadcrumb { position: relative; margin: 0; padding: 170px 0 30px 0; background-image: url('../img/breadcrumb.jpg'); background-attachment: scroll; background-position: center top; background-repeat: no-repeat; background-size: cover; border-radius: 0; }
.breadcrumb .container { position: inherit; }
.breadcrumb h1 { display: block; margin: 0; padding: 0; text-align: center; font-size: 44px; font-weight: 600; color: #fff; }
.breadcrumb ul { display: block; margin: 10px 0 0 0; padding: 0; text-align: center; }
.breadcrumb ul li { display: inline; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; }
.breadcrumb ul li.sep { width: 7px; height: 2px; background: url(../img/arrow.png) no-repeat center center; margin: 0; }
.breadcrumb ul li a, .breadcrumb ul li span { display: block; position: relative; height: 30px; padding: 0 10px; color: #fff; font-size: 14px; font-weight: 500; }
.breadcrumb ul li a:hover { text-decoration: underline !important; }
.breadcrumb ul li span { color: #aaa; }

@media only screen and (max-width: 768px) {
	.breadcrumb { padding: 30px 0; }
	.breadcrumb h1 { font-size: 28px; }
	.breadcrumb.breadcrumb-pages { padding: 20px 0; }
	.breadcrumb strong { font-size: 38px; font-weight: 600; }
	.breadcrumb ul { margin: 10px 0 0 0; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}


/*============================================================================================*/
/* PARALLAX */
/*============================================================================================*/
.parallax-window { position: relative; height: 280px; min-height: 280px; background: transparent; overflow: hidden; margin: 0; }
.parallax-window .parallax-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(0, 0, 0, .4); }
.parallax-window .parallax-inner { position: absolute; top: 110px; left: 5%; right: 5%; text-align: left; }
.parallax-window .parallax-inner h2 { position: relative; display: block; line-height: normal; font-size: 42px; color: #fff; text-transform: none; margin: 0; padding: 0; font-weight: normal; letter-spacing: 1px; -webkit-font-smoothing: antialiased; text-align: center; text-shadow: 0 5px 5px #111; }

@media only screen and (max-width: 768px) {
	.parallax-window { height: 200px; min-height: 200px; margin: 0; }
	.parallax-window .parallax-inner { top: 45px; left: 5%; right: 5%; }
	.parallax-window .parallax-inner h2 { font-size: 32px; }
}


/*============================================================================================*/
/* CONTACTS PAGE */
/*============================================================================================*/
.contacts-page { position: relative; padding: 0; }
.contacts-page .contact-form { background: #f6f6f6; padding: 20px; border-radius: 5px; border: 1px solid #eee; margin: 0 15px 0 0; }
.contacts-page .contact-form .form-group { position: relative; }
.contacts-page .contact-form .form-control { height: 46px; }
.contacts-page .contact-form textarea { width: 100%; max-width: 100%; min-height: 168px; max-height: 168px; height: 168px; padding: 15px; }
.contacts-page .contact-form img { float: left; margin: 1px 5px 0 0; border-radius: 5px; }

.contacts-page .contact-form .captcha { float: left; width: 150px; }
.contacts-page .contact-form .form-group-inline { display: block; float: left; position: relative; margin: 0; }
.contacts-page .contact-form .btn { display: block; float: right; background: var(--main-color); border: 0; outline: 0; font-size: 16px; text-transform: uppercase; padding: 10px 50px; margin: 0; color: #fff; }
.contacts-page .contact-form .btn:hover { background: #111; border: 0; outline: 0; }
.contacts-page .contact-form .btn:focus { border: 0; outline: 0; }
.contacts-page .contact-form .error_string { display: block; position: absolute; right: 10px; top: 15px; color: red; font-size: 13px; }
.contacts-page .contact-form .contact-error { border-color: red !important; }

.contacts-page .contacts-page-boxes { position: relative; padding: 0; margin: 0 0 0 15px; }
.contacts-page .contacts-page-boxes .contact-box { margin: 0 0 10px 0; display: block; width: 100%; background: #f6f6f6; padding: 10px; border: 1px solid #ddd; border-radius: 5px; text-align: center; }
.contacts-page .contacts-page-boxes .contact-box h3 { display: block; background: #eee; margin: 0 0 20px 0; padding: 10px 0; font-size: 22px; font-weight: bold; border-radius: 5px; }
.contacts-page .contacts-page-boxes .contact-box p { display: block; font-size: 18px; font-weight: normal; }

.contacts-page .contact-form-message { background: #fff; padding: 40px 0; border-radius: 10px; border: 1px solid #eee; margin: 30px 0 0 0; display: block; text-align: center; color: #111; font-size: 26px; font-weight: bold; }

@media only screen and (max-width: 768px) {
	.contacts-page .contacts-page-boxes { margin: 0 0 50px 0; }
	.contacts-page .contact-form .captcha { float: none; }
	.contacts-page .contact-form .form-group-inline { float: none; }
	.contacts-page .contact-form .btn { float: none; margin: 10px 0 0 0; }
}


/*============================================================================================*/
/* RESERVATION */
/*============================================================================================*/
.reservation-form { position: relative; margin: 10px 0; padding: 50px 30px 0 30px; border: 1px solid #ddd; background: #eee; border-radius: 10px; }
.reservation-form label { display: block; height: 20px; line-height: 20px; color: #333; font-weight: bold; font-size: 15px; }
.reservation-form .form-group { position: relative; display: block; margin: 0px; padding: 0px; }
.reservation-form .form-group .form-control { width: 100%; color: #222; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; background: #fff; font-size: 16px; height: 50px; line-height: 50px; }
.reservation-form .form-group .form-control:focus { color: #222; background: #eee; border-color: #bbb; outline: 0; box-shadow: 0 0 0 .1rem rgba(212, 180, 113, .20); }
.reservation-form .form-group .form-control:-moz-placeholder { color: #666; }
.reservation-form .form-group .form-control:-ms-input-placeholder { color: #666; }
.reservation-form .form-group .form-control::-webkit-input-placeholder { color: #666; }
.reservation-form .form-group i { position: absolute; left: 10px; top: 12px; color: #fff; font-size: 18px; opacity: .9; }
.reservation-form .form-group select { width: 100%; color: #222; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; background: #fff; font-size: 16px; height: 50px; line-height: 50px; cursor: pointer; }
.reservation-form .form-group select:focus { color: #222; background: #eee; border-color: #bbb; outline: 0; box-shadow: 0 0 0 .1rem rgba(212, 180, 113, .20); }
.reservation-form .form-group .input-error { border-color: #d05a4e !important; }
.reservation-form button { display: block; width: 100%; height: 50px; margin: 30px auto 0 auto; background: #111; color: #fff; border-radius: 3px; font-size: 18px; text-transform: uppercase; cursor: pointer; text-align: center; }
.reservation-form button i { display: inline-block; vertical-align: middle; margin: 0 7px 0 0; }
.reservation-form button span { display: inline-block; vertical-align: middle; }
.reservation-form button:hover { background: #623927; }
.reservation-form button:hover { color: #fff; }
.reservation-form #response { display: block; margin: 0; font-size: 20px; padding: 10px; text-align: center; }

@media only screen and (max-width: 768px) {
	.reservation-form { position: relative; left: auto; right: auto; margin: 0; padding: 30px 10px 10px 10px; background: #fff; border-radius: 0; }
}

/*============================================================================================*/
/* FOOTER */
/*============================================================================================*/
#footer { position: relative; margin: 0; padding: 20px 0; background: #111; }
#footer .copyright { display: block; margin: 0; padding: 0; text-align: center; font-size: 13px; color: #aaa; }
#footer .copyright a { color: #ddd; }
#footer .copyright a:hover { text-decoration: underline; }

@media only screen and (max-width: 768px) {
	#footer { margin: 0; padding: 24px 0; }
	#footer .copyright { font-size: 12px; color: #aaa; }
}

/*============================================================================================*/
/* SCROLL TO TOP */
/*============================================================================================*/
.scrollToTop { position: fixed; right: 10px; bottom: 50px; margin: 0px; padding: 0px; display: none; width: 44px; height: 44px; line-height: 44px; z-index: 999; border: 0; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; background: #31753a; color: #fff; border-radius: 3px; }
.scrollToTop:before { font-family: "Ionicons"; content: "\f3d8"; color: #fff; font-size: 26px; font-weight: normal; }
.scrollToTop:focus, .scrollToTop:hover { background: #623927; text-decoration: none; outline: 0; }
.scrollToTop:hover:before { color: #fff; }

@media only screen and (max-width: 768px) {
	.scrollToTop { bottom: 10px; right: 10px; }
}