@charset "utf-8";
/* CSS Document */
/* css/hotel */
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,800,700,600,800);
	@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,500italic);
*{
	margin:0;
	padding:0;
	font-family: Ubuntu, serif;
	font-weight:300;
    border:none;
	text-decoration:none;
	font-size:14px;
}	

html,body{
	height:100%; 
}

body{
	
}

header{

}

.fix_ul {
  list-style: none;
}

.header_w{
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #000000;
  height: 60px;
  width: 100%;
  margin: auto;
  z-index: 99;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
}

.w_bg{
	background:#FFFFFF;
}

#logo_w{
	height: 60px;
	color: #FFFFFF;
	text-align: center;
}

#logo_w h1{
  font-size: 3.2em;
  margin: 5px auto;
  text-align: center;
    font-weight: 100;
}

#logo_w img{
	  height: 50px;
  margin: 5px auto;
  text-align: center;
	
}

.navigation{
	  margin: 21px;
  text-align: right;
}


.navigation ul li{
  float: left;
  font-size: 14px;
  padding: 0 14px;
  font-weight: 300;
  border-right: 1px solid #000;
}
.navigation ul li:last-of-type{
	border-right:none;
}

.navigation ul li a{
	color:#000000;
}

.social {
  height: 60px;
  background-color: #000000;
  padding: 0 15px;
}

.social a{
  color: #fff;
  font-size: 22px;
  margin: 15px 3px;
  display: inline-block;
}

#banner{
  height: 480px;
  overflow: hidden;
}

#bgRotatorNav {
  bottom: 30px !important;
  width: 100% !important;
  text-align: center;
}

.bulletBanner {
  background-color: #EDD47C;
  width: 27px;
  list-style: none;
  height: 7px;
  bottom: 65px;
  display: inline-block;
  margin: 0 4px;
}

.callout {
  position: absolute;
  background: rgba(0, 0, 0, 0.45);
  left: 0;
  bottom: 44px;
  padding: 10px 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-size: 33px;
  font-weight: 300;
  text-shadow: 0 1px 2px #000000;
}

.arrowNav {
  position: absolute;
  color: #FFFFFF;
  top: 50%;
  font-size: 70px !important;
  padding: 15px;
  height: 34px;
  width: 34px;
  text-align: center;
  cursor: pointer;
  transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
}

.arrowNav_r {
  left: 30px;
}

.arrowNav_l{
  right: 30px;
}

.features_container{
	background-color: #f2f2f2;
}

.f_box{
	text-align: center;
	padding: 33px;
	border-top: 5px solid #f2f2f2;
	margin: 0 10px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
  
}

.f_box:hover{
	background:#fff;
	border-top: 5px solid #383838;
}

.f_ico{
  background: #EDD47C;
  color:  #383338;
  width: 60px;
  margin: auto auto 10px;
  padding: 27px 20px;
  font-size: 36px;
  text-align: center;
}

.f_box h3{
  margin: 0 0 10px 0;
  padding: 0;
  letter-spacing: normal;
  line-height: 26px;
  font-size: 17px;
  font-weight: 500;
  color: #383338;
  text-transform: uppercase;
}

.reg_txt{
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
}

.f_box  .reg_txt{
  color:  #383338;
}

.prm_ttl{
margin: 18px 0px;
  padding: 0;
  letter-spacing: normal;
  line-height: 26px;
  font-size: 28px;
  font-weight: 500;
  color:  #383338;
  text-transform: uppercase;
}

.about_w{
	margin:40px 0;
}

.about_w  .reg_txt{
  font-size: 15px;
  line-height: 25px;
}

.about_img{
  padding: 0 25px 25px 0;
}

.blur_bg{
	width: 100%;
	background-size: 100%;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
}

.test_w{
	padding: 75px 0;
	text-align: center;
	color: #FFFFFF;
	max-width: 600px;
	margin: auto;
}

.test_w .prm_ttl{
	color:#fff;
}

.ttl_group{
  max-width: 400px;
  margin: 50px auto 40px; 
  text-align: center;
  border-bottom: 1px solid #000;
}

.tst_ico{
  background-color: #EDD47C;
  margin: auto auto 20px;
  color: #383338;
  padding: 12px;
  width: 28px;
  font-size: 20px;
}

.ar_tr{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #000000 transparent transparent;
	position: absolute;
	left: -10px;
	top: 30px;
}

