File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelcityview.co.in/css/style.css
Back
/* Theme Name: Range Relaxe Author: Galliasoft Author URI: Version: 1.2 Text Domain: Range Relaxe Theme URI: http://galliasoft.com/rangerelaxe-html-demo/ */ .clearfix:after, .widget:after, .search-form:after, .post-password-form p:after, .navigation-single:after, #header:after, .rooms .info-block:after, .billing-form .section:after, .b-container:after, .footer-nav:after { content: ''; display: block; clear: both; } .ellipsis { white-space: nowrap; /* 1 */ text-overflow: ellipsis; /* 2 */ overflow: hidden; } /* -------------------------------------- 1. Embedded font styles --------------------------------------*/ /* custom fonts */ @font-face { /*@include fontface('PlayfairDisplayBold', PlayfairDisplayBold, 700, normal);*/ } @font-face { /*@include fontface('PlayfairDisplayBoldItalic', PlayfairDisplayBoldItalic, 700, italic);*/ } /* -------------------------------------- 2. General reset --------------------------------------*/ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } body { font: 400 16px/23px "Lora", Arial, helvetica, sans-serif; min-width: 320px; color: #000000; } .active body { overflow: hidden; } a { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a:focus { outline: none !important; } .video { margin: 0 0 15px; } p { margin: 0 0 15px; } img { max-width: 100%; height: auto; } input[type='text'], input[type='tel'], input[type='email'], input[type='search'], input[type='password'], input[type='url'], input[type='date'] { height: 40px; } .comment-form input[type='text'], .search-form input[type='text'], .post-password-form input[type='text'], .comment-form input[type='tel'], .search-form input[type='tel'], .post-password-form input[type='tel'], .comment-form input[type='email'], .search-form input[type='email'], .post-password-form input[type='email'], .comment-form input[type='search'], .search-form input[type='search'], .post-password-form input[type='search'], .comment-form input[type='password'], .search-form input[type='password'], .post-password-form input[type='password'], .comment-form input[type='url'], .search-form input[type='url'], .post-password-form input[type='url'], .comment-form input[type='date'], .search-form input[type='date'], .post-password-form input[type='date'], .comment-form textarea, .search-form textarea, .post-password-form textarea { -webkit-appearance: none; -webkit-border-radius: 0; border: 1px solid #c9c9c9; padding: 6px 12px; } .comment-form input[type='text']:focus, .search-form input[type='text']:focus, .post-password-form input[type='text']:focus, .comment-form input[type='tel']:focus, .search-form input[type='tel']:focus, .post-password-form input[type='tel']:focus, .comment-form input[type='email']:focus, .search-form input[type='email']:focus, .post-password-form input[type='email']:focus, .comment-form input[type='search']:focus, .search-form input[type='search']:focus, .post-password-form input[type='search']:focus, .comment-form input[type='password']:focus, .search-form input[type='password']:focus, .post-password-form input[type='password']:focus, .comment-form input[type='url']:focus, .search-form input[type='url']:focus, .post-password-form input[type='url']:focus, .comment-form input[type='date']:focus, .search-form input[type='date']:focus, .post-password-form input[type='date']:focus, .comment-form textarea:focus, .search-form textarea:focus, .post-password-form textarea:focus { border-color: #c2a476; color: #c2a476; } .comment-form input[type='text']::-webkit-input-placeholder, .search-form input[type='text']::-webkit-input-placeholder, .post-password-form input[type='text']::-webkit-input-placeholder, .comment-form input[type='tel']::-webkit-input-placeholder, .search-form input[type='tel']::-webkit-input-placeholder, .post-password-form input[type='tel']::-webkit-input-placeholder, .comment-form input[type='email']::-webkit-input-placeholder, .search-form input[type='email']::-webkit-input-placeholder, .post-password-form input[type='email']::-webkit-input-placeholder, .comment-form input[type='search']::-webkit-input-placeholder, .search-form input[type='search']::-webkit-input-placeholder, .post-password-form input[type='search']::-webkit-input-placeholder, .comment-form input[type='password']::-webkit-input-placeholder, .search-form input[type='password']::-webkit-input-placeholder, .post-password-form input[type='password']::-webkit-input-placeholder, .comment-form input[type='url']::-webkit-input-placeholder, .search-form input[type='url']::-webkit-input-placeholder, .post-password-form input[type='url']::-webkit-input-placeholder, .comment-form input[type='date']::-webkit-input-placeholder, .search-form input[type='date']::-webkit-input-placeholder, .post-password-form input[type='date']::-webkit-input-placeholder, .comment-form textarea::-webkit-input-placeholder, .search-form textarea::-webkit-input-placeholder, .post-password-form textarea::-webkit-input-placeholder { color: #c2a476; } .comment-form input[type='text']::-moz-placeholder, .search-form input[type='text']::-moz-placeholder, .post-password-form input[type='text']::-moz-placeholder, .comment-form input[type='tel']::-moz-placeholder, .search-form input[type='tel']::-moz-placeholder, .post-password-form input[type='tel']::-moz-placeholder, .comment-form input[type='email']::-moz-placeholder, .search-form input[type='email']::-moz-placeholder, .post-password-form input[type='email']::-moz-placeholder, .comment-form input[type='search']::-moz-placeholder, .search-form input[type='search']::-moz-placeholder, .post-password-form input[type='search']::-moz-placeholder, .comment-form input[type='password']::-moz-placeholder, .search-form input[type='password']::-moz-placeholder, .post-password-form input[type='password']::-moz-placeholder, .comment-form input[type='url']::-moz-placeholder, .search-form input[type='url']::-moz-placeholder, .post-password-form input[type='url']::-moz-placeholder, .comment-form input[type='date']::-moz-placeholder, .search-form input[type='date']::-moz-placeholder, .post-password-form input[type='date']::-moz-placeholder, .comment-form textarea::-moz-placeholder, .search-form textarea::-moz-placeholder, .post-password-form textarea::-moz-placeholder { opacity: 1; color: #c2a476; } .comment-form input[type='text']:-moz-placeholder, .search-form input[type='text']:-moz-placeholder, .post-password-form input[type='text']:-moz-placeholder, .comment-form input[type='tel']:-moz-placeholder, .search-form input[type='tel']:-moz-placeholder, .post-password-form input[type='tel']:-moz-placeholder, .comment-form input[type='email']:-moz-placeholder, .search-form input[type='email']:-moz-placeholder, .post-password-form input[type='email']:-moz-placeholder, .comment-form input[type='search']:-moz-placeholder, .search-form input[type='search']:-moz-placeholder, .post-password-form input[type='search']:-moz-placeholder, .comment-form input[type='password']:-moz-placeholder, .search-form input[type='password']:-moz-placeholder, .post-password-form input[type='password']:-moz-placeholder, .comment-form input[type='url']:-moz-placeholder, .search-form input[type='url']:-moz-placeholder, .post-password-form input[type='url']:-moz-placeholder, .comment-form input[type='date']:-moz-placeholder, .search-form input[type='date']:-moz-placeholder, .post-password-form input[type='date']:-moz-placeholder, .comment-form textarea:-moz-placeholder, .search-form textarea:-moz-placeholder, .post-password-form textarea:-moz-placeholder { color: #c2a476; } .comment-form input[type='text']:-ms-input-placeholder, .search-form input[type='text']:-ms-input-placeholder, .post-password-form input[type='text']:-ms-input-placeholder, .comment-form input[type='tel']:-ms-input-placeholder, .search-form input[type='tel']:-ms-input-placeholder, .post-password-form input[type='tel']:-ms-input-placeholder, .comment-form input[type='email']:-ms-input-placeholder, .search-form input[type='email']:-ms-input-placeholder, .post-password-form input[type='email']:-ms-input-placeholder, .comment-form input[type='search']:-ms-input-placeholder, .search-form input[type='search']:-ms-input-placeholder, .post-password-form input[type='search']:-ms-input-placeholder, .comment-form input[type='password']:-ms-input-placeholder, .search-form input[type='password']:-ms-input-placeholder, .post-password-form input[type='password']:-ms-input-placeholder, .comment-form input[type='url']:-ms-input-placeholder, .search-form input[type='url']:-ms-input-placeholder, .post-password-form input[type='url']:-ms-input-placeholder, .comment-form input[type='date']:-ms-input-placeholder, .search-form input[type='date']:-ms-input-placeholder, .post-password-form input[type='date']:-ms-input-placeholder, .comment-form textarea:-ms-input-placeholder, .search-form textarea:-ms-input-placeholder, .post-password-form textarea:-ms-input-placeholder { color: #c2a476; } .comment-form input[type='text'].placeholder, .search-form input[type='text'].placeholder, .post-password-form input[type='text'].placeholder, .comment-form input[type='tel'].placeholder, .search-form input[type='tel'].placeholder, .post-password-form input[type='tel'].placeholder, .comment-form input[type='email'].placeholder, .search-form input[type='email'].placeholder, .post-password-form input[type='email'].placeholder, .comment-form input[type='search'].placeholder, .search-form input[type='search'].placeholder, .post-password-form input[type='search'].placeholder, .comment-form input[type='password'].placeholder, .search-form input[type='password'].placeholder, .post-password-form input[type='password'].placeholder, .comment-form input[type='url'].placeholder, .search-form input[type='url'].placeholder, .post-password-form input[type='url'].placeholder, .comment-form input[type='date'].placeholder, .search-form input[type='date'].placeholder, .post-password-form input[type='date'].placeholder, .comment-form textarea.placeholder, .search-form textarea.placeholder, .post-password-form textarea.placeholder { color: #c2a476; } .widget { margin-bottom: 1.2em; } .widget ul { padding-left: 2em; } .widget select { min-width: 150px; } .comment-form label { display: block; padding-bottom: 4px; } .comment-form textarea { margin: 0; resize: none; overflow: auto; min-width: 100%; max-width: 100%; min-height: 180px; max-height: 180px; } .comment-form input[type='text'] { margin: 0 4px 0 0; width: 100%; height: 50px; } .comment-form input[type='submit'] { width: 100%; height: 50px; font: 500 18px/20px "Lora", Arial, helvetica, sans-serif; text-transform: uppercase; display: block; float: none; } .post-password-form label { display: block; } .post-password-form input[type='password'] { margin: 0 4px 0 0; width: 100%; height: 50px; } .search-form input { float: left; height: 50px; } .search-form input[type='search'] { margin: 0 4px 0 0; width: 150px; } .post-password-form input { float: left; height: 50px; } .post-password-form input[type='password'] { width: 150px; } .comment-form input[type='submit'], .post-password-form input[type='submit'], .search-form input[type='submit'] { background: #7e7e7e; color: #fff; height: 50px; border: none; padding: 0 0.5em; } .comment-form input[type='submit']:hover, .post-password-form input[type='submit']:hover, .search-form input[type='submit']:hover { background: #fda700; } .commentlist { margin: 0 0 1.2em; } .commentlist .edit-link { margin: 0; text-transform: uppercase; } .commentlist .avatar-holder { float: left; width: 90px; height: auto; margin: 0 70px 4px 0; } @media (max-width: 767px) { .commentlist .avatar-holder { margin: 0 20px 4px 0; } } .commentlist .avatar-holder img { display: block; width: 100%; height: auto; } .commentlist .meta { text-transform: uppercase; font: 400 13px/17px "Lora", Arial, helvetica, sans-serif; } .commentlist .meta a { color: #7e7e7e; } .commentlist-item .commentlist-item { padding: 0; } @media (min-width: 768px) { .commentlist-item .commentlist-item { padding: 0 0 0 2em; } } .comment-reply-link { z-index: 1; min-width: 100px; position: relative; text-align: center; padding: 4px 6px 3px; color: #fff; background: #7e7e7e; text-transform: uppercase; display: inline-block; vertical-align: top; font: 400 15px/18px "Roboto", Arial, helvetica, sans-serif; color: #fff; } .comment-reply-link:before { content: ""; top: 2px; right: 2px; bottom: 2px; left: 2px; position: absolute; border: 1px solid #fff; } .comment-reply-link:hover { color: #fff; text-decoration: none; background: #fda700; } .comment, .commentlist-holder { overflow: hidden; font: 400 15px/30px "Lora", Arial, helvetica, sans-serif; } .commentlist-item .commentlist-item, .commentlist-item + .commentlist-item { padding-top: 1.2em; } .widget_calendar #next { text-align: right; } .gallery-item dt { float: none; padding: 0; } .comments h2 { font-size: 24px; line-height: 26px; margin: 0 0 28px; } .comments h2 span { padding: 0 0 5px; display: inline-block; vertical-align: top; border-bottom: 3px double #fda700; } .navigation, .navigation-comments { position: relative; vertical-align: middle; margin-bottom: 1.2em; } .navigation .screen-reader-text, .navigation-comments .screen-reader-text { position: absolute; left: -99999px; } .navigation .page-numbers, .navigation-comments .page-numbers { display: inline-block; vertical-align: middle; padding: 0 0.4em; } @media (max-width: 767px) { .navigation .page-numbers, .navigation-comments .page-numbers { padding: 0; } } .navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev { display: inline-block; vertical-align: middle; max-width: 50%; background: #7e7e7e; color: #fff; padding: .4em; text-decoration: none; } @media (max-width: 767px) { .navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev { padding: .2em; } } .navigation .next:hover, .navigation .prev:hover, .navigation-comments .next:hover, .navigation-comments .prev:hover { background: #fda700; } .navigation-single { margin-bottom: 1.2em; } .navigation-single .next, .navigation-single .prev { float: left; vertical-align: middle; max-width: 50%; color: #fff; text-decoration: none; background: #7e7e7e; } .navigation-single .next a, .navigation-single .prev a { color: inherit; text-decoration: none; padding: .4em; display: block; } @media (max-width: 767px) { .navigation-single .next a, .navigation-single .prev a { padding: .2em; } } .navigation-single .next a:hover, .navigation-single .prev a:hover { background: #fda700; } .navigation-single .next { float: right; } .wp-caption { max-width: 100%; clear: both; border: 1px solid #ccc; padding: .4em; margin-bottom: 1.2em; } .wp-caption img { margin: 0; vertical-align: top; } .wp-caption p { margin: .4em 0 0; } div.aligncenter { margin: 0 auto 1.2em; } img.aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin: 0 1.2em 4px 0; } .alignright { float: right; margin: 0 0 4px 1.2em; } .mejs-container { margin-bottom: 1.2em; } .wp-caption-text, .gallery, .alignnone, .gallery-caption, .sticky, .bypostauthor { height: auto; } #wp-calendar { width: 100%; } /* header styles */ #header { height: 70px; z-index: 9; position: relative; background: rgba(255, 255, 255, 0.72); position:absolute; width:100%; top:20px; } #header :hover{ /*background: rgba(249,246,241,0.8);*/ } @media (max-width: 767px) { #header { background: #f9f6f1; padding: 0 0 10px; } } #header .navbar-toggle { top: 20px; right: 0; display: none; position: absolute; width: 40px; height: 35px; padding: 5px; } @media (max-width: 767px) { #header .navbar-toggle { display: block; } } @media (max-width: 1023px) { #header { position: relative; top:auto; height:80px; background: rgba(249,246,241,0.8); } } #header .navbar-toggle:after, #header .navbar-toggle:before, #header .navbar-toggle span { background: #fff; border-radius: 4px; position: absolute; top: 16px; left: 20%; right: 20%; height: 3px; margin-top: -2px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #header .navbar-toggle:after, #header .navbar-toggle:before { content: ""; top: 10px; } #header .navbar-toggle:after { top: 22px; } /* top panel styles */ .top-panel { min-height: 69px; overflow: hidden; padding: 19px 0 15px; background: #181818; } @media (max-width: 767px) { .top-panel { display: none; } } /* Site log styles */ .logo { margin: 0 0 0 -76px; position: absolute; z-index: 10; left: 50%; top: 0px; padding: 15px 10px 14px 10px; /*background: rgba(249,246,241,1);*/ } @media (max-width: 1023px) { .logo { top: 60px; } } @media (max-width: 767px) { .logo { top: 38px; width: 160px; height: auto; margin: 0 0 0 -80px; margin-left: -21px; } } .logo img { display: block; width: 618px; height: auto; margin-top: -32px; margin-left: -144px; } /* main menu styles */ @media (max-width: 767px) { .navbar-collapse { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background: #fff; width: 260px; height: 100% !important; padding: 20px 0; position: fixed; display: block; z-index: 99; right: -260px; top: 0; } } .navbar-default { border: 0; padding: 30px 0 0; text-align: center; text-transform: uppercase; font: 500 14px/16px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1199px) { .navbar-default { font: 500 13px/16px "Lora", Arial, helvetica, sans-serif; } } @media (max-width: 767px) { .navbar-default .navbar-nav.navbar-left { float: none; } } @media (max-width: 767px) { .navbar-default .navbar-nav.navbar-right { float: none; } } .navbar-default .navbar-nav.navbar-right li { margin: 0 0 0 30px; } @media (max-width: 1199px) { .navbar-default .navbar-nav.navbar-right li { margin: 0 0 0 10px; } } @media (max-width: 767px) { .navbar-default .navbar-nav.navbar-right li { margin: 5px 0; } } .navbar-default .navbar-nav.navbar-right li:first-child { margin: 0; } @media (max-width: 767px) { .navbar-default .navbar-nav.navbar-right li:first-child { margin: 5px 0; } } .navbar-default .navbar-nav.navbar-right .dropdown-menu { right: auto; left: 0; } .navbar-default .navbar-nav li { margin: 0 30px 0 0; padding-bottom: 20px; /*&:hover { .dropdown-menu { display: block; } }*/ } @media (max-width: 1199px) { .navbar-default .navbar-nav li { margin: 0 10px 0 0; } } @media (max-width: 767px) { .navbar-default .navbar-nav li { margin: 5px 0; } } @media (max-width: 767px) { .body.active .navbar-collapse { right: 81px; } } .navbar-default .navbar-nav li a { padding: 0 5px 0; position: relative; color: #000000; border-bottom: 1px solid transparent; font-weight:700; } .navbar-default .navbar-nav li a:before, .navbar-default .navbar-nav li a:after { width: 5px; height: 5px; border-radius: 50%; position: absolute; content: ""; bottom: -3px; } .navbar-default .navbar-nav li a:before { left: 0; } .navbar-default .navbar-nav li a:after { right: 0; } @media (max-width: 767px) { .navbar-default .navbar-nav li a { padding: 5px 107px 5px 25px; } } .navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li.open a { color: #000; } .navbar-default .navbar-nav .open .dropdown-menu > li > a{ font-size:13px; } .navbar-default .navbar-nav li.active a:hover, .navbar-default .navbar-nav li.open a:hover { color: #353535; } .navbar-default .navbar-nav li li { padding: 0 18px 0 0; margin: 10px 0 !important; } .navbar-default .navbar-nav li li a { border: 0; padding: 0 0 0 18px; color: #353535; position: relative; } .navbar-default .navbar-nav li li a:after { display: none; } .navbar-default .navbar-nav li li a:before { left: 0; top: 7px; display: none; } .navbar-default .navbar-nav li li a:hover { background: none; } .navbar-default .navbar-nav li li a:hover:before { display: block; } .navbar-default .caret { display: inline-block; vertical-align: middle; margin: -3px 0 0 5px; } .navbar-default .dropdown-menu { background: #f9f6f1; padding: 0 10px; box-shadow: none; min-width: inherit; border: 0; } .navbar-default .dropdown-menu .caret { margin: 0; position: absolute; right: 10px; top: 9px; } @media (max-width: 767px) { .navbar-default .dropdown-menu .caret { top: 13px; border-color: transparent transparent transparent #fff !important; } } /* -------------------------------------- 3. Common site styles --------------------------------------*/ /* main container styles */ body.active { overflow: hidden; } body.active #wrapper { margin: 0 0 0 -260px; } body.active .navbar-toggle:after, body.active .navbar-toggle:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 17px !important; left: 15%; right: 15%; } body.active .navbar-toggle:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; } body.active .navbar-toggle span { opacity: 0; } body.active .navbar-collapse { right: 0; } .form-control { margin: 0; color: #181818; box-shadow: none; border: 1px solid #c9c9c9; } .form-control:focus { color: #c2a476 !important; } .form-control::-webkit-input-placeholder { color: #c2a476; } .form-control::-moz-placeholder { opacity: 1; color: #c2a476; } .form-control:-moz-placeholder { color: #c2a476; } .form-control:-ms-input-placeholder { color: #c2a476; } .form-control.placeholder { color: #c2a476; } .g-padding { padding: 67px 0 60px; } @media (max-width: 1023px) { .g-padding { padding: 60px 0 30px; } } @media (max-width: 767px) { .g-padding { padding: 30px 0 15px; } } .gen-padding { padding-top: 60px; padding-bottom: 120px; } @media (max-width: 1023px) { .gen-padding { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 767px) { .gen-padding { padding-top: 15px; padding-bottom: 15px; } } .add-padding { padding-top: 79px; padding-bottom: 67px; } @media (max-width: 1023px) { .add-padding { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 767px) { .add-padding { padding-top: 15px; padding-bottom: 15px; } } .b-padding { padding-bottom: 160px; } @media (max-width: 1023px) { .b-padding { padding-bottom: 40px; } } @media (max-width: 767px) { .b-padding { padding-bottom: 15px; } } .header { text-align: center; overflow: hidden; } /* wrapper style */ #wrapper { position: relative; overflow: hidden; } @media (max-width: 767px) { #wrapper { width: 100%; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } } h1, h2 { text-transform: uppercase; } h1 { margin: 0; padding: 0 0 25px; position: relative; } @media (max-width: 767px) { h1 { font-size: 30px; line-height: 36px; } } h1:after { left: 50%; bottom: 0; content: ""; margin: 0 0 0 -61px; position: absolute; width: 122px; height: 21px; background: url(../images/sprite.png) 0 -77px; } /* carousel styles */ .carousel .description { z-index: 9; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .carousel .description .container { display: table; height: 100%; } .carousel .description .row { display: table-cell; vertical-align: middle; } @media (max-width: 767px) { .carousel .description .row { display: table-cell; vertical-align: top; } } .carousel .description p { margin: 0 0 45px; } @media (max-width: 1023px) { .carousel .description p { margin: 0 0 30px; } } @media (max-width: 767px) { .carousel .description p { margin: 0 0 20px; } } .carousel .description .btn-default { font-style: normal; } .carousel h1 { color: #fff; text-align: center; text-transform: uppercase; } @media (max-width: 767px) { .carousel h1 { margin: 0; padding: 30px 0 0; } } .carousel h1:after { display: none; } .carousel h1 em { font-style: normal; font-size: 48px; line-height: 52px; } @media (max-width: 1023px) { .carousel h1 em { font-size: 36px; line-height: 40px; } } @media (max-width: 767px) { .carousel h1 em { font-size: 16px; line-height: 24px; } } .carousel h1 span { font-size: 72px; line-height: 82px; font-weight: 700; text-shadow: 2px 2px 2px #000; } @media (max-width: 1023px) { .carousel h1 span { font-size: 50px; line-height: 60px; } } @media (max-width: 767px) { .carousel h1 span { font-size: 20px; line-height: 26px; } } .carousel h1 em, .carousel h1 span { margin: 0 0 3px; padding: 0 30px; display: inline-block; vertical-align: top; background: rgba(53, 53, 53, 0.7); text-shadow: 2px 2px 2px #000; } @media (max-width: 767px) { .carousel h1 em, .carousel h1 span { display: block; } } @media (max-width: 1199px) { .carousel h1 { font-size: 50px; line-height: 60px; } } @media (max-width: 1023px) { .carousel h1 { font-size: 30px; line-height: 36px; margin: 40px 0 0; } } @media (max-width: 767px) { .carousel h1 { font-size: 20px; margin: 10px 0 0; } } .carousel .carousel-control { background: rgba(53, 53, 53, 0.7); width: 80px; height: 80px; margin: -40px 0 0; opacity: 1; top: 50%; z-index: 9; } @media (max-width: 767px) { .carousel .carousel-control { width: 30px; height: 30px; margin: -15px 0 0; } } .carousel .carousel-control:hover { opacity: 0.9; } .carousel .carousel-control:after { top: 50%; left: 50%; content: ""; position: absolute; margin: -15px 0 0 -8px; width: 16px; height: 30px; background: url(../images/sprite.png) no-repeat; } .carousel .carousel-control.left, .carousel .carousel-control.right { filter: none; } .carousel .carousel-control.left:after { background-position: 0 0; } .carousel .carousel-control.right:after { background-position: -19px 0; } .btn-default { text-transform: uppercase; padding: 8px 20px; font: 400 16px/18px "Lora", Arial, helvetica, sans-serif; } /* main styles */ #main { overflow: hidden; } /* reservation bar styles */ .reservation-bar { overflow: hidden; padding: 40px 0 20px; background: #0c8110; } .reservation-bar .itemsList { overflow: hidden; font: 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .reservation-bar .itemsList li { overflow: hidden; margin: 0 0 15px; border: 1px solid #c9c9c9; color: #aeaeae; padding: 11px 12px; border-radius: 4px; margin: 0 0 15px; } .reservation-bar .fake-select { position: relative; display: block; } .reservation-bar .fake-select:before, .reservation-bar .fake-select:after { pointer-events: none; position: absolute; content: ""; } .reservation-bar .fake-select:before { top: 1px; right: 1px; bottom: 1px; z-index: 1; width: 26px; background: #353535; border-radius: 0 4px 4px 0; } .reservation-bar .fake-select:after { top: 50%; right: 14px; z-index: 2; width: 0; height: 0; border-style: solid; margin: -2px 0 0; border-width: 6px 5px 0 5px; border-color: #aeaeae transparent transparent transparent; } .reservation-bar select::-ms-expand { display: none; } .reservation-bar select { margin: 0; color: #ffffff; outline: none; border-radius: 4px; position: relative; background: #0c8110; padding: 4px 3px 4px 12px; width: 100%; height: 42px; border: 1px solid #c9c9c9; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .reservation-bar .date { position: relative; } @media (max-width: 1023px) { .reservation-bar .form-group { margin: 0 0 10px; } } .reservation-bar .icon-calendar { width: 18px; height: 18px; position: absolute; right: 14px; top: 13px; font-size: 17px; line-height: 16px; } .reservation-bar .form-control, .reservation-bar .items li { color: #ffffff; box-shadow: none; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .reservation-bar .form-control, .reservation-bar .items li { margin: 0 0 15px; } } .reservation-bar .form-control::-webkit-input-placeholder, .reservation-bar .items li::-webkit-input-placeholder { color: #aeaeae; } .reservation-bar .form-control::-moz-placeholder, .reservation-bar .items li::-moz-placeholder { opacity: 1; color: #aeaeae; } .reservation-bar .form-control:-moz-placeholder, .reservation-bar .items li:-moz-placeholder { color: #aeaeae; } .reservation-bar .form-control:-ms-input-placeholder, .reservation-bar .items li:-ms-input-placeholder { color: #aeaeae; } .reservation-bar .form-control.placeholder, .reservation-bar .items li.placeholder { color: #aeaeae; } .reservation-bar .icon-calendar { font-style: normal; } .reservation-bar .btn { padding: 0; color: #fff; width: 100%; height: 40px; font: 400 15px/17px "Source Sans Pro", Arial, helvetica, sans-serif; } .reservation-bar .btn:hover { background: none; } /* about styles */ .about .box { padding: 0 40px; text-align: center; color: #7e7e7e; font: 400 italic 16px/23px "Lora", Arial, helvetica, sans-serif; position: relative; } @media (max-width: 1023px) { .about .box { padding: 0 10px; font: 400 italic 14px/23px "Lora", Arial, helvetica, sans-serif; } } @media (max-width: 767px) { .about .box { padding: 0 0 20px; } } .about .box:before { position: absolute; content: ""; width: 1px; left: 0; top: 94px; bottom: 0; } @media (max-width: 767px) { .about .box:before { display: none; } } .about .box p { margin: 0; } .about [class^="col-"]:first-child .box:before { display: none; } .about .icon { margin: 0 auto 30px; } @media (max-width: 767px) { .about .icon { margin: 0 auto 15px; } } .about .icon.ico-luxury { width: 48px; height: 64px; background: url(../images/sprite.png) no-repeat -40px 0; } .about .icon.ico-services { width: 64px; height: 64px; background: url(../images/sprite.png) no-repeat -97px 0; } .about .icon.ico-reservation { width: 50px; height: 64px; background: url(../images/sprite.png) no-repeat -170px 0; } .about .icon.ico-projector { width: 64px; height: 64px; background: url(../images/sprite.png) no-repeat -1px -260px; } .about .icon.ico-people { width: 54px; height: 64px; background: url(../images/sprite.png) no-repeat -92px -273px; } .about .icon.ico-breakfast { width: 44px; height: 64px; background: url(../images/sprite.png) no-repeat -177px -269px; } .about .icon.ico-cake { width: 50px; height: 64px; background: url(../images/sprite.png) no-repeat -88px -342px; } .about h2 { font-style: normal; margin: 0 0 10px; } @media (max-width: 1023px) { .about h2 { font-size: 18px; } } /* our-room styles */ @media (min-width: 768px) { .nav-room{ margin-top:-42px; } } .nav-room > li.active > a, .nav-room > li.active > a:hover, .nav-room > li.active > a:focus{ background: #804c00; } .our-room { overflow: hidden; position: relative; } .our-room .image-frame { background-position: center top; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 50%; bottom: 0; } @media (max-width: 767px) { .our-room .image-frame { right: 0; } } .our-room .text-block { font: 400 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; padding: 70px 0 70px 30px; color: #000000; } @media (max-width: 767px) { .our-room .text-block { font: 400 14px/23px "Source Sans Pro", Arial, helvetica, sans-serif; background: rgba(53, 53, 53, 0.7); padding: 20px 15px; overflow: hidden; float: none; color:#fff; } } .our-room .text-block p { margin: 0 0 20px; } .our-room .list { margin: 0 0 30px; } .our-room .list li { position: relative; padding: 0 0 0 8px; } .our-room .list li:before { top: 4px; left: 0; content: "*"; font-size: 10px; line-height: 10px; position: absolute; } .our-room h1 { padding: 0; font-size: 22px; line-height: 26px; margin: 0 0 30px; color: #000000; } @media (max-width: 767px) { .our-room h1 { font-size: 18px; line-height: 22px; margin: 0 0 15px; } } .our-room h1 { font: 22px/24px "Lora", Arial, helvetica, sans-serif; } .our-room h1:after { display: none; } .our-room .btn-default:hover { color: #fff; } .our-room .services-list { font: 400 12px/14px "Lora", Arial, helvetica, sans-serif; text-transform: uppercase; margin: 0 0 35px -30px; display: table; padding: 0; } @media (max-width: 767px) { .our-room .services-list { display: block; margin: 0 0 0 -30px; } } .our-room .services-list li { display: table-cell; vertical-align: top; padding: 0 0 0 30px; text-align: center; } @media (max-width: 767px) { .our-room .services-list li { display: inline-block; padding: 0 0 20px 30px; } } .our-room .services-list .icon { display: block; margin: 0 auto 8px; } .our-room .services-list .icon.ico-downtown { background: url("../images/sprite.png") no-repeat 0 -114px; width: 32px; height: 38px; } .our-room .services-list .icon.ico-wifi { background: url("../images/sprite.png") no-repeat -50px -110px; width: 32px; height: 38px; } .our-room .services-list .icon.ico-parking { background: url("../images/sprite.png") no-repeat -107px -110px; width: 18px; height: 38px; } .our-room .services-list .icon.ico-breakfast { background: url("../images/sprite.png") no-repeat -151px -114px; width: 32px; height: 38px; } .our-room .services-list .icon.ico-mp { background: url("../images/sprite.png") no-repeat -202px -114px; width: 32px; height: 38px; } /* Restaurant styles */ .restaurant { font-size: 0; line-height: 0; background-position: center top; -webkit-background-size: cover; background-size: cover; } .restaurant [class^="col-"] { float: none; display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .restaurant [class^="col-"] { display: block; } } .restaurant .image-frame { box-shadow: 3px 3px 38px 10px rgba(0, 0, 0, 0.25); } .restaurant .image-frame img { display: block; width: 100%; height: auto; } .restaurant h1 { font-size: 36px; line-height: 40px; font-style: normal; margin: 0 0 30px; text-shadow: 1px 1px 1px #9f8400; } @media (max-width: 767px) { .restaurant h1 { font-size: 30px; line-height: 36px; } } .restaurant p { margin: 0 0 30px; } .restaurant .text-box { font-size: 16px; line-height: 23px; font-style: italic; text-align: center; } @media (max-width: 767px) { .restaurant .text-box { font-size: 14px; padding-bottom: 20px; } } .restaurant .btn-default { font-size: 16px; font-style: normal; } .restaurant .btn-default:hover { color: #fff; } /* fun-facts styles */ .fun-facts { overflow: hidden; padding: 59px 0; background: #a18f4ca6; } @media (max-width: 767px) { .fun-facts { padding: 10px 0; } } .counter-list { margin: 0; display: table; table-layout: fixed; width: 100%; } @media (max-width: 767px) { .counter-list { display: block; font-size: 0; line-height: 0; } } .counter-list .grid-item { padding: 0 14px; text-align: center; position: relative; display: table-cell; vertical-align: top; } .counter-list .grid-item:after, .counter-list .grid-item:before { top: 0; bottom: 0; width: 1px; content: ""; position: absolute; background: #4a4a4a; } .counter-list .grid-item:before { left: -14px; } @media (max-width: 767px) { .counter-list .grid-item:before { left: -5px; } } .counter-list .grid-item:after { right: -14px; } @media (max-width: 767px) { .counter-list .grid-item:after { right: -5px; } } @media (max-width: 767px) { .counter-list .grid-item { display: inline-block; vertical-align: top; margin: 30px 0; width: 50%; padding: 0; } } .counter-list .grid-item .number, .counter-list .grid-item .title { display: block; text-align: center; color: #f4f0ec; } .counter-list .number { position: relative; text-align: center; margin: 0 auto 35px; border-radius: 50%; width: 119px; height: 119px; border: 1px solid #c2a476; font: 400 36px/119px "Lora", Arial, helvetica, sans-serif; } .counter-list .number:after { left: 50%; content: ""; bottom: -18px; position: absolute; margin: 0 0 0 -61px; width: 122px; height: 21px; background: url(../images/sprite.png) no-repeat 0 -77px; } .counter-list .title { position: relative; font: 400 italic 18px/20px "Lora", Arial, helvetica, sans-serif; } .carousel img { max-width: inherit; } /* news styles */ @media (max-width: 767px) { .news .col { height: auto !important; } } .news .image-holder { overflow: hidden; } .news .image-holder img { display: block; width: 100%; height: auto; } .news .carousel-caption { right: 0; bottom: 0; left: auto; line-height: 20px; text-align: left; padding: 50px 30px 110px; margin: 0 0 0 -130px; background: #353535; text-shadow: none; color: #f4f0ec; } .news .carousel-caption .btn { color: #fff; } @media (max-width: 1023px) { .news .carousel-caption { padding: 20px 15px 30px; font-size: 14px; } } @media (max-width: 767px) { .news .carousel-caption { position: static; margin: 0; } } .news .carousel-caption p { margin: 0 0 20px; font: 400 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .news .carousel-caption p { margin: 0 0 10px; } } .news .carousel-caption h2 { font: 400 30px/36px "Lora", Arial, helvetica, sans-serif; margin: 0 0 20px; } @media (max-width: 1023px) { .news .carousel-caption h2 { margin: 0 0 10px; } } @media (max-width: 767px) { .news .carousel-caption h2 { font: 400 20px/26px "Lora", Arial, helvetica, sans-serif; } } @media (max-width: 767px) { .news .item [class^="col-"] { padding: 0; } } .news .indicators { position: absolute; bottom: 60px; right: 0; z-index: 10; } @media (max-width: 1023px) { .news .indicators { bottom: 10px; } } @media (max-width: 767px) { .news .indicators { left: 0; } } .news .carousel-indicators { margin: 0 0 0 -113px; position: static; text-align: left; font-size: 0; line-height: 0; width: auto; } @media (max-width: 767px) { .news .carousel-indicators { margin: 0; text-align: center; } } .news .carousel-indicators li { width: 10px; height: 10px; margin: 0 10px 0 0; } /* banner styles */ .banner { overflow: hidden; } .banner img { display: block; width: 100%; height: auto; } /* navigation-bar styles */ .navigation-bar { overflow: hidden; padding: 30px 0; background: #383736; } @media (max-width: 767px) { .navigation-bar { padding: 20px 0; } } @media (max-width: 479px) { .navigation-bar { padding: 15px 0; } } .navigation-bar .link { float: right; color: #fff; text-transform: uppercase; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 479px) { .navigation-bar .link { font: 400 12px/14px "Source Sans Pro", Arial, helvetica, sans-serif; } } .navigation-bar .link:hover { text-decoration: none; } /* breadcrumb styles */ .breadcrumb { text-transform: uppercase; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; margin: 0; } @media (max-width: 479px) { .breadcrumb { font: 400 12px/14px "Source Sans Pro", Arial, helvetica, sans-serif; } } .breadcrumb > li a { color: #aaa8a5; } .breadcrumb > li a:hover { color: #fff; text-decoration: none; } .breadcrumb > li + li:before { content: ""; padding: 0; margin: -2px 8px 0 6px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; display: inline-block; vertical-align: middle; border-color: transparent transparent transparent #aaa8a5; } /* about-us section styles */ .about-us { font-size: 0; line-height: 0; } .about-us [class^="col-"] { float: none; display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .about-us [class^="col-"] { display: block; } } .about-us .image-frame { box-shadow: 3px 3px 38px 10px rgba(0, 0, 0, 0.25); } .about-us .image-frame img { display: block; width: 100%; height: auto; } .about-us h1 { margin: 0 0 30px; text-align: center; font: 400 36px/40px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .about-us h1 { font-size: 30px; line-height: 36px; } } .about-us p { margin: 0 0 30px; font-weight: 500; } .about-us .text-box { font: 300 16px/30px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .about-us .text-box { font-size: 14px; padding-bottom: 20px; } } /* services block styles */ .services-block { overflow: hidden; position: relative; background: #353535; } .services-block .image-frame { background-position: center top; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 50%; bottom: 0; } @media (max-width: 991px) { .services-block .image-frame { right: 0; } } .services-block h2 { color: #fff; font-size: 20px; font-family: 'Lora'; margin: 0 0 20px; } @media (max-width: 767px) { .services-block h2 { margin: 0 0 10px; font-size: 18px; line-height: 22px; } } @media only screen and (min-width:1200px) and (max-width: 1500px) { .services-block h2 { min-height:45px; } } .services-block .block { border-style: solid; border-width: 0 0 1px 1px; padding: 60px 15px 60px 105px; border-color: rgba(255, 255, 255, 0.05); font: 400 16px/21px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 991px) { .services-block .block { color: #fff; background: rgba(53, 53, 53, 0.8); } } @media (max-width: 767px) { .services-block .block { height: auto !important; padding: 20px 20px 20px 80px; font: 300 14px/20px "Source Sans Pro", Arial, helvetica, sans-serif; } } .services-block .block:before { background: url(../images/sprite.png) no-repeat; position: absolute; content: ""; left: 30px; top: 50px; } @media (max-width: 767px) { .services-block .block:before { top: 10px; left: 15px; } } .services-block .block.downtown:before { background-position: 0 -160px; width: 48px; height: 48px; } .services-block .block.sea:before { background-position: -88px -160px; width: 48px; height: 27px; top: 50px; } @media (max-width: 767px) { .services-block .block.sea:before { top: 15px; } } .services-block .block.pool:before { background-position: -165px -160px; width: 48px; height: 51px; } .services-block .block.playground:before { background-position: -256px -160px; width: 48px; height: 39px; top: 50px; } @media (max-width: 767px) { .services-block .block.playground:before { top: 10px; } } .services-block .block.meeting:before { background-position: -252px -218px; width: 61px; height: 44px; } .services-block .block.hall:before { background-position: -252px -273px; width: 42px; height: 58px; } .services-block .block.speakers:before { background-position: -252px -347px; width: 55px; height: 48px; top: 50px; } .services-block .block.color:before { background-position: -249px -413px; width: 61px; height: 61px; } .services-block .block.drinks:before { background-position: -172px -352px; width: 58px; height: 64px; top: 50px; } .services-block .block:first-child { border-width: 0 0 1px; } .services-block .block:nth-child(3) { border-width: 0; } @media (max-width: 767px) { .services-block .block:nth-child(3) { border-width: 0 0 1px; } } .services-block .block:nth-child(4) { border-width: 0 0 0 1px; } @media (max-width: 767px) { .services-block .block:nth-child(4) { border-width: 0; } } .social-networks { margin: 0; font-size: 11px; line-height: 22px; } .social-networks li { padding: 0 5px 0 0; } @media (max-width: 767px) { .social-networks li { padding: 0 2px 2px; } } .social-networks a { color: #fff; display: block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #fff; text-align: center; } .social-networks a span { display: inline-block; vertical-align: middle; } .social-networks a .icon-facebook { font-size: 15px; line-height: 18px; } @media (max-width: 767px) { .social-networks a .icon-facebook { line-height: 14px; } } .social-networks a:hover { text-decoration: none; border-color: #353535; color: #353535; } /* pur team styles */ .our-team { background-position: center top; -webkit-background-size: cover; background-size: cover; overflow: hidden; } .our-team h2 { color: #fff; margin: 0 0 10px; text-transform: uppercase; font: 400 22px/24px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .our-team h2 { margin: 0 0 2px; font: 400 10px/12px "Source Sans Pro", Arial, helvetica, sans-serif; } } .our-team .sub-heading { color: #fff; display: block; margin: 0 0 15px; text-transform: capitalize; font: 400 italic 16px/18px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .our-team .sub-heading { margin: 0 0 2px; font: 400 italic 9px/11px "Lora", Arial, helvetica, sans-serif; } } @media (max-width: 767px) { .our-team .social-networks { font-size: 10px; line-height: 17px; } } .our-team .social-networks li { padding: 0 3px; } @media (max-width: 767px) { .our-team .social-networks a { width: 20px; height: 20px; } } @media (max-width: 479px) { .team-carousel .row { margin-left: -3px; margin-right: -3px; } } .team-carousel [class^="col-"] { padding-bottom: 31px; } @media (max-width: 1023px) { .team-carousel [class^="col-"] { padding-bottom: 16px; } } @media (max-width: 479px) { .team-carousel [class^="col-"] { padding-bottom: 0; padding-left: 3px; padding-right: 3px; } } .team-carousel [class^="col-"]:after { background: url(../images/sprite.png) no-repeat 0 -220px; width: 241px; height: 41px; position: absolute; margin: 0 0 0 -120px; content: ""; left: 50%; bottom: 0; } @media (max-width: 1023px) { .team-carousel [class^="col-"]:after { margin: 0 0 0 -61px; width: 122px; height: 21px; background: url(../images/sprite.png) 0 -77px; } } @media (max-width: 479px) { .team-carousel [class^="col-"]:after { display: none; } } .team-carousel .box { margin: 0 auto; overflow: hidden; position: relative; width: 286px; height: auto; } @media (max-width: 991px) { .team-carousel .box { width: 100%; height: auto; } } @media (max-width: 479px) { .team-carousel .box { width: 100%; height: auto; } } .team-carousel .box:hover .info-box { display: block; } .team-carousel .box:hover .image-frame img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .team-carousel .info-box { z-index: 1; top: 16px; right: 16px; bottom: 16px; left: 16px; display: none; position: absolute; border-radius: 50%; text-align: center; } @media (max-width: 767px) { .team-carousel .info-box { top: 5px; right: 5px; bottom: 5px; left: 5px; } } .team-carousel .info-box .holder { width: 100%; height: 100%; display: table; } .team-carousel .info-box .frame { display: table-cell; vertical-align: middle; } .team-carousel .image-frame { overflow: hidden; border: 1px solid #fff; width: 100%; height: auto; border-radius: 50%; } .team-carousel .image-frame img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 50%; } .team-carousel .carousel-indicators { width: 100%; font-size: 0; line-height: 0; position: static; margin: 65px 0 0; } @media (max-width: 1023px) { .team-carousel .carousel-indicators { margin: 30px 0 0; } } @media (max-width: 479px) { .team-carousel .carousel-indicators { margin: 15px 0; } } .team-carousel .carousel-indicators li { width: 10px; height: 10px; margin: 0 5px; } /* sidebar styles */ .sidebar { /* list styles */ /* gallery styles */ } .sidebar .widget { overflow: hidden; margin: 0 0 30px; border-radius: 5px; background: #353535; } @media (max-width: 767px) { .sidebar .widget { margin: 0 0 15px; } } .sidebar .widget h1 { margin: 0; color: #fff; font-size: 22px; line-height: 24px; padding: 18px 10px; text-align: center; border-radius: 5px 5px 0 0; } @media (max-width: 1199px) { .sidebar .widget h1 { font-size: 20px; } } .sidebar .widget h1:after { display: none; } .sidebar .widget .date, .sidebar .widget .form-group { margin: 0 0 20px; } .sidebar .widget .total-price { display: block; color: #f9f6f1; text-align: center; margin: 40px -30px 0; padding: 7px 10px; text-transform: uppercase; font: 400 24px/26px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .sidebar .widget .total-price { margin: 20px -30px 0; } } .sidebar .widget .total-price span { font-weight: 700; } .sidebar .holder { overflow: hidden; padding: 30px; } @media (max-width: 1199px) { .sidebar .holder { padding: 20px; } } .sidebar .holder h2 { margin: 0 0 20px; color: #f9f6f1; text-transform: uppercase; font: 400 18px/20px "Source Sans Pro", Arial, helvetica, sans-serif; } .sidebar .block { overflow: hidden; padding: 0 0 35px; } .sidebar ul { padding: 0; margin: 0; } .sidebar ul li { padding: 0 0 10px; } .sidebar .list { padding: 0; margin: 0; color: #f9f6f1; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .sidebar .list li { margin: 20px 0 0; } .sidebar .list li:first-child { margin: 0; } .sidebar .list a { padding: 0 0 0 25px; position: relative; color: #f9f6f1; } .sidebar .list a:hover { text-decoration: none; } .sidebar .list a:before { left: 0; top: 3px; color: #fff; content: "\e908"; font-family: "icomoon"; font-size: 14px; line-height: 16px; text-align: center; position: absolute; width: 16px; height: 16px; } .sidebar .list.tags { font-size: 0; line-height: 0; } .sidebar .list.tags li { width: 50%; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .sidebar .gallery { padding: 0; font-size: 0; line-height: 0; margin: -10px 0 0 -30px; } .sidebar .gallery li { width: 50%; overflow: hidden; padding: 10px 0 0 30px; border-radius: 4px; } .sidebar .gallery a { display: block; overflow: hidden; border-radius: 4px; } .sidebar .gallery a:hover img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sidebar .gallery img { display: block; border-radius: 4px; width: 100%; height: auto; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* range-slider styles */ .range-slider .value { top: 15px; left: 50%; width: 40px; position: absolute; margin: 0 0 0 -20px; text-align: center; display: block; color: #aeaeae; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .range-slider .price-range-both.value { width: 100px; margin: 0 0 0 -50px; top: 26px; } .range-slider .price-range-both { display: none; } .range-slider .value i { font-style: normal; } /* content */ .sorting-bar { padding-bottom: 40px; } @media (max-width: 767px) { .sorting-bar { padding-bottom: 15px; } } .pages-show, .view-type { display: inline-block; vertical-align: middle; } .pages-show { margin: 0 30px 0 0; } .pages-show .heading, .pages-show .selection { display: inline-block; vertical-align: middle; } .pages-show .heading { margin: 0 17px 0 0; color: #353535; text-transform: capitalize; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .pages-show .selection { width: 70px; position: relative; } .pages-show .selection:after { z-index: 9; top: 5px; right: 25px; bottom: 5px; width: 1px; content: ""; position: absolute; background: #d4d2ce; } .pages-show .fake-select { position: relative; display: block; } .pages-show .fake-select:before, .pages-show .fake-select:after { pointer-events: none; position: absolute; content: ""; } .pages-show .fake-select:before { top: 1px; right: 1px; bottom: 1px; z-index: 1; width: 26px; background: #fff; border-radius: 0 3px 3px 0; } .pages-show .fake-select:after { top: 50%; right: 8px; z-index: 2; margin: -2px 0 0; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #353535 transparent transparent transparent; } .pages-show select::-ms-expand { display: none; } .pages-show select { margin: 0; outline: none; border-radius: 3px; position: relative; background: #fff; color: #353535; padding: 2px 3px 2px 5px; width: 100%; height: 28px; border: 1px solid #d4d2ce; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .view-type { margin: 0; font-size: 0; line-height: 0; } .view-type li { padding: 0 7px 0 0; vertical-align: middle; } .view-type a { font-size: 27px; line-height: 27px; display: block; } .view-type a:hover { text-decoration: none; } .view-type .icon-view_list { font-size: 24px; } /* rooms styles */ @media (max-width: 479px) { .rooms [class^="col-"] { width: 100%; } } .rooms .box { margin: 0 0 109px; } @media (max-width: 479px) { .rooms .box { margin: 0 0 79px; } } .rooms .box a { text-decoration: none; } .rooms .box a:hover .text-box { opacity: 1; height: auto; visibility: visible; padding: 10px 0 50px; } .rooms .image-frame { overflow: hidden; width: 100%; height: auto; } .rooms .image-frame img { display: block; width: 100%; height: auto; } .rooms .info-block { margin: -30px 0 0; position: relative; z-index: 9; } .rooms .info-frame { top: 0; left: 10px; right: 10px; position: absolute; text-align: center; color: #f9f6f1; padding: 27px 5px 26px; background: #353535; font: 300 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .rooms .info-frame { padding: 15px 5px; } } .rooms .info-frame h1 { padding: 0; margin: 0; font: 400 24px/26px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1199px) { .rooms .info-frame h1 { font: 400 20px/24px "Lora", Arial, helvetica, sans-serif; } } .rooms .info-frame h1:after { display: none; } .rooms .info-frame .rent-price { display: block; font: 400 24px/28px "Lora", Arial, helvetica, sans-serif; } .rooms .info-frame .rent-price span { display: block; color: #f9f6f1; font: 400 14px/18px "Lora", Arial, helvetica, sans-serif; } .rooms .text-box { height: 0; opacity: 0; visibility: hidden; position: relative; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .rooms .text-box:after { left: 50%; bottom: 0; content: ""; margin: 0 0 0 -61px; position: absolute; width: 122px; height: 21px; background: url(../images/sprite.png) 0 -77px; } .rooms.list-view .info-block { bottom: 0; top: auto; margin: 0; position: absolute; } @media (max-width: 991px) { .rooms.list-view .info-block { position: static; } } .rooms.list-view .info-frame { text-align: left; position: static; margin: 0 0 0 -100px; padding: 30px; } @media (max-width: 991px) { .rooms.list-view .info-frame { margin: 0; } } .rooms.list-view .info-frame h1 { margin: 0 0 20px; font: 700 30px/36px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1199px) { .rooms.list-view .info-frame h1 { font: 700 20px/24px "Lora", Arial, helvetica, sans-serif; } } .rooms .article { overflow: hidden; padding-bottom: 60px; } @media (max-width: 991px) { .rooms .article { padding-bottom: 30px; } } @media (max-width: 767px) { .rooms .article { padding-bottom: 15px; } } .rooms .article [class^="col-"]:first-child { overflow: hidden; } @media (max-width: 991px) { .rooms .article .col { height: auto !important; } } .rooms .detail-list dt { float: left; margin: 0 5px 8px 0; text-transform: uppercase; font: 700 14px/16px "Lora", Arial, helvetica, sans-serif; } .rooms .detail-list dd { margin: 0 0 8px; font: 400 italic 14px/16px "Lora", Arial, helvetica, sans-serif; } .rooms .btn-holder { overflow: hidden; padding: 30px 0 15px; border-top: 1px solid #4a4a4a; } @media (max-width: 767px) { .rooms .btn-holder { padding: 30px 0 0; } } .rooms .btn-holder .btn { float: right; color: #fff; } .showing-results { display: block; color: #353535; letter-spacing: 1px; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .showing-results { text-align: center; margin: 0 0 15px; } } .paging { float: right; text-align: right; } @media (max-width: 1023px) { .paging { float: none; text-align: center; } } .paging .heading, .paging .pagination { display: inline-block; vertical-align: middle; } .paging .heading { color: #353535; text-transform: capitalize; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .paging .pagination { margin: 0; font-size: 0; line-height: 0; } .paging .pagination > li { margin: 0; padding: 0 0 0 10px; display: inline-block; vertical-align: middle; } .paging .pagination > li > a { padding: 0; display: block; text-align: center; border-radius: 3px; width: 20px; height: 20px; border: 1px solid #d4d2ce; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .paging .pagination > li > a:hover { color: #fff; } .paging .pagination > li:last-child a { background: #000; color: #f9f6f1; border-color: #000; } .paging .pagination .glyphicon { font-size: 12px; } /* blog styles */ .blog-posts { overflow: hidden; } .blog-posts .article { overflow: hidden; padding-bottom: 60px; } @media (max-width: 991px) { .blog-posts .article { padding-bottom: 30px; } } @media (max-width: 767px) { .blog-posts .article { padding-bottom: 15px; } } .blog-posts .article [class^="col-"]:first-child { overflow: hidden; } @media (max-width: 991px) { .blog-posts .article .col { height: auto !important; } } .blog-posts .article .image-frame { position: relative; } .blog-posts .article .image-frame img { display: block; width: 100%; height: auto; } .blog-posts .article .icon { top: 0; right: 0; z-index: 9; font-size: 31px; line-height: 48px; position: absolute; text-align: center; width: 54px; height: 54px; background: #f9f6f1; } .blog-posts .article .icon span { color: #353535; display: inline-block; vertical-align: middle; } .blog-posts .info-block { position: absolute; bottom: 0; left: 0; } @media (max-width: 1023px) { .blog-posts .info-block { position: static; } } .blog-posts .info-frame { margin: 0 0 0 -100px; color: #f9f6f1; background: #353535; font: 300 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; padding: 30px; } @media (max-width: 991px) { .blog-posts .info-frame { margin: 0; } } @media (max-width: 1023px) { .blog-posts .info-frame { padding: 20px; } } .blog-posts .info-frame h1 { padding: 0; margin: 0 0 20px; font: 400 30px/36px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1199px) { .blog-posts .info-frame h1 { font: 400 20px/24px "Lora", Arial, helvetica, sans-serif; } } .blog-posts .info-frame h1 { font-weight: bold; } .blog-posts .info-frame h1:after { display: none; } .blog-posts .info-frame .rent-price { display: block; font: 400 24px/28px "Lora", Arial, helvetica, sans-serif; } .blog-posts .info-frame .rent-price span { display: block; color: #f9f6f1; font: 400 14px/18px "Lora", Arial, helvetica, sans-serif; } .blog-posts .btn-holder { overflow: hidden; padding: 45px 0 15px; } @media (max-width: 1023px) { .blog-posts .btn-holder { padding: 10px 0; } } .blog-posts .btn-holder .btn { color: #f9f6f1; font: 400 16px/18px "Lora", Arial, helvetica, sans-serif; } .blog-posts .image-slider img { display: block; width: 100%; height: auto; } .blog-posts .image-slider .buttons { top: 0; right: 0; position: absolute; } .blog-posts .image-slider .carousel-control { margin: 0; font-size: 20px; line-height: 54px; text-shadow: none; color: #353535; width: 54px; height: 54px; background: #f9f6f1; position: static; float: left; } .blog-posts .metas { font-weight: normal; } .metas { padding: 0; margin: 0 0 15px; color: #7e7e7e; } .metas li { padding: 0 30px 0 0; } .metas span { margin: 0 10px 0 0; } .metas a { color: #7e7e7e; } .metas a:hover, .metas a:focus { text-decoration: none; } /* post detail styles */ .post-detail { font: 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .post-detail { font: 300 14px/21px "Source Sans Pro", Arial, helvetica, sans-serif; } } .post-detail .image-frame { overflow: hidden; margin: 0 0 25px; width: 100%; height: auto; } .post-detail .image-frame img { display: block; width: 100%; height: auto; } .post-detail h1 { text-align: center; font-family: 'Lora'; margin: 0 0 30px; } .post-detail p { margin: 0 0 20px; } @media (max-width: 767px) { .post-detail p { margin: 0 0 15px; } } .post-detail .metas { margin: 0 0 25px; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .post-detail .metas { margin: 0 0 10px; } } .post-detail .metas a { color: #7e7e7e; } .post-detail .pager { margin: 0; text-transform: uppercase; font: 18px/20px "Source Sans Pro", Arial, helvetica, sans-serif; } .post-detail .pager li { text-align: left; } .post-detail .pager li.disabled { display: none; } .post-detail .pager li .link-text { display: block; position: relative; font-weight: 400; } .post-detail .pager li .glyphicon { position: absolute; color: #353535; font-size: 14px; line-height: 14px; right: 100%; top: -1px; } .post-detail .pager li > a { background: none; padding: 0; border: 0; } .post-detail .pager li > a span { margin: 5px 0 0; display: block; font-size: 16px; color: #7e7e7e; text-transform: none; } .post-detail .pager li > a:hover { background: none; } .post-detail .pager li.next .glyphicon { left: 100%; right: auto; } .post-detail .pager li.next > a { text-align: right; } @media (max-width: 1023px) { .post-detail .social-networks { margin: 0 0 20px; } } .post-detail .social-networks a:hover { color: #353535; border-color: #353535; } /* comments block styles */ .comments-block { padding-top: 40px; } .comments-block h1 { text-align: center; margin: 0 0 30px; } .comments-block .comments-holder { padding-left: 99px; } @media (max-width: 767px) { .comments-block .comments-holder { padding-left: 80px; } } .comments-block .avatar-holder { width: 55px; height: 53px; position: absolute; top: 48px; left: 15px; } .comments-block .avatar-holder img { display: block; width: 100%; height: auto; } .comments-block .form-top { padding-bottom: 9px; margin-bottom: 20px; border-bottom: 1px solid #bbbab7; } .comments-block .form-top .comm-counter { float: right; color: #fff; text-align: center; width: 20px; height: 19px; font: 400 12px/19px "Lora", Arial, helvetica, sans-serif; background: url(../images/sprite.png) no-repeat -288px -14px; } .comments-block .form-top h2 { margin: 0; text-transform: capitalize; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .comments-block .form-control { font: 300 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .comments-block .form-control::-webkit-input-placeholder { color: #7e7e7e; } .comments-block .form-control::-moz-placeholder { opacity: 1; color: #7e7e7e; } .comments-block .form-control:-moz-placeholder { color: #7e7e7e; } .comments-block .form-control:-ms-input-placeholder { color: #7e7e7e; } .comments-block .form-control.placeholder { color: #7e7e7e; } .comments-block .btn { width: 100%; color: #fff; font: 400 18px/20px "Lora", Arial, helvetica, sans-serif; } .comments-block .btn:hover { background: transparent; } /* contact styles */ .contact { font: 16px/24px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .contact { font: 300 14px/20px "Source Sans Pro", Arial, helvetica, sans-serif; } } .contact h1 { font-family: 'Lora'; text-align: center; margin: 0 0 45px; } @media (max-width: 767px) { .contact h1 { margin: 0 0 15px; } } .contact p { margin: 0 0 25px; } .contact .contact-info { margin: 0; padding: 0 0 0 28px; } .contact .contact-info dt { margin: 0 0 3px; color: #353535; position: relative; text-transform: uppercase; font: 400 16px/18px "Lora", Arial, helvetica, sans-serif; } .contact .contact-info span { top: 0; left: -28px; font-size: 18px; position: absolute; color: #7e7e7e; } .contact .contact-info .icon-phone { font-size: 22px; } .contact .contact-info dd { margin: 0 0 25px; font: 400 italic 14px/18px "Lora", Arial, helvetica, sans-serif; color: #000; } @media (max-width: 767px) { .contact .contact-info dd { margin: 0 0 20px; } } .contact .contact-info a { color: #7e7e7e; } .contact label { margin: 0 0 3px; font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } .contact-form .form-group { margin: 0 0 20px; } .contact-form label { font-weight: 400; } .contact-form textarea { min-width: 100%; max-width: 100%; min-height: 100px; max-height: 100px; overflow: auto; resize: none; } .contact-form .btn { width: 100%; color: #fff; text-transform: uppercase; font: 400 18px/22px "Lora", Arial, helvetica, sans-serif; } .contact-form .btn:hover { background: transparent; } /* rooms-section styles */ .rooms-section .header { text-align: center; padding-bottom: 30px; font: 400 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; } .rooms-section .header h1 { margin: 0 0 35px; font-family: 'Lora'; } @media (max-width: 767px) { .rooms-section .info-block { margin-bottom: 10px; } } .rooms-section .info-block .image-frame { overflow: hidden; position: relative; width: 100%; height: auto; } .rooms-section .info-block .image-frame img { display: block; width: 100%; height: auto; margin-top: 27px; } .rooms-section .info-block .image-frame:hover .info-frame { opacity: 1; visibility: visible; } .rooms-section .info-block .info-frame { top: 20px; right: 20px; bottom: 20px; left: 20px; opacity: 0; visibility: hidden; position: absolute; text-align: center; background: rgba(53, 53, 53, 0.8); -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } @media (max-width: 1023px) { .rooms-section .info-block .info-frame { top: 10px; right: 10px; bottom: 10px; left: 10px; } } @media (max-width: 767px) { .rooms-section .info-block .info-frame { top: 20px; right: 20px; bottom: 20px; left: 20px; } } .rooms-section .info-block .social-networks { position: absolute; bottom: 30px; left: 0; right: 0; } @media (max-width: 1023px) { .rooms-section .info-block .social-networks { bottom: 15px; } } @media (max-width: 767px) { .rooms-section .info-block .social-networks { bottom: 20px; } } .rooms-section .info-block .magnify { top: 50%; left: 50%; position: absolute; width: 56px; height: 56px; margin: -28px 0 0 -28px; border: 1px solid #f9f6f1; } .rooms-section .info-block .magnify:after { top: 50%; left: 50%; content: ""; position: absolute; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(../images/sprite.png) no-repeat -3px -336px; } .rooms-section .info-block .info-bar { overflow: hidden; padding: 0 20px; margin: -20px 0 0; position: relative; z-index: 1; } @media (max-width: 1023px) { .rooms-section .info-block .info-bar { padding: 0 10px; margin: -10px 0 0; } } @media (max-width: 767px) { .rooms-section .info-block .info-bar { padding: 0 20px; margin: -20px 0 0; } } .rooms-section .info-block .holder { width: 100%; display: table; padding: 16px 0; table-layout: fixed; background: #353535; } .rooms-section .info-block .holder .col { padding: 0 40px; text-align: center; display: table-cell; vertical-align: middle; border-left: 1px solid #4a4a4a; } @media (max-width: 1199px) { .rooms-section .info-block .holder .col { padding: 0 20px; } } @media (max-width: 1023px) { .rooms-section .info-block .holder .col { padding: 0 10px; } } .rooms-section .info-block .holder .col:first-child { border: 0; } .rooms-section .info-block .holder .title, .rooms-section .info-block .holder .price { text-align: left; display: block; } .rooms-section .info-block .holder .title { text-transform: uppercase; font: 400 22px/24px "Lora", Arial, helvetica, sans-serif; } .rooms-section .info-block .holder .price { color: #f9f6f1; font: 400 14px/16px "Lora", Arial, helvetica, sans-serif; } .rooms-section .info-block .holder .price span { display: block; font: 400 24px/28px "Lora", Arial, helvetica, sans-serif; } /* testimonials styles */ .testimonials h1 { text-align: center; margin: -27px 0 60px; } @media (max-width: 767px) { .testimonials h1 { margin: 0 0 15px; } } .testimonials blockquote { border: 0; margin: 0; quotes: none; height: 100%; background: #353535; padding: 30px 78px 30px 38px; font: 300 italic 13px/22px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .testimonials blockquote { padding: 15px 65px 15px 15px; } } @media (max-width: 767px) { .testimonials blockquote { padding: 15px; } } @media (max-width: 479px) { .testimonials blockquote { line-height: 19px; padding: 10px; } } .testimonials blockquote q { color: #f9f6f1; } .testimonials blockquote cite { display: block; margin: 0 0 20px; text-transform: capitalize; font: 400 22px/24px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .testimonials blockquote cite { margin: 0 0 10px; font: 400 18px/22px "Lora", Arial, helvetica, sans-serif; } } @media (max-width: 479px) { .testimonials blockquote cite { margin: 0 0 5px; font: 400 16px/22px "Lora", Arial, helvetica, sans-serif; } } .testimonials blockquote cite span { text-transform: uppercase; } .testimonials .row { letter-spacing: -.32em; } .testimonials .row > * { letter-spacing: 0; } .testimonials .image-frame img { display: block; width: 100%; height: auto; margin: 0 0 0 -35px; } .testimonials .image-holder { overflow: hidden; margin: 0 0 0 -76px; } @media (max-width: 767px) { .testimonials .image-holder { margin: 0; } } .testimonials .carousel-indicators { width: 100%; font-size: 0; line-height: 0; position: static; margin: 40px 0 0; } @media (max-width: 1023px) { .testimonials .carousel-indicators { margin: 30px 0 0; } } @media (max-width: 479px) { .testimonials .carousel-indicators { margin: 15px 0; } } .testimonials .carousel-indicators li { width: 10px; height: 10px; margin: 0 5px; } @media (max-width: 767px) { .testimonials .item .col { height: auto !important; } } @media (max-width: 479px) { .testimonials .item .col { padding-left: 5px; padding-right: 5px; } } /* gallery section styles */ .gallery-section .container-fluid, .gallery-section [class^="col-"] { padding: 0; } .gallery-section .row { margin: 0; } @media (max-width: 479px) { .gallery-section [class^="col-"] { width: 100%; } } .gallery-section .image-frame { overflow: hidden; position: relative; width: 100%; height: auto; } .gallery-section .image-frame img { display: block; width: 100%; height: auto; } .gallery-section .image-frame:hover .info-frame { opacity: 1; visibility: visible; } .gallery-section .info-frame { top: 20px; right: 20px; bottom: 20px; left: 20px; opacity: 0; visibility: hidden; position: absolute; text-align: center; background: rgba(53, 53, 53, 0.8); -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } @media (max-width: 1023px) { .gallery-section .info-frame { top: 10px; right: 10px; bottom: 10px; left: 10px; } } .gallery-section .social-networks { position: absolute; bottom: 30px; left: 0; right: 0; } @media (max-width: 1024px) { .gallery-section .social-networks { bottom: 15px; } } @media (max-width: 767px) { .gallery-section .social-networks { bottom: 10px; } } .gallery-section .magnify { top: 50%; left: 50%; position: absolute; width: 56px; height: 56px; margin: -56px 0 0 -28px; border: 1px solid #f9f6f1; } @media (max-width: 767px) { .gallery-section .magnify { margin: -46px 0 0 -28px; } } .gallery-section .magnify:after { top: 50%; left: 50%; content: ""; position: absolute; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(../images/sprite.png) no-repeat -3px -336px; } /* menu section styles */ .menu-section h1 { text-align: center; text-transform: none; font-style: italic; margin: 0 0 80px; } .menu-carousel .carousel-indicators { margin: 0; width: 100%; font-size: 0; line-height: 0; position: static; } @media (max-width: 1023px) { .menu-carousel .carousel-indicators { margin: 30px 0 0; } } @media (max-width: 479px) { .menu-carousel .carousel-indicators { margin: 15px 0; } } .menu-carousel .carousel-indicators li { width: 10px; height: 10px; margin: 0 5px; } .menu-list { margin: 0; padding: 0; font: 400 16px/21px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .menu-list { font: 400 14px/21px "Source Sans Pro", Arial, helvetica, sans-serif; } } .menu-list h2 { margin: 0 0 10px; text-transform: none; font: 400 22px/24px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .menu-list h2 { margin: 0 0 5px; font: 400 18px/22px "Source Sans Pro", Arial, helvetica, sans-serif; } } .menu-list li { min-height: 101px; padding: 0 0 60px; } @media (max-width: 767px) { .menu-list li { padding: 0 0 20px; } } .menu-list a { display: block; padding: 0 95px 0 0; color: #7e7e7e; position: relative; } .menu-list a:hover { text-decoration: none; } .menu-list .image-frame { float: left; padding: 4px; margin: 0 20px 0 0; width: 101px; height: auto; } @media (max-width: 1023px) { .menu-list .image-frame { margin: 0 10px 0 0; } } .menu-list .image-frame img { display: block; width: 100%; height: auto; } .menu-list .text { padding: 10px 0 0; } @media (max-width: 1023px) { .menu-list .text { padding: 5px 0 0; } } .menu-list .text p { margin: 0; } .menu-list .price { top: 50%; right: 0; position: absolute; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: #353535; margin: -40px 0 0; border: 1px solid #e2dfdb; font: 600 30px/78px "Source Sans Pro", Arial, helvetica, sans-serif; } /* billing form styles */ @media (max-width: 767px) { .billing-form h1 { font-size: 22px; } } .billing-form .section { padding: 0 0 40px; } @media (max-width: 767px) { .billing-form .section { padding: 0 0 20px; } } .billing-form .fake-label { color: #353535; text-transform: uppercase; } .billing-form textarea { overflow: auto; min-width: 100%; max-width: 100%; min-height: 120px; max-height: 120px; resize: none; } .billing-form .btn { width: 100%; color: #fff; text-transform: uppercase; font: 400 18px/22px "Lora", Arial, helvetica, sans-serif; } .billing-form .btn:hover { background: transparent; } /* room-details styles */ .room-details .info-frame { font: 400 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .room-details .info-frame { font: 400 14px/20px "Source Sans Pro", Arial, helvetica, sans-serif; } } .room-details .info-frame h1 { font-family: 'Lora'; text-align: center; margin: 0 0 30px; } @media (max-width: 767px) { .room-details .info-frame h1 { margin: 0 0 15px; } } .room-details .info-frame p { margin: 0 0 20px; } @media (max-width: 767px) { .room-details .info-frame p { margin: 0 0 15px; } } .room-details .detail-list { padding: 0; margin: 0 0 15px; overflow: hidden; font: 400 italic 16px/18px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .room-details .detail-list { font: 400 italic 14px/18px "Lora", Arial, helvetica, sans-serif; } } .room-details .detail-list li { width: 50%; float: left; padding: 0 0 15px; } @media (max-width: 479px) { .room-details .detail-list li { width: 100%; float: none; } } .room-details .detail-list li strong { font-weight: normal; text-transform: uppercase; } .room-details .btn-holder { overflow: hidden; padding: 30px 0 15px; border-top: 1px solid #d4d2ce; } @media (max-width: 767px) { .room-details .btn-holder { padding: 30px 0; border-bottom: 1px solid #d4d2ce; } } .room-details .btn-holder .btn { float: right; color: #353535; font: 400 18px/20px "Lora", Arial, helvetica, sans-serif; } .room-details .btn-holder .btn:hover { color: #fff; } .room-details .rent-price { display: block; font: 400 30px/36px "Lora", Arial, helvetica, sans-serif; } .room-details .rent-price span { display: block; color: #7e7e7e; font: 400 16px/18px "Lora", Arial, helvetica, sans-serif; } /* flex slider styles */ @media (max-width: 767px) { .flexslider { margin: 0 0 15px !important; } } #flex-slider .slides > li { position: relative; } #flex-slider .slides > li:hover .information-box { opacity: 1; visibility: visible; } #flex-slider .information-box { top: 20px; right: 20px; bottom: 20px; left: 20px; opacity: 0; visibility: hidden; position: absolute; text-align: center; background: rgba(53, 53, 53, 0.8); -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } @media (max-width: 1023px) { #flex-slider .information-box { top: 10px; right: 10px; bottom: 10px; left: 10px; } } @media (max-width: 767px) { #flex-slider .information-box { top: 20px; right: 20px; bottom: 20px; left: 20px; } } #flex-slider .social-networks { position: absolute; /*bottom: 30px;*/ top: 62%; left: 0; right: 0; } @media (max-width: 1023px) { #flex-slider .social-networks { bottom: 15px; } } @media (max-width: 767px) { #flex-slider .social-networks { bottom: 20px; } } #flex-slider .social-networks a { line-height: 20px; } #flex-slider .magnify { top: 50%; left: 50%; position: absolute; width: 56px; height: 56px; margin: -28px 0 0 -28px; border: 1px solid #f9f6f1; } #flex-slider .magnify:after { top: 50%; left: 50%; content: ""; position: absolute; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(../images/sprite.png) no-repeat -3px -336px; } #thumbnails { margin: 0; } #thumbnails .slides > li { position: relative; margin: 0 30px 0 0 !important; } @media (max-width: 767px) { #thumbnails .slides > li { margin: 0 15px 0 0 !important; } } #thumbnails .slides > li:hover:after { display: block; } #thumbnails .slides > li:after { z-index: 1; display: none; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ""; position: absolute; background: rgba(53, 53, 53, 0.8); } /* description block styles */ .description-block { font-size: 0; line-height: 0; } .description-block [class^="col-"] { float: none; display: inline-block; vertical-align: bottom; } @media (max-width: 1023px) { .description-block [class^="col-"] { float: left; } } .description-block [class^="col-"]:first-child { font: 400 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .description-block [class^="col-"]:first-child { font: 400 12px/18px "Source Sans Pro", Arial, helvetica, sans-serif; } } @media (max-width: 767px) { .description-block [class^="col-"]:first-child { padding-top: 10px; padding-bottom: 10px; } } .description-block [class^="col-"]:first-child h1 { font: 400 30px/36px "Lora", Arial, helvetica, sans-serif; margin: 0 0 15px; } @media (max-width: 767px) { .description-block [class^="col-"]:first-child h1 { text-align: center; } } .description-block [class^="col-"]:first-child h1:after { left: 10px; margin: 0; } @media (max-width: 767px) { .description-block [class^="col-"]:first-child h1:after { left: 50%; margin: 0 0 0 -61px; } } .description-block p { margin: 0; } .description-block .image-frame { position: relative; } .description-block .image-frame img { display: block; width: 100%; height: auto; } .description-block .image-frame h1 { right: -11px; bottom: -36px; letter-spacing: 5px; position: absolute; color: #f9f6f1; font: 700 72px/72px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { .description-block .image-frame h1 { letter-spacing: 2px; } } @media (max-width: 767px) { .description-block .image-frame h1 { right: -4px; bottom: -33px; font: 700 30px/36px "Source Sans Pro", Arial, helvetica, sans-serif; } } .description-block .image-frame h1:after { display: none; } /* gallery-block styles */ .gallery-block h1 { text-align: center; margin: 0 0 39px; } @media (max-width: 767px) { .gallery-block h1 { margin: 0 0 15px; } } .image-gallery .carousel-control { opacity: 1; margin: -27px 0 0; width: 54px; height: 54px; background: rgba(249, 246, 241, 0.8); } @media (max-width: 767px) { .image-gallery .carousel-control { margin: -15px 0 0; width: 30px; height: 30px; } } .image-gallery .carousel-control:hover { background: #f9f6f1; } .image-gallery .carousel-control.left:after { background-position: 0 -39px; } .image-gallery .carousel-control.right:after { background-position: -19px -39px; } .image-gallery .item img { display: block; width: 100%; height: auto; } @media (max-width: 767px) { .image-gallery .item [class^="col-"] { padding-left: 5px; padding-right: 5px; } } .article-box { overflow: hidden; margin-bottom: 60px; position: relative; } @media (max-width: 767px) { .article-box { margin-bottom: 30px; } } .article-box .image-frame { overflow: hidden; width: 100%; height: auto; } .article-box .image-frame img { display: block; width: 100%; height: auto; } .article-box .close { top: 0; right: 0; z-index: 1; opacity: 0.5; position: absolute; text-align: center; width: 35px; height: 35px; border-radius: 5px; text-shadow: none; text-transform: uppercase; font: 400 24px/32px "Lora", Arial, helvetica, sans-serif; } .article-box .close:hover { opacity: 1; } @media (max-width: 767px) { .article-box .close:hover { color: #f9f6f1 !important; border-color: #f9f6f1 !important; } } @media (max-width: 767px) { .article-box .close { top: 10px; right: 25px; color: #353535 !important; border-color: #353535 !important; } } .article-box .info-frame { font: 400 16px/23px "Source Sans Pro", Arial, helvetica, sans-serif; } @media (max-width: 767px) { .article-box .info-frame { padding-top: 15px; } } .article-box .info-frame h1 { margin: 0 0 20px; } .article-box .info-frame p { margin: 0 0 15px; } .article-box .detail-list { margin: 0 0 10px; } .article-box .btn-holder { padding: 15px 0 0; border-bottom: 0; } .button .btn:hover { color: #fff; } /* form styles */ form [type="radio"], form [type="checkbox"] { position: fixed; left: 0; top: 0; opacity: 0; z-index: -1; } form .fake-input, form label { display: inline-block; vertical-align: middle; } form .fake-label { font: 400 16px/18px "Source Sans Pro", Arial, helvetica, sans-serif; color: #aeaeae; } form label { margin: 0; font-weight: normal; } form .fake-input { top: -1px; position: relative; margin: -1px 7px 0 0; width: 16px; height: 16px; border: 1px solid #aeaeae; background: transparent; display: inline-block; vertical-align: middle; } form [type=radio] + .fake-input { border-radius: 100%; } form [type="checkbox"] + .fake-input:before { top: 50%; left: 50%; opacity: 0; content: ""; position: absolute; width: 8px; height: 4px; border: 2px solid #fff; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin: -2px 0 0 -4px; } form [type="radio"] + .fake-input:before { content: ""; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; opacity: 0; background: #777; border-radius: 100%; } form [type="radio"]:checked + .fake-input:before, form [type="checkbox"]:checked + .fake-input:before { opacity: 1; } form [type="radio"]:checked ~ .fake-label, form [type="checkbox"]:checked ~ .fake-label { /*font-weight: bold; color: #f00*/ } form input:disabled + .fake-input, form input:disabled ~ .fake-label { opacity: .5; } /* footer styles */ .b-container { position: relative; /* social networks */ } .b-container .google-map { overflow: hidden; height: 440px; } @media (max-width: 767px) { .b-container .google-map { height: auto; } } .b-container .map-responsive { overflow: hidden; /*padding-bottom: 56.25%;*/ position: relative; height: 100%; } .b-container .map-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; border: 0; position: absolute; pointer-events: none; } .b-container .social-networks { text-align: right; } @media (max-width: 767px) { .b-container .social-networks { text-align: center; } } .b-container .social-networks li { padding: 0 0 0 5px; } .b-container .social-networks a { color: #fff; display: block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #fff; text-align: center; } .b-container .social-networks a span { display: inline-block; vertical-align: middle; } .b-container .social-networks a .icon-facebook { font-size: 14px; line-height: 16px; } .b-container .social-networks a:hover { text-decoration: none; border-color: #353535; color: #353535; } /* footer nav styles */ .footer-nav { padding: 39px 0 0px; background: #000000; } @media (max-width: 1023px) { .footer-nav { padding: 15px 0 60px; } } @media (max-width: 767px) { .footer-nav { padding: 70px 0 15px; } } .footer-nav [class^="col-"] { position: relative; } .footer-nav .logo { width: 132px; height: auto; position: absolute; margin: -21px 0 0 -61px; left: 50%; top: 0px; background:transparent; } @media (max-width: 1023px) { .footer-nav .logo { margin: 20px 0 0 -61px; } } @media (max-width: 767px) { .footer-nav .logo { top: -50px; margin: 0 0 0 -61px; } } .footer-nav .logo img { display: block; width: 100%; height: auto; } .f-nav { text-transform: uppercase; font: 500 14px/16px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1199px) { .f-nav { font: 500 13px/16px "Lora", Arial, helvetica, sans-serif; } } @media (max-width: 767px) { .f-nav .navbar-left, .f-nav .navbar-right { float: none; overflow: hidden; text-align: center; } } .f-nav .navbar-right li { margin: 0 0 0 30px; } @media (max-width: 1199px) { .f-nav .navbar-right li { margin: 0 0 0 25px; } } @media (max-width: 1023px) { .f-nav .navbar-right li { margin: 0 0 0 15px; } } @media (max-width: 767px) { .f-nav .navbar-right li { margin: 5px 0; } } .f-nav .navbar-right li:first-child { margin: 0; } @media (max-width: 767px) { .f-nav .navbar-right li:first-child { margin: 5px 0; } } .f-nav li { margin: 0 30px 0 0; } @media (max-width: 1199px) { .f-nav li { margin: 0 25px 0 0; } } @media (max-width: 1023px) { .f-nav li { margin: 0 15px 0 0; } } @media (max-width: 767px) { .f-nav li { margin: 5px 0; } } .f-nav li a { color: #fff; padding: 0; } @media (max-width: 767px) { .f-nav li a { padding: 0 15px 0 25px; } } .f-nav li a:hover { background: none; } #footer { color: #fff; overflow: hidden; padding: 13px 0; font: 400 16px/25px "Lora", Arial, helvetica, sans-serif; } @media (max-width: 1023px) { #footer { font-size: 12px; } } @media (max-width: 767px) { #footer { font-size: 11px; line-height: 16px; } } #footer .link { font-style: italic; } #footer p { margin: 0; } @media (max-width: 767px) { #footer p { margin: 0 0 10px; } } #footer p a { color: #fff; } .go-top { right: 0; top: -89px; width: 50px; height: 50px; position: absolute; border-radius: 3px 3px 0 0; background: #353535; text-align: center; color: #f9f6f1; } .go-top span { font-size: 20px; line-height: 50px; } @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoond41d.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.html") format("svg"); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-variant: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-paperplane:before { content: "\e90c"; } .icon-location:before { content: "\e90d"; } .icon-phone:before { content: "\e90e"; } .icon-cancel:before { content: "\e908"; } .icon-play:before { content: "\e90a"; } .icon-image:before { content: "\e90b"; } .icon-folder-open:before { content: "\e909"; } .icon-calendar:before { content: "\e905"; } .icon-view_module:before { content: "\e906"; } .icon-view_list:before { content: "\e907"; } .icon-facebook:before { content: "\e904"; } .icon-twitter:before { content: "\e900"; } .icon-google:before { content: "\e901"; } .icon-instagram:before { content: "\e902"; } .icon-youtube:before { content: "\e903"; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; cursor: pointer; background: url(../images/btns.png) no-repeat 0 -165px; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("blank.html"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; width: 80px; height: 80px; display: block !important; top: 50%; margin: -40px 0 0; background: url(../images/btns.png) no-repeat 0 0; } .fancybox-next { right: 0; top: 50%; margin: -40px 0 0; width: 80px; display: block !important; height: 80px; background: url(../images/btns.png) no-repeat 0 -80px; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.95); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite%402x.html"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("fancybox_loading%402x.html"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .carousel-caption { position: static !important; } .carousel-inner .item { letter-spacing: -.32em; } .carousel-inner .item > * { letter-spacing: 0; } .news .carousel-inner .col, .testimonials-carousel .carousel-inner .col { float: none !important; display: inline-block; letter-spacing: 0; vertical-align: bottom; } .article { letter-spacing: -.32em; } .article .col { float: none !important; display: inline-block; letter-spacing: 0; vertical-align: bottom; } .news .carousel-caption h2 { font-weight: 700 !important; } .news .carousel-indicators { left: 0 !important; margin: 0 0 0 -98px; } .btn-default:hover { color: #fff !important; } @media only screen and (min-width: 1025px) { a[href^=tel], a[href^=skype], a[href^=sms] { cursor: default; pointer-events: none; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.09 |
proxy
|
phpinfo
|
Settings