@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic);
@import url('https://fonts.googleapis.com/css?family=Tinos:400,700&subset=cyrillic');
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
.head-social{
    position: absolute;
    top: 0;
    right: 25px;
}

.head-social a i{color:#fff;}

@media(max-width: 768px) {
    .head-social{display:none}
}
[hidden] { display: none; }
.block{
    display: inline-block;
    margin: 2px 0 9px 10px!important;
    padding: 7px 23px 0 10px;
    height: 260px;
    border: 1px solid #aaa;
    border-radius: 4px;
    min-height: 180px;
    width: 210px;
    box-shadow: 1px 1px 12px #383636;
    box-sizing: border-box;
    vertical-align: top;
    text-decoration: none!important;
    text-align: center;
    font-size: 15px;
    color: #d4a83f;
    float: left;
}
.block .img {
    width: 180px;
    height: 190px;
    margin-bottom: 5px;
}


/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: 'Tinos'; font-weight: 400;}
h1, h2, h3, h4, h5, h6{
	font-family: 'Tinos'; font-weight: 400;
}
/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*My style*/
html, body { height: 100%; width: 100%; }

html { font-size: 100.01%; }

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #daf1fe; }

.block { display: block; }

.none { display: none; }

.relativ { position: relative; }

.left-col { float: left; }

.right-col { float: right; }

.end { clear: both; }

.enddiv { clear: both; line-height: 0px; height: 0px; }

.main { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; }
/*
footer { position: relative; color: #fff; height: 125px; margin-top: -84px; background: url(../img/footer-rep.jpg) 0 0 repeat; }
*/
/*footer:after { content: ""; position: absolute; z-index: 99; display: block; bottom: 0px; left: 0; width: 100%; height: 84px; background: url(../img/footer.jpg) 50% 0 no-repeat;
} */
.hFooter { height: 84px; }

.f-posit { height: 84px; background: url(../img/footer.jpg) 50% 0 no-repeat; }

.res, .h-menu ul, .h-lang ul, .h-social ul, .pagin ul { margin: 0; padding: 0; list-style: none; }