.rm_pic{
	height: 200px;
	overflow: hidden;
	margin-left: 10px;
}

.mb_20{
	margin-bottom: 20px;
}

.rm_pic img{
  height: 100%;
  margin: auto;
  display: block;
}

 
.rm_descr{
  height: 170px;
  background: #000000;
  width: 70%;
  color:  #FFFFFF;
  padding: 15px 30px;
    margin-right: 10px;
}

.rm_descr .prm_ttl{
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  line-height: 26px;
  font-size: 19px;
  font-weight: 500;
}

.prc_txt{
  letter-spacing: -0.03em;
  color: #EDD47C;
  margin: 5px 0 12px;
  padding: 0;
  line-height: 26px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 10px;
  border-left: 3px solid #EDD47C;
}

.rm_descr .reg_txt{
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.bl_btn{
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  width: 50%;
  text-transform: uppercase;
  border: 1px solid #FFFFFF;
  padding: 5px;
  margin: 8px 0 0;
  text-align: center;
}

.contact_wf{
  background-color: #000000;
  color:  #FFFFFF;
  padding: 40px 0;
  margin-top: 40px;
}

.footer_style{
  background-color: #000000;
  padding: 20px 0;
  text-align:center;
}

.footer_style p,
.footer_style a{
	 color:rgba(255, 255, 255, 0.53);
	font-size:12px;
}

.contact_wf .prm_ttl {
  color: #fff;
  margin: 0 0 18px 0;
}

#socialLinks {
  margin: 10px 0 ;
}

.location_info li {
  padding-left: 25px;
  margin-bottom: 5px;
  letter-spacing: 0.02em;
}

.location_info i {
  color: #EDD47C;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 3px;
  text-align: center;
  width: 16px;
  display: block;
  font-size: 14px;
}

#socialLinks a{
  color: #FFFFFF;
  font-size: 25px;
  margin-right: 2px;
}

.p_height{
  margin-top: 100px;
}	

.pgr_ttl{
	  padding-left: 25px;
  margin-bottom: 20px;
  letter-spacing: -0.03em;
  font-size: 17px;
  font-weight: 500;
  border-left: 5px solid #EDD47C;
}

.pgr_ttl .prm_ttl{
  margin: 0 0 5px 0;
}

.event_w{
  border-bottom: 1px dashed #000;
  padding: 25px 0;
}

.room_w{
  padding: 25px 0 50px;
}

.p_ind{
	position: absolute;
	left: 0;
	top: 25px;
}

.gallery_img {
	display: inline-block;
	width: 100px;
	height: 60px;
	margin: 5px;
	overflow: hidden;
}

.container_gallery {
	margin-right: 25px;
	padding: 15px;
}

.fb_comments{
	  margin: 20px 0;
}

.fill_form {
  padding: 10px;
  width: calc(100% - 20px);
  margin-bottom: 8px;
  background: rgba(41, 38, 38, 1);
  font-size: 13px;
  font-weight: 300;
  border: 1px solid #6C6C6C;
  letter-spacing: 0.02em;
  font-family: Ubuntu, sans-serif;
  color:#FFF;
}

.prm_btn{
	background-color: #EDD47C;
	padding: 10px 20px;
	display: block;
	margin: 5px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	cursor:pointer;
}

.twitter-timeline{
	  height: 360px;
	
}

.fb_iframe_widget span,
.fb_iframe_widget span iframe{
  width: 100% !important;
  height: 360px !important;
  background-color: #fff;
	
}

.grey{
	  font-size: 12px;
}

#sentMsg{
	display:none;
	
}

@media (max-width:1024px){
	
	
	
}

@media (max-width:820px){
	
	

	
}

@media (max-width:640px){
	
	
	
	
}

/* ColorBox*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(255, 255, 255, 0.81); opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(/themes/hotel/images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(/themes/hotel/images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(/themes/hotel/images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/themes/hotel/images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(/themes/hotel/images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(/themes/hotel/images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(/themes/hotel/images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(/themes/hotel/images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; border: 10px solid #fff;  -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.58);  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.58);}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:-5px; left:0; text-align:center; width:100%; color:#000;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(/themes/hotel/images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute;   bottom: -5px; right:20px; color:#444;  font-size: 20px;}
        #cboxNext{position:absolute;   bottom: -5px;  right: 0; color:#444; font-size: 20px;}
        #cboxClose{position:absolute; top: -27px; right: -27px;display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}