/*



Alpha Hotel: HTML Template by Klaye Morrison (http://klayemorrison.com)



- If you prefer multiple line CSS, no worries - just use a formatter like http://cssbeautify.com.

- Hover states are declared with '.hover' - Only non-touch browsers have the '.hover' class applied, so touch devices don't action hover states.



[Style Index]



1.0 ----- General Styling

	1.1 - Slider Navigation

2.0 ----- Header

	2.1 - Navigation

	2.2 - Social

	2.3 - Book Button

3.0 ----- Booking Bar

	3.1 - Date Picker

4.0 ----- Sections

	4.1 - Headings

	4.2 - Text Blocks

	4.3 - Photo Panels

	4.4 - Carousels

	4.5 - Gallery

	4.6 - Instagram

	4.7 - Boxes

	4.8 - Timeline

	4.9 - Stats

	4.10 - Features

	4.11 - USPs

	4.12 - Services

	4.13 - Testimonials

	4.14 - Quote

	4.15 - Accordions

	4.16 - Menus

	4.17 - Form

	4.18 - Comments

	4.19 - Subscribe

	4.20 - Maps

	4.21 - Social

	4.22 - Pagination

5.0 ----- Footer

	5.1 - Languages

6.0 ----- Transitions

	

*/



@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=greek';

* { margin:0; padding:0; text-decoration:none; list-style:none; outline:none; }

html, body, .container { width:100%; height:100%; min-height:100%; }

