/* Table of Content
==================================================
	#Reset
	#Main Styles
	#Header
	#Footer
	#Forms
	#Pages Styles */
	


/* # Reset
================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
html,body { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }	




/* # Main Styles
================================================== */
body { font-family: 'Open Sans', sans-serif; color:#776441; }
a { text-decoration:none; color:inherit; }

.pattern { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQYV2NkYGCQBOLnQIwXMEJlCSqGKQSpx6sYWSE+xZLoCrEpBtuETSGyYrhzcCnEMBmfQpTgor5CAOqECSSbSVTPAAAAAElFTkSuQmCC') repeat; }
.sprite { background-image:url(../IMG/sprite.png); }
.clear { clear:both; }
 
.main_wrapper { background-color:#f4f4f4; } 
.main_container { width:1200px; margin:0 auto; }
.main_section { padding:50px 0; color:#776441; background-color:#FFF; }
.main_block { width:768px; margin:0 auto; }
.main_title { text-transform:uppercase; }

.main_banner { height:130px; background-color:rgba(118, 99, 65, 1); position:relative; border-bottom:solid 10px #776441; }
.main_banner .image { position:absolute; height:100%; width:100%; top:0; left:0; background-size:cover; background-position:center center; opacity:0.5; }
.banner_title { font-size:35px; font-weight:700; position:absolute; width:100%; text-align:center; z-index:20; text-transform:uppercase; color:#FFF; height:47px; top:30px;  left:0; }
.main_banner span { display:block; position:absolute; height:84px; width:84px; left:0; right:0; margin:auto; bottom:-46px; z-index:20; }
.main_banner .compass { background-position:-431px 0px; }
.main_banner .calendar { background-position:-519px 0px; }
.main_banner .chat { background-position:-605px 0px; }

.main_form input[type="text"], .main_form textarea { padding:14px 10px; border:none; border:solid thin #ececec; resize:none; font-family: 'Open Sans', sans-serif; color:#776441; text-transform:uppercase; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; }
.main_form input[type="text"]:focus, .main_form textarea:focus { border-color:#e9dfca }

.main_form ::-webkit-input-placeholder { color:#949393; }
.main_form :-moz-placeholder { color:#949393; opacity:1; }
.main_form ::-moz-placeholder { color:#949393; opacity:1; }
.main_form :-ms-input-placeholder { color:#949393 !important;}

.main_form input[type="submit"] { float:right; background-color:transparent; border:none; margin-top:15px; cursor:pointer; color:#766341; text-transform:uppercase; }
.main_form input[type="submit"]:focus, .main_form input[type="submit"]:hover { color:#d4bf95; }

/* # Header
================================================== */ 
header { padding:35px 0 20px; background-color:#FFF; }

#languages { position:relative; height:15px; background-color:#766341; text-align:right; font-size:11px; text-transform:uppercase; font-weight:600; color:#dbd7d0; }
#languages a:hover, #languages .active { color:#FFF; }
   
/*  logo  */
.brand_wrapper { float:left; position:relative; }
.symbol { width:80px; height:80px; position:absolute; z-index:10; top:0; background-color:#FFF; background-image:url(../IMG/logo-3.png); background-position:center; background-repeat:no-repeat; left:0; right:0; margin:auto; text-indent:-2000em; margin-top:-50px; -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1); }
.logo { width:125px; height:80px; margin-top:45px; display:block; background-image:url(../IMG/logo-4.png); background-size:contain; background-repeat:no-repeat; z-index:50;  }
.logo a, .symbol a { display:block; text-indent:-2000em; height:80px; }

/* navigation */
nav { float:right; color:#766341; width:1010px; height:30px; overflow:hidden; }

#menu { float:left; text-transform:uppercase; font-size:15px; margin-right:120px; padding-top:2px; font-weight:300; }
#menu li { display:inline-block; margin-left:25px; }
#menu li a { padding-bottom:3px; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; }
#menu li a:hover { border-bottom:solid 3px #766341; }
#menu .active a { color:#d4bf95; }

.phone_number { font-weight:700; letter-spacing:1px; float:right; }



/* # Footer
================================================== */ 
footer { border-top:solid 4px #766441; color:#766341; height:20px; padding:10px 0; }
.site_info { font-size:12px; float:left; line-height:20px; }
.site_info span, .site_info a { font-weight:600; text-transform:uppercase; }
.social { font-size:15px; float:right; }
.social a { text-transform:uppercase; font-weight:700; display:inline-block; margin-left:5px; }
.social a:hover, .site_info a:hover { text-decoration:underline; }


/* # Forms
================================================== */ 
input, textarea, button { font-family: 'Open Sans', sans-serif; }
input:focus, textarea:focus, button:focus { outline:none; }

.form_info { margin-bottom:20px; color:#949393; } 

#quick_reservation { float:right; margin-top:20px; width:954px; height:38px; overflow:hidden; padding:15px; background-color:#ebebeb; }
#quick_reservation input { padding:10px; float:left; text-transform:uppercase; border:none; width:210px; margin-right:10px; cursor:pointer; }
#quick_reservation ::-webkit-input-placeholder { color:#776441; }
#quick_reservation :-moz-placeholder { color:#776441; opacity:1; }
#quick_reservation ::-moz-placeholder { color:#776441; opacity:1; }
#quick_reservation :-ms-input-placeholder { color:#776441;}
#quick_reservation > button { border:none; margin-left:10px; display:block; float:right; background-color:#766341; text-transform:uppercase; color:#FFF; padding:10px; width:220px; cursor:pointer; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; }
#quick_reservation > button span:first-of-type { float:left; display:block; }
#quick_reservation > button span:last-of-type { float:right; display:block; line-height:15px; }
#quick_reservation > button:hover, #quick_reservation > button:focus { background-color:#d4bf95; }


#newsl_form { margin-top:25px; }
#newsl_form input[type="text"] { float:left; padding:15px; font-size:13px; background-color:#dbd7d0; border:none; text-transform:uppercase; width:300px; }
#newsl_form ::-webkit-input-placeholder { color:#776441; }
#newsl_form :-moz-placeholder { color:#776441; opacity:1; }
#newsl_form ::-moz-placeholder { color:#776441; opacity:1; }
#newsl_form :-ms-input-placeholder { color:#776441;}
#newsl_form input[type="submit"] { float:left; height:48px; font-size:13px; padding:15px; border:none; text-transform:uppercase; background-color:#b5ac9a; color:#FFF; cursor:pointer; 
width:120px; }
#newsl_form input[type="submit"]:hover, #newsl_form input[type="submit"]:focus { background-color:#776441; }
.success { color:#d4bf95; }


#reservation { width:620px; margin:0 auto; padding:30px 0 100px; }
#reservation input { margin-bottom:15px; }
#reservation input:nth-of-type(1), #reservation input:nth-of-type(4) { width:600px; }
#reservation input:nth-of-type(2), #reservation input:nth-of-type(5) { width:235px; float:left; }
#reservation input:nth-of-type(3), #reservation input:nth-of-type(6) { width:325px; float:right; }

#reservation input:nth-of-type(7) { margin-left:18px; width:145px; }
#reservation input:nth-of-type(8) { width:145px; margin-left:9px; }

#reservation input:nth-of-type(9) { width:280px; float:left; cursor:pointer; }
#reservation input:nth-of-type(11) { width:280px; float:right; cursor:pointer; }

#reservation textarea { margin-top:40px; width:598px; height:70px; }

#reservation .success, #reservation .error, #contacts .success, #contacts .error { margin-bottom:20px; }

span.error { padding:2px 10px 2px 10px; display:inline-block; border-right:solid thin #CCC; font-size:14px; font-weight:300; margin-bottom:10px !important; }
span.error:first-of-type, span.error:nth-of-type(5), span.error:nth-of-type(8) { padding-left:0; }
span.error:last-of-type, span.error:nth-of-type(4)  { border:none; }

#contacts span.error:nth-of-type(3) { margin-right:5px; border:none; margin:5px !important; }
#contacts span.error:nth-of-type(4) { padding-left:0px; }

/*
/	CUSTOM SELECT
*/

#reservation .ui-selectmenu-button { margin-top:40px; position:relative; display:inline-block; width:250px !important; background-color:#FFF; }
#reservation .ui-selectmenu-button:focus { outline:none; border-color:#ffe716; }
#reservation .ui-selectmenu-button:hover { border-color:#CCC; }
#reservation .ui-selectmenu-text { padding: 14px 20px 14px 10px; width:225px; display:block; color:#949393; text-transform:uppercase; font-size:13px; border:solid thin #ececec; cursor:pointer; }
#reservation .ui-selectmenu-text:active { color:#949393; }
#reservation .ui-icon { position:absolute; top:0; bottom:0; right:0; margin:auto; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGhlaWdodD0iMzJweCIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9ImJhY2tncm91bmQiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMzIiIHdpZHRoPSIzMiIvPjwvZz48ZyBpZD0iYXJyb3dfeDVGX2Rvd24iPjxwb2x5Z29uIHBvaW50cz0iMi4wMDIsMTAgMTYuMDAxLDI0IDMwLjAwMiwxMCAgIi8+PC9nPjwvc3ZnPg=='); background-size:10px 10px; background-position:center;  }
.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; }
.ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; }
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; }
.ui-selectmenu-open { display: block; }
ul.ui-widget-content { border: 1px solid #f2f2f2; background: #ffffff; color: #A6A6A6; font-size:12px; text-transform:uppercase; max-height:150px; width:255px !important; }
.ui-widget-content a { color: #222222; }
.ui-widget-content .ui-state-focus { background-color:#d4bf95; color:#FFF; }
.ui-menu .ui-menu-item { cursor:pointer; padding:10px; }
.ui-menu .ui-menu-item:focus, .ui-selectmenu-menu ul:focus { outline:none; }
.ui-state-disabled { opacity:0.5; }

.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;width: 16px;height: 16px;}

#contacts { margin-top:30px; }
#contacts input[type="text"], #contacts textarea { width:530px; margin-bottom:15px; }
#contacts input[type="submit"] { margin-top:0; }

/* # Pages Styles
================================================== */ 
#widgets { position:relative; color:#776441; height:125px; margin-bottom:15px; }
.box { position:absolute; bottom:0; height:115px; width:400px;  background-color:#FFF;-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); transition:height .3s ease-out 0s, z-index 0s linear .6s; -webkit-transition:height .3s ease-out 0s, z-index 0s linear .6s; }
.box:nth-of-type(2) { left:0; right:0; margin-left:auto; margin-right:auto;}
.box:nth-of-type(3) { right:0; }

.box .image { height:200px; position:absolute; top:-200px; left:0; width:100%; background-size:cover; background-position:center center; opacity:0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; z-index:-5; }

.box_icon { height:86px; position:absolute; z-index:50; width:100%; top:0; margin-top:-48px; text-align:center; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.box_icon:before { content:''; display:block; height:10px; width:100%; background-color:#776441; position:absolute; top:0; bottom:0; margin:auto; }
.box_icon span { display:inline-block; height:84px; width:84px; position:relative; }

.camera { background-position:0px 0px; }
.prices { background-position:-87px 0px; }
.pin { background-position:-175px 0px; }

.box_content { text-align:center; width:200px; padding:0px 100px; position:absolute; bottom:120px; left:0; right:0; margin:auto; height:0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; overflow:hidden; }
.box_content h3 { font-size:18px; font-weight:600; height:72px; overflow:hidden; }
.box_content a { text-transform:uppercase; display:inline-block; background-color:#776441; color:#FFF; padding:10px; width:180px; margin-top:40px; opacity:0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; }

.box_title { text-align:center; text-transform:uppercase; width:100%; left:0; bottom:20px; position:absolute; background-color:#FFF; }
.box_title span { font-size:13px; }
.box_title h4 { font-size:20px; font-weight:600; }

.box:hover { height:545px; z-index:10; -webkit-transition:height .3s ease-out 0s, z-index 0s linear 0s; transition:height .3s ease-out 0s, z-index 0s linear 0s; }
.box:hover .box_icon { margin-top:157px; }
.box:hover .image { opacity:1; top:0; }
.box:hover .box_content {height:160px; transition-delay:.4s; -webkit-transition-delay:.4s; -moz-transition-delay:.4s; }
.box:hover .box_content a { opacity:1; transition-delay:1s; -webkit-transition-delay:1s; -moz-transition-delay:1s; }

.box_content:hover a { transition-delay:0s !important; -webkit-transition-delay:0s !important; -moz-transition-delay:0s !important; }
.box_content a:hover { background-color:#d4bf95; transition-delay:0s !important; -webkit-transition-delay:0s !important; -moz-transition-delay:0s !important; }

.welcome_block { padding:40px 0; color:#776441; }
.welcome_block article { width:630px; float:left; }
.welcome_block article h4 { font-size:18px; margin-bottom:25px; }
.welcome_block article p { color:#706f6f; text-align:justify; }

.newsletter_block { float:right; width:450px; text-align:center; }
.newsletter_block h4 { font-size:18px; font-weight:600; }
.newsletter_block p { font-size:14px; }

#services_teaser { background-color:#FFF; }
#services_teaser h3 { font-size:20px; }

.teaser_wrapper { padding:40px 0; } 

.teaser_block { position:relative; display:table; float:left; margin-right:13px; width:290px; height:185px; overflow:hidden; background-color:#776441; text-align:center; }
.teaser_block:nth-of-type(4) { float:right; margin-right:0; }
.teaser_block .picture { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center; opacity:0.8; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.teaser_block a { display:table-cell; color:#FFF; height:185px; vertical-align:middle; z-index:10; position:relative; text-transform:uppercase; font-weight:700; font-size:18px; }

.teaser_block:hover .picture { opacity:0.2; }


#enterprise_banner { height:430px; background-color:rgba(118, 99, 65, 1); position:relative; }
#enterprise_banner .image { position:absolute; height:100%; width:100%; top:0; left:0; background-size:cover; background-position:center center; opacity:0.5; }
#enterprise_banner article { display:table-cell; vertical-align:middle; height:430px; z-index:10; position:relative; color:#FFF; }
#enterprise_banner article h4 { font-weight:700; font-size:35px; text-transform:uppercase; margin-bottom:15px; } 
#enterprise_banner article p { font-weight:600; font-size:20px; }

.detail-content h3 { font-size:25px; font-weight:600; margin-bottom:25px; margin-top:40px; }
.detail-content h3:first-of-type { margin-top:0; }
.detail-content p { margin-bottom:20px; }


.listing { padding:80px 0; }
.listing h3 { font-size:25px; }
.listing hr { border:none; height:1px; background-color:#929497; opacity:0.5; }

#gallery_list { margin:40px auto; }

.gallery_teaser { width:290px; height:230px; cursor:pointer; float:left; margin-right:13px; margin-bottom:45px; }
.gallery_teaser:nth-of-type(4n) { margin-right:0; float:right; }
.gallery_teaser a { display:block; text-align:center; margin-top:10px; text-transform:uppercase; font-weight:700; font-size:16px; height:22px; overflow:hidden; }

.gallery_teaser .item { width:290px; height:185px; overflow:hidden; position:relative; background-color:#776441; }
.gallery_teaser .item:before { z-index:10; position: absolute; top: 25px; right: 30px; bottom: 25px; left: 25px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1); }
.gallery_teaser .image { position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center center; opacity:0.8; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
.gallery_teaser .caption { position:absolute; height:185px; width:290px; overflow:hidden; font-size:14px; top:0; left:0; right:0; bottom:0; margin:auto; color:#FFF; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); }
.gallery_teaser .caption p { position:absolute; height:79px; width:190px; overflow:hidden;  top:0; left:0; right:0; bottom:0; margin:auto; }

.gallery_teaser:hover .image { opacity:0.2; }
.gallery_teaser:hover .item:before, .gallery_teaser:hover .caption { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }

.gallery_details { margin:50px auto; }
.gallery_details a { margin-top:50px; display:inline-block; text-transform:uppercase; }

.list_item { margin:50px 0; height:180px; overflow:hidden; }
.list_item article { float:left; width:800px; }
.list_item article h6 { margin-bottom:20px; text-transform:uppercase; font-weight:600; }
.list_item article p { font-size:14px; }
.list_item .picture { float:right; width:290px; height:180px; background-size:cover; background-position:center center; }


.leftcol{float:left; width:800px; margin:40px 0; }
.leftcol h3, .rightcol h3 { margin:0; padding:10px 0; font-size:24px; text-align:center; color:#776441; font-weight:600; text-transform:uppercase; }
.dates { float:right; margin:10px 0; margin-left:116px;; }
.dates h6, .services h6, div.prices h6 { background-color:#FFF; float:left; margin:0; margin-left:10px;  padding:25px 0px; width:104px; font-size:14px; font-weight:normal; text-align:center; color:#776441; font-weight:600; }
.dates h6 { padding:5px 0; }
.services, div.prices { float:left; }
.services h6 { float:none; width:114px; height:17px; overflow:hidden; margin-bottom:10px; margin-left:0; }
div.prices { width:674px; margin-left:12px; }
div.prices h6 { width:104px; margin-left:0; margin-right:10px; text-align:center; margin-bottom:10px; background-color:#d4bf95; color:#776441; font-size:18px; padding:22.5px 0; }
div.prices h6:nth-of-type(6n) { margin-right:0; }
h8 { float:left; margin:0; width:800px; padding:20px 0; font-size:12px; text-align:center; color:#776441; text-transform:uppercase; background-color:#d4bf95; }
 
.rightcol { float:right; width:370px; margin:40px 0; }
.rightcol .promo { background-color:#766341; height:69px; padding:10px 0 16px; margin:10px 0; color:#FFF; position:relative; }
.rightcol .promo span { position:absolute; display:block; background-color:#ca0c0e; text-transform:uppercase; top:0px; left:10px; width:60px; font-size:11px; text-align:center; padding:10px 0; border: 1px solid #ca0c0e; }
.rightcol .promo span:after { content: ''; position: absolute; top: 35px; left: -1px; width: 0; height: 0; border-style: solid; border-width: 35px 35px 0 0; border-color: #ca0c0e transparent transparent transparent; }
.rightcol .promo span:before { content: ''; position: absolute; top: 35px; right: -1px; width: 0; height: 0; border-style: solid; border-width: 0 35px 35px 0; border-color: transparent #ca0c0e transparent transparent; }
.rightcol .promo h4, .rightcol .promo p { margin:0; margin-left:100px; }
.rightcol .promo h4 { font-size:20px; }
.rightcol .promo p { font-size:12px; max-width:260px; height:45px; overflow:hidden; }
.rightcol a { display:block; float:left; width:370px; height:19px; padding:19px 0; background-color:#766341; text-transform:uppercase; color:#FFF; text-align:center;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; }
.rightcol a:hover { background-color:#FFF; color:#766341; }

.contacts_wrapper { margin:40px 40px 100px; }
.contacts_wrapper .form { float:left; width:550px; color:#949393; }

.contacts_wrapper .info { float:right; width:420px; }
.contacts_wrapper .info > p { color:#949393; margin-bottom:25px; }
.contacts_wrapper .info-text h4 { font-size:13px; font-weight:700; text-transform:uppercase; }
.contacts_wrapper .info-text p { margin-bottom:20px; }
.contacts_wrapper .info a { color:#d4bf95; }
.contacts_wrapper .info a:hover { text-decoration:underline; }