@import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400italic,400,700);

/*
*	GENERAL SETTINGS
*/
body{margin:0;padding:0;line-height:22px;color:#000;letter-spacing:1px;font-size:14px;font-family:'Lato', sans-serif;font-weight:400;background-color:#f0c351}

img{border:none;outline:none}


/*.......................................... BEGIN ANIMATIONS ..........................................*/
@keyframes blink{
	50%{opacity:0}
}
@-webkit-keyframes blink{
	50%{opacity:0}
}
/*........................................... END ANIMATIONS ...........................................*/


/*............................................ BEGIN BUTTONS .............................................*/
/*
*	RECT BUTTON
*/
.rect_btn{height:36px;padding:0 20px;line-height:36px;color:#fff;font-weight:300;font-size:14px;text-transform:uppercase;white-space:nowrap;background-color:transparent;border:2px solid #fff;transition:color .5s, background-color .5s;-webkit-transition:color .5s, background-color .5s}
.rect_btn:hover{color:#000;background-color:#fff}
@media all and (max-width:760px){
.rect_btn{padding:0 10px;font-size:12px}	
}
/*............................................. END BUTTONS ..............................................*/


/*............................................. BEGIN FORMS ..............................................*/
/*
*	GENERAL SETTINGS
*/
input, textarea{letter-spacing:1px;-webkit-appearance:none;-webkit-border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;outline:none}
input[type="text"], input[type="password"], input[type="number"], input[type="submit"], input[type="file"], textarea, select, button{padding:0;font-family:'Lato', sans-serif;font-size:14px;background:none;border:none}
input[type=submit], button{cursor:pointer}
input[type=number]{-moz-appearance:textfield;box-shadow:none}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input::-moz-focus-inner{border:0}
input:disabled{opacity:.7}
textarea{resize:none;overflow:hidden}
.custom_select.disabled{opacity:.7}

/* form */
form.generic{margin-bottom:20px;padding:20px 0}
form.generic p.small{margin:0}
/* op results */
form.generic .op_result{line-height:20px;font-size:16px;text-align:center}
form.generic .op_result span{padding:0 8px;border-left:1px solid #999;display:inline-block}
form.generic .op_result span:first-of-type{border-left:none}
@media all and (max-width:760px){
form.generic .op_result{text-align:left}
form.generic .op_result span{padding:0;border-left:none;display:block}
form.generic .op_result span::before{content:'- '}
}
/* inputs */
form.generic input[type="text"], form.generic input[type="password"], form.generic input[type="file"], form.generic textarea{width:100%;height:50px;margin-bottom:18px;padding:0 15px;color:#000;font-size:14px;text-align:center;background-color:#eaeaea;transition:background-color .5s;-webkit-transition:background-color .5s}
form.generic textarea{height:170px;line-height:20px;padding:15px 0}
form.generic ::-moz-placeholder{color:#000;font-weight:700;text-transform:uppercase;opacity:1}
form.generic ::-webkit-input-placeholder{color:#000;font-weight:700;text-transform:uppercase;opacity:1}
form.generic :-ms-input-placeholder{color:#000;font-weight:700;text-transform:uppercase;opacity:1}
/* focus */
form.generic input[type="text"]:focus, form.generic input[type="password"]:focus, form.generic input[type="file"]:focus, form.generic textarea:focus{background-color:#f6f6f6}
/* submit button */
form.generic input[type="submit"]{height:50px;margin:30px 0 15px 0;padding:0 80px;color:#fff;font-size:16px;text-transform:uppercase;background-color:#f0c351;transition:color .5s;-webkit-transition:color .5s;transition:background-color .5s;-webkit-transition:background-color .5s}
form.generic input[type="submit"]:hover, form.generic input[type="submit"]:focus{background-color:#000}
/* half width */
form.generic .half{width:590px!important}
form.generic .half.left{float:left}
form.generic .half.right{float:right}
@media all and (max-width:1240px){
form.generic .half{width:470px!important}
}
@media all and (max-width:1000px){
form.generic .half{width:350px!important}
}
@media all and (max-width:760px){
form.generic .half{width:100%!important}
form.generic .half.left{float:none}
form.generic .half.right{float:none}
}
@media all and (max-width:440px){
/* inputs */
form.generic input[type="submit"]{width:100%}
}

/*
*	CUSTOM INPUTS
*/
/* custom select */
form.generic .custom_select{height:50px;margin-bottom:10px;line-height:50px;color:#fff;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase;background-color:#eaeaea;cursor:pointer;display:block;position:relative;transition:opacity .5s;-webkit-transition:.5s}
form.generic .custom_select select{background-color:#eaeaea}
form.generic .custom_select select option{text-align:center!important}
form.generic .custom_select .cs_displayer{padding:0 28px 0 15px}
form.generic .custom_select.disabled{opacity:.5!important}
form.generic .custom_select span{width:0;height:0;margin:auto;border-top:6px solid #fff;border-right:6px solid transparent;border-left:6px solid transparent;display:block;position:absolute;top:0;right:10px;bottom:0}
form.generic .custom_select:hover{opacity:1}

/* check box */
.custom_checkbox{width:14px;height:14px;background-color:white;border:1px solid #eaeaea;display:inline-block;position:relative}
.custom_checkbox > span{width:6px;height:6px;margin:auto;background-color:transparent;position:absolute;top:0;right:0;bottom:0;left:0}
.custom_checkbox > span.current{background-color:#eaeaea}
.custom_checkbox input{width:14px;height:14px;opacity:0;margin:0!important;cursor:pointer;position:absolute;top:0;left:0;z-index:2;display:block}

/* radio button */
.custom_radio{width:14px;height:14px;margin-bottom:-3px;background-color:white;border:1px solid #f0c351;border-radius:8px;display:inline-block;position:relative}
.custom_radio > span{width:8px;height:8px;margin:auto;background-color:transparent;border-radius:4px;position:absolute;top:0;right:0;bottom:0;left:0}
.custom_radio > span.current{background-color:#f0c351}
.custom_radio input{width:14px;height:14px;opacity:0;margin:0!important;cursor:pointer;position:absolute;top:0;left:0;z-index:2;display:block}

/*
*	DATE PICKER
*/
/* calendar */
.ui-datepicker{max-width:260px;padding:9px;background-color:#fff;border:1px solid #ccc;display:none}
.ui-datepicker-header{height:60px;color:#fff;text-align:center;background-color:#f0c351;position:relative;border-bottom:1px solid #ccc}
.ui-datepicker-header a{width:0;height:0;margin:auto;text-indent:-2000em;border-top:8px solid transparent;border-bottom:8px solid transparent;overflow:hidden;position:absolute;top:0;bottom:0;display:block;cursor:pointer}
.ui-datepicker-header a.ui-datepicker-prev, .ui-datepicker-header a.ui-datepicker-next{transition:border-color .4s;-webkit-transition:border-color .4s}
.ui-datepicker-header a.ui-datepicker-prev{border-right:8px solid #fff;left:20px}
.ui-datepicker-header a.ui-datepicker-prev:hover{border-right-color:#000}
.ui-datepicker-header a.ui-datepicker-next{border-left:8px solid #fff;right:20px}
.ui-datepicker-header a.ui-datepicker-next:hover{border-left-color:#000}
.ui-datepicker-header .ui-datepicker-title{height:40px;line-height:40px;padding:10px 40px;font-size:16px}
.ui-datepicker-header .ui-datepicker-title select{height:40px;margin:0 10px;color:#fff;font-size:16px;text-transform:uppercase;background-color:#f0c351;border:none;outline:none}
.ui-datepicker-calendar{font-size:14px;background-color:#fff;border-collapse:separate!important;border-spacing:2px}
.ui-datepicker-calendar th{height:35px;padding:0!important;color:#000;font-size:12px;font-weight:400;text-transform:uppercase}
.ui-datepicker-calendar td{width:35px;height:35px;padding:0!important;text-align:center}
.ui-datepicker-calendar tbody a, .ui-datepicker-calendar tbody span{height:35px;line-height:35px;color:#fff;text-align:center;display:block}
.ui-datepicker-calendar tbody a{background-color:#ccc}
.ui-datepicker-calendar a:hover{background-color:#aaa}
.ui-datepicker-calendar .ui-state-highlight{background-color:#000}
.ui-datepicker-calendar .ui-state-active{background-color:#f0c351}
.ui-datepicker-calendar .ui-state-disabled{background-color:#f1f1f1}
/*.............................................. END FORMS ...............................................*/


/*............................................. BEGIN LAYOUT .............................................*/
/*
*	PAGE HEADER
*/
.page_header{padding:60px 0 40px 0;text-align:center;background-color:#fff}
.page_header h2{margin:0 0 20px 0;padding-bottom:25px}
.page_header p{width:90%;margin:auto auto 20px auto;line-height:30px;font-size:20px;font-weight:300}
@media all and (max-width:1000px){
.page_header p{width:100%;line-height:28px;font-size:18px}
}
@media all and (max-width:760px){
.page_header p{line-height:26px;font-size:16px}
}
@media all and (max-width:440px){
.page_header p{line-height:22px;font-size:14px}
}

/*
* SECTION HEADER
*/
.section_header{padding-bottom:40px;text-align:center}
.section_header h2{margin:0;padding-bottom:0}

/*
*	CONTENT PANE
*/
.content_pane{padding:40px 0 60px;background-color:#fff;position:relative}

/*
*	CONTACT INFO
*/
.contact_info{text-align:center;background-color:#fff}
.contact_info .description{padding:75px 50px;color:#fff;background-color:#000;position:relative;z-index:1}
.contact_info h4{margin:0 0 30px 0;font-size:16px;text-transform:uppercase;font-weight:700}
.contact_info p{margin:0;line-height:32px;font-size:22px;font-weight:300}
@media all and (max-width:1000px){
.contact_info .description{padding:60px 40px}
.contact_info p{line-height:28px;font-size:18px}
}
@media all and (max-width:760px){
.contact_info .description{padding:50px 30px}
.contact_info p{line-height:24px;font-size:16px}
}
@media all and (max-width:440px){
.contact_info p{line-height:20px;font-size:14px}
}

/*
*	MAP
*/
#google-map{margin-top:-100px;height:480px;background-color:#f8f8f8}
/*.............................................. END LAYOUT ..............................................*/


/*............................................. BEGIN LISTS ..............................................*/
/*
*	HIGHLIGHTED SERVICES CATEGORIES (HOMEPAGE)
*/
.categories_pane{position:relative;z-index:1}
.categories_pane::before{width:100%;height:58%;content:'';background:url(../img/patterns/haltfone.png);position:absolute;bottom:0;left:0;z-index:-1}
.hl_categories article{width:300px;margin-right:150px;font-weight:400;font-style:italic;text-align:center;float:left}
.hl_categories article .image{height:300px;margin-bottom:20px;background-color:#fff;border-radius:50%;position:relative;z-index:1;overflow:hidden;-webkit-box-shadow:0px 4px 9px 2px rgba(0,0,0,0.25);-moz-box-shadow:0px 4px 9px 2px rgba(0,0,0,0.25);box-shadow:0px 4px 9px 2px rgba(0,0,0,0.25)}
.hl_categories article .image img{width:100%;height:100%;opacity:1;display:block}
.hl_categories article .caption{width:100%;height:100%;background-color:rgba(0, 0, 0, .5);opacity:0;display:table;position:absolute;top:0;left:0;transition:opacity .5s;-webkit-transition:opacity .5s}
.hl_categories article .caption a{padding:30px;line-height:30px;color:#fff;font-size:25px;display:table-cell;vertical-align:middle}
.hl_categories article h3{margin:0}
/* hover */
.hl_categories article:hover .caption{opacity:1}
@media all and (max-width:1240px){
.hl_categories article{width:260px;margin-right:90px}
.hl_categories article .image{height:260px}
}
@media all and (max-width:1000px){
.hl_categories article{width:210px;margin-right:45px}
.hl_categories article .image{height:210px}
.hl_categories article .caption a{padding:20px;line-height:28px;font-size:20px}
}
@media all and (min-width:761px){
.hl_categories article:nth-child(3n){margin-right:0}
}
@media all and (max-width:760px){
.categories_pane::before{height:21%}
.hl_categories article{width:280px;margin:auto;float:none}
.hl_categories article:not(:last-child){margin-bottom:40px}
.hl_categories article .image{height:280px}
.hl_categories article .caption a{padding:30px;line-height:30px;font-size:25px}
}


/*
*	EVENTS
*/
.events_pane{position:relative;z-index:1}
.events_pane::before{width:100%;height:300px;content:'';background:url(../img/patterns/haltfone.png);position:absolute;bottom:0;left:0;z-index:-1}
.events_list article{width:300px;margin-right:150px;margin-bottom:40px;color:#555;font-weight:400;text-align:center;cursor:pointer;float:left;transition:color .5s;-webkit-transition:color .5s}
.events_list article .image{height:300px;margin-bottom:20px;background-color:#f0c351;position:relative;z-index:1;overflow:hidden}
.events_list article .image img{width:100%;height:100%;opacity:1;display:block;transition:opacity .5s;-webkit-transition:opacity .5s}
.events_list article time{margin-bottom:10px;font-size:16px;display:block}
.events_list article h3{height:70px;margin:0;font-size:23px;overflow:hidden}
/* hover */
.events_list article:hover img{opacity:.5}
.events_list article:hover{color:#000}
@media all and (max-width:1240px){
.events_list article{width:260px;margin-right:90px}
.events_list article .image{height:260px}
.events_list article h3{font-size:23px}
}
@media all and (max-width:1000px){
.events_pane::before{height:260px}
.events_list article{width:210px;margin-right:45px}
.events_list article .image{height:210px}
.events_list article time{font-size:14px}
.events_list article h3{height:60px}
}
@media all and (min-width:761px){
.events_list article:nth-child(3n){margin-right:0}
}
@media all and (max-width:760px){
.events_pane::before{height:300px}
.events_list article{width:280px;margin:auto;float:none}
.events_list article .image{height:280px}
.events_list article h3{font-size:22px}
}
@media all and (max-width:440px){
.events_list article h3{font-size:20px}
}


/*
*	MENUS
*/
.menus_pane{position:relative;z-index:1}
.menus_pane::before{width:100%;height:70%;content:'';background:url(../img/patterns/haltfone.png);position:absolute;bottom:0;left:0;z-index:-1}
.menus_list{margin:auto;display:table}
.menus_list article{width:600px;font-size:20px;text-align:center;display:table-cell;transition:color .5s;-webkit-transition:color .5s}
.menus_list article .image{height:320px;margin-bottom:40px;background-color:#f0c351;position:relative;z-index:1;overflow:hidden}
.menus_list article .image img{width:100%;height:100%;display:block}
/* description */
.menus_list .description{padding:0 30px}
.menus_list h3{margin:0 0 25px 0;font-weight:400;font-style:italic}
.menus_list p{margin-bottom:40px;line-height:26px;font-weight:300}
.menus_list a{height:36px;margin:0;padding:0 20px;line-height:36px;color:#000;font-size:14px;text-transform:uppercase;border:2px solid #000;display:inline-block;transition:all .4s;-webkit-transition:all .4s}
/* hover */
.menus_list a:hover{color:#666;border-color:#666}
@media all and (max-width:1240px){
.menus_list article{width:480px}
.menus_list article .image{height:256px}
.menus_list article h3{font-size:23px}
}
@media all and (max-width:1000px){
.menus_pane::before{height:260px}
.menus_list article{width:360px}
.menus_list article .image{height:192px}
}
@media all and (max-width:760px){
.menus_pane::before{height:300px}
.menus_list{display:block}
.menus_list article{width:400px;display:block}
.menus_list article:first-child{margin-bottom:50px}
.menus_list article:last-child{margin-bottom:0}
.menus_list article .image{height:213px}
}
@media all and (max-width:440px){
.menus_list article{width:280px}
.menus_list article:first-child{margin-bottom:40px}
.menus_list article .image{height:149px}
}
/*.............................................. END LISTS ...............................................*/


/*............................................. BEGIN DETAIL .............................................*/
/*
*	NAVIGATION
*/
nav.records_nav{padding:55px 0;font-size:16px;text-align:center}
nav.records_nav a{height:24px;line-height:24px;color:#eaeaea;text-transform:uppercase;display:block;position:relative;transition:color .5s;-webkit-transition:color .5s}
nav.records_nav a::before{font-size:20px;position:absolute;top:1px}
nav.records_nav a.arrow_prev, nav.records_nav a.arrow_next{max-width:38%;position:relative}
nav.records_nav a.arrow_prev{padding-left:21px;text-align:left;float:left}
nav.records_nav a.arrow_prev::before{left:0}
nav.records_nav a.arrow_next{padding-right:21px;text-align:right;float:right}
nav.records_nav a.arrow_next::before{right:0}
nav.records_nav a.return{max-width:24%;margin:auto}
nav.records_nav a.return::before{margin:auto;font-size:18px;right:0;left:0;display:none}
/* hover */
nav.records_nav a:hover{color:#f0c351}
@media screen and (max-width:760px){
nav.records_nav a span{display:none}
nav.records_nav a::before{font-size:26px}
nav.records_nav a.return::before{display:block}
}
/*.............................................. END DETAIL ..............................................*/


/*............................................. BEGIN RULERS .............................................*/
.clear::after{height:0;content:'';display:block;clear:both}
hr.clearfix{height:0;border:none;clear:both}
hr.hline{height:1px;margin:40px 0;background-color:#d2cac6;border:none}
/*.............................................. END RULERS ..............................................*/


/*............................................ BEGIN TEMPLATE ............................................*/
/*
*	WIDTH CONTAINER
*/
.width_container{width:1200px;margin:0 auto}
@media all and (max-width:1240px){
.width_container{width:960px}
}
@media all and (max-width:1000px){
.width_container{width:720px}
}
@media all and (max-width:760px){
.width_container{width:400px}
}
@media all and (max-width:440px){
.width_container{width:280px}
}

/*
*	TOP BAR
*/
#top_bar{height:52px;padding:25px 0;text-transform:uppercase;background-color:#000}
#top_bar.fixed{width:100%;position:absolute;top:0;left:0;background-color:transparent;z-index:2}
#top_bar .width_container{position:relative}
/* logo */
#top_bar h1{margin:0;padding:0;float:left}
#top_bar h1 a{width:251px;height:52px;text-indent:-2000em;background:url(../img/logo.png) no-repeat top left /cover;display:block;overflow:hidden}
/* menu */
#top_bar nav{float:right}
#top_bar nav a{margin-top:40px;margin-left:26px;line-height:12px;color:#f0c351;font-size:15px;cursor:pointer;display:block;float:left;transition:color .5s;-webkit-transition:color .5s}
#top_bar nav a:last-child{display:none}
#top_bar nav a:hover, #top_bar nav a.active{color:#fff}
/* reservation button */
#top_bar .rect_btn{position:absolute;top:-20px;right:0}
@media all and (max-width:1240px){
#top_bar{height:44px}
#top_bar h1 a{width:212px;height:44px}
#top_bar nav a{margin-top:32px;margin-left:20px;font-size:14px}
}
@media all and (max-width:1000px){
#top_bar nav a:not(:last-child), #top_bar .rect_btn{display:none}
#top_bar nav a:last-child{display:block}
}
@media all and (max-width:760px){
#top_bar{height:40px}
#top_bar h1 a{width:193px;height:40px}
#top_bar nav a{margin-top:28px}
}
@media all and (max-width:440px){
#top_bar{height:30px}
#top_bar h1 a{width:145px;height:30px}
#top_bar nav a{margin-top:18px;font-size:14px}
}

/*
*	RESPONSIVE MENU
*/
#responsive_menu{width:100%;height:100%;color:#fff;text-transform:uppercase;background-color:rgba(0, 0, 0, .85);overflow:hidden;position:fixed;top:0;left:0;z-index:3}
#responsive_menu .width_container{position:relative}
#responsive_menu .bar{height:52px;padding:25px 0}
/* logo */
#responsive_menu h2{width:251px;height:52px;margin:0;text-indent:-2000em;background:url(../img/logo.png) no-repeat top left /cover;float:left;overflow:hidden}
/* close button */
#responsive_menu #close_rm_btn{margin-top:40px;line-height:12px;font-size:15px;cursor:pointer;display:block;float:right}
/* nav */
#responsive_menu nav{margin:40px 0}
#responsive_menu nav a{line-height:40px;color:#fff;font-size:22px;font-weight:300;display:block;transition:color .4s;-webkit-transition:color .4s}
#responsive_menu nav a:hover, #responsive_menu nav a.active{color:#f0c351}
/* reservations button */
#responsive_menu .rect_btn{display:inline-block}
#responsive_menu nav a
@media screen and (max-width:1240px){
#responsive_menu .bar{height:44px}
#responsive_menu h2{width:212px;height:44px}
#responsive_menu #close_rm_btn{margin-top:32px}
#responsive_menu nav a{line-height:50px;font-size:25px}
}
@media screen and (min-width:1001px){
#responsive_menu{display:none!important}	
}
@media screen and (max-width:1000px){
#responsive_menu{display:none}
#responsive_menu nav a{line-height:40px;font-size:20px}
}
@media all and (max-width:760px){
#responsive_menu .bar{height:40px}
#responsive_menu h2{width:193px;height:40px}
#responsive_menu #close_rm_btn{margin-top:28px}
#responsive_menu nav a{line-height:30px;font-size:18px}
}
@media all and (max-width:440px){
#responsive_menu .bar{height:30px}
#responsive_menu h2{width:145px;height:30px}
#responsive_menu #close_rm_btn{margin-top:18px;font-size:14px}
#responsive_menu nav a{line-height:30px;font-size:16px}
}

/*
*	MAIN BANNER
*/
.main_banner{min-height:480px;color:#f0c351;background-color:#000;background-size:cover;background-position:center;position:relative;z-index:1}
.main_banner::before{width:100%;height:100%;content:'';background:-moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.95) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.95) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.95) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#cc000000',GradientType=0);position:absolute;top:0;left:0;z-index:1}
/* slides */
.slides_wrapper{width:100%;height:100%;min-height:480px;position:absolute;top:0;left:0;z-index:-1}
.slides_wrapper .slide{min-height:480px;background-repeat:no-repeat;background-position:center;background-size:cover}
/* main container */
.main_banner .main_container{height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.main_banner .caption{width:100%;height:100%;display:table;position:absolute;top:0;left:0;z-index:1}
.main_banner .cell{padding:300px 200px 200px 200px;font-weight:300;text-align:center;display:table-cell;vertical-align:middle}
.main_banner .cell h2{width:80%;margin:auto}
/* scroll down button */
.main_banner .scrolldown{width:50px;height:50px;line-height:48px;font-size:30px;text-align:center;position:absolute;bottom:50px;z-index:1;cursor:pointer;left:50%;right:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);animation:blink 2s infinite ease-in-out;-webkit-animation:blink 2s infinite ease-in-out}
.main_banner .scrolldown::before{content:'\e8f5\A\e8f5\A\e8f5';line-height:16px;font-family:"fontello";white-space:pre;display:block}
.main_banner .scrolldown:hover{animation:none}
@media all and (max-width:1200px){
.main_banner .cell{padding:180px 150px}
}
@media all and (max-width:980px){
.main_banner .cell{padding:150px 100px}
}
@media all and (max-width:767px){
.main_banner .cell{padding:100px 50px}
}
@media all and (max-width:440px){
.main_banner .cell{padding:60px 0}
}

/*
*	TESTIMONIALS
*/
.testimonials{background-color:#fff;position:relative}
.testimonials .width_container{position:relative}
.testimonials::before{width:100%;height:110px;content:'';background:url(../img/patterns/haltfone.png);position:absolute;top:0;left:0}
.testimonials .slider{height:500px;margin:auto}
/* slide */
.testimonials .slide{height:500px;background-repeat:no-repeat;background-position:center right;background-size:cover;position:relative;overflow:hidden}
.testimonials .slide::before{width:100%;height:100%;content:'';background:-moz-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 15%, rgba(0,0,0,0.7) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 15%,rgba(0,0,0,0.7) 100%);background:linear-gradient(to bottom, rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 15%,rgba(0,0,0,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000',GradientType=0);position:absolute;top:0;left:0}
/* caption */
.testimonials .caption{margin:auto;padding:0 80px;color:#fff;text-transform:uppercase;text-align:center;position:absolute;bottom:35%;right:0;left:0}
.testimonials .caption q{margin-bottom:20px;line-height:50px;font-size:40px;font-weight:300;font-style:italic;display:block}
.testimonials .caption b{font-size:16px;display:block}
/* arrows buttons */
.testimonials .arrow{height:40px;line-height:40px;color:#fff;font-size:40px;cursor:pointer;opacity:.7;position:absolute;bottom:10%;transition:opacity .5s;-webkit-transition:opacity .5s}
.testimonials .arrow::before{width:auto;margin:0}
.testimonials .icon-left-open-mini{left:5%}
.testimonials .icon-left-open-mini::before{text-align:left}
.testimonials .icon-right-open-mini{right:5%}
.testimonials .icon-right-open-mini::before{text-align:right}
.testimonials .arrow:hover{opacity:1}
/* button */
.testimonials .rect_btn{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
@media all and (max-width:1240px){
.testimonials .slider{height:400px}
/* slide */
.testimonials .slide{height:400px}
/* caption */
.testimonials .caption q{line-height:42px;font-size:32px}
}
@media all and (max-width:1000px){
.testimonials .slider{height:350px}
/* slide */
.testimonials .slide{height:350px}
/* caption */
.testimonials .caption q{line-height:36px;font-size:26px}
}
@media all and (max-width:760px){
.testimonials .slider{height:300px}
/* slide */
.testimonials .slide{height:300px}
/* caption */
.testimonials .caption{padding:0 15px}
.testimonials .caption q{margin-bottom:15px;line-height:30px;font-size:20px}
.testimonials .caption b{font-size:14px}
}
@media all and (max-width:440px){
.testimonials .slider{height:250px}
/* slide */
.testimonials .slide{height:250px}
/* caption */
.testimonials .caption q{margin-bottom:10px;line-height:24px;font-size:16px}
}

/*
*	RESERVATIONS TEASER
*/
.reservations_banner{width:100%;height:400px;color:#f0c351;text-align:center;background-repeat:no-repeat;backgrund-position:center;background-size:cover;display:table;overflow:hidden;position:relative;z-index:1}
.reservations_banner::before{width:100%;height:100%;content:'';background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.92) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.92) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.92) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#eb000000',GradientType=0 );position:absolute;top:0;left:0;z-index:-1}
.reservations_banner .cell{display:table-cell;vertical-align:middle}
.reservations_banner h4{margin:0 0 20px 0;text-transform:uppercase}
.reservations_banner p{margin:0;line-height:50px;font-size:50px;font-weight:700}
@media all and (max-width:1000px){
.reservations_banner{height:360px}
.reservations_banner p{line-height:45px;font-size:45px}
}
@media all and (max-width:760px){
.reservations_banner{height:320px}
.reservations_banner p{line-height:40px;font-size:40px}
}
@media all and (max-width:440px){
.reservations_banner{height:280px}
.reservations_banner p{line-height:35px;font-size:35px}
}

/*
*	CREDITS
*/
#credits{padding:40px 0;line-height:26px;color:#000;text-transform:uppercase;font-weight:400;font-style:italic}
#credits p{margin:0}
#credits p:first-child{float:left}
#credits p:last-child{float:right}
#credits a{color:#000;transition:color .5s;-webkit-transition:color .5s}
#credits a.icon{font-weight:400;font-style:normal;font-size:18px}
#credits a.icon::before{margin:0 6px}
#credits a:hover, #credits a.active{color:#fff}
@media all and (max-width:1000px){
#credits{padding:30px 0}
}
@media all and (max-width:760px){
#credits{padding:25px 0;text-align:center}
#credits p{float:none!important}
#credits p:first-child{margin-bottom:5px}
#credits a.icon span{font-size:16px}
}
/*............................................. END TEMPLATE .............................................*/


/*.............................................. BEGIN TEXT ..............................................*/
/*
*	MISC
*/
a{text-decoration:none;outline:none}
b{font-weight:700}

/*
*	ALIGNMETNS
*/
.centered{text-align:center}

/*
*	HEADERS
*/
h3, h4, h5{font-weight:400}
h2{margin:0 0 10px 0;line-height:65px;font-size:50px;font-weight:300;text-transform:uppercase}
h3{margin:0 0 10px 0;line-height:35px;font-size:25px}
h4{font-size:20px}
@media all and (max-width:1240px){
h2{line-height:56px;font-size:46px}
h3{font-size:24px}
}
@media all and (max-width:1000px){
h2{line-height:50px;font-size:42px}
h3{line-height:30px;font-size:23px}
}
@media all and (max-width:760px){
h2{line-height:42px;font-size:34px}
h3{font-size:22px}
}
@media all and (max-width:440px){
h2{line-height:36px;font-size:28px}
h3{font-size:20px}
}

/*
*	COLORS
*/
.c_yellow{color:#f0c351}

/*
*	OP RESULTS
*/
p.success, p.error{margin:0 0 20px 0;font-size:16px;text-align:center}
p.success a, p.error a{color:#f0c351;transition:color .5s;-webkit-transition:color .5s}
p.success a:hover, p.error a:hover{color:#eaeaea}
p.success b{color:#6fa848}
p.error b{color:#e60000}
/* info */
p.info{margin-bottom:30px!important;padding:10px 15px;color:#fff;font-size:16px;margin:0 0 20px 0;border-radius:3px}
p.info a{color:#fff;text-decoration:underline}
p.info{background-color:#74a9cb}
/*............................................... END TEXT ...............................................*/