
/* header */

header { background-color: #FFFFFF; text-align: left; }
header .logo { text-align: left; }
header .top_seo { font-family: "Museo-500"; font-size: 14px; color: #7D796C; text-align: center; line-height: 1; letter-spacing: 0; }
header #language { text-align: left; z-index: 13; position: absolute; right: 74px; bottom: 51px; }
header #language ul.nav-pills { text-align: left; }
header #language ul.nav-pills li.active { text-align: left; }
header #language ul.nav-pills li.active a { display: block; font-family: "Aileron-Bold"; font-size: 14px; color: #194E6F; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; }
header #language ul.nav-pills li { text-align: left; }
header #language ul.nav-pills li a { display: block; font-family: "Aileron-Regular"; font-size: 14px; color: #A1A1A1; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; }

/* slideshow */

#slideshow { text-align: left; position: relative; }
#slideshow .slick-dots { text-align: left; z-index: 16; position: absolute; left: 98px; bottom: 53px; }
#slideshow .slick-dots li { border: 3px solid #F2C349; border-radius: 100px; text-align: left; }
#slideshow .slick-dots li.slick-active { border-radius: 100px; background-color: #F8C134; text-align: left; }
#slideshow img { background-color: #000000; text-align: left; }


/* home */

.content { text-align: left; }
.content #template1 { text-align: left; position: relative; }
.content #template1 .row { text-align: left; }
.content #template1 .row .box { text-align: left; }
.content #template1 .row .box .elem { text-align: left; }
.content #template1 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; }
.content #template1 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; }
.content #template1 .row .box .elem .caption-cnt .caption .title { text-align: left; }
.content #template1 .row .box .elem .caption-cnt .caption .title { font-family: "Museo-700"; font-size: 35px; color: #194E6F; text-align: left; line-height: 1; letter-spacing: 0; }
.content #template1 .row .box .elem .caption-cnt .caption .ztextarea { text-align: left; }
.content #template1 .row .box .elem .caption-cnt .caption .ztextarea { text-align: left; }
.content #template1 .row .box .elem .caption-cnt .caption .ztextarea .fieldvalue { font-family: "Aileron-Light"; font-size: 23px; color: #194E6F; text-align: left; line-height: 1; letter-spacing: 0; margin-bottom: 20px; }
.content #template1 .row .box .elem .caption-cnt .caption-alt { width: 100%; text-align: left; order: 2; }
.content #template1 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "Aileron-Light"; font-size: 16px; color: #3A3A3A; text-align: left; line-height: 23px; letter-spacing: 0; }
.content #template1 .row .box .elem .caption-cnt img { border: 10px solid #FFFFFF; background-color: #000000; text-align: left; }
.sidebar { background-color: #FFFFFF; text-align: left; }
.sidebar #menu { text-align: left; }
.sidebar #menu #menu1 { text-align: left; }
.sidebar #menu #menu1 ul { text-align: left; }
.sidebar #menu #menu1 ul li.active { text-align: left; }
.sidebar #menu #menu1 ul li.active a { display: block; font-family: "Aileron-Light"; font-size: 18px; color: #244D6D; text-align: left; line-height: 1; position: relative; letter-spacing: 0; }
.sidebar #menu #menu1 ul li.active a:before { background-color: #F5F5F5; text-align: left; content: ""; }
.sidebar #menu #menu1 ul li { text-align: left; }
.sidebar #menu #menu1 ul li a { display: block; font-family: "Aileron-Light"; font-size: 18px; color: #244D6D; text-align: left; line-height: 1; position: relative; letter-spacing: 0; }
.sidebar #menu #menu1 ul li a:before { background-color: #F5F5F5; text-align: left; content: ""; }
.sidebar #varsimple_booking_title { font-family: "Museo-700"; font-size: 35px; color: #244D6D; text-align: left; line-height: 30px; letter-spacing: 0; }

.sidebar #varsimple_booking_text { font-family: "Aileron-Light"; font-size: 20px; color: #244D6D; text-align: left; line-height: 30px; letter-spacing: 0; }

#booking { text-align: left; }
#booking form { text-align: left; }
#booking form .caption-fields { border: 1px solid #E1E1E1; text-align: left; }
#booking form .caption-fields .form.field.date { float: left; text-align: left; position: relative; }
#booking form .caption-fields .form.field.date .form_element_title { font-family: "Aileron-Light"; font-size: 12px; color: #244D6D; text-align: left; line-height: 1; letter-spacing: 0; }
#booking form .caption-fields .form.field.date .date_from_html { text-align: left; }
#booking form .caption-fields .form.field.date .date_from_html .day { float: left; font-family: "AbrilFatface-Regular"; font-size: 60px; color: #244D6D; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; }
#booking form .caption-fields .form.field.date .date_from_html .day:after { font-family: "Font Awesome 6 Pro"; font-size: 18px; color: #F8C134; text-transform: lowercase; text-align: left; line-height: 1; content: "\f105"; letter-spacing: 0; }
#booking form .caption-fields .form.field.date .date_from_html .month_name { float: left; font-family: "Aileron-Light"; font-size: 18px; color: #244D6D; text-align: left; line-height: 1; letter-spacing: 0; }
#booking form .caption-fields .form.field.select { float: left; text-align: left; }
#booking form .caption-fields .form.field.select .form_element_title { font-family: "Aileron-Light"; font-size: 12px; color: #244D6D; text-align: left; line-height: 1; letter-spacing: 0; }
#booking form .caption-fields .form.field.select .form_select { text-align: left; }
#booking form .caption-fields .form.field.select .form_select .current_value { font-family: "AbrilFatface-Regular"; font-size: 60px; color: #244D6D; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; }
#booking form .caption-fields .form.field.select .form_select .elements_list { position: absolute; background-color: #FFFFFF; padding: 10px; border: 1px solid #eee; }
#booking form .caption-fields .form.field.select .form_select .option { font-family: "AbrilFatface-Regular"; font-size: 20px; color: #244D6D; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; }

#booking form .caption-fields .form.field.select .form_select:after { font-family: "Font Awesome 6 Pro"; font-size: 18px; color: #F8C134; text-transform: lowercase; text-align: left; line-height: 1; content: "\f105"; letter-spacing: 0; }
#booking form .caption-fields input[type="submit"] { background-color: #FFBF00; font-family: "Aileron-Bold"; font-size: 20px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; }

.sidebar .gallery { text-align: left; }
.sidebar .gallery li { float: left; text-align: left; }
.sidebar .gallery li img { background-color: #000000; text-align: left; }


/* mappa */

#mappa { text-align: left; }
#mappa .col-1 { text-align: left; }
#mappa .col-1 .map-canvas { background-color: #000000; text-align: left; }
#mappa .col-2 { background-color: #F2F6F9; text-align: left; }
#mappa .col-2 #varsimple_footer_1 { font-family: "Museo-700"; font-size: 35px; color: #194E6F; text-align: left; line-height: 1; letter-spacing: 0; }
#mappa .col-2 #vareditor_footer_1 { font-family: "Aileron-Light"; font-size: 16px; color: #3A3A3A; text-align: left; line-height: 23px; letter-spacing: 0; }
#mappa .col-2 #varsimple_address { font-family: "Aileron-Light"; font-size: 14px; color: #3A3A3A; text-align: left; line-height: 23px; letter-spacing: 0; }
#mappa .col-2 #varsimple_address:before { font-family: "Font Awesome 6 Pro"; font-size: 20px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 23px; content: "\f041"; letter-spacing: 0; }
#mappa .col-2 #varsimple_coord { font-family: "Aileron-Bold"; font-size: 14px; color: #3A3A3A; text-transform: uppercase; text-align: left; line-height: 23px; letter-spacing: 0; }
#mappa .col-2 #varsimple_coord:before { font-family: "Font Awesome 6 Pro"; font-size: 20px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 23px; content: "\f124"; letter-spacing: 0; }
#mappa .col-2 #varsimple_phone { font-family: "Aileron-Light"; font-size: 14px; color: #3A3A3A; text-transform: lowercase; text-align: left; line-height: 23px; letter-spacing: 0; }
#mappa .col-2 #varsimple_phone:before { font-family: "Font Awesome 6 Pro"; font-size: 20px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 23px; content: "\f095"; letter-spacing: 0; }
#mappa .col-2 #varsimple_fax { font-family: "Aileron-Light"; font-size: 14px; color: #3A3A3A; text-transform: lowercase; text-align: left; line-height: 23px; letter-spacing: 0; }
#mappa .col-2 #varsimple_fax:before { font-family: "Font Awesome 6 Pro"; font-size: 20px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 23px; content: "\f1ac"; letter-spacing: 0; }

/* footer */

footer { background-color: #FFFFFF; text-align: left; }
footer .col-1 { text-align: left; }
footer .col-1 #vareditor_address { font-family: "Aileron-Light"; font-size: 14px; color: #3A3A3A; text-align: left; line-height: 23px; letter-spacing: 0; }
footer .col-2 { text-align: left; }
footer .col-2 #social { text-align: left; display: flex; align-items: center; flex-wrap: wrap; }
footer .col-2 #social a.facebook { display: block; text-align: left; position: relative; }
footer .col-2 #social a.facebook:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f09a"; letter-spacing: 0; }
footer .col-2 #social a.twitter { display: block; text-align: left; position: relative; }
footer .col-2 #social a.twitter:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f099"; letter-spacing: 0; }
footer .col-2 #social a.gplus { display: block; text-align: left; position: relative; }
footer .col-2 #social a.gplus:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f0d5"; letter-spacing: 0; }
footer .col-2 #social a.pinterest { display: block; text-align: left; position: relative; }
footer .col-2 #social a.pinterest:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f231"; letter-spacing: 0; }
footer .col-2 #social a.youtube { display: block; text-align: left; position: relative; }
footer .col-2 #social a.youtube:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f167"; letter-spacing: 0; }
footer .col-2 #social a.flickr { display: block; text-align: left; position: relative; }
footer .col-2 #social a.flickr:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f16e"; letter-spacing: 0; }
footer .col-2 #social a.instagram { display: block; text-align: left; position: relative; }
footer .col-2 #social a.instagram:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f16d"; letter-spacing: 0; }
footer .col-2 #social a.tumblr { display: block; text-align: left; position: relative; }
footer .col-2 #social a.tumblr:before { font-family: "Font Awesome 6 Brands"; font-size: 18px; color: #194E6F; text-transform: lowercase; text-align: left; line-height: 1; content: "\f173"; letter-spacing: 0; }