a, a:focus, a:hover, a:active { outline: none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */
.my-icons-sprite, .my-icons-fl-001, .my-icons-fl-002, .my-icons-fl-h, .my-icons-fl, .my-icons-s-01, .my-icons-s-02, .my-icons-s-03, .my-icons-s-04, .h-lang ul li a, .h-lang ul li a:hover, .h-lang ul li a.active, .h-social ul li a.social-01, .h-social ul li a.social-02, .h-social ul li a.social-03, .h-social ul li a.social-04, .pagin ul li a, .pagin ul li a.active { background: url('../img/my-icons-s447e86020e.png') no-repeat; }

.my-icons-fl-001 { background-position: 0 0; height: 37px; width: 28px; }

.my-icons-fl-002 { background-position: -48px 0; height: 37px; width: 28px; }

.my-icons-fl-h { background-position: -96px 0; height: 27px; width: 21px; }

.my-icons-fl { background-position: -137px 0; height: 27px; width: 21px; }

.my-icons-s-01 { background-position: -178px 0; height: 19px; width: 19px; }

.my-icons-s-02 { background-position: -217px 0; height: 19px; width: 18px; }

.my-icons-s-03 { background-position: -255px 0; height: 19px; width: 19px; }

.my-icons-s-04 { background-position: -294px 0; height: 19px; width: 18px; }
/*
header { position: relative; height: 93px; background: #64b8f2 url(../img/header.jpg) 50% 0 no-repeat; }
header:after { content: ""; position: absolute; z-index: 99; display: block; bottom: -18px; left: 0; width: 100%; height: 35px; background: url(../img/rope-white.png) 50% 50% repeat-x; }
*/
.h-box { position: relative; width: 990px; height: 93px; margin: 0 auto; }

/*.h-adres {  font: 1.4em/150% "PT Sans Narrow", sans-serif; position: absolute; top: 0; left: 43px; width: 168px; height: 75px; padding: 10px 1px 5px; text-align: center; color: white; background: url(../img/slogan-top.png) 0 0 no-repeat; background-size: 100% 86px;}*/
.h-adres {  font: 1.5em/150% "PT Sans Narrow", sans-serif; position: absolute; top: 0; left: 5px; width: 168px; height: 75px; padding: 5px 1px 5px; text-align: center; color: white; background: url(../img/slogan-top.png) 0 0 no-repeat; background-size: 100% 86px;}
.h-adres b { font-size: 1.2em; font-weight: normal; }

/*.h-menu { position: absolute; top: 37px; left: 243px; }*/
.h-menu { margin-left: 160px; position: relative; text-align: center; top: 5px; }
header .h-menu { margin-left: 90px; position: relative; text-align: center; top: 50px;
}
/*.h-menu ul li { float: left; padding: 0 14px 0 0; }*/
.h-menu ul li { display: inline-block; padding: 0 7px 0 0; }
header .h-menu ul li { display: inline-block; padding: 0 3px 0 0; }
.h-menu ul li.second { padding: 0 15px 0 0; }
.h-menu ul li a { font: 2.1em "PT Sans Narrow", sans-serif; text-decoration: none; color: #fff; }
footer .h-menu ul li a { font: 1.4em "PT Sans Narrow", sans-serif; text-decoration: none; color: #fff; }

/*.h-menu ul li a { font: bold 1.9em "PT Sans Narrow",sans-serif; text-decoration: none; color: #fff; }*/

.f-posit .h-menu ul li a {  color: #fff; }
.h-menu ul li a:hover, .h-menu ul li a.active { color: #fed042; }

/*.h-logo { position: absolute; top: 13px; left: 455px; width: 123px; height: 67px; }*/
.h-logo { position: absolute; top: 13px; left: 420px; width: 123px; height: 67px; }

.f-posit-box { position: relative; width: 990px; height: 84px; margin: 0 auto; }
.f-posit-box .h-menu { position: absolute; top: 26px; left: 10px; }
.f-posit-box .h-menu ul li.second { padding: 0 143px 0 0; }
.f-posit-box .h-logo { position: absolute; top: 17px; left: 405px; width: 103px; height: 56px; }

.h-lang { position: absolute; top: 0; right: 72px; }
.h-lang ul li { float: left; padding: 0 0 0 3px; }
.h-lang ul li a { font: 1.1em/27px "PT Sans Narrow", sans-serif; display: block; text-align: center; color: white; text-decoration: none; background-position: -137px 0; height: 27px; width: 21px; }
.h-lang ul li a:hover, .h-lang ul li a.active { color: #fff;/*#188fbf;*/ background-position: -96px 0; height: 27px; width: 21px; }

/*.h-social { position: absolute; top: 45px; right: 65px; }*/
.h-social { position: absolute; right: 215px; top: 7px;}
.h-social ul li { float: left; padding: 0 0 0 2px; }
.h-social ul li a { display: block; }
.h-social ul li a.social-01 { background-position: -178px 0; height: 19px; width: 19px; }
.h-social ul li a.social-02 { background-position: -217px 0; height: 19px; width: 18px; }
.h-social ul li a.social-03 { background-position: -255px 0; height: 19px; width: 19px; }
.h-social ul li a.social-04 { background-position: -294px 0; height: 19px; width: 18px; }

.rope-blue-01 { position: relative; }
.rope-blue-01:after { content: ""; position: absolute; z-index: 99; display: block; bottom: -18px; left: 0; width: 100%; height: 35px; }

.rope-blue-02 { position: relative; }
.rope-blue-02:after { content: ""; position: absolute; z-index: 99; display: block; bottom: -18px; left: 0; width: 100%; height: 35px; background: url(../img/rope-blue-02.png) 50% 50% repeat-x; }

.lt-ie9 .rope-blue-01:after { background: none; }
.lt-ie9 .rope-blue-02:after { background: none; }
.lt-ie9 header:after { background: none; }

.slider-box { position: relative;}

.slider-box-posit { position: relative; max-width: 100%;/*990px;*/ margin: 0 auto; }

.slider-title {display: none; font: 1.8em "PT Sans Narrow", sans-serif; position: absolute; z-index: 99; width: 990px; padding: 20px 0 0; text-align: center; text-transform: uppercase; color: #fff; }

.slider-info { position: absolute; z-index: 99; top: 35px; left: 38px; }

.slider-info__title { width: 284px; height: 30px; /*background: url(../img/slider-title.png) 0 0 no-repeat;*/ }

.slider-info__text { font: italic normal 1.6em "PT Sans Narrow", sans-serif; padding: 5px 0 0 10px; color: #fff; }
.slider-info__text b { font: italic normal 1.1em "PT Sans Narrow", sans-serif; }

.slider-slogan { font: italic bold 3em/120% "PT Sans Narrow", sans-serif;
    position: absolute;
    left: -2px;
    bottom: 30px;
    z-index: 99;
    width: 362px;
    height: 128px;
    padding: 10px 0 0 50px;
    color: #012b7e;
    background: url(../img/slogan-bg.png) 0 0 no-repeat;}

.reservation { background: #fbe2b9; }

.reservation-posit { position: relative; width: 990px; margin: 0 auto; padding: 0 0 30px; }

.r-bron { position: relative; z-index: 1000; float: left; width: 340px; margin: 0px 0 0 0px; font-size:10px }
.r-bron .r-bron-title { font: 1.8em/36px "PT Sans Narrow", sans-serif; width: 190px; height: 36px; padding: 0 0 0 150px; color: white; background: #72b5e4 url(../img/bron-title.png) 77px 50% no-repeat; }

.bron-form { width: 249px; height: 317px; margin: 0 auto; padding: 12px 20px 0; background: #74cabd url(../img/bron-bg.jpg) 0 100% no-repeat; }
.bron-form table tr td { padding: 12px 4px; }
.bron-form label { font: 1.8em "PT Sans Narrow", sans-serif; color: white; }

.bron-form input { font: 1.8em "PT Sans Narrow", sans-serif; width: 39px; height: 24px; color: #111111; text-align: center; }
.bron-form input.year { width: 39px; }
.bron-form button { font: 1.8em/32px "PT Sans Narrow", sans-serif; display: block; width: 228px; height: 32px; text-align: center; border: none; background: #e9e9da; }

.pic { position: absolute; margin: 3px 0 0 5px; cursor: pointer; }

.r-inform { position: relative; z-index: 1000; float: right; width: 545px; margin: -20px 30px 0 0; display:none } /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.r-inform-title { font: 1.8em/37px "PT Sans Narrow", sans-serif; width: 546px; height: 37px; text-align: center; color: white; background: url(../img/r-inform-title-bg.jpg) 0 0 no-repeat; }

.r-inform-text { font: 1.6em/120% "PT Sans Narrow", sans-serif; padding: 10px 0 0; text-align: justify; color: #048cc2; }

.main-text { font: 1.6em "#104E8B", sans-serif; position: relative; z-index: 999; width: 990px; margin: 0 auto; text-align: justify; color: #104E8B; }

.main-text__title { font: 1.2em/38px "PT Sans Narrow", sans-serif; width: 426px; height: 38px; margin: -17px auto 10px; text-align: center; text-transform: uppercase; color: white; background: url(../img/main-text-title-bg.png) 0 0 no-repeat; }

.car-box { padding: 20px 0; }

.copyright { font: 1.4em "PT Sans Narrow", sans-serif; position: absolute; bottom: 10px; left: 3px; color: #372000; }

.room-block { background: url(../img/rope-blue-01.png) 0 18px repeat-x; }

.room-block { margin: 10px 0 0; }

.room-block2 { background: #f5e1c0 url(../img/rope-blue-01.png) 0 18px repeat-x; }

.room-posit { width: 920px; margin: 0 auto; padding: 15px 0; }

.room-title { font: 1.8em/37px "PT Sans Narrow", sans-serif; width: 384px; height: 37px; text-align: center; text-transform: uppercase; color: white; background: url(../img/room-title-bg.png) 0 0 no-repeat; }

.room-inform { font: 1.6em "Times New Roman", sans-serif; position: relative; padding: 0 15px; text-align: justify; color: #104E8B; }

.room-inform-pad { padding: 0 15px 20px; }

.room-inform-img { margin: 0 20px 10px  0; float: left; width:358px; height:269px; }

.room-left { position: relative; float: left; width: 358px; height: 269px; }

.room-left img { width:358px; height:269px; }

.mycarousel img { width:142px; height:104px; }

#mycarousel img { width:267px; height:197px; }

.room-name { font: 1.8em/38px "PT Sans Narrow", sans-serif; position: absolute; float: left; top: 15px; left: -10px; height: 38px; padding: 0 35px; color: #048cc2; }

.room-name-bg-01 { background: #f5e1c0; }

.room-right { float: right; width: 505px; min-height: 520px;}

.room-inform-block { padding: 11px 0 13px; }

.room-inform-button { font: 1.8em/32px "PT Sans Narrow", sans-serif; text-transform: uppercase; float: left; width: 182px; height: 32px; margin: 5px 20px 0 0; text-align: center; color: white; background: url(../img/r-info-bg.png) 0 0 no-repeat; }

.room-inform-price { font: 1.3em/32px "PT Sans Narrow",sans-serif; margin-left: 5px; float: left; width: 170px; height: 32px; margin: 5px 0 0; text-align: center; color: #048cc2; background: #fbe2b9; }

.room-inform-bron { font: 1.4em/44px "PT Sans Narrow",sans-serif; /*margin-left: 175px;*/ width: 375px; height: 44px; text-align: center; text-transform: uppercase; color: white; background: url(../img/r-inf-btn.png) 0 0 no-repeat; }
.room-inform-bron a { color: white; text-decoration:none;}

.room-block2 .room-name-bg-01 { background: #daf1fe; }

.room-block2 .room-inform-price { background: #daf1fe; }

.pagin { width: 990px; margin: 0 auto; }
.pagin ul { margin-left: 430px; }
.pagin ul li { float: left; padding: 0 20px 0 0; }
.pagin ul li a { font: 1.8em/37px "PT Sans Narrow", sans-serif; display: block; text-align: center; text-decoration: none; color: white; background-position: 0 0; height: 37px; width: 28px; }
.pagin ul li a.active { color: #2292ba; background-position: -48px 0; height: 37px; width: 28px; }

.l-podr { font: 0.7em/16px "PT Sans Narrow", sans-serif; display: block; position: absolute; right: 12px; bottom: 0px;
background-color: transparent;
    color: #beac5a!important;border: 1px solid #beac5a;
/*width: 60px;*/ min-height: 16px; text-align: center; text-decoration: none; text-transform: uppercase;/* color: white; *//*background: url(../img/podr.png) 0 0 no-repeat;*/ }

a.l-podr {padding: 0 5px;}

.fort { display: none; text-align: center; text-transform: uppercase; }

.page-block{ width: 920px;margin: 0 auto;padding: 15px 0 100px 0; font: 1.6em "Times New Roman", sans-serif;text-align: justify;color: #104E8B;}

h1,.h1{
	font: 1.3em/37px "PT Sans Narrow", sans-serif;
	width: 484px;
	/*height: 37px;*/
	text-align: center;
	text-transform: uppercase;
	color: white;
	background: #72b5e4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyYjVlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NGNhYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #72b5e4 0%, #74cabd 100%);
background: -webkit-linear-gradient(left,  #72b5e4 0%,#74cabd 100%);
background: linear-gradient(to right,  #72b5e4 0%,#74cabd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72b5e4', endColorstr='#74cabd',GradientType=1 );
min-height: 40px;

	margin: 0px 0px 10px 0px;}
.r-bron h1{font: 1.8em/37px "PT Sans Narrow", sans-serif;width: 289px;height: 37px;text-align: center;text-transform: uppercase;color: white;background: url(../img/room-title-bg.png) 0 0 no-repeat;margin: 0px 0px 10px 0px;}

.room_price table, .room_price table tr td{
	border: 1px solid #048CC2;
}
.cont-upravl, .upravl-recep{
	font: 21px/32px "PT Sans Narrow", sans-serif;
	width: 182px;
	height: 32px;
	margin: 5px 20px 0 0;
	text-align: center;
	color: white;
	background: url(../img/r-info-bg.png) 0 0 no-repeat;
}
.upravl, .recep{
	font-size: 25px;
}

.upravl p, .recep p{
	margin: 10px 0px;
}

h1.main-page-h1, p.main-page-h1{
    font: 24px "Tinos Bold";
	width: 100%;
	/*height: 37px;*/
	text-align: center;
	text-transform: uppercase;
	color: white;
	background: none;
	color: #202935;
	margin: 0px 0px 10px 0px;}

.material-home h1.main-page-h1,.material-home p.main-page-h1{
    color: #3A1B23;
    font: 32px "Tinos Bold";
}
.width-on-main{
	width: 80%;
	margin: auto;
}
.width-on-main p{
	width: 80%;
	margin: auto;
	text-align: center;
}


.fort { display: none; text-align: center; text-transform: uppercase; }

.rope { display: block; width: 100%; height: 35px; padding: 14px 0 9px; background: url(../img/rope-blue-01.png) 50% 50% repeat-x; }

.reg-block { font: 1.8em "PT Sans Narrow", sans-serif; width: 902px; height: 588px; margin: 0 auto; color: white; padding-bottom: 100px; background: url(../img/form-bg.png) 0 0 no-repeat; }
.reg-block form { width: 600px; margin: 0 auto; padding: 37px 0 0; }

.reg-block-title { font: 1.8em/37px "PT Sans Narrow", sans-serif; width: 384px; height: 37px; margin: 0 auto; text-align: center; text-transform: uppercase; color: white; background: url(../img/room-title-bg.png) 0 0 no-repeat; }

.reg-block-title2 { width: 426px; background: url(../img/room-title-bg2.png) 0 0 no-repeat; }

.mar-res { margin: 0 !important; padding: 0 !important; }

.line { padding: 14px 0; }
.line textarea { font: 1em/27px "PT Sans Narrow", sans-serif; width: 430px; height: 63px; border: none; color: #302708; }
.line label { font-size: 17px; display: block; float: left; width: 143px; height: 27px; padding: 0 15px 0 0; line-height: 100%; }
.line label.lab-02 { width: 55px; }
.line label.lab-03 { width: 77px; }
.line input { font: 1em/27px "PT Sans Narrow", sans-serif; float: left; width: 190px; height: 27px; margin: 0 25px 0 0; padding: 0px 5px; color: #302708; border: 1px solid #97d7ce; background: white; }
.line input.radio, .line input.check { width: 20px; margin: -3px 0 0 0; background: none; border: none; }
.line input.no-pad { margin: 0; }
.line button { font: 16px/31px "PT Sans Narrow", sans-serif; width: 286px; height: 31px; margin: 0 0 0 150px; text-align: center; text-transform: uppercase; color: #fed042; border: none; background: #128dc3; }
.line input[name=send] { font: 16px/31px "PT Sans Narrow", sans-serif; width: 276px; height: 31px; margin: 0 0 0 150px; text-align: center; text-transform: uppercase; color: #fed042; border: none; background: #128dc3; }

.mod-form { width: 583px; height: 368px; background: url(../img/m-bg.png) 0 0 no-repeat; }
.mod-form label { font: 1.6em arial; float: left; width: 110px; padding: 0 10px 0 0; text-align: right; color: white; }
.mod-form input { font: 1em/27px "PT Sans Narrow", sans-serif; float: left; width: 205px; height: 27px; padding: 0px 5px; color: #fed042; border: 1px solid #97d7ce; background: white; }
.mod-form input.mod-them { width: 423px; }
.mod-form textarea { width: 423px; height: 120px; }

.modal_send{  font: 16px/31px "PT Sans Narrow", sans-serif !important;width: 215px !important;height: 31px !important;margin: 0 0 0 334px;text-align: center;text-transform: uppercase;color: #fed042 !important;border: none !important;background: #128dc3 !important;}

.m-line { padding: 7px 0; }

.mod-form__title { font: 1.6em arial; padding: 15px 20px; text-transform: uppercase; text-align: center; color: white; }

.openmpdal { display: block; height: 30px; width: 284px; }

/* modal box style, can be anything you want */
.modal { width: 583px; height: 368px; margin: 20px auto; padding: 0px; }

.modal .close { float: right; text-decoration: none; font-size: 30px; margin-top: 2px; margin-right: 8px; color: red; }

.k-map { width: 610px;; margin: 0 auto; padding: 20px 0; text-align: center; }

.cont-block { font: 16px "Times New Roman", sans-serif; width: 426px; margin: 0 auto; color: #104E8B; }
.cont-block a { color: #048cc2; text-decoration: none; }

.cont-info__title { font: 16px/32px "PT Sans Narrow", sans-serif; width: 196px; height: 32px; padding: 0 0 10px 0; text-align: center; text-transform: uppercase; color: white; background: url(../img/cont-bg.jpg) 0 0 no-repeat; }

.cont-info-fone { font-size: 24px; text-align: center; padding: 0 0 10px 0; }

.cont-info { padding: 0 0 10px 0 !important; }

.cont-adres { padding: 0 0 10px 0; }

.lab_email{
	width: 297px;
	height: 35px;
	float: left;
	position:relative;
}

span.error{
	color: red;
	left: 76px;
	position: absolute;
	top: 30px;
}
span[for=phone]{
	left: 100px;
}

input.error{
	border:1px solid red;
}

.table_bron {
	margin:0 auto;
}

.table_bron tr td{
	padding:10px;
	border: 1px solid #048CC2;
}

.table_bron button{
	background: #73BADA;
	border: none;
	color: #fff;
	padding: 5px 8px;
}

.footer_contacts{
	bottom: 2px;
	color: #372000;
	font: 1.4em "PT Sans Narrow",sans-serif;
	right: 3px;
	position: absolute;
}

.bread{
	margin: 20px auto 10px;
	width: 905px;
/*	color: #048cc2;
*/}

.bread a{
	color: #048cc2;
}

.guest_add{
	text-align:center;
	font: 2em/44px "PT Sans Narrow", sans-serif;
	margin-left: 375px;
	width: 197px;
	font-size: 22px;
	height: 44px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	background: url(../img/r-inf-btn.png) 0 0 no-repeat;
}

.guest_add a{
	color: white;
	text-decoration:none;
}

#guestbookform input{
	font: 1em/27px "PT Sans Narrow", sans-serif;
	float: left;
	width: 190px;
	height: 27px;
	margin: 0 25px 0 0;
	padding: 0px 5px;
	color: #302708;
	border: 1px solid #97d7ce;
	background: white;
}


#guestbookform textarea {
	font: 1em/27px "PT Sans Narrow", sans-serif;
	width: 430px;
	height: 63px;
	border: none;
	color: #302708;
}

#guestbookform table tr td{
	padding:10px 20px 0px 0px;
}

#guestbookform table tr td:nth-child(1){
	width:20%;
}

#guestbookform  input[type=submit] {
	font: 16px/31px "PT Sans Narrow", sans-serif;
	width: 276px;
	height: 31px;
	text-align: center;
	text-transform: uppercase;
	color: #fed042;
	border: none;
	background: #128dc3;
}

.guest_one{
	border: 1px solid #69D3C5;
	padding: 5px 10px;
	border-radius: 10px;
	margin: 10px 0px;
}

.colum_1 {
	margin: 5px 0px;
}

.colum_1 a{
	color: #048cc2;
	font-size: 23px;
}
.colum_1 p{
	color: #048cc2;
	font-size: 23px;
	text-decoration: underline;
}
.pagin{
	text-align:center;
	color: #048CC2;
	font-size: 20px;
	margin-top:-40px;

}

.pagin a{
	color: #048CC2;
	font-size: 20px;

}
.social-05
{
	background: url("/public/img/goo+.png") no-repeat;
	width: 20px;
	height: 19px;
}
.bron-form-date input { font: 1.8em "PT Sans Narrow", sans-serif; width: 39px; height: 24px; color: #111111; text-align: center; }

.bron-form-date td{
	padding: 0px 20px;
}

table.date input{
width:39px;
height:24px;
}

footer nav.h-menu ul
{
	margin: 0 auto;
	width: auto;
	margin-left: -170px;
}

.content-box .main div p span{
	font-size:small!important;
}
.content-box .main div p {
	font-size:small!important;
}
.content-box .main div p font{
	font-size:small!important;
}

.content-box .main div h2 span{
	font-size:20px!important;
}
.content-box .main div h2 {
	font-size:20px!important;
}
/*for gallery*/
.ug-strip-panel{
        background-color: #012b7e !important;
}
.ug-item-wrapper{
     background-color: #012b7e !important;
}
/*01-11-2016*/
.room-title{
	margin: 10px auto;
}
/*21.11.2016*/
@media (max-width: 1215px){
.section-search-rooms .title{font-size: 31px !important}
.content.muted {height: 94px !important}
p.content.muted {font-size: 12px !important}
}
@media (max-width: 1000px){
 header .main-menu .menu-item > a{color:#337ab7 !important}
}
/*was add 13.09*/
@media(max-width: 419px){

   #copyright{
    float: left;
    }

}

@media(max-width: 1199px){
	.contacts-header p{
		position: relative;
		top: 30px;
		left: -55px;
		display: block;
		width: 460px;
	}
}

@media(max-width: 991px){
	.contacts-header p{
		top: 0;
		left: -400px;
	}
}

@media(max-width: 767px){
	.contacts-header p{
		display: none;
	}
	.header_p{
		text-align: center;
	}
}

@media(max-width: 640px){
	.rooms-area .room-title-container .h3.title{
		font-size: 29px;
	}
}

@media(max-width: 480px){
	.rooms-area .room-title-container .h3.title{
		font-size: 19px;
	}
}

/*#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}

.popup {
    top: 25%;
    left: 0;
    right: 0;
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}

.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 131, 119, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}*/
/* кнопка закрытия при наведении */
/*.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}*/

.video-with-text{
	display: flex;
	position: relative;
}
.video-with-text .video-with-text__widget-video-full{
	background-image: url(/storage/images/15797021044518.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	width: 84%;
}
.video-with-text .wrapper-full-inner{
	padding-top: 140px;
	padding-bottom: 140px;
	height: 480px;
}
.video-with-text .wrapper-full-inner .widget-inner{
	position: relative;
	left: 50%;
	display: inline-block;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.video-with-text .wrapper-full-inner .widget-inner .video-play.popup-video{
	cursor: pointer;
	display: inline-block;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	font-size: 90px;
	vertical-align: middle;
	color: #fff;
	/* border: 10px solid #fff; */
	background-color: #012B7E;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 30px 0 rgba(33, 30, 25, .1);
	-webkit-box-shadow: 0 0 30px 0 rgba(33, 30, 25, .1);
	-moz-box-shadow: 0 0 30px 0 rgba(33, 30, 25, .1);
}
.video-with-text .wrapper-full-inner .widget-inner .video-play.popup-video .fa-play{
	position: relative;
	/* max-width: 60px; */
	left: 30%;
	-webkit-transform: translateX(-40%);
	-moz-transform: translateX(-40%);
	-ms-transform: translateX(-40%);
	-o-transform: translateX(-40%);
	transform: translateX(-50%);
}
.video-with-text .wrapper-full-inner .widget-inner .video-play.popup-video .fa-play:before {
	content: url(https://skopeli.com/storage/play-icon.png);
}
.video-with-text .video-with-text__text{
	padding: 66px 63px;
	position: absolute;
	z-index: 1;
	width: 100%;
	right: 0;
	top: 16.5%;
	max-width: 420px;
	background: rgba(233, 240, 252, 1);
}
.video-with-text .video-with-text__text p{
	max-width: 279px;
	font-size: 22px;
	font-weight: 400;
	line-height: 27px;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}
.video-with-text .video-with-text__text .buttons .button{
	font-family: 'Tinos', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
	padding: 20px 72px;
	border-radius: 0;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	max-width: 270px;
	position: relative;
}
.video-with-text .video-with-text__text .buttons .button:after{
	content: url(/storage/button-arrow.png);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.restoran-link-merop{
	text-align: center;
}
.restoran-link-merop img{
	width: 300px;
}
.restoran-link-merop span{
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.btn-more { position: relative; padding: 5px 15px; display: inline-block; float: right;  }
.price-style{
	text-align: right;
	float: right;
	margin-right: 15px;
	color: #beac5a;
	padding-right: 5px;
	border-right: 1px solid #beac5a;
	border-bottom: 1px solid #beac5a;
	font-size: 20px;
}
#modalForm{
	overflow: visible !important;
}
#modalForm .modal-header .close {
	margin-top: -25px;
}
.check-rooms label{
	display: block;
}
.check-rooms .hasDatepicker{
	border-radius: 0;
	border: 1px solid #202935;
	height: 40px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.price-table{
    border-spacing: 0px;
    text-align: center;
    margin-top: 50px;
}

.modile_table tr td{
    border-bottom: solid 1px #000000;
    border: solid 1px #000000;
}

.price-table td{
    width: 90px;
}

.price-table td:first-child{
    width: 110px;
}

.price-table .colored{
    background: #CAC4B0;
}

.price-table .table-white-col{
    background: #fff;
}

.price-table tr td span{
    font-weight: 700;
}


.flexed-block{
    display:flex;
  text-align: justify;
}
.flexed-block > div{
    flex: 1;
  margin: 50px;
  text-align: justify;
}

.widget-video-full{
    background-image: url(/storage/video.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.wrapper-full-inner{
    padding-top: 50px;
    padding-bottom: 100px;
}

.widget-title {
    text-align: center;
    margin-bottom: 30px;
}

.widget-title span.h2, span.h3 {
    font-size: 24px;
}

.widget-video-full .widget-inner {
    position: relative;
    left: 50%;
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.widget-video-full .widget-inner .video-play {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 200px;
    line-height: 180px;
    text-align: center;
    font-size: 36px;
    color: #fff;
    border: 10px solid #fff;
    background-color: rgba(36, 50, 74, .5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 30px 0 rgba(33, 30, 25, .1);
}

.widget-features-grid .features-item, .widget-video-full .widget-inner .video-play {
    -webkit-box-shadow: 0 0 30px 0 rgba(33, 30, 25, .1);
    -moz-box-shadow: 0 0 30px 0 rgba(33, 30, 25, .1);
}

.btn, .owl-carousel .owl-dots .owl-dot span, .owl-carousel .owl-nav [class*=owl-], .widget-offers-grid .offers-item .item-inner .item-desc .btn-link:before, a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s
}

.widget-video-full .widget-title + .widget-inner {
    margin-bottom: 100px;
}

.widget-video-full .widget-inner .video-play:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.home_video_section,.home_video_section_margined,.home_video_section_margined_en{
    margin-bottom: 20px;
}
.header-mobile {
	display: none;
}

@media(max-width: 1000px) {
    .flexed-block{
        flex-direction: column;
    }
}

@media only screen and (min-width: 769px) {
	.custom-fields{
		padding-bottom: 30px;
	}
	.check-rooms .help-block{
		position: absolute;
	}

}

@media(max-width: 768px) {

	.video-with-text{
		flex-direction: column;
	}
	.video-with-text .video-with-text__widget-video-full{
		width: 100%;
	}
	.video-with-text .video-with-text__text{
		padding: 40px 43px;
		position: relative;
		max-width: 750px;
	}
.header-mobile {
	display: block;
	text-align: right;
	margin-top: 180px;
	color: white;
}

.logo-link {
	float: left;
}

.logo-link img {
	margin-top: -20px;
}

.header-mobile a {
	color: white;
}
    .adaptive-img {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media(max-width: 575px) {
	.video-with-text .wrapper-full-inner .widget-inner .video-play.popup-video {
		width: 130px;
		height: 130px;
		line-height: 130px;
		text-align: center;
		font-size: 90px;
		vertical-align: middle;
		color: #fff;
	}
	.video-with-text .wrapper-full-inner .widget-inner .video-play.popup-video .fa-play {
		position: relative;
		left: 30%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.video-with-text .video-with-text__text p {
		font-size: 16px;
		line-height: 20px;
	}
	.video-with-text .video-with-text__text {
		padding: 25px 23px;
	}
	.video-with-text .video-with-text__text .buttons .button{
		padding: 20px 15px;
	}
}
.b-short-content { min-height: 175px; }


/* custom rooms */
.section-check-rooms .room-box {
    max-width: initial;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.room-short-content {
    display: flex;
    padding: 10px 15px;
    font-size: 16px;
}
.room-box a.room-img img {
    width: 100%;
}

.room-box a.room-img {
    display: block;
    margin-left: -14px;
    margin-right: -14px;
    flex: none;
}

.room-data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin-top: 20px;
}

.room-box .title-big {
    font-weight: 700;
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.room-box .room-short-content {
    font-family: "tinos";
    padding: 0px;
    font-size: 12px;
    color: #333;
    height: initial;
}

.room-box .infograph {
    padding: 5px 0px;
    border-top: 0.5px solid #d9d9d9;
    border-bottom: 0.5px solid #d9d9d9;
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
}

.features + .room-attention {
	margin: 20px 0 0;
}

.room-attention {
	font-size: 15px;
	color: #012b7e;
	font-weight: 400;
}

.room-prices {
    margin: 20px 0px;
    font-size: 14px;
}

.room-prices .del {
    font-size: 15px;
    text-decoration: line-through;
}

.room-prices .norm {
    font-size: 15px;
    color: #012b7e;
    font-weight: 700;
}

.room-prices .price-cur {
    font-size: 15px;
}
.room-box .infograph div {
    width: 33%;
    font-size: 14px;
    color: #666;
}

.room-box .infograph .fa {
    margin-right: 16px;
}

.row-flex:after,
.row-flex:before {
    display: none;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.room-box .buttons {
    display: flex;
    align-items: center;
}

.room-detail-link {
    text-decoration: underline;
    font-size: 14px;
    padding: 6px 12px;
    margin-left: 20px;
    color: #000;
}

/* end custom rooms */

.content-flex {
  display: flex;
}

.has-children > a > span, .show {display:block !important}


.has-children > a > span {
    position: absolute;
    right: -15%;
    top: 30%;
    width: 50px;
    float: right;
}
.section-search-rooms.custom-block-search-rooms .container{
	width: 100%;
}
.section-search-rooms.custom-block-search-rooms .container .col-md-12{
	padding: 0;
}
.section-search-rooms.custom-block-search-rooms{
	padding-top: 0;
}

.mob-version { display: none!important; }

.col-sm-4.custom-footer-center-block.text-center {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .col-sm-4.custom-footer-center-block.text-center {
    position: inherit;
  }
	.trip-visor { display: none !important; }
	.mob-version { display: block!important; }
	footer .social-links { margin-bottom: 0!important;}
  .mobile-flex {
    display: flex;
    flex-direction: column-reverse;
  }
}

.guestbook-button.button {
	background: #012b7e;
	border: 2px solid #012b7e;
	color: #fff;
	transition: .3s;
}
.guestbook-button.button:hover {
	background: none;
	color: #012b7e;
}

table.pc_table.colored-10 tr td:nth-child(10) {
	background-color: #cac4b0;
}
table.modile_table.colored-10 tr:nth-child(10) td {
	background-color: #cac4b0;
}

table.pc_table.colored-pink-4 tr td:nth-child(4),
table.pc_table.colored-pink-5 tr td:nth-child(5),
table.pc_table.colored-pink-6 tr td:nth-child(6),
table.pc_table.colored-pink-7 tr td:nth-child(7) {
	background-color: #ffcccc;
}
table.modile_table.colored-pink-4 tr:nth-child(4) td,
table.modile_table.colored-pink-5 tr:nth-child(5) td,
table.modile_table.colored-pink-6 tr:nth-child(6) td,
table.modile_table.colored-pink-7 tr:nth-child(7) td {
	background-color: #ffcccc;
}
.mb-40{
	margin-bottom: 40px;
}

.mb-30{
	margin-bottom: 30px;
}


.hide-answer:not(.show-answer) .fa-chevron-up ,
.hide-answer:not(.show-answer) .chevron {
	transform: rotateZ(180deg);
	transition: all .2s
}



.info-tiles .info-tile-wrapper {
	margin-top: 15px;
	margin-bottom: 15px;
}
.info-tile-wrapper::after {
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: #fff;
	position: absolute;
	right: 27px;
	top: 12px;
	z-index: 4;
}
.info-tile-wrapper .info-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 256px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 40px 12px 25px 18px;
	-webkit-box-shadow: 0px 4px 26px 0px rgba(1,43,126,0.37);
	box-shadow: 0px 4px 26px 0px rgba(1,43,126,0.37);
}
.info-tile-wrapper .info-tile::after {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-color: rgba( 1, 43, 126, 0.69);
	z-index: 2;
}
.info-tile-wrapper .info-tile > * {
	position: relative;
	z-index: 3;
}
.info-tile-wrapper .info-tile > .info-tile-icon {
	height: 72px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center left;
	margin-bottom: 12px;
}
.info-tile-wrapper .info-tile > .info-tile-name {
	height: 60px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 25px;
}
.info-tile-wrapper .info-tile > .info-tile-details {
	color: #fff;
	font-size: 13px;
	line-height: 1;
	width: 122px;
	text-align: center;
	position: relative;
}
.info-tile-wrapper .info-tile > .info-tile-details::after {
	content: '';
	display: block;
	width: 122px;
	height: 8px;
	position: absolute;
	bottom: -10px;
	left: 0;
	background-repeat: no-repeat;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAAICAYAAAA2s+suAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABiSURBVHgB7dTRCYAwFEPRKA7yRnADdQM3sJvpJo7iKM+ICtIRYg6klP5eKGByMjOufd9amKKe2+vYJoiRC3e8sZvnEjBFCzdyU8ejcANMVeBubKr4W6/cBtPlyD/AwHMd+QRsQC88yGKoFAAAAABJRU5ErkJggg==");
}
@media (min-width: 992px) and (max-width: 1199px) {
	.info-tile-wrapper .info-tile > .info-tile-name {
		font-size: 18px;
	}
}

.post-row .info-tile-wrapper,
.post-row .info-tile-wrapper * {
	margin: initial !important;
}
.post-row .info-tile-wrapper .info-tile > .info-tile-icon {
	margin-bottom: 12px !important;
}
@media (max-width: 768px) {
	.post-row.material-block .col-sm-6 {
		width: 100%;
	}
}

.ug-item-wrapper img {
    height: 100% !important;
    width: auto !important;
    top: 0px !important;
    left: 50% !important;
    transform: translateX(-50%);
}