/*Blog Section*/ .section-blog-post { background-color: #F0F2F1; } .section-blog-post .time { color: #9FA3A4; display: block; border-bottom: solid 1px #E4E4E4; padding-bottom: 16px; } .section-blog-post .time strong { color: #413841; } .section-blog-post .post-content { padding-top: 20px; margin-bottom: 40px; } .section-blog-post .grid-right { padding-left: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-blog-post .buttons { padding: 11px 0; margin-bottom: 45px; } .section-blog-post .buttons a { float: right; } .section-blog-post .side-gallery>img { width: 100%; margin-bottom: 5px; } .section-blog-post .scroll-wrap img { height: 70px; } @media screen and (max-width: 640px){ .section-blog-post .grid-right{ padding-left: 0; } } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .logo { margin: 5px 0px 30px; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e:last-child { border-bottom: 0; } .section-booking .details .e strong { display: inline-block; width: 100px; } .section-booking .details .e a { color: inherit; } .section-booking .form hr { margin-bottom: 20px; } /* form */ .section-booking .grid-form { padding-left: 2%; padding-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .avaibility-message { color: #24CA2B; text-align: center; padding-top: 11px; } .section-booking .avaibility-message .checkmark-ok{ background-image: url('img/icons/checkmark.png'); width: 13px; height: 12px; display: inline-block; margin-right: 6px; } .section-booking .check-avaibility { float: right; } @media screen and (max-width:1024px) { .section-booking .grid-form { padding-left: 0px; } } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking .details .e .e{ padding: 0; margin: 0; border: none; display: inline-block; } .section-booking .details .e-50{ width: 50%; float: left; } .section-booking .details .e-33{ width: 33%; float: left; } .section-booking .price-box { margin-top: 40px; } .section-booking .price-box strong{ font-size: 20px; vertical-align: middle; } .section-booking .price-box .price{ color: #E3C167; font-weight: bold; font-size: 40px; vertical-align: middle; } .section-booking .price-box a.btn{ float: right; font-size: 20px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e a { color: inherit; } /* form */ .section-booking .grid-right { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .e-submit{ color: #9C9D9F; } @media screen and (max-width:1024px) { .section-booking .grid-booking { padding-left: 0px; } .section-booking .details .e .e strong{ display: block; } .section-booking .price-box a.btn{ width: 100%; margin-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; } } @media screen and (max-width:550px) { .section-booking .grid-form .e-submit a.btn{ text-align: center; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 400px){ .section-booking .grid-booking .e-submit{ text-align: center; } .section-booking .grid-booking .e-submit a.btn{ margin-top: 15px; } } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .logo { margin: 5px 0px 30px; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking .details .e .e{ padding: 0; margin: 0; border: none; display: inline-block; } .section-booking .details .e-50{ width: 50%; float: left; } .section-booking .details .e-33{ width: 33%; float: left; } .section-booking .price-box { margin-top: 40px; } .section-booking .price-box strong{ font-size: 20px; vertical-align: middle; } .section-booking .price-box .price{ color: #E3C167; font-weight: bold; font-size: 40px; vertical-align: middle; } .section-booking .price-box a.btn{ float: right; font-size: 20px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e a { color: inherit; } .section-booking .form hr { margin-bottom: 20px; } /* form */ .section-booking .grid-right { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .e-submit{ color: #9C9D9F; } .section-booking .policy{ float: left; text-align: left; } @media screen and (max-width:1024px) { .section-booking .grid-booking { padding-left: 0px; } .section-booking .details .e .e strong{ display: block; } .section-booking .price-box a.btn{ width: 100%; margin-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; } } @media screen and (max-width:550px) { .section-booking .grid-form .e-submit a.btn{ text-align: center; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 400px){ .section-booking .grid-booking .e-submit{ text-align: center; } .section-booking .grid-booking .e-submit a.btn{ margin-top: 15px; } } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .logo { margin: 5px 0px 30px; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e:last-child { border-bottom: 0; } .section-booking .details .e strong { display: inline-block; width: 100px; } .section-booking .details .e a { color: inherit; } .section-booking .form hr { margin-bottom: 20px; } /* form */ .section-booking .grid-right { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .e-submit{ color: #9C9D9F; } .section-booking .avaibility-message { color: #24CA2B; text-align: center; padding-top: 11px; } .section-booking .rooms-list{ max-height: 400px; overflow-y: auto; } .section-booking .rooms-list .e{ background-color: #423841; margin-right: 10px; border-radius: 5px; height: 120px; overflow: hidden; margin-bottom: 20px; } .section-booking .rooms-list .image{ float: left; width: 30%; height: 100%; overflow: hidden; } .section-booking .rooms-list img{ height: 100%; max-width: none; } .section-booking .rooms-list .details { float: left; width: 50%; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-booking .rooms-list .details *{ color: #fff; } .section-booking .rooms-list h6{ font-size: 18px; font-weight: 400; } .section-booking .rooms-list p{ font-size: 14px; } .section-booking .rooms-list .price-action{ float: left; width: 20%; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; } .section-booking .rooms-list .price{ color: #E3C167; font-size: 24px; display: block; margin-bottom: 15px; } @media screen and (max-width:1024px) { .section-booking .grid-booking { padding-left: 0px; } .section-booking .rooms-list .details{ width: 40%; } .section-booking .rooms-list p{ display: none; } .section-booking .rooms-list .price-action{ width: 30%; } } @media screen and (max-width: 400px){ .section-booking .grid-booking .e-submit{ text-align: center; } .section-booking .grid-booking .e-submit a.btn{ margin-top: 15px; } } .section-white-title-bar h3{ margin-bottom: 0px; } /*Gallery Section*/ .section-gallery { margin-bottom: 80px; } .section-gallery .item{ float: left; width: 25%; margin-bottom: -4px; } .section-gallery .item img{ width: 100%; } @media screen and (max-width: 700px){ .section-gallery .item{ width: 50%; } } /* SECTION REVIEW */ .section-review { } .section-review .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-review .details { margin-bottom: 20px; } .section-review .details img{ width: 100%; } .section-review .details .logo { margin: 5px 0px 30px; } .section-review .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-review h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-review .details .e:last-child { border-bottom: 0; } .section-review .details .e strong { display: inline-block; width: 100px; } .section-review .details .e a { color: inherit; } .section-review .form hr { margin-bottom: 20px; } /* form */ .section-review .grid-form { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-review .avaibility-message { color: #24CA2B; text-align: center; padding-top: 11px; } .section-review .avaibility-message .checkmark-ok{ background-image: url('img/icons/checkmark.png'); width: 13px; height: 12px; display: inline-block; margin-right: 6px; } .section-review .check-avaibility { float: right; } @media screen and (max-width:1024px) { .section-review .grid-form { padding-left: 0px; } } /* PAGE ROOM*/ .section-room .time { color: #9FA3A4; display: block; border-bottom: solid 1px #E4E4E4; padding-bottom: 16px; } .section-room .time strong { color: #413841; } .section-room .post-content { margin-bottom: 40px; } .section-room .circle-icons { margin: 40px 0; } .section-room .circle-icons .e { float: left; width: 25%; font-weight: bold; text-align: center; } .section-room .circle-icon { width: 80px; height: 80px; display: block; background-color: #423841; background-repeat: no-repeat; background-position: center; border-radius: 60px; margin: 10px auto; } .section-room .circle-icon.price{ background-image: url('../img/icons/icon-white-price.png'); } .section-room .circle-icon.star{ background-image: url('../img/star-yellow.png'); } .section-room .circle-icon.thermometer{ background-image: url('../img/icons/icon-white-thermometer.png'); } .section-room .circle-icon.wifi{ background-image: url('../img/icons/icon-white-wifi.png'); } .section-room .price-box{ padding: 20px 0; border-top: solid 1px #D8DEDE; border-bottom: solid 1px #D8DEDE; color: #9A9FA2; font-size: 20px; } .section-room .price-box strong{ color: #453842; font-size: 40px; vertical-align: middle; } .section-room .price-box a{ float: right; font-size: 18px; padding-left: 70px; padding-right: 70px; } .section-room .grid-right { padding-left: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-room .buttons { padding: 11px 0; margin-bottom: 25px; text-align: right; } .section-room a.close{ float: right; margin-top: 6px; } .section-room i.close{ background-image: url('img/icons/close.png'); display: block; width: 16px; height: 16px; } .side-gallery>img { width: 100%; margin-bottom: 5px; } .side-gallery .scroll-wrap img { height: 70px; float: left; } @media screen and (max-width: 1366px){ .section-room .price-box a{ padding: 8px 13px; } } @media screen and (max-width: 1024px){ .section-room .price-box a{ float: none; display: block; margin-top: 15px; } .section-room .circle-icons .e{ width: 50%; margin-bottom: 10px; } } @media screen and (max-width: 640px){ .section-room .grid-right{ padding-left: 0; } } /* form */ .section-room .grid-form { padding-left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-room .avaibility-message { color: #24CA2B; text-align: center; padding-top: 11px; } .section-room .avaibility-message .checkmark-ok{ background-image: url('img/icons/checkmark.png'); width: 13px; height: 12px; display: inline-block; margin-right: 6px; } .section-room .check-avaibility { float: right; } .section-room .policy{ display: inline; float: left; color: #95999A; margin-top: 10px; text-align: center; } /*Accomodation bar*/ .section-accommodation-bar h3{ margin-bottom: 0px; } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details .logo { margin: 5px 0px 30px; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e:last-child { border-bottom: 0; } .section-booking .details .e strong { display: inline-block; width: 100px; } .section-booking .details .e a { color: inherit; } .section-booking .form hr { margin-bottom: 20px; } /* form */ .section-booking .grid-form { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width:1024px) { .section-booking .grid-form { padding-left: 0px; } } /* About Section*/ .section-gallery .item{ float: left; width: 25%; margin-bottom: -4px; } .section-gallery .item img{ width: 100%; } @media screen and (max-width: 700px){ .section-gallery .item{ width: 50%; } } @media screen and (max-width: 550px){ .section-gallery .item{ width: 100%; } .section-gallery .item img{ width: 100% !important; height: auto !important; } } /*Features Section*/ iframe{ max-width: 100%; margin-bottom: 20px; } .alert{ padding: 0; padding-left: 40px !important; background-repeat: no-repeat; background-position: 15px; background-image: url('../img/icons/checkmark.png'); color: #35AA59; } .alert.info{ color: #3090D3; background-image: url('../img/icons/info.png'); } .alert.error{ color: #F95861; background-image: url('../img/icons/error.png'); } .alert-demo .alert{ padding: 0; } .fa.gold{ color: #E2C166; } .fa.circle-icon{ border: 1px solid #CCC; padding: 14px; border-radius: 200px; width: 83px; height: 83px; box-sizing: border-box; font-size: 35px; padding: 21px; } .icons-demo{ margin-bottom: 40px; } .icons-demo .fa{ width: 80px; text-align: center; margin-left: 38px; } .grid-demo{ margin-bottom: 40px; } .grid-demo h2{ margin-bottom: 50px; } .grid-demo h3{ margin: 15px 0; } .grid-demo p{ margin-top: 0; }