/* Table Of Content

1   - Import

2   - Global Css

3   - Header

4   - Slider

5   - About Info

6   - News

7   - Room

8   - Parallax

9   - Support

10  - Newsletter

11  - Footer

12  - Breadcrumb

13  - Accordion

14  - About Destination & Tab

15  - Sidebar

16  - Gallery

17  - Room List

18  - Quick reservation

19  - Room Single

20  - Contact Form

21  - Error Page

22  - Blog

23  - Comments

24  - Under Construction

*/



/*-----------------------------------------------------------------------------------*/

/*  Import

/*-----------------------------------------------------------------------------------*/



@import url("reset.css");
 @import url("font-awesome.min.css");
 @import url("slicknav.css");
 @import url(https://fonts.googleapis.com/css?family=Varela+Round);
 @import url(https://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic);
 @import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);
body { margin: 0; padding: 0; font-family: "Muli", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
/*-----------------------------------------------------------------------------------*/

/*  Global Css

/*-----------------------------------------------------------------------------------*/





#wrapper { width: 100%; height: auto; }
.pos-center { text-align: center; }
.pos-left { text-align: left; }
.pos-right { text-align: right; }
a { color: #000; }
a:hover { color: #c3a468; text-decoration: none; }
input:focus { outline: none; }
textarea:focus { outline: none; }
.rsp-img-center { margin: 0 auto; }
.active-color { color: #c3a468; }
h1 { font-size: 40px; line-height: 44px; color: #333; letter-spacing: 0.03em; }
h2 { font-family: Varela Round; font-size: 30px; line-height: 40px; color: #333; letter-spacing: 0.03em; }
h1, h2, h3, h4 { font-family: 'Playfair Display', serif !important; text-transform: uppercase; color: #003d57; }
h3 { font-family: Varela Round; font-size: 21px; line-height: 36px; color: #003d57; letter-spacing: 0.0825em; }
h4 { font-family: Varela Round; font-size: 17px; line-height: 18px; color: #003d57; letter-spacing: 0.0825em; }
h5 { font-family: Varela Round; font-size: 18px; line-height: 28px; color: #003d57; letter-spacing: 0.0825em; }
h6 { font-family: Varela Round; font-size: 13px; line-height: 24px; color: #000; letter-spacing: 0.0825em; }
.content { background: #fff; line-height: 22px; }
.slicknav_menu { display: none; }
.text-family { font-size: 17px; line-height: 24px; text-align: center !important; }
/*-----------------------------------------------------------------------------------*/

/*  Header

/*-----------------------------------------------------------------------------------*/

.about-info p { text-align: justify; }
.about-info h1 { margin-bottom: 20px; text-align: center; font-size: 35px; }
.pre-header { font-size: 11px; background: #003d57; height: 38px; float: left; width: 100%; }
.pre-header ul { padding-top: 0px; }
.pre-header .pre-address-b { padding-left: 280px; }
.pre-header .pre-address-b a { color: #fff; }
.pre-header .pre-address-b a:hover { color: #c0ac78; }
.pre-header p i { margin-right: 5px; }
.pre-header p { display: inline; float: left; color: #fff; font-size: 13px; margin: 10px 15px 10px 0; }
.pre-header ul li { float: left; margin-right: 5px; }
/*---------START PRE-HEADER SOCIAL ------*/

.pre-header .social { width: auto; padding: 0 10px;/*border-left: 1px solid #c3a468;
	border-right: 1px solid #c3a468;*/ }
.pre-header .social ul { display: inline-block; }
.pre-header .social ul li { margin: 0 5px 0 0; /*border: 1px solid #003d57;*/ width: 30px; float: left; }
.pre-header .social ul li a { display: block; width: 100%; height: 100%; text-align: center; }
.pre-header .social ul li:hover a i { color: #c0ac78; transition: color 0.5s ease; }
.pre-header .social ul li a i { font-size: 16px; text-align: center; line-height: 38px; color: #fff; }
/*---------END PRE-HEADER SOCIAL ------*/

.main-header { transition: all 0.4s ease-in-out; }
.header-booking { background: #003d57; float: left; width: 100%; display: none; opacity: 0; transition: all 0.4s ease-in-out; }
.main-header.fixed .header-booking { display: block; opacity: 1; transition: all 0.4s ease-in-out; }
.header-booking .slogan { display: inline-block; float: left; margin-right: 50px; padding-top: 6px; }
.header-booking .slogan h2 { color: #fff; font-size: 20px; line-height: 40px; }
#fastbooking { float: left; }
/*---------START PRE-HEADER LANGUAGE ------*/
.language-box { height: 38px;/*border-left: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;*//*margin-top: 5px;*/ }
.language-box ul { background: #003d57; max-width: 80px; height: 38px; position: relative; z-index: 99999; padding: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; overflow: hidden; border-right: 1px solid #7d7d7d; border-left: 1px solid #7d7d7d; }
.language-box ul:hover { height: auto; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.language-box ul li { float: left; width: 100%; margin: 0; padding: 0; font-size: 14px; letter-spacing: 1px; border-bottom: 1px solid #015579; line-height: 19px; }
.language-box ul li:last-child { border-bottom: 0; }
.language-box ul li a { display: inline-block; width: 100%; height: 100%; color: #fff; padding: 10px; text-align: center; }
.language-box ul li:hover a { color: #fff; transition: 0.4s ease; }
.language-box ul li img { margin-right: 8px; margin-top: -3px; }
/*---------END PRE-HEADER LANGUAGE ------*/

/*---------START PRE-HEADER LANGUAGE ------*/
.social-box { height: 38px;/*border-left: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;*//*margin-top: 5px;*/ }
.social-box ul { background: #003d57; max-width: 110px; height: 38px; position: relative; z-index: 99999; padding: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; overflow: hidden; border-right: 1px solid #7d7d7d; border-left: 1px solid #7d7d7d; }
.social-box ul:hover { height: auto; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.social-box ul li { float: left; width: 100%; margin: 0; padding: 0; font-size: 14px; letter-spacing: 1px; border-bottom: 1px solid #015579; line-height: 19px; }
.social-box ul li:last-child { border-bottom: 0; }
.social-box ul li a { display: inline-block; width: 100%; height: 100%; color: #fff; padding: 10px; text-align: center; }
.social-box ul li:hover a { color: #fff; transition: 0.4s ease; }
.social-box ul li img { margin-right: 8px; margin-top: -3px; }
/*---------END PRE-HEADER LANGUAGE ------*/

/*---------START MAIN-HEADER------*/

#footer-mobile { float: left; width: 100%; background: #cccccc; height: 50px; position: fixed; left: 0px; bottom: 0px; z-index: 99; display: none; }
#footer-mobile ul { float: left; width: 100%; }
#footer-mobile ul li { float: left; width: 25%; }
#footer-mobile ul li a { float: left; width: 100%; text-align: center; font-size: 9px; text-transform: uppercase; position: static; padding: 5px; text-decoration: none; margin: 0px; border-right: 2px solid #242526; }
#footer-mobile ul li a i { float: left; width: 100%; text-align: center; display: block; font-size: 18px; line-height: 30px; }
#footer-mobile ul li a:hover, #footer-mobile ul li a.book_now { background: #003d57; color: #fff; }
#footer-mobile ul li a { color: #fff; background: #2a2a2a; }
.outter-header { position: fixed; /* left: 0; */ width: 100%; z-index: 99; }
.main-header.fixed { position: fixed; top: 0; width: 100%; /*z-index: 100;*/ transition: all 1s ease; /*-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);*/ z-index: 999; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); }
.main-header.fixed #menu-mobile .slicknav_menu a.slicknav_btn.slicknav_collapsed { /*top:20px;*/ }
.main-header { background: #f4f1e9; height: auto; float: left; width: 100%; transition: all 1s ease; min-height: 45px; }
.main-header .logo { padding: 21px;/* padding-top: 20px; */ background: #f4f1e9; top: -38px; position: absolute;/*max-width: 240px;*//* max-height: 139px; */ outline: 1px solid #003d57; outline-offset: -10px; }
.main-header .logo a { display: block; float: left; }
.main-header a { font-family: Varela Round; }
.nav { position: relative; }
/* SF Menu */

.sf-menu li a { font-family: Varela Round; }
.sf-menu ul { position: absolute; display: none; /*left: 0px;*/ z-index: 99; }
.sf-menu ul li ul { position: absolute; display: none; top: 100%; left: 100%; z-index: 99; }
.sf-menu li:hover > ul, .sf-menu li.sf-menuHover > ul { display: block; }
.sf-menu ul li { width: 100%; min-width: 225px; }
.sf-menu .parent-menu ul { float: none; /*left:3px;*/ /*left: auto;*/ left: 100%; top: 0; }
.sf-menu .parent-menu ul li { padding: 0; }
.sf-menu .parent-menu { position: relative; }
.sf-menu .parent-menu:after { content: "\f054"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size: 9px; padding-right: 1em; position: absolute; top: 8px; right: 8px; }
.sf-menu .parent-menu:hover:after { color: #fff !important; }
/* SF Menu */



.sf-menu .parent-menu.active:after { content: "\f078"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size: 9px; padding-right: 1em; position: absolute; top: 19px; right: 10px; }
.nav ul li { float: left; position: relative; padding: 9px 2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.nav ul li:last-child { margin-right: 0px; }
/*.nav ul li.active {

    background: #003d57;

    position: relative;

}*/



.nav ul li:hover { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.nav ul li.active a, .nav ul li:hover a { color: #fff; background: #003d57; }
.nav ul li:hover ul li a { background: none; }
/*.nav ul.sf-menu > li:before {

    content: "";

    position: absolute;

    top: 60px;

    left: 50%;

    margin-left:-12px;

    height: 2px;

    width: 0px;

    background: #c3a468;

    border: none;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;

}



.nav ul.sf-menu > li:hover:before {

    content: "";

    position: absolute;

    top: 20px;

    left: 50%;

    margin-left:-12px;

    height: 1px;

    width: 25px;

    background: #c3a468;

    border: none;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;

}



.nav ul.sf-menu > li.active:before {

    position: absolute;

    top: 20px;

    left: 50%;

    height: 1px;

    width: 25px;

    background: #c3a468;

    border: none;

}*/



.nav ul li.active a { color: #FFF; }
.nav ul li a { font-size: 13px; letter-spacing: 0.15px; color: #000; text-transform: uppercase; padding: 8px 8px; padding-bottom: 6px; display: inline-block; text-decoration: none; }
.nav ul li.parent-menu a { padding-right: 32px; }
.nav ul li ul li a { background: #383b43; }
.nav ul li ul li { background: #383b43; line-height: 20px; padding: 0; border-bottom: 1px solid rgba(240,240,240, 0.2); }
.nav ul li ul li:last-child { border-bottom: 0; }
.nav ul li ul li a { display: inline-block; font-family: Varela Round !important; width: 100%; height: 100%; text-transform: uppercase; font-size: 11px; padding: 8px 15px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.nav ul li ul li a:hover { background: #003d57; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
/* Alternative Menu */

#home .pre-header { background: url(../img/white-pattern.png) rgba(255,255,255,0.2); }
#home .main-header { background: url(../img/white-pattern.png); }
#home .nav ul li.active { background: rgba(0,0,0,0.6); }
#home .nav ul li.active a { color: #c3a468; }
#home .nav ul li a { color: #fff; }
#home .sf-menu .parent-menu.active:after { color: #c3a468 !important; }
#home .sf-menu .parent-menu:after { color: #fff !important; }
#home .nav ul li:hover { background: rgba(0,0,0,0.6); }
#home .nav ul li:hover a { color: #c3a468; }
#home .sf-menu .parent-menu:hover:after { color: #c3a468 !important; }
#home .nav ul li ul li a { color: #fff !important; }
#home .nav ul li ul li { background: rgba(0,0,0,0.9); }
#home .pre-header p { color: #C9C9CB; }
#home .pre-header ul li a { color: #C9C9CB; }
#home .language-box ul { background: transparent; }
#home .language-box ul li { background: rgba(0,0,0,0.8); border-bottom: 1px solid rgba(255,255,255,0.1); line-height: 25px; }
#home .language-box ul li:first-child { background: transparent; }
#home .language-box ul:hover li:first-child { background: rgba(0,0,0,0.8); }
#home .language-box { border-left: 1px solid rgba(255,255,255,0.1); }
/* Alternative Menu */



.button-style-1 a { background: #c3a468; padding: 12px 20px; font-family: Varela Round; font-size: 12px; color: #FFF; letter-spacing: 0.0725em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
#fastbooking input[type="submit"] { background: #c0ac78; color: #fff;/* padding: 12px 20px; */ height: 29px; text-align: center; padding-left: 20px; padding-right: 20px; width: auto; border-radius: 0; margin-top: 17px; margin-left: 0px; border: none; }
.button-style-1 i { padding-right: 12px; }
#fastbooking input[type="submit"]:hover { background: #c0ac78; color: #fff; }
.button-style-1 a:hover { background: #c0ac78; }
/*-----------------------------------------------------------------------------------*/

/*  Slider

/*-----------------------------------------------------------------------------------*/



/*.flex-direction-nav a:before {

    content: "\f104";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    color: #fff;

    font-size: 85px;


    position: absolute;

    top: 10px;

    left: 0;

    opacity: 0.8;

}



.flex-direction-nav a.flex-next:before {

    content: "\f105";
	
	    right: 8px;

}



.flex-direction-nav a:before:hover {

    opacity: 1;

}*/



.falsenav .flex-control-paging { display: none; }
.flexslider ul.slides li, .flexslider-thumb ul.slides li { position: relative; }
.flexslider ul li .slider-textbox { position: absolute; top: 50%; max-width: 630px; left: 16.22222222%; background: rgba(0, 61, 87, 0.73); padding: 10px; border: 1px solid #ffffff5c; box-shadow: 0px 0px 6px #000; text-align: center; }
.presentation-box { vertical-align: middle; margin: 12% 0; padding: 25px 0; text-align: center; border-top: 2px solid #c3a468; border-bottom: 2px solid #c3a468; }
.slider-home .flexslider .flex-direction-nav a { top: 54%; }
.slider-home, .slider-home .flexslider { /* height: 620px !important;*/ overflow: hidden; }
/*.slider-home .flex-viewport {

    height: 620px;

}
*/


.slider { position: relative; }
.slider-loading { background: #fff; /*z-index: 99999999999999999999;*/ z-index: 1; }
.slider-loading .slides { display: none; }
.slider-loading:after { content: url(../img/progress.gif); position: absolute; top: 30%; left: 50%; background: #fff; }
.slider-bar { /*font-family: Varela Round;

    color:#fff;

    width: auto;

    height: 60px;

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

    font-size:20px;

    padding:20px 20px 0 20px;*/ font-family: 'Playfair Display', serif; font-size: 45px; color: #fff; width: auto; height: 70px; text-transform: uppercase; text-shadow: 2px 1px 2px #000; /* background: rgba(0,0,0,0.7); */ /* font-size: 20px; */ padding: 20px 0px 0 20px; padding-left: 0; padding-bottom: 0px; text-transform: uppercase; }
.slider-triangle { /*width: 0;

    height: 0;

    border-top: 60px solid rgba(0,0,0,0.7);

    border-right: 40px solid transparent;*/ max-width: 265px; height: 0; float: none !important; border-top: 1px solid #003d57; border-right: 70px solid transparent; text-align: center; margin-left: auto; margin-right: auto; border-left: 70px solid transparent; margin-bottom: 20px; }
.slider-bar-under { font-family: Varela Round; color: #fff; width: auto; height: 35px; text-transform: uppercase;/* background: #c3a468; */ font-size: 18px; letter-spacing: 1px; font-weight: 100; font-style: italic; padding: 6px 0px 0 20px; text-shadow: 2px 1px 2px #000; padding-top: 0; padding-left: 0; }
.slider-triangle-under { /*width: 0;

    height: 0;

    border-top: 35px solid #c3a468;

    border-right: 20px solid transparent;*/ }
.book-slider { width: 100%; }
.book-slider ul { display: inline-block; }
.book-slider ul li label { margin-top: 3px; margin-bottom: 0; text-align: left; width: auto; display: block; color: #fff; }
.book-slider ul li .cancel-btn { line-height: 17px; width: 108px; display: block; text-align: left; margin-top: 10px; font-size: 11px; letter-spacing: 0.5px; text-decoration: underline; color: #fff; margin-right: 10px; }
.book-slider ul li { float: left; margin-right: 15px; }
.book-slider ul li.sec-input { margin-right: 20px; }
.book-slider input, .book-slider select { height: 29px; border: solid 1px #c0ac78; background: transparent; color: #fff; padding-left: 10px; font-size: 15px; padding-top: 2px; width: 90px; padding-bottom: 5px; }
.book-slider label { letter-spacing: 1.5px; }
.sod_select { width: 80px; padding: 0; padding-left: 10px; border: solid 1px #c0ac78; height: 29px; background: transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-top: 8px; }
.sod_select.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.sod_select .sod_list_wrapper { border: solid 1px #fff; }
.book-slider select, .book-slider ul li.li-select { width: auto; }
label { width: auto; color: #727272; font-size: 10px; letter-spacing: 0.0725em; }



::-webkit-input-placeholder {
 color: #fff;
 font-size: 11px;
 letter-spacing:-0.5px;
}
.book-slider .button-style-1 { padding: 1px 20px; }
.book-slider .button-style-1 a { padding: 15px 20px; }
.bottom-book-slider { position: absolute; bottom: 0px; width: 100%; height: 35px; line-height: 35px; background: url(../img/bottom-slider-book-now.png); }
.bottom-book-slider { color: #FFF; font-size: 12px; letter-spacing: 0.0725em; font-family: Varela Round; }
.bottom-book-slider ul li { float: left; font-size: 14px; width: 33.333%; border-right: solid 1px rgba(255, 255, 255, 0.1); }
.bottom-book-slider ul li:last-child { border-right: none; }
.bottom-book-slider i { font-size: 15px; color: #c3a468; padding-right: 10px; }
 .date-selector::-webkit-input-placeholder {
 color: #fff;
}
 .date-selector:-moz-placeholder {
 color: #fff;
}
 .date-selector::-moz-placeholder {
 color: #fff;
}
 .date-selector:-ms-input-placeholder {
 color: #fff;
}
.reservation-confirm { max-width: 700px; padding: 0 20px; margin: 0 auto; margin-top: 20px; font-family: Varela Round; font-size: 16px; color: #fff; }
.reserve-form-area ul { list-style: none; padding-top: 0px; }
/*-----------------------------------------------------------------------------------*/

/*  About Info

/*-----------------------------------------------------------------------------------*/



#offerte .content { width: 100%; background: #f4f4f4; overflow: hidden; text-align: center; text-transform: uppercase; }
#offerte .content:hover .img-responsive { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#offerte .content a { display: -webkit-inline-box; padding: 5px 20px; border: 2px solid #c3a468; color: #c3a468; font-size: 15px; text-transform: uppercase; margin: 10px 0; }
#offerte .content a:hover { color: #000; transition: all 0.5s; }
.title-shape { margin-top: 10px; margin-bottom: 15px; }
.title-shape img { width: 100%; }
p { font-size: 15px; text-align: justify; }
.about-title p { font-size: 15px; color: #111;/* max-width: 80%; */ margin: 0 auto; text-align: justify; margin-bottom: 15px; }
.title-style-1 hr { width: 30px; height: 2px; background: #a6948b; float: left; margin: 0; margin-top: 13px; }
.title-style-1 h5 { line-height: 15px; }
.title-style-2 hr { width: 23px; height: 2px; background: #c3a468; margin: 0 auto; margin-top: 13px; }
.flex-control-paging li a { width: 10px; height: 10px; background: #ccc; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }
.flex-control-paging li a.flex-active { background: #003d57; }
.img-grande-slogan { float: left; width: 100%; padding: 0px; position: relative; overflow: hidden; }
/*-----------------------------------------------------------------------------------*/

/*  News

/*-----------------------------------------------------------------------------------*/



.news-box { padding-bottom: 10px; padding-top: 25px; border-bottom: solid 1px #f1f1f1; clear: both; }
.news-box:first-child { padding-top: 0; }
.news-box:last-child { border: none; }
.news-date { font-size: 10px; }
.date-day { background: #c3a468; border-radius: 5px; height: 40px; width: 50px; display: inline-block; position: relative; font-family: Verdana; font-size: 20px; color: #FFF; text-align: center; padding-top: 7px; }
.date-day hr { position: absolute; top: 0px; height: 1px; width: 50px; background: #FFF; border: none; opacity: 0.2; }
.news-date { width: 55px; }
.news-time { width: 20%; }
.news-content { width: 80%; }
.home-news h6 { font-size: 13px; }
/*-----------------------------------------------------------------------------------*/

/*  Room

/*-----------------------------------------------------------------------------------*/



.home-room-box { margin-bottom: 60px; }
.home-room-details ul li { margin-top: 5px; float: left; margin-right: 17px; }
.home-room-details a { color: #444; }
.home-room-details i { color: #c3a468; }
.room-rating ul li { float: left; margin-right: 5px; line-height: 28px; }
.room-rating ul li i { color: #c3a468;/* font-size: 10px; */ }
.room-rating ul li i.inactive { color: #c6c6c6; }
.room-image { position: relative; overflow: hidden; }
.home-room-box:hover .home-room-details { height: 70px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.home-room-details { position: absolute; bottom: 0px; padding: 10px; padding-top: 7px; background: rgba(255,255,255,0.9); width: 100%; height: 40px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.room-details { margin: 25px 0; }
.room-bottom h4 { color: #c3a468; }
.room-bottom-time { font-size: 9px; color: #979797; }
.room-features { position: absolute; background: rgba(0,0,0,0.8); padding: 1px 12px; color: #FFF; font-size: 9px; top: 9px; right: 10px; letter-spacing: 0.0725em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.room-features i { padding-right: 5px; }
.home-room-box:hover .room-features { background: rgba(0,0,0,1); }
.flexslider-thumb .flex-control-nav li { width: 126px; }
.flexslider-thumb { margin-bottom: 30px; }
@font-face { font-family: 'weather'; src: url('artill-clean-icons/artill_clean_icons-webfont.eot'); src: url('artill-clean-icons/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('artill-clean-icons/artill_clean_icons-webfont.woff') format('woff'), url('artill-clean-icons/artill_clean_icons-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }
#weather { padding-top: 10px; }
#weather i { color: #b4b4b4; font-family: weather; font-size: 130px; font-weight: normal; font-style: normal; line-height: 1.0; }
#weather .pull-left { margin-top: -30px; }
#weather h3 { font-size: 14px; padding-left: 10px; }
#weather h3:first-child { margin-top: 40px; }
/*-----------------------------------------------------------------------------------*/
/*  Parallax
/*-----------------------------------------------------------------------------------*/
.parallax-one { background: url('../img/parallax.jpg'); height: 380px; padding: 100px 0; }
.parallax-camere:before, .parallax-colazione:before, #parallax-home:before, #parallax-recepsion:before, .inner-banner:before, #parallax-hall:before, #parallax-colazione:before, #parallax-colazione-02:before, #parallax-hotel-camere:before, #parallax-hotel:before, #parallax-ristorante:before, #parallax-piscina:before, #parallax-spiaggia:before, #parallax-camere:before, #parallax-posizione:before, #parallax-terrazza:before, #parallax-servizi:before, #parallax-dove-siamo:before, #parallax-territorio:before, #parallax-offerte:before, #parallax-tariffe:before, #parallax-family-hotel:before, #parallax-galleryy:before, #parallax-contatti:before, .parallax-tours:before, #gallery:before { content: ''; position: absolute; left: 0; display: block; top: 0; width: 100%; /* z-index: 9; */ height: 100%; /*background: rgba(0,0,0,0.1);*/ }
.parallax { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-position: top center; position: relative; }
#parallax-camere { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/parallax-camere.jpg'); padding: 200px 0; }
#parallax-family-hotel { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/family-hotel-footer.jpg'); padding: 200px 0; }
#parallax-ristorante { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/ristorante-footer.jpg'); padding: 200px 0; }
#parallax-servizi { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/servizi-footer.jpg'); padding: 200px 0; }
#parallax-piscina { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/piscina-footer.jpg'); padding: 200px 0; }
#parallax-spiaggia { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/spiaggia-footer.jpg'); padding: 200px 0; }
#parallax-hotel { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/hotel-footer.jpg'); padding: 200px 0; }
#parallax-contatti { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/contatti-footer.jpg'); padding: 200px 0; }
#parallax-offerte { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/offerte-footer.jpg'); padding: 200px 0; }
#parallax-tariffe { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/tariffe-footer.jpg'); padding: 200px 0; }
#parallax-galleryy { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/gallery-footer.jpg'); padding: 200px 0; }
#parallax-dove-siamo { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/dove-siamo-footer.jpg'); padding: 200px 0; }
#parallax-territorio { position: relative; width: 100%; background-attachment: fixed !important; background-repeat: no-repeat; background-position: center; background: url('../img/territorio-footer.jpg'); padding: 200px 0; }
.parallax-camere:before, .parallax-colazione:before, #parallax-home:before, #parallax-recepsion:before, .inner-banner:before, #parallax-hall:before, #parallax-colazione:before, #parallax-colazione-02:before, #parallax-hotel-camere:before, #parallax-camere-02:before, #parallax-posizione:before, #parallax-terrazza:before, .parallax-tours:before, #gallery:before { content: ''; position: absolute; left: 0; display: block; top: 0; width: 100%; /* z-index: 9; */ height: 100%; background: rgba(0,0,0,0.1); }
.parallax { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-position: top center; position: relative; }
.parallax-one { background: url('../img/parallax.jpg'); height: 380px; padding: 100px 0; position: relative; }
#parallax-colazione { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat; background-position: center center; background: url('../img/colazione/parallax.jpg'); padding: 200px 0; }
#parallax-terrazza { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat; background-position: top center; background: url('../img/parallax-terrazza.jpg'); padding: 200px 0; }
#parallax-camere-02 { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat; background-position: center; background: url('../img/parallax-camere-02.jpg'); padding: 200px 0; }
#parallax-home { position: relative; width: 100%; background-size: cover !important; background-repeat: no-repeat; background-position: center center; background: url('../img/parallax-home.jpg'); padding: 230px 0; }
#parallax-colazione-02 { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat; background-position: top center; background: url('../img/colazione/parallax-02.jpg'); padding: 300px 0; }
#parallax-hotel-camere { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat; background-position: center center !important; background: url('../img/hotel/parallax-camere.jpg'); padding: 200px 0; }
#parallax-posizione { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat; background-position: top center; background: url('../img/parallax-posizione.jpg'); padding: 200px 0; }
.parallax-camere { background: url('../img/parallax-camere.jpg'); padding: 200px 0; background-size: cover !important; background-repeat: no-repeat; background-position: center center; position: relative; }
.parallax-tours { background: url('../img/parallax-tours.jpg'); padding: 200px 0; background-size: cover !important; background-repeat: no-repeat; background-position: center center; position: relative; }
.parallax-colazione { background: url('../img/parallax-colazione.jpg'); padding: 200px 0; background-size: cover !important; background-repeat: no-repeat; background-position: center center; position: relative; }
.parallax-gallery { background: url('../img/parallax-gallery-01.jpg'); padding: 200px 0; background-size: cover !important; background-repeat: no-repeat; background-position: center center; }
.parallax-slogan { padding: 10px 0 50px 0; padding-left: 0; /*border-left:3px solid #fff;*/ text-shadow: 2px 1px 2px #000; z-index: 100; }
.parallax-slogan h1 { font-size: 45px; margin-bottom: 20px; color: #fff; }
.parallax-slogan p { font-size: 20px; color: #fff; font-style: italic; text-transform: uppercase; font-weight: 500; line-height: 25px; margin-bottom: 25px; letter-spacing: 1px; }
.parallax-slogan span { font-size: 30px; }
.parallax-slogan .bottone { padding: 10px 35px; color: #fff; border: 2px solid #fff; text-align: center; font-size: 16px; text-decoration: none; letter-spacing: 1px; display: inline-block; margin-top: 10px; background: #003d57; text-transform: uppercase; }
.parallax-slogan .bottone:hover { background: #c0ac78; transition: all 0.4s; transition: border-color 0.4s; }
#gallery { position: relative; width: 100%; background-attachment: fixed /*!important*/; background-size: cover !important; background-repeat: no-repeat; background-position: top center !important; background: url('../img/parallax-gallery-01.jpg'); /*height: 500px;*/ padding: 215px 0; }
#parallax-gallery { text-align: center; color: #fff; float: left; text-shadow: 1px 1px 2px #000; background: -moz-radial-gradient(center, ellipse cover, rgba(42,42,42,0.7) 0%, rgba(42,42,42,0) 70%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 60%, color-stop(0%, rgba(42,42,42,0.7)), color-stop(70%, rgba(42,42,42,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(42,42,42,0.7) 0%, rgba(42,42,42,0) 70%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(42,42,42,0.7) 0%, rgba(42,42,42,0) 70%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(42,42,42,0.7) 0%, rgba(42,42,42,0) 70%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(42,42,42,0.7) 0%, rgba(42,42,42,0) 70%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a62a2a2a', endColorstr='#002a2a2a', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#parallax-gallery h1 { color: #fff; text-transform: uppercase; }
#parallax-gallery h4 { color: #fff; text-transform: uppercase; }
#parallax-gallery h5 { color: #fff; text-transform: uppercase; }
#parallax-gallery .gallery_line { float: left; height: 20px; margin: 5px 0 10px; width: 100%; background: url("../img/gallery_line.png") top center no-repeat; }
#mappa-richiesta #contact-form { width: 100%; float: left; min-height: 400px; border: 2px solid #f4f4f4; text-align: center; padding: 1% 5%; }
#mappa-richiesta #contact-form label { text-transform: uppercase; font-size: 12px; margin-top: 0; margin-bottom: 0; color: #000; text-align: left; }
#mappa-richiesta #contact-form input[type="text"] { height: 30px; width: 100%; border: 1px solid #c3a468; margin: 5px 0; padding: 10px; border-radius: 5px; }
#mappa-richiesta #contact-form input[type="submit"] { padding: 5px 25px; color: #fff; text-transform: uppercase; font-size: 14px; border: 1px solid #c3a468; margin: 10px 0 0 0; border-radius: 5px; }
/*______________________ START STILE PRENOTAZIONE GRUPPI ____________________*/



.prenotazione-gruppi { width: 100%; float: left; min-height: 400px; border: 4px double #c3a468; text-align: center; padding: 5%; }
.prenotazione-gruppi h6 { text-transform: uppercase; font-weight: 600; color: #000; }
.prenotazione-gruppi p { text-align: justify; line-height: 20px; margin-bottom: 15px; }
.prenotazione-gruppi #form-gruppi .col-md-12 { padding-left: 0; padding-right: 0; }
.prenotazione-gruppi hr, .prenotazione-gruppi #form-gruppi hr { border-top: 1.5px solid #c3a468; margin-top: 0; margin-bottom: 5px; }
.prenotazione-gruppi #form-gruppi label { text-transform: uppercase; font-size: 11px; margin-top: 0; color: #545454; margin-bottom: 0; text-align: left; }
.prenotazione-gruppi #form-gruppi input[type="text"] { height: 30px; width: 100%; border: 1px solid #c3a468; margin: 5px 0; padding: 10px; border-radius: 5px; }
.prenotazione-gruppi #form-gruppi textarea { width: 100%; height: 120px; }
.prenotazione-gruppi #form-gruppi input[type="submit"] { padding: 5px 25px; color: #fff; text-transform: uppercase; font-size: 14px; border: 1px solid #c3a468; margin: 10px 0 0 0; border-radius: 5px; }
/*-------------------------END STILE PRENOTAZIONE GRUPPI-----------------------------*/





/*-----------------------------------------------------------------------------------*/

/*  Support

/*-----------------------------------------------------------------------------------*/



.support-box { position: relative; background: rgba(255,255,255,0.95); padding: 10px 50px; padding-top: 60px; }
.support-box-title { position: absolute; background: rgba(36,57,66,0.8); width: 60px; height: 60px; text-align: center; border-radius: 50%; top: -30px; left: 50%; margin-left: -30px; }
.support-box-title i { color: #FFF; font-size: 18px; padding-top: 22px; }
/* Flip Card */

.flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; transform-style: preserve-3d; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.flip-container:hover .back { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
.flip-container:hover .front { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
/* END: Accommodating for IE */



.flip-container, .front, .back { width: 100%; height: 225px; }
/* flip speed goes here */

.flipper { transition: 0.8s; transform-style: preserve-3d; position: relative; }
/* hide back of pane during swap */

.front, .back { backface-visibility: hidden; transition: 0.8s; transform-style: preserve-3d; position: absolute; top: 0; left: 0; background: #fff !important; }
/*  UPDATED! front pane, placed above back */

.front { z-index: 2; transform: rotateY(0deg); }
/* back, initially hidden pane */

.back { transform: rotateY(-180deg); }
/*-----------------------------------------------------------------------------------*/

/*  Newsletter

/*-----------------------------------------------------------------------------------*/

.newsletter-wrapper { display: inline-block; }
.newsletter-top { /* width: 60%; */ border-bottom: solid 1px #f1f1f1; margin: 0 auto; padding-bottom: 30px; }
.newsletter-top img { margin-right: 10px; margin-left: 10px; }
.newsletter-section { margin: 0 auto; }
.newsletter-form h2 { font-family: Shadows Into Light; color: #666666; font-size: 20px; text-transform: none; text-align: center; }
.newsletter-form input { height: 41px; width: 280px; padding-left: 10px; }
input[type="submit"] { margin-left: 20px; border: solid 1px #fff; background: #fff; padding: 6px 0; text-align: center; width: 110px; font-family: Varela Round; font-size: 12px; color: #000; letter-spacing: 0.0725em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
input[type="submit"]:hover { background: #a6948b; border: solid 1px #a6948b; }
 .newsletter-form ::-webkit-input-placeholder {
 color: #959595;
}
.partners { background: #f7f7f7; border-top: 3px solid #c3a468; }
/*-----------------------------------------------------------------------------------*/

/*  Footer

/*-----------------------------------------------------------------------------------*/


.footer .nav-footer { list-style: none; width: 100%; float: left; margin: 0; }
.footer .nav-footer li { float: left; width: auto; padding: 0 5px; border-right: 1px solid #444; font-size: 11px; line-height: normal; text-transform: uppercase; }
.footer .nav-footer li:last-child { border: none; }
.footer .nav-footer li a { color: #c3a468; padding: 3px; }
.footer { background: #002E42; line-height: 25px; float: left; width: 100%; border-top: 3px solid #c3a468; }
.footer p { color: #fff; margin-bottom: 0; }
.footer a { color: #fff; }
.main-footer { padding: 25px; font-size: 13px; border-bottom: solid 1px #444; padding-bottom: 10px; }
.copyright-text { color: #fff; font-size: 15px; border-top: 1px solid #fff; margin-bottom: -6px; padding-top: 5px; }
.copyright-text a { color: #c3a468; }
.copyright-text a:hover { color: #ccc; }
ul.footer-links { margin-top: 10px; font-size: 14px; }
ul.footer-links li i { color: #fff; padding-right: 10px; width: 20px; }
.footer-logo { height: 160px; line-height: 160px; }
.footer-logo img { display: inline-block; }
.main-footer .newsletter { float: left; width: 100%; }
.main-footer .newsletter .newsletter-wrapper { }
.main-footer .newsletter .newsletter-wrapper h5 { }
.main-footer .newsletter .newsletter-wrapper .input-group { position: relative; display: table; border-radius: 5px; /*border: 1px solid #c3a468;*/ border-collapse: separate; }
.main-footer .newsletter .newsletter-wrapper .input-group .form-control { display: table-cell; height: 31px; }
.pre-footer { font-size: 11px; background: #fff; width: 100%; float: left; padding: 10px 0; }
.pre-footer ul { width: 100%; float: left; text-align: center; line-height: normal; }
.pre-footer ul li { display: inline-block; padding: 0 1px; border-right: 1px solid #777; font-size: 10px; }
.pre-footer ul li:last-child { border-right: none; }
.pre-footer ul li a { color: #fff; padding: 0 1px; padding-right: 4px; }
.pre-footer ul li a:hover { color: #fff; transition: color 0.2s; }
.pre-footer p { color: #333; margin-right: 10px; margin-top: 2px; }
.main-footer .social { width: auto; padding: 0 5px; margin-top: 10px; margin-bottom: 10px; }
.main-footer .social ul { display: inline-block; }
.main-footer .social ul li { margin: 0 10px 0 0; width: 30px; float: left; }
.main-footer .social ul li a { display: block; width: 100%; height: 100%; text-align: center; }
.main-footer .social ul li:hover a i { color: #003d57; transition: color 0.5s ease; }
.main-footer .social ul li a i { font-size: 21px; text-align: center; line-height: 30px; color: #fff; }
/*-----------------------------------------------------------------------------------*/

/*  Breadcrumb

/*-----------------------------------------------------------------------------------*/





.breadcrumb { padding: 80px 0; border-radius: 0 !important; }
.breadcrumb-1 { background: url(../img/breadcrumb-1.jpg) no-repeat fixed; background-size: cover; }
.breadcrumb h1 { font-family: Varela Round; font-size: 45px; }
/*-----------------------------------------------------------------------------------*/
/*  Accordion
/*-----------------------------------------------------------------------------------*/

.panel { margin-bottom: 10px; border: 0; border-radius: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.active .plus-box { border: 0; color: #fff; }
.panel-style { padding: 7px 10px; border: solid 1px #e9e8e4; background: #003d57; }
.active-panel .panel-style { background: #003d57; border: solid 1px #f4f1e9; }
.panel-style a { margin-left: 10px; }
.active-panel .panel-style a { color: #FFF; }
.panel-style h4 { font-family: Varela Round; font-size: 18px; color: #fff; }
.tabbed-area h4 { margin-bottom: 15px; }
.tabbed-area li a { width: 100%; display: inline-block; line-height: 45px; }
/*-----------------------------------------------------------------------------------*/
/*  About Destination & Tab
/*-----------------------------------------------------------------------------------*/

.about-destination-box { padding: 20px 0; padding-top: 30px; border-bottom: solid 1px #f1f1f1; }
.about-destination-box:first-child { padding-top: 0; }
.about-destination-box a p { color: #727272; }
.tab-style .active-tab h6 { color: #e4b248; }
/*-----------------------------------------------------------------------------------*/

/*  Sidebar

/*-----------------------------------------------------------------------------------*/



.blg-img { width: 20%; }
.blg-txt { padding-left: 5%; width: 75%; }
.blg-txt p { margin-top: 10px; font-size: 12px; line-height: 22px; }
ul.sidebar-recent li { margin-bottom: 30px; }
ul.sidebar-recent li:last-child { margin-bottom: 0; }
ul.sidebar-recent li h5 { line-height: 22px; }
.luxen-widget .title h5 { margin-bottom: 20px; }
.luxen-widget { margin-bottom: 60px; }
ul.social-links li { float: left; }
ul.social-links li i { width: 30px; height: 30px; background: #c3a468; border-radius: 50%; color: #FFF; margin-right: 10px; text-align: center; padding-top: 9px; font-size: 12px; }
ul.social-links li i:hover { background: #0c242e; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.luxen-widget.news-widget .footer-links { margin-top: 10px !important; }
/*-----------------------------------------------------------------------------------*/

/*  Gallery

/*-----------------------------------------------------------------------------------*/



.gallery-box { margin-top: 40px; }
.gallery-box h5 { margin-top: 20px; line-height: 12px; }
.gallery-box h6 { font-size: 10px; color: #c3a468; }
/*-----------------------------------------------------------------------------------*/

/*  Room List

/*-----------------------------------------------------------------------------------*/



.sortby { border-bottom: solid 1px #f1f1f1; padding-bottom: 20px; }
select { border: solid 1px #f1f1f1; background: #FFF; padding: 5px 15px; }
.sort-icon img { margin-left: 10px; }
table { border: 1px solid #ccc; }
table tr.products-title { background: #f5f5f5; height: 35px; }
table tr.products-title-white { background: #ffffff; height: 35px; }
.products-image-table { padding: 20px; }
table td.table-products-image { width: 10%; font-weight: bold; }
.blue-tab { background: #003d57 !important; }
table td.table-products-name { width: 10%; }
table td.table-products-price { width: 10%; }
table td.table-products-image h6 { text-transform: uppercase; font-weight: 600; color: #fff; }
table td.table-products-image h5 { text-transform: uppercase; font-weight: 600; color: #fff; font-size: 14px; }
table td.table-products-name h6 { text-transform: uppercase; }
table td.table-products-price h6 { text-transform: uppercase; }
table td.table-products-total { width: 25%; }
table tr.table-products-list { border-bottom: solid 1px #f0f0f0; }
.table-products-list img { max-width: 360px; }
.title-table { text-align: left !important; padding: 40px 0; }
.list-room-icons { width: 100%; }
.list-room-icons ul li { float: left; margin-right: 15px; }
.list-room-icons ul li i { color: #c3a468; font-size: 15px; }
.room-details-list .room-rating { margin-left: 10px; }
/*-----------------------------------------------------------------------------------*/

/*  Quick reservation

/*-----------------------------------------------------------------------------------*/



.quick-reservation-container { background: url(../img/quick-reservation.jpg); padding: 7px; margin-bottom: 60px; }
.quick-reservation { border: solid 1px rgba(228,178,72,0.6); padding: 10px; padding-bottom: 30px; }
.quick-reservation h5 { color: #FFF; line-height: 15px; }
.quick-reservation .title-quick .line { width: 23px; height: 2px; margin: 0 auto; display: inline-block; background: #c3a468; }
.quick-reservation input, .quick-reservation select { height: 30px; border: solid 1px rgba(228, 178, 72, 0.6); background: transparent; color: #FFF; padding-left: 10px; width: 100%; }
label { margin-top: 10px; width: 100%; color: #FFF; font-family: Varela Round; font-size: 10px; letter-spacing: 0.0725em; }
.quick-reservation .children { width: 45%; }
.quick-reservation .type { width: 45%; margin-left: 10%; }
.quick-reservation .rooms { width: 45%; }
.quick-reservation .search-button { width: 45%; margin-left: 10%; }
.quick-reservation .button-style-1 { margin-top: 40px; width: 100%; }
.quick-reservation .button-style-1 a { font-size: 11px !important; padding: 8px 15px; }
/*-----------------------------------------------------------------------------------*/

/*  Room Single

/*-----------------------------------------------------------------------------------*/



ul.room-services { margin-top: 20px 0 0 0; }
ul.room-services i { color: #c3a468; font-size: 25px; padding-right: 10px; }
ul.room-services li { margin-bottom: 7px; font-size: 14px; text-transform: uppercase; }
ul.tabbed-area li { float: left; width: 33%; border: solid 1px #f1f1f1; padding: 0 20px; }
ul.tabbed-area li.active { background: #c3a468; border: solid 1px #c3a468; }
ul.tabbed-area li.active a { color: #FFF; }
/*-----------------------------------------------------------------------------------*/

/*  Contact Form

/*-----------------------------------------------------------------------------------*/



.contact-form input[type="text"] { width: 60%; margin-bottom: 10px; height: 46px; border: solid 1px #f1f1f1; padding-left: 10px; padding-top: 10px; }
.contact-form textarea { width: 100%; border: solid 1px #f1f1f1; height: 300px; padding-left: 10px; padding-top: 10px; }
 .contact-form ::-webkit-input-placeholder {
 color: #666;
}
.error-page-container { margin-top: 15%; }
.maps { width: 100%; height: 300px; }
/*-----------------------------------------------------------------------------------*/

/*  Error Page

/*-----------------------------------------------------------------------------------*/



.big-error-number { font-size: 180px; }
.error-page-container .button-style-1 { margin-top: 100px; margin-bottom: 15%; }
/*-----------------------------------------------------------------------------------*/

/*  Blog

/*-----------------------------------------------------------------------------------*/



.blog-post { margin-top: 60px; }
.post-materials ul li { float: left; margin-right: 30px; }
.post-materials ul li a { color: #333; }
.post-materials ul li i { color: #c3a468; padding-right: 10px; }
.post-materials h6 { font-size: 10px; }
.blog-share-tags { padding-bottom: 35px; border-bottom: solid 2px #eaeaea; }
.blog-tags ul li { float: left; position: relative; margin: 0 5px; }
.blog-tags .title i { font-size: 15px; color: #c3a468; margin-right: 10px; }
.blog-tags ul li.title { float: left; margin-left: 0; }
.blog-tags ul li a { background: #f1f1f1; font-size: 11px; padding: 5px 10px; color: #666; border-radius: 15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.blog-tags ul li a:hover { background: #c3a468; color: #FFF; }
.blog-tags ul li.title:after, .blog-tags ul li:last-child:after { display: none; }
.blog-share ul li { float: left; position: relative; margin: 0 25px; }
.blog-share ul li:last-child { margin-right: 0; }
.blog-share ul li i.fa-facebook { color: #3B5998; }
.blog-share ul li i.fa-twitter { color: #55ACEE; }
.blog-share ul li i.fa-pinterest { color: #CC2127; }
.blog-share ul li i.fa-google-plus { color: #DD4B39; }
.blog-share ul li.title { float: left; margin-left: 0; margin-right: 15px; }
.blog-share ul li a { color: #666; }
.blog-share ul li:after { content: "|"; position: absolute; top: -3px; right: -25px; font-size: 7px; }
.blog-share ul li.title:after, .blog-share ul li:last-child:after { display: none; }
/*-----------------------------------------------------------------------------------*/

/*  Comments

/*-----------------------------------------------------------------------------------*/



.write-comment-box { padding: 40px; }
.write-comment a { color: #666; }
.comment-box { background: #f5f5f5; padding: 30px; }
.comment-author-image img { width: 75px; }
.write-comment-box input[type="submit"] { float: right; }
.children li { margin-left: 15%; position: relative; height: auto !important; }
.children li.comment-box:after { content: ''; position: absolute; left: -80px; top: -15px; height: 80px; width: 40px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.children > .children li { margin-left: 30%; position: relative; height: auto !important; }
.children > .children li:after { content: ''; position: absolute; left: -80px; top: -15px; height: 80px; width: 40px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/*-----------------------------------------------------------------------------------*/

/*  Under Construction

/*-----------------------------------------------------------------------------------*/



#under-construction-page { background: url(../img/slider-2.jpg) !important; height: 100%; }
.mask { height: 100%; background: rgba(0,0,0,0.6); }
#under-construction-page .logo { max-width: 180px; margin: 0 auto; }
#under-construction-page .cons-line { width: 50%; margin: 0 auto; height: 1px; background: rgba(255,255,255,0.1); }
#under-construction-page h1 { color: #FFF; }
#under-construction-page p { color: #FFF; font-family: Varela Round; font-size: 12px; max-width: 50%; margin: 0 auto; }
/*-----------------------------------------------------------------------------------*/


/*  Added Version:1.3

/*-----------------------------------------------------------------------------------*/





.breadcrumb { margin-bottom: 0; }
.free-book { background-image: url(../img/video.jpg); background-position: top center; background-repeat: no-repeat; }
.free-book .book-slider { position: relative; bottom: 0; width: 100%; height: auto; padding: 140px 0; background: rgba(0, 61, 87, 0.6); }
.light-book-form input[type="text"] { width: 100%; border: solid 1px #f0f0f0; height: 44px; padding-left: 10px; padding-right: 10px; color: #333; }
 .light-book-form ::-webkit-input-placeholder {
 color: #555;
 font-size: 11px;
}
.light-book-form label { color: #111; text-align: left; font-size: 13px; text-transform: none; margin-top: 40px; font-weight: normal; }
.light-book-form .sod_select { color: #555; border: solid 1px #f0f0f0; border-radius: 0; height: 44px; width: 100%; }
.light-book-form .li-select { float: left; width: 32%; margin-right: 2%; }
.light-book-form .li-select.no-margin { margin-right: 0; }
.reset-clearfix { clear: both; }
.light-book-form .sod_label { padding-top: 5px; }
.light-book-form .reservation-confirm { color: #333; }
.white-title h2 { color: #FFF; }
/*STILE AGGIUNTO DALLA TEMPLATE BIG-TRAVEL*/

.inner-banner { float: left; width: 100%; position: relative; background-image: url(../img/banner.jpg); background-repeat: no-repeat; background-position: center; background-color: #000; background-size: cover; /*border-bottom: solid 3px #c3a468;*/ height: 550px; margin-top: 80px; margin-bottom: 50px; }
.ristorante { background-image: url(../img/ristorante-header.jpg); }
.servizi { background-image: url(../img/servizi-header.jpg); }
.contatti { background-image: url(../img/contatti-header.jpg); }
.piscina { background-image: url(../img/piscina-header.jpg); }
.spiaggia { background-image: url(../img/spiaggia-header.jpg); }
.hotel { background-image: url(../img/hotel-header.jpg); }
.gallery { background-image: url(../img/gallery-header.jpg); }
.offerte { background-image: url(../img/offerte-header.jpg); }
.offerte-famiglia { background-image: url(../img/offerte-famiglia-header.jpg);height: 400px; }
.offerte-coppie { background-image: url(../img/offerte-coppie-header.jpg);height: 400px; }
.tariffe { background-image: url(../img/tariffe-header.jpg); }
.territorio { background-image: url(../img/territorio-header.jpg); }
.family-hotel { background-image: url(../img/family-hotel-header.jpg); }
.dove-siamo-hotel { background-image: url(../img/dove-siamo-header.jpg); }
.inner-banner .holder { float: left; width: 100%; margin: 260px 0 0 0; }
.inner-banner .holder .claim { position: absolute; padding: 0; /* border-left: 3.5px solid #fff; */ width: 100%; text-shadow: 2px 1px 2px #000 }
.inner-banner .holder .claim.gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.35+0,0+100 */ /*background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );*/ }
.inner-banner .claim h1 { color: #fff; font-size: 42px; text-transform: uppercase; margin-bottom: 10px; }
.inner-banner .claim h5 { color: #fff; font-style: italic; text-transform: uppercase; font-size: 18px; }
.inner-banner .holder .breadcrumb { background-color: transparent; border-radius: 0; list-style: none; margin-bottom: 20px; padding: 0; text-align: center; display: block; }
.inner-banner .holder .breadcrumb li { font-size: 18px; line-height: 18px; font-weight: 600; color: #fff; padding: 0; }
.inner-banner .holder .breadcrumb li a { text-decoration: none; font-size: 18px; line-height: 18px; font-weight: 600; color: #fff; }
/************************************************ROOM TYPES START************************************************/



.room-types { float: left; width: 100%; padding-bottom: 50px; }
.room-types-section { float: left; width: 100%; }
.room-box { float: left; width: 100%; background: #f8f8f8; border: 1px solid #c4c4c4; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 40px 0; }
.room-box .thumb { float: left; width: 50%; margin: 0; position: relative; overflow: hidden; }
.room-box .thumb img { width: 100%; }
.room-box .thumb:before { border: 13px solid rgba(255, 255, 255, 0.24); box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.room-box .thumb:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.room-box .text { width: 50%; float: left; }
.room-box .text-box { overflow: hidden; padding: 5px 15px 0 0; margin: 0 0 0 39px; }
.room-box .text-box h3 { width: 100%; border-bottom: 2px solid #e2e0e0; display: inline-block; margin-bottom: 20px; }
.room-box .text-box h2 a { text-decoration: none; }
.room-box .text-box p { font-size: 14px; color: #3C3C3C; text-align: justify; }
.room-box .text-box ul { padding: 0; margin: 0 0 20px 0; list-style: none; float: left; }
.room-box .text-box ul li { width: 50%; float: left; padding: 0 0 14px 0; font-size: 14px; line-height: 14px; font-weight: 400; color: #080808; }
.room-box .text-box a.btn { display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; text-transform: uppercase; vertical-align: middle; cursor: pointer; background: none; white-space: nowrap; padding: 5px 12px; font-size: 15px; border-radius: 2px; }
.room-box .text-box a.btn.btn-dettagli { border: 1.5px solid #2A2A2A; color: #2A2A2A; }
.room-box .text-box a.btn.btn-prenota { border: 1.5px solid #003d57; color: #003d57; }
.room-box .text-box a.btn.btn-dettagli:hover { border: 1.5px solid #003d57; color: #003d57; transition: all 0.5s; }
.room-box .text-box a.btn.btn-prenota:hover { border: 1.5px solid #2A2A2A; color: #2A2A2A; transition: all 0.5s; }
.room-box .text-box strong.price { float: left; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 14px; font-weight: 600; padding: 20px 0 0 0; }
.room-types .pagination-box .pagination { padding: 0; }
.room-box .services-bottom { display: inline; left: 0; bottom: 0; border-left: 1px solid #e2e0e0; }
.room-box .services-bottom ul { border-top: 1px solid #e2e0e0; }
.room-box .services-bottom ul li { float: left; width: calc(98.5%/5); text-align: center; padding: 3% 0 0 0; border-right: 1px solid #e2e0e0; }
.room-box .services-bottom ul li i { color: #c3a468; font-size: 28px; }
.room-box .services-bottom ul li:last-child { border-right: none; }
/************************************************ELENCO OFFERTE START************************************************/



#elenco-offerte .room-box .thumb:before { border: none; background: url(../img/offerte/angolo-foto.png); background-repeat: no-repeat; }
#elenco-offerte .room-box .thumb { border-right: 1.5px solid #c4c4c4; }
#elenco-offerte .room-box .text .text-box h3 { margin-bottom: 0; }
#elenco-offerte .room-types-section .room-box .text .text-box span { font-size: 13px; font-weight: 600; text-transform: uppercase; font-style: italic; color: #003d57; margin-bottom: 10px; }
#elenco-offerte .room-types-section .room-box .text .text-box ul { list-style: none; width: 100%; float: left; margin: 10px 0; }
#elenco-offerte .room-types-section .room-box .text .text-box ul li:before { font-family: 'FontAwesome'; content: '\f00c'; font-size: 15px; margin: 0 5px 0 0; color: #003d57; }
#elenco-offerte .room-types-section .room-box .text .text-box ul li { width: 100%; font-size: 13px; padding: 3px 0; }
/************************************************ELENCO OFFERTE START************************************************/	




/************************************************ROOM TYPES END************************************************/





.room-detail .amenities { list-style: none; margin: 0; padding: 0; }
.room-detail .amenities li { margin-bottom: 31px; }
.room-detail .amenities li span { /*color: #9B9B9B;*/ font-size: 35px; margin-right: 16px; color: #003d57; }
.room-detail .amenities li h5 { text-transform: uppercase; font-size: 15px; }
.room-detail .amenities li p { font-size: 13px; }
/******************************************SIDEBAR START******************************************/



.sidebar { float: left; width: 100%; }
.sidebar .box-prenota { padding-top: 0; background: #383b43; margin-top: 25px; padding: 15px; width: 100%; float: left; text-align: center; margin-bottom: 40px; }
.sidebar .box-prenota h2 { color: #fff; margin-bottom: 15px; text-transform: uppercase; }
.sidebar .box-prenota .btn { float: left; width: 100%; margin: 0px 0px 10px 0px; font-size: 18px; color: #ffffff; border: none; text-transform: uppercase; }
.sidebar .box-prenota .disponibilita { color: #003d57; background-color: #ffffff; }
.sidebar .box-prenota .disponibilita:hover { background: #717171; color: #fff; transition: all 0.3s; }
.sidebar .box-prenota .richiesta { background: #003d57; color: #fff; }
.sidebar .box-prenota .richiesta:hover { background: #003d57; transition: all 0.3s; }
.sidebar .box-prenota .chiama { color: #fff; border: 1px solid #fff; padding: 0px; margin: 5px 0px; padding: 6px; font-size: 16px; }
/*SIDEBAR SEARCH BOX START*/

#room-carousel.black-arrows .flex-direction-nav .flex-prev, .flexslider.black-arrows .flex-direction-nav .flex-prev { background: url(../img/prev-black.png); background-size: cover; }
#room-carousel.black-arrows .flex-direction-nav .flex-next, .flexslider.black-arrows .flex-direction-nav .flex-next { background: url(../img/next-black.png); background-size: cover; }
.sidebar-search-box { float: left; width: 100%; margin: 0 0 50px 0; }
.sidebar-search-box form { float: left; width: 100%; }
.sidebar-search-box input[type="text"] { width: 219px; height: 42px; border: 1px solid #b3b3b3; padding: 0 12px; font-size: 14px; font-weight: 400; color: #121212; float: left; }
.sidebar-search-box button { float: right; width: 43px; height: 42px; padding: 0; margin: 0; border: 1px solid #b3b3b3; background: none; text-align: center; color: #121212; font-size: 14px; line-height: 42px; }
/*SIDEBAR SEARCH BOX END*/



.sidebar-box { float: left; width: 100%; margin-bottom: 34px; }
/*SIDEBAR CATEGORIES START*/



.sidebar-categories { float: left; width: 100%; }
.sidebar-categories ul { padding: 0; margin: 0; list-style: none; }
.sidebar-categories ul li { padding: 14px 0 0 0; overflow: hidden; }
.sidebar-categories ul li:first-child { padding: 0; }
.sidebar-categories ul li .fa { padding: 0 15px 0 0; }
.sidebar-categories ul li a { text-decoration: none; font-size: 14px; line-height: 14px; font-weight: 400; color: #080808; }
/*SIDEBAR CATEGORIES END*/



/*SIDEBAR RECENT POST START*/



.sidebar-recent-post { float: left; width: 100%; }
.sidebar-recent-post ul { padding: 0; margin: 0; list-style: none; }
.sidebar-recent-post ul li { padding: 15px 0 15px 30px; position: relative; border-bottom: 1px solid #e5e6e6; line-height: normal; }
.sidebar-recent-post ul li:first-child { padding: 0 0 15px 30px; }
.sidebar-recent-post ul li:first-child:before { top: 0; }
.sidebar-recent-post ul li:before { content: "\f105"; position: absolute; left: 12px; top: 15px; font-family: FontAwesome; }
.sidebar-recent-post ul li a { font-size: 14px; line-height: 14px; font-weight: 600; text-decoration: none; }
.sidebar-recent-post ul li a span { display: block; font-size: 12px; color: #7f8c8c; font-weight: 400; padding: 10px 0 0 0; }
.sidebar-recent-post ul li:hover { padding: 15px 0 15px 35px; }
.sidebar-recent-post ul li:hover:first-child { padding: 0 0 15px 35px; }
/*SIDEBAR RECENT POST END*/




/*SIDEBAR RECENT NEWS START*/




.sidebar-recent-news { float: left; width: 100%; }
.sidebar-recent-news h4 { text-align: center; text-transform: uppercase; margin-bottom: 20px; }
.sidebar-recent-news ul { padding: 0; margin: 0; list-style: none; }
.sidebar-recent-news ul li { padding: 13px 0 0 0; overflow: hidden; }
.sidebar-recent-news ul li:first-child { padding: 0; }
.sidebar-recent-news .thumb { float: left; border: 1.5px solid #d3b046; margin: 0 20px 0 0; padding: 1% 3%; overflow: hidden; text-align: center; background: #f8f8f8; }
.sidebar-recent-news .thumb i { font-size: 50px; color: #2E2E2E; }
.sidebar-recent-news .text-box { overflow: hidden; }
.sidebar-recent-news .text-box strong.date { font-size: 14px; line-height: 14px; font-weight: 600; color: #222222; display: block; padding: 0 0 5px 0; }
.sidebar-recent-news .text-box span { font-size: 14px; line-height: 20px; font-weight: 600; color: #003d57; display: block; }
/*SIDEBAR RECENT NEWS END*/



/*******************************************TRANSTION START*******************************************/



.room-section .box a .caption, .room-section .box a:before, a.btn-style-1, .things-do-box .thumb img, .blog-post-box .thumb img, .load-more > a > .fa, .image-detail .holder > .thumb img, .sidebar-categories ul li a, .sidebar-recent-post ul li, .sidebar-recent-news .thumb img, .comment-boxs a.reply, .comments-box form input[type="submit"], .error-page form a.btn-home, .error-page form button, .contact-form form input[type="submit"], .contact-social li a, .contact form input[type="submit"], .team-box .thumb img, .team-box .text-box ul li a, .our-services .box, .project-section .tab-frame .caption a.btn-view, .project-section .tab-frame .caption, .project-section .nav-tabs > li > a, .guest-information form a.btn-back, .room-box .text-box a.btn-select, .room-suites .frame .caption a.btn-book, .room-suites .frame .text-box, .room-suites .frame .caption, .thumb img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.room-box .thumb img { transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; }
/*******************************************TRANSTION END*******************************************/

.absolute-offer { position: absolute; bottom: 3%; right: 25px; max-width: 250px; width: 250px; background: rgba(0, 61, 87, 0.85); color: #fff; }
.absolute-offer.white { left: 25px; background: rgba(255, 255, 255, 0.85); color: #000; }
.absolute-offer .inner { position: relative; width: 100%; float: left; }
.absolute-offer .inner .bow { position: absolute; left: 0; top: 0; max-width: 75px; }
.absolute-offer .inner .text { padding-top: 6px; text-align: right; }
.absolute-offer h5 { border-bottom: 1px solid #fff; letter-spacing: 1px; color: #fff; display: inline-block; }
.absolute-offer h2 { font-size: 20px; color: #fff; margin-bottom: 0px; letter-spacing: 1px; }
.absolute-offer p { margin-bottom: 5px; line-height: normal; font-size: 13px; padding-right: 5px; }
a { text-decoration: none; }
.absolute-offer a { color: #fff; text-decoration: none; font-size: 13px; display: block; /* border: 1px solid #c3a468; */ padding: 10px;/* padding-top: 3px; */ }
/*.absolute-offer img {
	width: 100%;
	background: #22201f;
	padding: 22px 15px;
	outline: 1px solid #333;
	outline-offset: -10px;
}*/
#dove-siamo .grey { width: 100%; float: left; background: #fafafa; }
#dove-siamo .white { width: 100%; float: left; border: 2px solid #F7F7F7; }
#dove-siamo .content { padding: 20px; background: none; }
#dove-siamo .content .image { width: 30%; float: left; padding: 10px; text-align: center; }
#dove-siamo .content .image img { vertical-align: middle; margin: 15px 0 0 0; }
#dove-siamo .content .titolo { width: 70%; float: left; padding: 15px 10px; }
#dove-siamo .content .image i { font-size: 7em; color: #B3B3B3; }
#dove-siamo .content .text a { display: block; text-align: center; font-size: 16px; padding: 7px 15px; border: 1.5px solid #959595; background: #fff; color: #B3B3B3; }
#dove-siamo .content .text a:hover { text-decoration: none; background: #B3B3B3; color: #fff; transition: background 2s; transition: color 0.5s; }
#dove-siamo .content .text { width: 100%; float: left; padding: 15px 10px; }
#dove-siamo .content .text h4 { text-transform: uppercase; font-size: 22px; margin-top: 5px; color: #868585; }
#dove-siamo .content .text p { text-align: justify; font-size: 13px; color: #000; line-height: 24px; }
.box-recensioni { padding: 30px 85px; padding-bottom: 0; /* background: #323232; */ color: #333; min-height: 100px; text-align: center; }
.box-recensioni span { font-size: 35px; line-height: 0; font-weight: bold; color: #a6948b; font-style: italic; }
.box-recensioni span sub { font-size: 100%; }
.box-recensioni .author { margin: 20px 0; margin-bottom: 10px; padding-top: 15px; border-top: 1px solid #a6948b; }
.box-recensioni .author strong { font-size: 17px; color: #a6948b; }
.box-recensioni p { font-size: 15px; margin-bottom: 0; font-style: italic; font-weight: 500; text-align: justify; }
.box-recensioni img { max-width: 200px; }
.border-triangolo { float: left; width: 100%; }
#slider-servizi { top: auto; transition: all 0.3s ease-in-out; }
#slider-servizi.fixed { position: fixed; width: 100%; left: 0; top: 101px; background: #22201f; z-index: 99; }
/*#slider-servizi.fixed i {
	color: #003d57
}*/
.border-triangolo .triangolo { border-color: #323232 transparent transparent transparent; margin-left: 11%; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0 20px; position: absolute; }
.spazio { height: 30px; width: 100%; float: left; }
.img-recensioni { width: 100%; }
.img-recensioni img { width: 25%; height: auto; margin-left: 2.5%; display: block; }
.no-padding { padding-left: 0; padding-right: 0; }
.map-description { max-width: 200px; text-align: center; margin-left: 10px; font-size: 13px; line-height: 20px; }
.map-description .title { font-size: 18px; margin-bottom: 5px; text-transform: uppercase; font-weight: 400; color: #333; }
#map-contact { width: 100%; padding: 20px; font-size: 13px; color: #333; font-weight: 400; padding-top: 0; }
#map-contact h3 { margin-bottom: 10px; }
#map-contact p { margin-bottom: 20px; font-size: 13px; font-weight: 600; }
.btn-map { display: inline-block; padding: 5px 20px; background: #003d57; color: #fff; font-size: 15px; text-transform: uppercase; margin: 15px 0; text-decoration: none; }
.attractions { margin-bottom: 10px; padding-bottom: 10px; float: left; width: 100%; border-bottom: 1px solid #eee; }
.attractions h2 { font-size: 27px; margin-bottom: 0; line-height: normal; }
.attractions span { letter-spacing: 1px; font-weight: 500; text-transform: uppercase; }
.attractions img { max-width: 45px; text-align: center; margin-top: 10px; }
.attractions i { color: #003d57; font-size: 42px; margin-top: 13px; }
#map-contact a {/* display: inline-block; *//* padding: 5px 20px; *//* background: #003d57; *//* color: #fff; *//* font-size: 15px; *//* text-transform: uppercase; *//* margin: 15px 0; *//* text-decoration: none; */ }
.color-1 { color: #c0ac78; }
.orari { padding: 10px; padding-right: 0; float: left; display: block; width: 100%; /* border: #22201f; */ /* color: #fff; */ font-size: 17px; }
.orari .attractions { background: #eee; margin: 10px 0; }
.orari .attractions h1 { margin-bottom: 2px; color: 222; }
.orari .attractions h1 span { font-size: 27px; }
.orari .attractions h1 i { margin-top: 20px; }
a.new-btn { display: inline-block; padding: 7px 20px; background: #222; color: #fff; font-size: 16px; transition: all 0.3s ease-in-out; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0; text-decoration: none; }
a.new-btn.bordered { background: transparent; border: 1px solid #222; color: #222; }
a.new-btn.bordered:hover { background: #222; color: #fff; border-color: transparent }
a.new-btn:hover { background: #003d57; }
#contact-form input, #contact-form select, #contact-form textarea { width: 100%; border: 1px solid #ddd; padding: 5px 10px; color: #222; font-size: 15px; height: 37px; margin-bottom: 15px; font-weight: normal; }
#contact-form input::placeholder, #contact-form textarea::placeholder {
 font-size:15px;
}
.g-recaptcha { transform: scale(.77); transform-origin: 0 0; }
.room-presentation { position: relative; width: 100%; float: left; display: block; }
.room-presentation a { width: 100%; border: none; position: relative; text-decoration: none; float: left; }
.room-presentation .caption { background: #c0ac78; width: 100%; padding: 10px; transition: all 0.5s ease-in-out; }
.room-presentation:hover .caption { background: #003d57; }
.room-presentation.offer .offer-caption { background: #f4f1e9; width: 100%; padding: 15px; min-height: 115px; }
.room-presentation.offer .offer-caption h2 { font-size: 22px; border-bottom: 1px solid #003d57; /* text-align: center; */ padding-bottom: 3px; margin-bottom: 10px; }
.room-presentation.offer .offer-caption h4 { color: #003d57; text-transform: uppercase; letter-spacing: 0px; margin-bottom: 0px; font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#offer-carousel .flex-direction-nav a { top: 35%; }
.room-presentation.offer span.go { font-size: 18px; color: #000; border-bottom: 1px solid #003d57; padding: 5px; }
.room-presentation.offer .offer-caption p { font-style: italic; font-size: 14px; margin-bottom: 0; }
.room-presentation.offer .absolute-div { background: #c0ac78; }
.room-presentation.offer .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; text-transform: uppercase; opacity: 0; transition: 0.5s all ease-in-out; background: rgba(0,0,0,0.4); letter-spacing: 2px; text-shadow: 1px 1px 2px #000; }
.room-presentation.offer .mask .inner { display: table; width: 100%; height: 100%; }
.room-presentation.offer .mask .inner .cell { display: table-cell; vertical-align: middle; }
.room-presentation.offer .mask .inner .cell span { padding: 5px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; }
.room-presentation.offer:hover .mask { opacity: 1; }
/*.room-presentation.offer:hover .offer-caption{background:#2a2a2a;}
.room-presentation.offer:hover .offer-caption h4{color:#fff;}*/
.room-presentation .caption h4 { color: #fff; text-transform: uppercase; letter-spacing: 1px; }
.room-presentation .caption h4 i { display: block; float: right; margin-top: -4px; font-size: 25px; }
.room-presentation .absolute-div { position: absolute; right: 15px; top: 15px; padding: 5px 7px; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-align: center; line-height: normal; background: #003d57; color: #fff; text-transform: uppercase; }
.room-detail p { text-align: justify; }
.room-detail .sidebar .box-prenota { border: none; }
.about-title h1 { font-size: 35px; }
.row.margin-sm { margin-left: -8px; margin-right: -8px; }
.row.margin-sm .padding-sm { padding-left: 8px; padding-right: 8px; }
.terrace .padding-sm { padding-left: 8px; padding-right: 8px; margin-bottom: 16px; }
.terrace .padding-sm img { border: 4px solid #003d57; }
#ajax-reservation-form #codice::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #fff;
}
.presentation-reasons { position: relative;/*float: left;*/ padding: 15px 0; background: #003d57; color: #fff; display: block; overflow: hidden; }
.presentation-reasons ul { position: relative; float: left; display: block; overflow: hidden; }
.presentation-reasons ul li { position: relative; float: left; width: 100%; padding-right: 10px; margin-bottom: 28px; }
.presentation-reasons ul li:last-child { margin-bottom: 0; }
.presentation-reasons ul li:last-child .absolute-border { border: none; }
.presentation-reasons ul li .icon { float: right; margin: 10px; margin-right: 0; border-radius: 50%; background: #003d57; width: 64px; height: 64px; text-align: center; }
.presentation-reasons ul li .icon i { color: #c0ac78; font-size: 28px; padding-top: 16px; }
.presentation-reasons ul li .text-content { padding-top: 0; margin-bottom: -12px; }
.presentation-reasons ul li .text-content h4 { letter-spacing: 0px; border-bottom: 1px dashed #c0ac78; color: #c0ac78; display: inline-block; min-width: 245px; margin-bottom: 5px; }
.presentation-reasons ul li .absolute-border { position: absolute; height: 100%; right: 46px; border-right: 1px dashed #ddd; }
.certificate img { margin: 0 auto }
.certificate { padding: 10px; text-align: center; border: 4px solid #f4f1e9; }
.certificate h3 { text-transform: uppercase; }
.box-recensioni img {/*display:none;*/ }
h1.font-2, h2.font-2 { font-family: "Muli", Helvetica, Arial, sans-serif !important; text-transform: none !important; font-weight: 500; letter-spacing: 0.5px; line-height: normal; }
.services-list { list-style: disc; margin-left: 25px; padding: 5px; font-size: 15px; }
.services-list li { padding-bottom: 5px; }
.offer-desc, .offer-desc p, .offer-desc ul { font-size: 13px !important }
#accordion a:visited, #accordion a { text-decoration: none; color: #fff; }
#accordion .panel-title { font-size: 18px; }
#accordion .right-arrow { font-size: 30px; }
.voucher h5 { line-height: 21px; text-transform: uppercase; margin-bottom: 5px; }
#accordion.tours .panel-title { font-size: 15px; letter-spacing: 0.5px; }
#accordion.tours .right-arrow { margin-right: 15px; }
#accordion.tours .panel-heading .price { float: right; font-size: 13px; font-style: italic; font-weight: bold; }
#accordion.tours .panel-body { transition: all 0.5s ease-in-out; }
#accordion.tours.panel-group .panel+.panel { margin-top: 10px; }
#accordion.tours .panel-heading .price span { color: #003d57; }
/* Tabs panel */
.tabbable-panel { border: none; padding: 0px; }
/* Default mode */
.tabbable-line > .nav-tabs { border: none; margin: 0px; background: #f8f8f8; }
.tabbable-line > .nav-tabs > li { margin-right: 2px; }
.tabbable-line > .nav-tabs > li > a { border: 0; margin-right: 0; color: #000; font-weight: normal; font-size: 17px; text-transform: uppercase; letter-spacing: 0.5px; }
.tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; }
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #E3D4AD; }
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333333; }
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; }
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; }
.tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #003d57; position: relative; }
.tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333333; }
.tabbable-line > .nav-tabs > li.active > a > i { color: #404040; }
.tabbable-line > .tab-content { /* margin-top: -3px; */ background-color: #fff; border: 1px solid #eee; /* border-top: 1px solid #eee; */ padding: 20px; }
.portlet .tabbable-line > .tab-content { padding-bottom: 0; }
/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; }
.tabbable-line.tabs-below > .nav-tabs > li > a { margin-top: 0; }
.tabbable-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0; border-top: 4px solid #fbcdcf; }
.tabbable-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #f3565d; }
.tabbable-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.tabbable-line > .tab-content .tab-pane > div:last-child { border-bottom: none; margin-bottom: 0; }
.guide-item { margin: 10px; padding-top: 6px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd; }
.guide-item h3 { text-align: left; letter-spacing: 0.5px; }
.guide-item p { font-size: 14px; }
.gallery-box .room-presentation .caption h4, .gallery-box .room-presentation .caption h4 i { font-size: 17px; }
.gallery-box .room-presentation .caption h4 i { margin-top: 7px; }
.room-capacity { padding: 5px 15px; float: right; color: #fff; background: #003d57; text-transform: uppercase; font-size: 18px; display: block; margin-top: -20px; }
.header-content { margin: 0 auto; max-width: 1285px;/*min-width: 980px;*/ position: relative; width: 100%;/* overflow: hidden; *//* text-align: center !important; */ }
#video-box { position: absolute; right: 100px; top: 290px; z-index: 9; padding: 10px 15px; padding-top: 5px; width: 317px; background: rgba(0, 61, 87, 0.73); border: 1px solid #ffffff5c; box-shadow: 0px 0px 6px #000; }
#video-box .inner { text-align: center; position: relative; float: left; width: 100%; display: block; padding: 0 15px; }
#video-box h4 { font-size: 14px; margin: 0; padding-bottom: 0px; display: inline-block; border-bottom: 1px solid #c0ac78; color: #fff }
#video-box h2 { font-size: 22px; color: #fff; margin-bottom: 0px; }
#booking-box { position: absolute; right: 100px; top: 150px; z-index: 9; padding: 10px 15px; padding-top: 5px;/* max-width: 230px; */ background: rgba(0, 61, 87, 0.73); border: 1px solid #ffffff5c; box-shadow: 0px 0px 6px #000; }
#booking-box .inner { text-align: center; position: relative; float: left; width: 100%; display: block; padding: 0 15px; }
#booking-box h4 { font-size: 14px; margin: 0; padding-bottom: 0px; display: inline-block; border-bottom: 1px solid #c0ac78; color: #fff }
#booking-box h2 { font-size: 22px; color: #fff; margin-bottom: 0px; }
#booking-box .inner form { width: 100%; }
#booking-box .inner .book-slider ul li { width: 100%; }
#booking-box .inner .book-slider ul li .cancel-btn { width: 100%; text-align: center; margin: 0; }
#booking-box .inner .book-slider select, #booking-box .inner .book-slider ul li.li-select { margin: auto 0; width: 100%; }
#booking-box .inner .book-slider select .sod_select, #booking-box .inner .book-slider ul li.li-select .sod_select { width: 100%; }
#booking-box .inner form input, #booking-box .inner form select { width: 100%; margin: 5px 0; }
.servizi-box { padding: 20px; background: #f6f6f6; float: left; font-size: 14px; font-weight: 500; color: #000; }
.servizi-box ul { }
.servizi-box ul li { line-height: 22px; }
.servizi-box ul li i { color: #003d57; margin-right: 5px; }
.servizi-box h2 { font-size: 20px; color: #003d57; border-bottom: 1px solid #003d57; margin-bottom: 25px; text-align: center; }
.room-detail h2 { font-size: 28px; }
 #contact-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 opacity: 1; /* Firefox */
 text-align: left;
 color: #222;
 font-family: Varela Round;
}
.btn-color { background: #003d57 !important; color: #fff!important; border-color: #003d57 !important; }
form input[type=checkbox] { width: auto !important; height: auto !important; }



#intro-offerte a:hover ,
#intro-offerte a:focus {
  transform: scale(1.05) !important;
  transition: all 2s  !important;
  background:red !important;
}