.container { max-width:1920px; margin:auto; padding:80px 0 0; font:300 15px/28px 'Open Sans Condensed'; color:#888; position:relative; box-sizing:border-box; }

.center { max-width:1250px; margin:auto; position:relative; }

a img { border:none; }







/******************** 1.0 - General Styling ********************/



h1 {margin:-8px 0 25px; font:300 40px/50px 'Open Sans Condensed'; color:#555; letter-spacing:.5px; }

h2 { margin:-8px 0 25px; font:300 33px/50px 'Open Sans Condensed'; color:#555; }

h3 { margin-bottom:25px; font:300 30px/40px 'Open Sans Condensed'; color:#555; }

h4 { margin-bottom:25px; font:24px/30px 'Open Sans Condensed'; color:#555; }

h5 { margin-bottom:25px; font:300 22px/28px 'Open Sans Condensed'; color:#555; }

p { margin-bottom:30px; font:300 20px/28px 'Open Sans Condensed'; color:#888; letter-spacing:.2px; }

h1 a, h2 a, h3 a, h4 a, h5 a, p a, main li a { color:#00a8ec; border-bottom:1px solid #EEE; }

strong { font-weight:600; }

h2 strong, h3 strong { letter-spacing:-1px; }

.button { padding:0 20px; font:14px/44px 'Open Sans Condensed'; color:#FFF; letter-spacing:.5px; text-transform:uppercase; background:#00a8ec; display:inline-block; position:relative; cursor:pointer; white-space:nowrap; box-sizing:border-box; transition:.3s ease; border:none !important; }

.button i { margin-left:12px; }

.label { margin-bottom:30px; padding:0 20px; font:12px/44px 'Open Sans Condensed'; color:#00a8ec; letter-spacing:1.5px; text-transform:uppercase; border:1px solid #00a8ec; display:inline-block; }

ul { margin:0 0 30px; }

main ul { letter-spacing:.2px; }

.tags { margin:0 0 18px; }

.tags:after { content:""; clear:both; display:block; }

.tags li { margin:0 4px 12px; padding:12px 15px; font:500 13px/20px 'Open Sans Condensed'; color:#888; letter-spacing:.2px; background:#F5F5F5; display:inline-block; list-style:none; }

.tags li a { color:#888; border-color:#F5F5F5; display:block; }

hr { border:1px solid #FFF; border-bottom:1px solid #EEE; margin:0 0 80px; }

main { display:block; }



.hover .button:hover { padding:0 25px; color:#FFF; background:#00a8ec; }

.hover h1 a:hover, .hover h2 a:hover, .hover h3 a:hover, .hover h4 a:hover, .hover h5 a:hover, .hover p a:hover, .hover main li a:hover { border-bottom:1px solid #DDD; }



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

h1 { font:200 60px/70px 'Open Sans Condensed'; }

}



@media only screen and (min-width:1025px) {

.fade { opacity:0; transition:opacity 1s ease; }

.visible { opacity:1 !important; }

}



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

h1 { font:200 37px/50px 'Open Sans Condensed'; }

h2 { font:300 30px/42px 'Open Sans Condensed'; }

h3 { font:300 25px/35px 'Open Sans Condensed'; }

}







.small{font-size:60%;}

/* 1.1 - Slider Navigation */



.slider-nav { position:absolute; bottom:-86px; right:0; z-index:25; opacity:0; transition:.3s ease; }

.slider-nav a { width:50px; line-height:50px; font-size:18px; color:#DDD; text-align:center; background:#FFF; display:block; cursor:pointer; float:left; border-right:1px solid #EEE; border-bottom:1px solid #EEE; box-sizing:border-box; }

main .slider-nav { bottom:-5px; }

.hover .section:hover .slider-nav, .hover .section.over .slider-nav { bottom:-81px; opacity:1; }

.hover main .section:hover .slider-nav { bottom:0; }

.hover .slider-nav a:hover { color:#888; background:#F5F5F5; }



.no-booking .slider-nav { bottom:-6px; }

.hover .no-booking .section:hover .slider-nav, .hover .no-booking .section.over .slider-nav { bottom:0; opacity:1; }



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

.slider-nav { opacity:1; bottom:0 !important; }

}



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

.slider-nav a { width:40px; line-height:40px; }

}







/******************** 2.0 - Header ********************/



header { width:100%; height:80px; background:#FFF; position:fixed; top:0; left:0; z-index:50; -webkit-transform:translateZ(0); transition:box-shadow .6s ease; }

header .center { max-width:1920px; height:100%; }

header.scroll { box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.1); }

header .logo { position:absolute; top:50%; left:50px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); }



/* 2.1 - Navigation */



nav { width:100%; position:absolute; top:0; left:0; }

nav ul { margin:auto; padding:18px 0; display:table; }

nav li { float:left; position:relative; }

nav li a { padding:0 13px; font:300 18px/44px 'Open Sans Condensed'; color:#555; letter-spacing:1px; text-transform:uppercase; display:block; }

nav li a.active { font-weight:400; }

nav li.drop:after { top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#F5F5F5; border-width:10px; margin-left:-10px; transition:.2s ease; opacity:0; }

nav li.nav-book { display:none; }

nav li ul { padding-bottom:0; position:absolute; top:44px; opacity:0; display:none; }

nav li ul li { float:none; }

nav li ul li a { min-width:150px; padding:0 18px; font:300 12px/44px 'Open Sans Condensed' !important; color:#FFF; letter-spacing:1px; white-space:nowrap; background:#555 !important; border-bottom:1px solid #606060; cursor:pointer; }

nav li ul li:last-of-type a { border:none; }

nav li ul li.drop:after { display:none; }

nav li ul li.drop a:after { content:'\f3d3'; font-family:ionicons; color:#888; font-size:13px; position:absolute; top:0; right:18px; }

nav li ul li.drop ul li a:after { display:none; }

nav li ul li ul { padding:0; top:0 !important; left:100%; }

nav li ul li ul li a { border-bottom:1px solid #585858 !important; }

nav li ul li ul li:last-of-type a { border:none !important; }

nav li ul li a.active, .hover nav li ul li:hover a { background:#505050 !important; }

nav li ul li ul li a.active, .hover nav li ul li ul li a.active { background:#484848 !important; }

#mobilenav { width:46px; margin:18px 50px 0 18px; padding-top:4px; font-size:26px; color:#FFF; line-height:40px; text-align:center; background:#555; display:none; cursor:pointer; float:right; position:relative; }



.hover nav li:hover a { background:#F5F5F5; }

.hover nav li:hover:after { opacity:1; }

.hover nav li ul li ul li a:hover { background:#484848 !important; }



/* 2.2 - Social */



.header-social { margin:18px 0 0 0; float:right; position:relative; }

.header-social a { width:44px; margin-left:2px; font-size:15px; line-height:44px; text-align:center; color:#BBB; display:block; float:left; background:#F5F5F5; }

.hover .header-social a:hover { color:#555; background:#EEE; }



/* 2.3 - Book Button */



.button.book-button { max-width:0; margin:18px 50px 0 0; padding:0; float:right; overflow:hidden; opacity:0; z-index:150; border:none; }

.button.book-button:before, .button.book-button:after { width:15px; font-size:15px; font-family:ionicons; text-align:center; position:absolute; top:1px; left:20px; display:block; transition:left .3s ease; }

.button.book-button:before { content:'\f3f3'; transition:left .3s ease, opacity .2s ease; }

.button.book-button:after { content:'\f404'; font-size:23px; opacity:0; transition:left .3s ease, opacity .2s ease; }

body.scroll .button.book-button { max-width:250px; margin:18px 50px 0 2px; padding:0 20px 0 45px; color:#FFF; opacity:1; }

body.book-slide .button.book-button { background:#555; box-shadow:0 0 0 1px #606060; }

body.book-slide .button.book-button:before { opacity:0; }

body.book-slide .button.book-button:after { opacity:1; }



.hover .button.book-button:hover { padding:0 25px 0 50px; }

.hover .button.book-button:hover:before, .hover .button.book-button:hover:after { left:25px; }



.no-booking .button.book-button { max-width:none !important; margin:18px 50px 0 2px !important; padding:0 20px 0 20px !important; color:#FFF !important; opacity:1 !important; }

.no-booking .button.book-button:before { display:none; }

.hover .no-booking .button.book-button:hover { padding:0 25px 0 25px !important; }



@media only screen and (min-width:1025px) {

nav ul:first-child { display:table !important; }

}



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

header { position:absolute; box-shadow:none !important; }

nav { width:100%; right:auto; left:0; }

nav ul { width:100%; padding:0; position:absolute; top:80px; left:0; display:none; box-sizing:border-box; }

nav li { width:100%; float:none; }

nav li a { width:100%; padding:0; text-align:center; color:#FFF !important; display:block; background:#555 !important; border-bottom:1px solid #606060; }

nav li ul li a i { display:none; }

nav li:last-child a, nav li.drop a { border:none; }

nav li a:after { display:none; }

nav li ul { padding:0; display:block !important; position:relative; top:auto; border-radius:0; opacity:1 !important; }

nav li ul li a, nav li ul li a.active, nav li ul li ul li:last-of-type a, .hover nav li ul li:hover a { padding:0 !important; background:#484848 !important; border-bottom:1px solid #585858 !important; }

nav li ul li ul { left:0; }

nav li.nav-book { display:block; }

nav li.nav-book a { background:#00a8ec !important; font-weight:500; font-size:18px; line-height:60px; }

#mobilenav { display:inline-block; }

.button.book-button { display:none; }

}



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

header .logo { left:20px; }

nav ul { padding:0; }

#mobilenav { margin-right:70px; }

.header-social { display:none; }

}







/******************** 3.0 - Booking Bar ********************/



.book-form { position:fixed; top:0; left:0; visibility:hidden; }

.book-bar { width:100%; height:80px; line-height:80px; margin:-80px auto 80px; background:#555; box-sizing:border-box; position:relative; z-index:20; }

.book-bar .center { width:auto; max-width:none; display:table; }

.book-bar .date-field { padding:0 40px; position:relative; float:left; border-left:1px solid #606060; cursor:pointer; transition:background .2s ease; }

.book-bar .date-field:last-child { border-right:1px solid #606060; }

.book-bar .date-field .tag { margin-right:20px; padding:0 2px 0 8px; font:300 12px/26px 'Open Sans Condensed'; color:#AAA; letter-spacing:1px; text-transform:uppercase; background:#606060; position:relative; top:-3px; right:0; display:inline-block; transition:.2s ease; }

.book-bar .date-field .tag:after { left:100%; top:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-left-color:#606060; border-width:13px; margin-top:-13px; transition:.2s ease; }

.book-bar .date-field .date { font:200 22px/80px 'Open Sans Condensed'; color:#FFF; letter-spacing:.5px; }

.book-bar .date-field .date .arrival-day, .book-bar .date-field .date .departure-day { font-weight:400; letter-spacing:0; }



.hover .book-bar .date-field:hover { background:#505050; }

.hover .book-bar .date-field:hover span { right:-3px; }



/* 3.1 - Date Picker */



.ui-datepicker { background:#F5F5F5; font:14px/20px 'Open Sans Condensed', sans-serif; float:left; display:none; z-index:999999 !important; transition:transform 1s ease; }

.ui-datepicker * { position:relative; z-index:2; }

.ui-datepicker-group { width:50%; float:left; }

.ui-datepicker-header { position:relative; }

.ui-datepicker-title { font:22px/80px 'Open Sans Condensed' !important; color:#FFF; background:#555; }

.ui-datepicker-title .ui-datepicker-year { font-weight:200; letter-spacing:.5px; }

.ui-datepicker-group-first .ui-datepicker-header { border-right:1px solid #606060; }

.ui-datepicker .ui-datepicker-title { font-size:16px; font-weight:bold; line-height:28px; text-align:center; }

.ui-datepicker table { width:100%; margin:0; padding:25px 38px 38px; }

.ui-datepicker-group-first table { border-right:1px solid #E5E5E5; }

.ui-datepicker th { width:25px; padding:5px 5px 30px; font-weight:300; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:#888; }

.ui-datepicker td span, .ui-datepicker td a { display:block; padding:19px 0; text-decoration:none; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight:300; font-size:18px; background:#FFF; color:#888; letter-spacing:.5px; text-align:center; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:#00a8ec; color:#FFF; font-weight:500; }

.ui-widget-header .ui-state-hover { opacity:0.25; cursor:pointer; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:0.25; cursor:default; }

.ui-icon { text-indent:-9999px; display:block; }

.ui-datepicker .ui-datepicker-prev .ui-icon:before { content:"\f3d2"; width:100%; height:100%; padding:20px; font-size:25px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-20px; left:-40px; }

.ui-datepicker .ui-datepicker-next .ui-icon:before { content:"\f3d3"; width:100%; height:100%; padding:20px; font-size:25px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-20px; left:0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:30px !important; }

.ui-datepicker .ui-datepicker-prev { left:40px; z-index:3; }

.ui-datepicker .ui-datepicker-next { right:48px; z-index:3; }



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

.ui-datepicker { width:1000px !important; margin-top:-252px !important; margin-left:-500px !important; box-shadow:0 0 0 1px rgba(0,0,0,.05),0 0 15px rgba(0,0,0,.07),0 0 0 500px rgba(200,200,200,.5); position:fixed !important; top:50% !important; left:50% !important; }

}



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

.ui-datepicker { width:100% !important; margin-left:0 !important; left:0 !important; }

}



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

.book-bar .center { width:100%; }

.book-bar .date-field { padding:0; display:table-cell; float:none; text-align:center; }

.book-bar .date-field:first-child { border-left:none; }

.book-bar .date-field:last-child { border-right:none; }

.book-bar .date-field .date { font-size:18px; }

.book-bar .date-field .date i { padding:0 20px; }

.ui-datepicker { width:calc(100% - 100px) !important; margin-left:50px !important; left:0 !important; }

}



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

.book-bar .date-departure { display:none; }

}



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

.ui-datepicker { width:100% !important; margin-left:0 !important; margin-right:0 !important; }

}



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

.ui-datepicker table { padding:20px 25px 30px; }

.ui-datepicker td span, .ui-datepicker td a { padding:10px 0; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-size:15px; }

}







/******************** 4.0 - Sections ********************/



.section { position:relative; }

.section:after, .section .center:after { content:''; clear:both; display:block; }

.section .item { position:relative; overflow:hidden; }

div[class^='col'] { padding:0 25px; float:left; box-sizing:border-box; }

.col-1 { width:100%; }

.col-2 { width:50%; }

.col-3 { width:33.33%; }

.col-4 { width:25%; }

.col-5 { width:20%; }

.col-6 { width:16.66%; }



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

.section:not(.stats):not(.services) div[class^='col'], footer div[class^='col'] { width:100% !important; }

}







/* 4.1 - Headings */



.heading { margin-bottom:80px; height:calc(100% - 80px); max-height:550px; min-height:400px; text-align:center; background:#777; }

.heading .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; opacity:.5; }

.heading .item { width:100%; padding:0 30px; position:absolute; top:50%; left:0; -webkit-transform:translate(0,-46%); transform:translate(0,-46%); box-sizing:border-box; }

.heading .label { margin-bottom:20px; padding:0 20px; font:12px/44px 'Open Sans Condensed'; color:#FFF; letter-spacing:1.5px; text-transform:uppercase; border:1px solid rgba(255,255,255,.4); display:inline-block; }

.heading h1 { margin:0; color:#FFF; }



.no-booking .heading { height:100%; max-height:600px; }



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

.heading { height:400px; min-height:0; }

}



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

.heading { height:250px; }

}







/* 4.2 - Text Blocks */



.text { padding-bottom:45px; }

.text .center { max-width:1350px; padding:0 25px; }

.text.feature .center { max-width:900px; text-align:center; }

.text.post .center { max-width:900px; }

.text img { max-width:100%; height:auto; margin:auto; display:block; }

blockquote { width:50%; margin:0 30px 30px -80px; font:300 30px/40px 'Open Sans Condensed'; color:#555; float:left; }



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

.text .center { padding:0 20%; }

.text div[class^='col'] { padding:0; }

blockquote { width:60%; }

}



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

.text .center { padding:0 10%; }

blockquote { width:100%; margin:0 0 30px; float:none; }

}







/* 4.3 - Photo Panels */



.panel { margin-bottom:80px; z-index:25; }

.panel .item { width:100%; height:100%; background:#F5F5F5; }

.panel .item .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity, transform; }

main .panel .item { height:500px; }



.panel .item .panel-button { width:100%; padding:0 50px; text-align:center; position:absolute; top:50%; left:0; z-index:1; box-sizing:border-box; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); }

.panel .item .panel-button .button-container { display:inline-block; position:relative; }

.panel .item .panel-button .index { padding:15px 30px; font:300 22px/30px 'Open Sans Condensed'; color:#555; display:block; background:rgba(255,255,255,.85); box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.1); z-index:1; position:relative; transition:.3s ease; }

.panel .item .panel-button a { padding:15px 30px; font:300 22px/30px 'Open Sans Condensed'; color:#555; display:block; background:rgba(255,255,255,.85); box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.1); z-index:1; position:relative; transition:.3s ease; }

.panel .item .panel-button span { margin-top:10px; padding:0 17px; font:300 12px/40px 'Open Sans Condensed'; color:#FFF; letter-spacing:1.5px; text-transform:uppercase; background:#00a8ec; position:absolute; top:0; left:100%; white-space:nowrap; opacity:0; cursor:default; transition:.3s ease; }

.panel .item .panel-button span i { margin-left:10px; }



.panel .item.side .details { width:30%; height:100%; background:#F5F5F5; float:right; position:relative; z-index:1; }

.panel .item.side .details p:last-child { margin:0; }

.panel .item.side .float { width:100%; padding:0 15%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-sizing:border-box; }

.panel .item.side .back, .panel .item.side .panel-button { width:70%; }

.panel .item.side:nth-child(even) .details { float:left; }

.panel .item.side:nth-child(even) .back, .panel .item.side:nth-child(even) .panel-button { left:auto; right:0; }

.panel .slider .item.side:nth-child(even) .details { float:right; }

.panel .slider .item.side:nth-child(even) .back, .panel .slider .item.side:nth-child(even) .panel-button { left:0; right:auto; }



.panel.hero { height:calc(100% - 80px); min-height:300px; max-height:500px; box-sizing:border-box; }

.panel.hero .caroufredsel_wrapper, .panel.hero .slider { height:100% !important; }

.panel.hero .item { height:100%; margin:0; float:left; }

.panel.hero.full { max-height:1000px; }

main .panel.hero { height:500px; }



.panel .item.feature { background:#555; }

.panel .item.feature .back { opacity:.12; }

.panel .item.feature .screen { width:45%; height:50%; min-height:320px; position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 30px 0 rgba(0,0,0,.1); border-right:none; z-index:1; overflow:hidden; }

.panel .item.feature .screen .back { width:100%; height:100%; background-size:cover; opacity:1 !important; transform:none !important; }

.panel .item.feature .details { width:60%; max-width:850px; position:absolute; top:52%; padding:0 100px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); box-sizing:border-box; z-index:1; }

.panel .item.feature .details .label { position:absolute; top:-47px;  }

.panel .item.feature h1, .panel .item.feature h2, .panel .item.feature h3, .panel .item.feature h4, .panel .item.feature h5 { color:#FFF; }

.panel .item.feature h2 { font-weight:200; letter-spacing:.5px; }

.panel .item.feature p { font:300 18px/30px 'Open Sans Condensed'; color:rgba(255,255,255,.5); }

.panel .item.feature .button { margin-top:49px; }



.hover .panel .item .panel-button a:hover { padding:15px 40px; background:#FFF; }

.hover .panel .item.over .back { transform:scale(1.04); opacity:.7; }

.hover .panel .item.over .panel-button span { opacity:1; }

.hover .panel.hero .item.over .back { transform:scale(1.03); }

.hover .panel .item.feature.over .back { opacity:.2; }



.no-booking .panel.hero { height:100%; }

.no-booking .panel.hero.full { max-height:1030px; }



@media only screen and (max-height:800px) {

.panel .item.feature .details { padding:0 100px 0 80px; }

.panel .item.feature p { font:300 15px/28px 'Open Sans Condensed'; }

.panel .item.feature .button { margin-top:11px; }

}



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

.panel .item.feature h1 { font:200 60px/70px 'Open Sans Condensed'; }

}



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

.panel .panel-button span { display:none; }

.panel.hero:not(.full) { height:400px; min-height:0; }

main .panel .item { height:auto; }

main .panel .item .back { width:100% !important; height:400px; position:relative; left:auto; right:auto; }

main .panel .item .panel-button { width:100% !important; top:200px; left:auto; right:auto; }

main .panel .item.side .details { width:100%; float:none !important; }

main .panel .item.side .float { padding:60px 20%; position:relative; top:auto; left:auto; -webkit-transform:none; transform:none; }

main .panel.hero { height:400px; min-height:0; }

main .panel.hero .item.side .details { display:none; }

.panel .item.feature .details { padding:0 100px 0 80px; }

.panel .item.feature h1 { font:200 37px/50px 'Open Sans Condensed'; }

.panel .item.feature p { font:300 15px/28px 'Open Sans Condensed'; }

}



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

main .panel .item.side .float { padding:60px 10%; }

.panel .item.feature .screen { display:none; }

.panel .item.feature .details { width:100%; padding:0 50px; text-align:center; }

.panel .item.feature .button { margin-top:11px; }

}



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

main .panel .item .back { height:250px; }

main .panel .item .panel-button { top:125px; }

.panel.hero:not(.full) { height:250px; }

.panel .item .panel-button a { padding:15px 30px !important; font:300 16px/22px 'Open Sans Condensed'; }

.panel .item.feature .details { padding:0 20px; top:55%; }

.panel .item.feature p:first-of-type { display:none; }

}



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

.panel .item.feature h1 { font:200 30px/40px 'Open Sans Condensed'; }

}







/* 4.4 - Carousels */



.carousel { max-width:1300px; margin-bottom:80px; margin-left:auto; margin-right:auto; }

.carousel img { float:left; }



.carousel.horizontal { height:calc(100% - 80px); max-height:550px; min-height:400px; max-width:none; }

.carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper { height:100% !important; }

.carousel.horizontal img { width:auto; height:100%; }

main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper { height:500px !important; }



.no-booking .carousel.horizontal { height:100%; max-height:600px; }



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

.carousel { max-width:none; }

}



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

.carousel.horizontal, .carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper, main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper { height:400px !important; min-height:0 !important; }

}



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

.carousel.horizontal, .carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper, main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper { height:250px !important; }

}







/* 4.5 - Gallery */



.gallery, .multigallery { margin-bottom:80px; overflow:hidden; }

.gallery figure, .multigallery figure { box-sizing:border-box; position:relative; }

.gallery figure a, .multigallery figure a { width:100%; height:100%; position:absolute; overflow:hidden; background:#F5F5F5; transition:.2s ease; }

.gallery figure img, .multigallery figure img { width:100%; height:auto; display:block; transition-timing-function:ease;  padding:2px !important;}

.gallery figure .img:before, .multigallery figure .img:before { content:"\f489"; width:50px; height:50px; font-family:ionicons; text-align:center; line-height:50px; font-size:25px; color:#999; position:absolute; top:0; left:0; background:#FFF; border-top:1px solid #EEE; border-left:1px solid #EEE; z-index:10; opacity:0; transition:.2s ease; box-sizing:border-box; }

.gallery span, .multigallery span { width:100%; padding:25px 18px 18px; font:bold 14px/18px 'Open Sans'; letter-spacing:.3px; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.1); position:absolute; bottom:-20px; left:0; border-radius:0 4px 0 0; box-sizing:border-box; background:-webkit-gradient( linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)) ); background:-moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0) ); background:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0) ); opacity:0; z-index:10; transition:.2s ease-out; }



.hover .gallery figure a:hover .img:before, .hover .multigallery figure a:hover .img:before { opacity:1; }



.featherlight { background:transparent; cursor:pointer; display:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; white-space:nowrap; z-index:2147483647 } 

.featherlight * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } 

.featherlight:last-of-type { background:rgba(200,200,200,.9) } 

.featherlight:before { content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle } 

.featherlight .featherlight-content { border:0; cursor:auto; display:inline-block; max-height:80%; max-width:90%; min-width:inherit; overflow:visible; padding:0; position:relative; text-align:left; vertical-align:middle; white-space:normal } 

.featherlight-content .featherlight-image { transform:scale(.95); transition:.3s ease } 

.featherlight-content.pop .featherlight-image { transform:scale(1) } 

@media screen and (min-width: 980px)  { 

.featherlight .featherlight-content { max-height:90% } 

 } 

.featherlight .featherlight-inner { display:block } 

.featherlight .featherlight-close-icon { cursor:pointer; display:block; position:fixed; top:25px; right:25px; text-align:center; white-space:nowrap; height:50px; width:50px; z-index:9999; text-indent:100% } 

.featherlight .featherlight-close-icon:before { content:'\f404'; font-family:ionicons; font-size:40px; line-height:20px; color:#FFF; text-indent:0; position:absolute; top:0; right:0 } 

.featherlight .featherlight-image { max-width:100% } 

.featherlight iframe { border:0 } 

[data-featherlight] { cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in } 

.featherlight-iframe .featherlight-content { border-bottom:0; padding:0 } 

.featherlight-content .caption { color:#fff; font-size:16px; font-weight:lighter; max-width:100%; overflow:hidden; position:absolute; text-align:left; text-overflow:ellipsis; white-space:nowrap } 

.featherlight-content .caption:hover,.featherlight-content .caption:focus { overflow:visible; white-space:normal } 

@-webkit-keyframes featherlightLoader  { 

0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 

100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } 

 } 

@keyframes featherlightLoader  { 

0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 

100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } 

 } 

.featherlight-loading .featherlight-content { -webkit-animation:featherlightLoader 1s infinite linear; animation:featherlightLoader 1s infinite linear; background:transparent; border:8px solid #909090; border-left-color:#fff; font-size:10px } 

.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content:after { -webkit-border-radius:50%; border-radius:50%; height:10em; width:10em } 

.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner { display:none } 

.featherlight-next,.featherlight-previous { background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; cursor:pointer; display:block; height:80px; margin-top:-30px; position:fixed; top:50%; text-indent:100%; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; white-space:nowrap; width:50px; transition:.3s ease; background:#FFF } 

.featherlight-next span,.featherlight-previous span { display:none } 

.featherlight-next:hover,.featherlight-next:focus,.featherlight-previous:hover,.featherlight-previous:focus { background:#EEE } 

.featherlight-next { right:0 } 

.featherlight-next:before { content:'\f3d3'; font-family:ionicons; font-size:20px; line-height:80px; color:#CCC; text-indent:0; position:absolute; top:0; right:20px } 

.featherlight-previous { left:0 } 

.featherlight-previous:before { content:'\f3d2'; font-family:ionicons; font-size:20px; line-height:80px; color:#CCC; text-indent:0; position:absolute; top:0; left:20px } 

.featherlight-loading .featherlight-previous,.featherlight-loading .featherlight-next { display:none } 







/* 4.7 - Boxes */



.boxes .center { max-width:1400px; padding:0 25px; text-align:center; }

.boxes .item { margin-bottom:50px; }

.boxes .item .thumb { width:100%; height:250px; margin-bottom:30px; position:relative; overflow:hidden; }

.boxes .item .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity, transform; }

.boxes .item .details { position:relative; }

.boxes .item .date { width:60px; height:60px; padding-top:10px; margin-left:-30px; text-align:center; position:absolute; top:-55px; left:50%; background:#FFF; border-radius:100%; box-sizing:border-box; opacity:0; transition:.3s ease; }

.boxes .item .date .day { font:22px/22px 'Open Sans Condensed'; color:#555; display:block; }

.boxes .item .date .month { font:300 12px/17px 'Open Sans Condensed'; color:#888; text-transform:uppercase; display:block; }



.hover .boxes .item.over .back, .hover .boxes .item .thumb:hover .back { transform:scale(1.06); opacity:.7; }

.hover .boxes .item.over .button { padding:0 25px; }

.hover .boxes .item.over .date { top:-60px; opacity:1; }



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

.boxes .center { padding:0; }

.boxes .item { max-width:650px; margin:0 auto 50px; padding:0 50px; }

.boxes .item .thumb { height:350px; }

.boxes .item .details { padding:0 10%; }

.boxes div[class^='col'] { padding:0; }

.boxes .item .date { top:-60px; opacity:1; }

}



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

.boxes .item { padding:0 30px; }

.boxes .item .thumb { height:240px; }

.boxes .item .details { padding:0; }

}



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

.boxes .item .thumb { height:180px; }

}







/* 4.8 - Timeline */



.timeline .label { margin:auto; display:table; }

.timeline > .button { margin:auto; display:table; }

.timeline .center { max-width:1300px; padding:0 50px; }

.timeline .center:before { content:""; width:1px; height:100%; position:absolute; top:0; left:50%; background:#EEE; }

.timeline .item:before { content:"\f3d2"; font-size:20px; line-height:40px; color:#00a8ec; text-align:center; font-family:ionicons; width:40px; height:40px; margin-left:-20px; border:1px solid #00a8ec; background:#FFF; position:absolute; top:95px; left:50%; box-sizing:border-box; border-radius:100%; }

.timeline .item:after { content:""; clear:both; display:block; }

.timeline .item .details { width:50%; padding:60px 80px 0 0; text-align:right; float:left; box-sizing:border-box; }

.timeline .item .details h2 { margin:0 -80px 30px 0; padding:0 80px 5px 10px; border-bottom:1px dashed #00a8ec; display:inline-block; }

.timeline .item .thumb { width:50%; margin-bottom:30px; padding:70px 0 0 80px; float:right; box-sizing:border-box; }

.timeline .item .thumb a { display:block; position:relative; overflow:hidden; background:#F5F5F5; }

.timeline .item .thumb .back { width:100%; height:100%; transition:1.5s ease; transition-property:opacity, transform; }

.timeline .item .thumb img { width:100%; height:auto; display:block; }

.timeline .item:nth-child(even):before { content:"\f3d3"; text-indent:3px; }

.timeline .item:nth-child(even) .details { padding:60px 0 0 80px; text-align:left; float:right; }

.timeline .item:nth-child(even) .details h2 { margin:0 0 30px -80px; padding:0 10px 5px 80px; }

.timeline .item:nth-child(even) .thumb { padding:70px 80px 0 0; float:left; }

.timeline .item:first-of-type:before { top:115px; }

.timeline .item:first-of-type .details { padding-top:80px; }

.timeline .item:first-of-type .thumb { padding-top:95px !important; }

.timeline .item:last-of-type .details, .timeline .item:last-of-type .thumb { padding-bottom:60px; }



.hover .timeline .item.over .back { transform:scale(1.06); opacity:.7; }

.hover .timeline .item.over .button { padding:0 25px; }



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

.timeline .item { max-width:650px; margin:auto; }

.timeline .item:before { display:none; }

.timeline .item .details { width:100%; margin:0 0 80px; padding:30px 0 0 !important; text-align:center !important; float:none; background:#FFF; }

.timeline .item .details h2 { margin:0 0 30px !important; padding:0 0 5px 0 !important; }

.timeline .item .details p:last-child { margin-bottom:0 !important; }

.timeline .item .thumb { width:100%; margin:0 !important; padding:0 !important; float:none; }

}



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

.timeline .center { padding:0; }

.timeline .item .details { padding:30px 30px 0 !important; }

.timeline .item .thumb { padding:0 30px !important; }

}







/* 4.9 - Stats */



.stats { margin-bottom:80px; }

.stats .center { max-width:1300px; padding:45px 50px 50px; text-align:center; background:#555; box-sizing:border-box; }

.stats h3 { margin-bottom:50px; color:#FFF; font-weight:200; letter-spacing:.5px; }

.stats .number { font:'Open Sans Condensed'; color:#FFF; letter-spacing:.5px; }

.stats p { margin:0; color:#999; }

.stats div[class^='col'] { padding-top:50px; position:relative; }

.stats div[class^='col']:before { content:""; width:100%; border-top:1px dashed #00a8ec; position:absolute; top:0; left:0; opacity:.5; }

.stats div[class^='col']:after { content:""; width:10px; height:10px; margin-left:-7px; background:#555; border:2px solid #00a8ec; border-radius:100%; position:absolute; top:-7px; left:50%; }

.stats div[class^='col']:first-of-type:before { width:50%; left:auto; right:0; }

.stats div[class^='col']:last-of-type:before { width:50%; }



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

.stats .center { max-width:none; }

}



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

.stats .center { padding-bottom:0; }

.stats div[class^='col'] { margin-bottom:50px; padding-top:20px; }

.stats div[class^='col']:before { width:100% !important; }

}



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

.stats div[class^='col'] { width:100% !important; }

}



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

.stats .center { padding-left:30px; padding-right:30px; }

.stats .number { font:200 60px/70px 'Open Sans Condensed'; }

}







/* 4.10 - Features */



.features { margin-bottom:80px; }

.features .center { max-width:1300px; padding:0 50px; }

.features .item { width:100%; margin-bottom:2px; padding:50px 25px 20px; background:#F5F5F5; box-sizing:border-box; overflow:visible; }

.features .item:last-child { margin:0; }

.features .item .thumb { width:165px; height:165px; margin:0 50px 30px 0; float:left; position:relative; overflow:hidden; }

.features .item .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity, transform; }

.features h1, .features h2, .features h3, .features h4, .features h5 { margin:0; }

.features:after, .features .item:after { content:""; display:block; clear:both; }



.hover .features .item.over .back { transform:scale(1.08); opacity:.7; }

.hover .features .item.over .button { padding:0 25px; }



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

.features .center { padding:0; }

div[class^='col'] { padding:0; }

.features .item { padding:50px 30px 20px; }

.features .item .thumb { width:100%; height:165px; margin:0 0 30px; }

}







/* 4.11 - USPs */



.usp { padding-bottom:45px; }

.usp .center { max-width:1350px; padding:0 25px; }

.usp .item { text-align:center; }

.usp .item i { margin-bottom:10px; display:block; font-size:50px; color:#00a8ec; }

.usp .item h4 { margin-bottom:0; }



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

.usp .center { padding:0 20%; }

.usp .item { max-width:600px; margin:0 auto 20px; }

.usp div[class^='col'] { padding:0; }

.usp div[class^='col']:last-child .item { margin-bottom:0; }

}



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

.usp .center { padding:0 10%; }

}







/* 4.12 - Services */



.services { margin-bottom:80px; }

.services .center { width:100%; max-width:1400px; padding:0 50px; text-align:center; display:table; box-sizing:border-box; }

.services div[class^='col'] { padding:0; background:#F5F5F5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-top:5px solid #E5E5E5; float:none; display:table-cell; transition:.2s ease; position:relative; }

.services .item { padding:45px 0 50px; }

.services .item * { cursor:default; }

.services .item i { margin-bottom:0; display:inline-block; font-size:50px; color:#00a8ec; }

.services .item h5 { margin:0; }

.services .details { width:calc(100% + 2px); padding:18px 10px; font:300 13px/24px 'Open Sans Condensed'; color:#FFF; letter-spacing:.5px; position:absolute; bottom:85%; left:-1px; opacity:0; background:#00a8ec; box-sizing:border-box; transition:.2s ease; z-index:1; cursor:default; }

.services .details:after { top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#00a8ec; border-width:15px; margin-left:-15px; }



.services div[class^='col'].over { background:#EEE; }

.services div[class^='col'].over .details { bottom:90%; opacity:1; }



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

.services .center { padding:0; }

.services .col-2 { width:50% !important; }

.services .col-3 { width:33.33% !important; }

.services .col-4 { width:25% !important; }

.services .col-5 { width:20% !important; }

.services .col-6 { width:33.33% !important; float:left !important; }

.services div[class^='col'] { border-top:none; }

.services .center { border-top:5px solid #E5E5E5; }

}



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

.services div[class^='col'] { width:50% !important; float:left !important; }

}



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

.services div[class^='col'] { width:100% !important; border:none; }

.services .center { padding:0 30px; border:none; }

.services .details { width:100%; position:relative; opacity:1; border:0; left:0; }

.services .details:after { top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:#00a8ec; }

}







/* 4.13 - Testimonials */



.testimonials { margin-bottom:80px; padding:60px; background:#F5F5F5; }

.testimonials .center { max-width:none; }

.testimonials:after { content:""; clear:both; display:block; }

.testimonials .item { width:33.33%; box-sizing:border-box; border-width:20px 20px 25px; border-style:solid; border-color:transparent; position:relative; float:left; overflow:visible; }

.testimonials .item .testimonial { padding:45px 50px 20px; background:#FFF; position:relative; box-shadow:0 12px 0 -5px #EEE, 0 12px 1px -4px rgba(0,0,0,0.07); z-index:2; }

.testimonials .item i { font-size:30px; color:#00a8ec; position:absolute; top:40px; left:-3px; }

.testimonials .item:before, .testimonials .item:after { position:absolute; width:40%; height:10px; content:""; left:12px; bottom:2px; background:transparent; transform:skew(-5deg) rotate(-5deg); box-shadow:0 6px 12px rgba(0,0,0,.1); z-index:1; } 

.testimonials .item:after { left:auto; right:12px; transform:skew(5deg) rotate(5deg); }



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

.testimonials .item { width:50%; }

}

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

.testimonials .item { width:100%; }

}

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

.testimonials { padding:60px 10px; }

.testimonials .item .testimonial { padding:35px 30px 10px; }

}







/* 4.14 - Quote */



.quote { padding-bottom:50px; }

.quote .center { max-width:900px; padding:0 25px; text-align:center; }

.quote .thumb { width:80px; height:80px; margin:0 auto 30px; border-radius:100%; overflow:hidden; }

.quote .thumb img { width:100%; height:100%; }

.quote p { margin-left:auto; margin-right:auto; padding:0 80px; display:inline-block; position:relative; color:#555; }

.quote p:before { content:""; width:100%; height:1px; background:#EEE; position:absolute; top:15px; left:0; }

.quote p span { padding:0 7px; background:#FFF; position:relative; }



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

.quote .center { padding:0 30px; }

.quote p { padding:0; }

.quote p:before { display:none; }

.quote p span { padding:0; background:none; }

}







/* 4.15 - Accordions */



.accordion { margin-bottom:80px; }

.accordion .center { max-width:1300px; padding:0 50px; }

.accordion li { margin-bottom:2px; position:relative; }

.accordion li .answer { width:100%; padding:35px 0 1px; display:none; box-sizing:border-box; }

.accordion li .answer:after { content:""; display:block; clear:both; }

.accordion li .question { margin:0; padding:15px 30px; text-align:center; display:block; cursor:pointer; background:#F5F5F5; transition:.2s ease; }

.accordion li .question h4 { margin:0; }

.accordion li .question:after { content:"\f489"; font-size:25px; font-family:ionicons; color:#999; position:absolute; top:18px; right:20px; }

.accordion li.reveal .question:after { content:"\f462"; }



.hover .accordion li .question:hover { background:#EEE; }



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

.accordion .center { margin-left:30px; margin-right:30px; padding:0; }

}







/* 4.16 - Menus */



.menu { margin-bottom:80px; padding:0 80px 1px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 50%, #f5f5f5 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 50%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 50%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

}

.menu .center { max-width:900px; margin-bottom:80px; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 5px 15px rgba(0,0,0,.06); box-sizing:border-box; background:#FFF; }



.menu .item { padding:80px; overflow:visible; background:#FFF; position:relative; z-index:2; }

.menu .title { padding-bottom:50px; text-align:center; border-bottom:5px solid #EEE; position:relative; }

.menu .title:after { top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#EEE; border-width:15px; margin:5px 0 0 -15px; }

.menu .title h2 { margin:0; }

.menu ul { margin:0; }

.menu li { padding:30px 100px 30px 0; border-bottom:1px dashed #E5E5E5; position:relative; }

.menu li h4 { margin:0; }

.menu li .tag { height:22px; margin-left:2px; padding:0 7px; font-size:11px; line-height:22px; text-align:center; color:#999; background:#EEE; border-radius:100px; display:inline-block; position:relative; top:-1px; cursor:default; text-transform:uppercase; }

.menu li p { margin:0; }

.menu li .price { font:300 22px/30px 'Open Sans Condensed'; text-align:right; color:#555; position:absolute; top:30px; right:0; }

.menu li .price span { font:11px/20px 'Open Sans Condensed'; color:#CCC; letter-spacing:.5px; text-transform:uppercase; }

.menu .button { margin:0 auto 80px; display:table; }



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

.menu { padding:0 0 1px; background:#F5F5F5; }

.menu .center { max-width:none; }

}



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

.menu .item { padding:50px; }

.menu .title { padding-bottom:20px; }

}



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

.menu .center { box-shadow:none; }

.menu .item { padding:0 30px; }

.menu .title { padding:0; }

}







/* 4.17 - Form */



.form { margin-bottom:80px; padding:110px 0 80px; text-align:center; position:relative; background:#555; }

.form:before { content:""; position:absolute; top:0; left:50%; margin-left:-30px; display:block; border:15px solid #00a8ec; border-top-width:30px; border-bottom-color:transparent; border-left-width:30px; border-right-width:30px; z-index:1; }

.form .center { max-width:1000px; padding:0 55px; }

.form h1, .form h2, .form h3, .form h4 { color:#FFF; }

.form h5, .form p { max-width:500px; margin-left:auto; margin-right:auto; color:#AAA; }

.form form { margin-top:50px; }

.form .field { width:100%; max-width:600px; margin:0 auto 12px; background:#606060; position:relative; }

.form .field input, .form .field select, .form .field textarea { width:100%; padding:17px 15px;font:300 15px 'Open Sans Condensed'; color:#FFF; letter-spacing:.2px; box-sizing:border-box; border:none; display:block; background:none; position:relative; z-index:2; }

.form .field textarea { height:116px; }

.form .field.calendar, .form .field.calendar input { cursor:pointer; }

.form .field.calendar input { padding-left:43px; font-weight:500; color:#FFF; }

.form .field .tag { padding:0 15px; position:absolute; top:0; left:14px; }

.form .field .tag i { font-size:17px; top:17px; color:#909090 !important; }

.form .field select { -moz-appearance:window; -webkit-appearance:none; }

.form .field select option { color:#555; }

.form .field i { font-size:22px; color:#909090; position:absolute; top:14px; right:15px; z-index:1; transition:.2s ease; }

.form .button { margin-top:40px; }

.form .honeypot { display:none; }

p.alert { width:100%; margin:0; padding:20px 30px; color:rgba(0,0,0,.5); font-weight:500; letter-spacing:0; text-align:center; box-sizing:border-box; }

p.alert i { font-size:30px; float:left; }

p.alert.success { background:#5ADB98; }

p.alert.error { background:#F96B6C; }

p.alert.validate { background:#8EDBE5; }



.hover .form .field.calendar:hover i { color:#00a8ec; }

.hover .form .field:hover .tag { opacity:1; }



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

p.alert i { float:none; display:block; margin-bottom:7px; }

}



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

.form div[class^='col'] { padding:0 !important; }

.form .center { padding:0 30px; }

}







/* 4.18 - Comments */



.comments .center { max-width:800px; margin-bottom:80px; padding:40px 50px; background:#F5F5F5; }

.comments h3 { text-align:center; }

.comments h3 i { position:relative; top:-5px; }

.comments ol { padding:15px 0 0; }

.comments li { margin-bottom:2px; position:relative; overflow:hidden; }

.comments li:last-child { margin-bottom:0; }

.comments li:before { content:""; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.15; }

.comments li * { position:relative; }

.comments ol.children { margin:0; padding:0 0 30px 20px; overflow:visible; }

.comments ol.children li { margin-bottom:2px; overflow:visible; }

.comments ol.children li:before { display:none; }

.comments li.parent li { margin-bottom:0; padding:30px 0 0 35px; }

.comments li .comment-container { margin-bottom:20px; padding:20px 25px 5px; font:13px/22px 'Open Sans Condensed'; background:#FFF; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; position:relative; }

.comments li .comment-container p { margin-bottom:15px; }

.comments li .comment-container:after { content:""; border-style: solid; border-width:0 16px 16px 0; border-color:transparent #FFF transparent transparent; position:absolute; bottom:-16px; left:20px; box-shadow:1px 0 0 #E5E5E5; }

.comments li .comment-author { font:500 16px/20px 'Open Sans Condensed', georgia; }

.comments li .comment-author span { font:11px/16px 'Open Sans Condensed'; color:#999; }

.comments li .comment-reply-link { font:14px/18px 'Open Sans Condensed'; float:right; z-index:3; border:none !important; }



.hover .comments li .comment-reply-link:hover { color:#555; }



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

.comments .center { padding:40px 30px; }

.comments ol.children { padding-left:0; }

.comments li .comment-container { padding:15px 18px 1px; }

}







/* 4.19 - Subscribe */



.subscribe { margin-bottom:80px; padding:70px 0 80px; text-align:center; background:#555; }

.subscribe .center { margin:auto; padding:0 30px; }

.subscribe h3 { width:100%; text-align:center; color:#FFF; font-weight:200; display:block; }

.subscribe h3 strong { font-weight:300; }

.subscribe form { margin:0 auto 80px; text-align:center; display:table; }

.subscribe form input { width:200px; padding:0 15px; font:300 15px/54px 'Open Sans Condensed'; color:#555; letter-spacing:.2px; border:none; border-right:2px solid #555; float:left; transition:.3s ease; }

.subscribe form .button { padding-right:55px; font-size:16px; line-height:54px; }

.subscribe form .button i { margin-left:15px; font-size:25px; float:right; position:absolute; top:1px; right:20px; transition:.3s ease; }

.subscribe form .button::-moz-focus-inner { border:0; }



.hover .subscribe form input:hover { padding:0 20px; }

.hover .subscribe form .button:hover { padding:0 60px 0 25px; }

.hover .subscribe form .button:hover i { right:25px; }



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

.subscribe form input { width:100%; margin:0 0 10px; padding:0 15px !important; display:block; border:none; box-sizing:border-box; }

.subscribe form .button { width:100%; display:block; padding:0 20px !important; }

.subscribe form button i { right:20px !important; }

}







/* 4.20 - Maps */



.map { height:500px; margin-bottom:80px; }

#map { width:100%; height:100%; }



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

.map { height:400px; }

}

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

.map { height:250px; }

}







/* 4.21 - Social */



.social { margin-bottom:80px; text-align:center; }

.social a { min-width:52px; margin:0 7px; padding:0 18px; font-size:18px; line-height:50px; color:#00a8ec; display:inline-block; border:1px solid #00a8ec; box-sizing:border-box; }

.social a span { margin-left:10px; font:300 15px/20px 'Open Sans Condensed'; } 

.subscribe .social { margin:0; }

.hover .social a:hover { color:#FFF; background:#00a8ec; }



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

.social a { padding:0 15px; }

.social a span { margin-left:5px; } 

}







/* 4.22 - Pagination */



.pagination { margin-bottom:80px; }

.pagination ul { margin:auto; display:table; }

.pagination li { margin-right:2px; font:15px/50px 'Open Sans Condensed'; color:#555; float:left; background:#F5F5F5; }

.pagination li:last-child { margin:0; border:none; }

.pagination li a { padding:0 20px; color:#BBB; display:block; border:none !important; }

.pagination li span { padding:0 20px; display:block; background:#EEE; }

.hover .pagination li a:hover { color:#555; background:#EEE; }







/******************** 5.0 - Footer ********************/



footer { width:100%; text-align:center; background-size:cover; background-position:top center; position:relative; }

footer div[class^='col'] { margin:auto; float:none; }

footer i { margin-bottom:10px; font-size:50px; color:#00a8ec; display:block; }

footer h4 { margin-bottom:0; color:#555; }

footer .stars { margin-bottom:15px; }

.stars { margin:auto; display:table; }

.stars i { margin:0 2px; font-size:15px; color:#DDD; float:left; }

.footer-nav { width:100%; margin-top:80px; background:#F5F5F5; position:relative; }

.footer-links { margin:auto; display:table; }

.footer-links li { font:300 12px/80px 'Open Sans Condensed'; color:#888; letter-spacing:1px; float:left; }

.footer-links li a { padding:0 6px; color:#888; }

.footer-links li:first-child { padding-right:13px; }

.hover .footer-links li a:hover { color:#CCC; }



/* 5.1 - Languages */



#language { margin:0; max-height:44px; text-align:left; position:absolute; top:18px; right:0px; transition:.3s ease; overflow:hidden; }

#language li { border-bottom:1px solid #D9D9D9; }

#language li a { padding:0 13.5px; font:13px/44px 'Open Sans Condensed', sans-serif; color:#555; background:#E9E9E9; display:block; white-space:nowrap; }

#language li:first-child a { background:#E9E9E9 !important; cursor:default; }

#language li:last-child { border:none; }

#language.active { max-height:225px !important; }

#language.active li:first-child a { opacity:.7; }



.flag-icon { width:16px; height:12px; margin-right:5px; background-size:contain; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; position:relative; top:1px; }

.flag-icon-gb { background-image: url(images/flags/gb.svg); }

.flag-icon-it { background-image: url(images/flags/it.svg); }

.flag-icon-de { background-image: url(images/flags/de.svg); }

.flag-icon-fr { background-image: url(images/flags/fr.svg); }

.flag-icon-gr { background-image: url(images/flags/gr.svg); }







.hover #language li a:hover { background:#E2E2E2; }



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

.footer-links li.hide { display:none; }

#language li a { font-size:0; }

.flag-icon { margin:0; top:5px; }

}



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

.footer-links { height:80px; margin:0 0 0 10px; display:block; }

.footer-links li a { padding:0 10px; }

#language { right:20px; }

}







/******************** 6.0 - Transitions ********************/



a { transition:.2s ease; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #fff;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #fff;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #fff;

}

:-moz-placeholder { /* Firefox 18- */

  color: #fff;

}