"faq.html"
Bootstrap 4.1.1 Snippet by camilampm

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <!--Declaração --> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>FAQ</title> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Google fonte --> <link rel='stylesheet' id='google-font-css-css' href='https://fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600' type='text/css' media='all'/> <!-- Estilos --> <!-- css externos adequados para o estilo de site que eu queria --> <link rel="stylesheet" href="estilos/bootstrap.css"/> <link rel="stylesheet" href="estilos/style.css"/> <!-- Biblioteca Jquery --> <script src="js/jquery.min.js"></script> </head> <body> <header id="header"> <!-- classes criadas para configurar o menu inicial juntamente com a logo --> <div id="topbar" class="custom-back-color"> <div class="topbar-left"> <ul class="st-list topbar-items"> <li><a href="#">Português (BR)<img alt="Português" title="Português" src="imagens/BR.png" style="position:relative;left:2px;top:-2px" alt=""/></a></li> </ul> </div> <div class="topbar-right"> <ul class="st-list topbar-items"> <li><a class="top-right-link" href="login/login.html"><img src= "imagens/user.png"></a></li> <li> <a class="top-right-link" href="registro/registro.html">Cadastro</a> </li> </ul> </div> </div> <div class="container-fluid" style="padding-left:50px;padding-right:50px;"> <nav class="navbar"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#website-menu" aria-expanded="false"> <img src="imagens/menu-grid.gif" alt="Menu" style="position:relative;top:8px;left:5px"/> </button> <div class="logo"> <a class="text-logo no-decoration" href="index.html"><h2 style="margin-top:25px">AH_BORDO</h2></a></div> </div> <style> .nav li {padding-top:20px;padding-left:15px;color:#1A2B48;font-size:16px} </style> <img class="show-md btn btn-primary float-right pull-right list-hotel" src="imagens/logo.jpg" width="170" height="100"></a> <div class="collapse navbar-collapse" id="website-menu"> <ul class="nav navbar-nav"> <li><a class="custom-color" href="index.html">Início</a></li> <!-- Criada para dar acesso para as outras partes do site --> <li><a class="custom-color" href="contato.html">Contato</a></li> <li><a class="custom-color" href="sobrenos.html">Quem somos</a></li> <li><a class="custom-color" href="faq.html">FAQ</a></li> <li><a class="custom-color" href="carrinho/carrinho.html">Carrinho</a></li> </ul> </div> </nav> </div> </header> <!-- Final do cabeçalho --> <div id="st-content-wrapper" class="search-result-page"> <div> <div class="vc_row-full-width vc_clearfix"></div> <site info_panel/> <div class="page-wrap" style="padding-left:50px;padding-right:50px"> <script> function ShowFaq(x) { if(document.getElementById("faq"+x).style.display=="none") { document.getElementById("faq"+x).style.display="block"; } else { document.getElementById("faq"+x).style.display="none"; } } </script> <h3>Perguntas frequentes</h3> <br> <br> 1. <a class="custom-color" href='javascript:ShowFaq(1)'>Existe reembolso da compra dos pacotes?</a> <br> <div id="faq1" style="display:none"> <br> Sim, caso surja um transtorno justificável ocorrerá o reembolso conforme solicitado. <br> <br> </div> <br> 2. <a class="custom-color" href='javascript:ShowFaq(2)'>É permitido levar animais de estimação?</a> <br> <div id="faq2" style="display:none"> <br> Sim, somos totalmente "pet friendly". <br> <br> </div> <br> 3. <a class="custom-color" href='javascript:ShowFaq(3)'>Quais documentos devo levar na viagem?</a> <br> <div id="faq3" style="display:none"> <br> Os documentos de identidade, passagens aéreas e os cartões de seguro viagem. <br> <br> </div> <br> 4. <a class="custom-color" href='javascript:ShowFaq(4)'>Quanto de dinheiro devo reservar?</a> <br> <div id="faq4" style="display:none"> <br> Como possuímos pacotes em conta para até mesmo jovens que pretendem viajar sozinhos sugerimos um valor de 300-500 reais no mínimo para serem gastos durantes os passeios, sabendo sempre como economizar. <br> <br> </div> <br> 5. <a class="custom-color" href='javascript:ShowFaq(5)'>É possível viajar de graça com o AH_BORDO?</a> <br> <div id="faq5" style="display:none"> <br> É possível cadastrar sua propriedade, porém a realização da reserva dos pacotes possui seus respectivos valores. <br> <br> </div> <br> 6. <a class="custom-color" href='javascript:ShowFaq(6)'>Devo tirar minhas próprias fotos?</a> <br> <div id="faq6" style="display:none"> <br> É sempre bom deixar marcado lugares com belas paisagens e os momentos incríveis. Garantimos que irá ser inesquecível! <br> <br> </div> <br> 7. <a class="custom-color" href='javascript:ShowFaq(7)'>Devo levar meus remédios?</a> <br> <div id="faq7" style="display:none"> <br> Os de uso diário com toda certeza! <br> <br> </div> <br> <!-- uso de js para formular perguntas e obter respostas ao clicar em cima --> </div> </div> </div> <div class="mailchimp"> <div class="container"> <div class="row"> <div class="col-xs-12 col-lg-10 col-lg-offset-1"> <div class="row"> <div class="col-xs-12 col-md-7 col-lg-6"> <div class="media "> <div class="media-left pr30 hidden-xs"> <img class="media-object" src="imagens/email.png" alt="newsletter"/> </div> <div class="media-body"> <h4 class="media-heading st-heading-section f24">Assine nosso boletim informativo</h4> <p class="f16 c-grey">Receba ofertas exclusivas e as últimas notícias diretamente em sua caixa postal</p> </div> </div> </div> <div class="col-xs-12 col-md-5 col-lg-6"> <form action="index.php" method="post" class="subcribe-form"> <input type="hidden" name="proceed_newsletter" value="1"/> <div class="form-group"> <input name="newsletter_mail" type="text" class="form-control" placeholder="Insira seu e-mail"> <input type="submit" name="submit" value="Inscrever"> </div> </form> </div> </div> </div> </div> </div> </div> <!-- Rodapé--> <footer id="main-footer" class="clearfix"> <div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row st bg-holder vc_custom_1542265299369 vc_row-has-fill"> <div class='container '> <div class='row'> <div class="column_container col-md-4"> <div class="vc_column-inner"> <h4>Links úteis</h4> <!-- configurar as informações acerca da loja--> <ul class="bottom-menu"> <li> <a href="index.html">Início</a> </li> <li> <a href="propriedades.html">Propriedades</a> </li> <li> <a href="faq.html">FAQ</a> </li> <li> <a href="sobrenos.html">Quem somos</a> </li> <li> <a href="contato.html">Contato</a> </li> </ul> </div> </div> <div class="column_container col-md-4"> <div class="vc_column-inner"> <h4>Observações</h4> <p>- Trabalho ilustrativo e adaptado, acrescentando ou retirando partes de código fonte. <br> <br> - Feito por 4 alunas estudantes de programação para conclusão de curso. </p> </div> </div> <div class="column_container col-md-4"> <!-- Div criada para mostrar as redes sociais do ah_bordo --> <div class="vc_column-inner"> <h4 class="widget-title">Siga nossas redes sociais</h4> <div class="footer__social"> <a href="https://twitter.com/"><img src="imagens/twitter.png"></a> <!-- Acesso ao twitter, instagram e ao facebook --> <a href="https://www.instagram.com/"><img src="imagens/instagram.png"></a> <a href="https://www.facebook.com/"><img src="imagens/facebook.png"></a> </div> </div> </div> </div> </div> </div> </footer> <center> <div class="col-lg-12"> <!-- Direitos autorais --> <div class="footer__copyright__text"> <p>Direitos autorais © <script>document.write(new Date().getFullYear());</script> Todos os direitos reservados <i aria-hidden="true"></i> | AH_BORDO <a href="https://colorlib.com" target="_blank"></a></p> </div> </div> </center> <!-- Final do Rodapé--> <!-- Js --> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-datepicker.min.js"></script> <script src="js/jquery.parallax-1.1.3.js"></script> <script src="js/script.js"></script> </body> </html> <!-- código editado e adaptado por Camila Machado -->
/* css externo para a realização do site AH_BORDO*/ .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td.highlighted { background: #d9edf7; border-radius: 0; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #f3d17a; background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080); background-image: linear-gradient(to bottom, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eee; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } body { color: #1a2b48; font-size: 13px; font-family: Poppins, sans-serif!important; font-weight: 400; line-height: 1.5; overflow-x: hidden } select { background: 0 0!important; -moz-appearance: none; -webkit-appearance: none; cursor: pointer } select:focus { -webkit-box-shadow: none; box-shadow: none } .alert { position: relative } select::-ms-expand { display: none } @-webkit-keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1 } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0 } } @keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1 } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0 } } ul.st-list { list-style: none; padding-left: 0; margin-bottom: 0 } .vc_row[data-vc-full-width] { overflow: inherit!important } @media (min-width:1200px) { .container { width: 1200px } } #header #topbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 50px; background: #1a2b48 } #header #topbar .topbar-items { display: inline-block } #header #topbar .topbar-items li { padding-left: 7px; padding-right: 12px; display: inline-block } #header #topbar .topbar-items li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, .2) } #header #topbar .topbar-items li a { color: #fff; font-weight: 400; font-size: 12px } #header #topbar .topbar-items li:last-child { padding-right: 0 } #header #topbar .topbar-left { font-size: 14px } #header #topbar .topbar-right { font-size: 12px } #header #topbar .topbar-right .dropdown-menu { right: 0; left: auto } #header #topbar .topbar-right .topbar-items li a { font-size: 12px } #header #topbar .topbar-right .topbar-items li:last-child { padding-right: 0 } #header #topbar .dropdown-menu { min-width: auto; background: #1a2b48 } #header #topbar .dropdown-menu li { padding-left: 0; padding-right: 0; width: 100% } #header #topbar .dropdown-menu li a { display: block; padding-top: 8px; padding-bottom: 8px; text-align: right; color: #fff } #header #topbar .dropdown-menu li a:hover { background: #233448 } #header .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 50px; border-bottom: 1px solid #eaeef3 } #header .header .toggle-menu { margin-top: 2px; line-height: 1; display: none; float: left } #header .header .header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #header .header .header-left .logo { margin-right: 30px; float: left } @media (max-width:480px) { #header .header .header-left .logo img { max-width: 96px } } #header .header .header-left #st-main-menu .back-menu { display: none } #header .header .header-left #st-main-menu .main-menu { padding-left: 0; margin-bottom: 0; list-style: none } #header .header .header-left #st-main-menu .main-menu a { color: #1a2b48; text-decoration: none } #header .header .header-left #st-main-menu .main-menu>li { display: inline-block } #header .header .header-left #st-main-menu .main-menu>li>a { display: block; padding: 35px 25px; font-size: 14px; font-weight: 600; text-transform: uppercase } #header .header .header-left #st-main-menu .main-menu>li.active>a, #header .header .header-left #st-main-menu .main-menu>li:hover>a { color: #5191fa } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children { position: relative } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown { list-style: none; position: absolute; left: 0; top: 120%; padding-left: 0; margin-bottom: 0; min-width: 200px; padding-top: 5px; padding-bottom: 5px; background: #fff; -webkit-box-shadow: 0 1px 1px #dbdbdb; box-shadow: 0 1px 1px #dbdbdb; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li { padding-left: 20px; padding-right: 20px } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li a { padding: 15px 0; display: block; font-size: 14px } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li:not(:last-child) a { border-bottom: 1px solid #eee } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li:hover>a { color: #5191fa } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown .menu-dropdown { top: 0; left: 100% } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown .menu-dropdown li a { border-bottom: 1px solid #eee } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown .menu-dropdown li:last-child a { border: none } #header .header .header-left #st-main-menu .main-menu li:hover>.menu-dropdown { top: 100%; opacity: 1; visibility: visible } #header .header .header-right .st-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #header .header .header-right .st-list li { margin-left: 15px; margin-right: 15px; display: inline-block } @media (max-width:480px) { #header .header .header-right .st-list li { margin-left: 10px; margin-right: 10px } } #header .header .header-right .st-list li:last-child { margin-right: 0 } #header .header .header-right .dropdown-menu { right: 0; left: auto } #header .header .header-right .header-search .form-control { width: 34px; font-size: 12px; -webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out; background: url(../images/phone_icon.png) no-repeat 8px center; background-size: 24px; -webkit-box-shadow: none; box-shadow: none; border: none } #header .header .header-right .header-search .form-control:focus { padding-left: 35px; width: 200px; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #eaeef3 } #st-content-wrapper { padding-bottom: 100px } #st-content-wrapper .st-heading { margin-top: 10px; color: #1a2b48; font-weight: 500; font-size: 30px; line-height: 1.3 } #st-content-wrapper .sub-heading { color: #5e6d77; font-size: 14px } #st-content-wrapper .st-heading-section { margin-bottom: 20px; font-size: 24px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .st-heading-section .toggle-section { font-size: 22px; color: #1a2b48 } #st-content-wrapper .st-description { margin-top: 20px; margin-bottom: 20px; font-size: 14px; color: #5e6d77; font-weight: 400; position: relative } #st-content-wrapper .st-hr { width: 100%; height: 1px; background: #eaeef3; margin-top: 30px; margin-bottom: 30px } #st-content-wrapper .facilities .item { margin-top: 20px; margin-bottom: 20px; font-size: 14px; color: #5e6d77; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #st-content-wrapper .st-properties { margin-top: 20px } #st-content-wrapper .st-list-rooms { margin-top: 30px } #st-content-wrapper .st-list-rooms .item { margin-bottom: 20px; border: 1px solid #d7dce3 } #st-content-wrapper .st-list-rooms .item .heading { margin-top: 30px; margin-bottom: 20px; font-size: 18px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .st-list-rooms .item .facilities .item { border: none; margin-top: 0; padding-right: 10px; display: inline-block } #st-content-wrapper .st-list-rooms .item .facilities .item:not(:first-child) { margin-left: 10px } #st-content-wrapper .st-list-rooms .item .facilities .item span { display: block; margin-top: 5px; font-size: 12px; text-align: center } #st-content-wrapper .review-box { margin-top: 20px; padding: 30px; border: 1px solid #eaeef3; border-radius: 5px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .review-box .heading { font-size: 18px; margin-top: 0; margin-bottom: 20px } #st-content-wrapper .review-box .review-box-score { padding-top: 45px; padding-bottom: 45px; text-align: center } #st-content-wrapper .review-box .review-box-score .review-score { line-height: 50px; font-size: 72px; font-weight: 500; color: #5191fa } #st-content-wrapper .review-box .review-box-score .review-score-text { font-weight: 400; font-size: 24px; color: #1a2b48 } #st-content-wrapper .review-box .item { margin-top: 15px } #st-content-wrapper .review-box .item .label { position: relative; margin-top: 8px; display: block; padding-left: 0; color: #1a2b48; font-size: 14px; font-weight: 400; text-align: left } #st-content-wrapper .review-box .item .label .number { position: absolute; top: 0; right: 2px; color: #768090 } #st-content-wrapper #reviews .review-list { margin-top: 30px } #st-content-wrapper .form-book-wrapper { border: 1px solid #d7dce3; border-top: 5px solid #5191fa; border-radius: 0 0 4px 4px; background: #fff } #st-content-wrapper .form-book-wrapper .form-head { position: relative; padding: 30px 20px; color: #5e6d77; font-size: 14px } #st-content-wrapper .form-book-wrapper .form-head .price { font-size: 18px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .form-book-wrapper .form-group { margin-bottom: 0; border-top: 1px solid #d7dce3 } #st-content-wrapper .form-book-wrapper label { font-size: 14px; color: #5e6d77; font-weight: 400 } #st-content-wrapper .form-book-wrapper .submit-group { border-top: 1px solid #d7dce3; padding: 30px 20px 0 } #st-content-wrapper .st-featured-background { height: 450px; background-position: center center; background-repeat: no-repeat; background-size: cover } #st-content-wrapper .st-hotel-content { margin-top: 40px } #st-content-wrapper .st-hotel-header { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } #st-content-wrapper .st-hotel-header .review-score .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-size: 24px; color: #1a2b48; font-weight: 400; line-height: 25px; margin-bottom: 5px } #st-content-wrapper .st-hotel-header .review-score .head .left { text-align: right } #st-content-wrapper .st-hotel-header .review-score .head .score { position: relative; float: right; margin-left: 20px; padding: 15px 12px 0 12px; background: #5191fa; border-radius: 5px; color: #fff; font-size: 36px; font-weight: 400; min-height: 52px } #st-content-wrapper .st-hotel-header .review-score .head .score:after { position: absolute; content: ''; width: 0; height: 0; bottom: 0; left: -8px; border: 15px solid transparent; border-bottom: 25px solid #5191fa } #st-content-wrapper .st-hotel-header .review-score .head .score span { font-size: 14px; color: #fff } #st-content-wrapper .st-hotel-header .review-score .head span.head-rating { display: block; line-height: 13px; margin-top: 11px } #st-content-wrapper .st-hotel-header .review-score .head span.text-rating { color: #5191fa; font-size: 14px } { margin-bottom: 25px } .featured-image { position: relative; overflow: hidden } .featured-image img { border-radius: 3px; -webkit-transition: all .3s; transition: all .3s; } .featured-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .featured-image .featured { position: absolute; top: 25px; left: 0; padding: 5px 10px; font-size: 13px; color: #fff; font-weight: 600; background: #ed0925; border-radius: 0 3px 3px 0; z-index: 1 } .featured-image .st-stars { position: absolute; bottom: 15px; left: 15px } .title { line-height: 25px; font-size: 16px; color: #1a2b48; font-weight: 500; margin-bottom: 2px; margin-top: 15px } .sub-title { font-size: 13px; color: #5e6d77 } .reviews { margin-top: 20px; font-size: 14px; font-weight: 400 } .reviews .summary { color: #6a7a84 } .price-wrapper { margin-top: 2px; font-weight: 400; font-size: 14px; color: #5e6d77 } .price-wrapper .price { font-size: 16px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .google-custom-control { position: relative; width: 38px; height: 38px; border-radius: 3px; margin-bottom: 5px; background: #fff; color: #5e6d77; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer } #st-content-wrapper .google-control-dropdown { display: none; position: absolute; top: 110%; right: 0; width: 121px; padding: 10px 0; border-radius: 3px; border: 1px solid #d2d2d2; background: #fff; text-align: right } #st-content-wrapper .google-control-dropdown .item { padding: 5px 15px; font-size: 14px; font-weight: 400; border-bottom: 1px solid #eaeef3 } #st-content-wrapper .google-control-dropdown .item:last-child { bordeR: none } #st-content-wrapper .google-control-dropdown .item:hover { background: #eaeef3 } #st-content-wrapper .google-control-dropdown.show { display: block } #st-content-wrapper .st-hotel-room-content { padding-top: 40px } #st-content-wrapper .st-hotel-room-content .room-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } #st-content-wrapper .st-hotel-room-content .room-heading .right .review-score.style-2 { text-align: right } #st-content-wrapper .st-hotel-room-content .room-featured-items .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #5e6d77 } #st-content-wrapper .st-hotel-room-content .room-featured-items .item img { margin-right: 25px } #st-content-wrapper .st-featured-item { margin-bottom: 20px } #st-content-wrapper .st-featured-item.image-left .image { margin-top: 27px; float: left } #st-content-wrapper .st-featured-item.image-left .content { margin-left: 85px; padding: 15px } #st-content-wrapper .st-featured-item.image-top { margin-bottom: 0; text-align: center } @media (max-width:991px) { #st-content-wrapper .st-featured-item.image-top { margin-bottom: 15px; margin-top: 15px } } #st-content-wrapper .st-featured-item.image-top .image { margin-bottom: 20px } #st-content-wrapper .st-featured-item.image-top .image img { margin: auto } #st-content-wrapper .st-featured-item.image-top .content { color: #fff; padding-left: 45px; padding-right: 45px } #st-content-wrapper .destination-item { margin-bottom: 30px } #st-content-wrapper .destination-item .image { position: relative; overflow: hidden; border-radius: 5px } #st-content-wrapper .destination-item .image img { width: 100%; height: auto; border-radius: 5px; -webkit-transition: all .3s; transition: all .3s } #st-content-wrapper .destination-item .image .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; text-align: center } #st-content-wrapper .destination-item .image .content .title { margin-bottom: 0; font-size: 36px; font-weight: 400; color: #fff } #st-content-wrapper .destination-item .image .content .desc { font-size: 16px; font-weight: 400; color: #fff } #st-content-wrapper .destination-item:hover .image { border-radius: 5px } #st-content-wrapper .destination-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1) } .home #st-content-wrapper.search-result-page .search-form-wrapper { padding-top: 90px; padding-bottom: 100px; position: static } .home #st-content-wrapper.search-result-page .search-form-wrapper.slider { position: relative; top: 0 } @media (max-width:767px) { .home #st-content-wrapper.search-result-page .search-form-wrapper.slider { position: relative; top: 0; padding-bottom: 80px!important } } .home #st-content-wrapper.search-result-page .search-form-wrapper.slider .search-form-text { position: relative; z-index: auto } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-heading { margin-bottom: 0; font-weight: 500; font-size: 54px; color: #fff } .home #st-content-wrapper.search-result-page .search-form-wrapper .sub-heading { font-size: 18px; color: #fff } .home #st-content-wrapper.search-result-page .search-form-wrapper .search-form { position: relative; margin-top: 50px } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items { margin-top: 130px } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item { padding-left: 40px; padding-right: 40px; text-align: center; color: #fff } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item .title { position: relative; font-size: 20px } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item .title:after { position: absolute; content: ''; width: 100%; height: 1px; background: #fff; top: -20px; left: 0 } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item .desc { font-size: 12px } #main-footer { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #eaeef3 } #main-footer .menu { list-style: none; padding-left: 0 } #main-footer .menu li { display: block } #main-footer .menu li a { margin-bottom: 25px; font-size: 14px; font-weight: 400; display: block; color: #1a2b48 } #main-footer .menu li:last-child a { margin-bottom: 0 } #main-footer .form-group .select2 { max-width: 200px } .mailchimp { padding-top: 65px; padding-bottom: 40px; background: #f5f5f5 } .mailchimp .media { overflow: visible } .mailchimp .media .media-object { position: relative; top: -10px } .main-footer-sub { padding-top: 10px; padding-bottom: 30px } .subcribe-form { position: relative } .subcribe-form .form-control { height: 55px; line-height: 53px; font-size: 14px; -webkit-box-shadow: none; box-shadow: none; border-color: #d7dce3 } .subcribe-form input[type=submit] { border: none; border-radius: 0 5px 5px 0; position: absolute; top: 0; right: 0; height: 55px; line-height: 55px; color: #fff; background: #5191fa; padding-left: 25px; padding-right: 25px; font-weight: 600; text-transform: uppercase } .featured-image-background { height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center center } .vc_row[data-vc-full-width].vc_parallax { overflow: hidden!important } .st-car-types .st-car-type-item { margin-bottom: 30px } .st-car-types .st-car-type-item a { display: inline-block; overflow: hidden } .st-car-types .st-car-type-item img { width: 100%; height: auto; -webkit-transition: all .3s; transition: all .3s } .st-car-types .st-car-type-item img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) } .st-car-types .st-car-type-item .title { font-size: 16px; text-align: center } .st-car-types .st-car-type-item .title a { color: #1a2b48 } .st-option-wrapper.option-wrapper { position: absolute; left: 0; width: 100%; max-height: 250px; overflow-y: scroll; z-index: 99999; top: 100%; background: #fff; display: none; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc } .st-option-wrapper.option-wrapper .option:hover { background: #c8c7c7 } .st-option-wrapper.option-wrapper .option { padding: 10px 5px; font-size: 13px; cursor: pointer } .st-option-wrapper.option-wrapper .option .label { font-size: 13px } .datepicker { padding: 4px; direction: ltr } .datepicker-dropdown:after, .datepicker-dropdown:before { display: inline-block; border-top: 0; position: absolute; content: '' } .datepicker-dropdown { top: 0; left: 0 } .datepicker-dropdown:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2) } .datepicker-dropdown:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } .datepicker>div { display: none } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; list-style: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-color: #dfdfdf; box-shadow: 0 1px 2px rgba(0, 0, 0, .175)!important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .175)!important; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; padding: 10px 20px 10px 20px } .bootstrap-timepicker { position: relative } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0 } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px } .bootstrap-timepicker-widget.dropdown-menu { padding: 7px 10px; border-radius: 0; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2); box-shadow: 0 2px 1px rgba(0, 0, 0, .2) } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, .2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 0 } .icon-group, .icon-list { padding: 0; list-style: none } @media (max-width:767px) { .bootstrap-timepicker, .bootstrap-timepicker .dropdown-menu { width: 100% } } .book-form { min-height: 400px; background-size: cover; background-position: center } .white-font { color: #fff!important } .white-link { color: #fff!important } form#main fieldset { border: none; margin-bottom: 25px } form#main fieldset:last-of-type { margin-bottom: 0 } form#main legend { font-size: 16px; font-weight: 700; padding-bottom: 10px } form#main ol li { list-style: none } @media (max-width:767px) { .carousel-item { min-height: 700px } form#main { padding: 20px; width: 100%!important; min-width: 300px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f8f8f8 } form#main input:not([type=radio]):not([type=checkbox]), form#main select, form#main textarea { background: #fff; border: 1px solid #eaeaea; outline: 0; padding: 5px; clear: both!important; width: 100%!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; min-height: 32px } form#main label { font-size: 16px; margin-top: 10px } } @media (min-width:768px) { .img-news { width: 260px!important; border-radius: 2px; margin-right: 20px } form#main { padding: 20px; width: 95%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #eaeaea } form#main ol li { background: #f4f4f4; border-color: #ccc; border-style: solid; border-width: 1px; line-height: 30px; list-style: none; padding: 5px 10px; margin-bottom: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } form#main ol ol li { background: 0 0; border: none; float: left } form#main label { float: left; width: 28%; font-weight: 400 } form#main input:not([type=radio]):not([type=checkbox]), form#main select, form#main textarea { background: #fff; border: none; font: italic 15px Georgia, "Times New Roman", Times, serif; outline: 0; padding: 5px; width: 65%; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; min-height: 32px } form#main input:not([type=submit]):focus, form#main textarea:focus { background: #eaeaea } form#main input[type=radio] { float: left; margin-right: 5px } .p-slide { padding-right: 80px } } .main-menu-item { padding-top: 8px } .site-logo { margin-top: 5px; margin-bottom: 5px } .home-img-container { max-height: 200px; overflow: hidden; margin-bottom: 10px } .margin-top-bottom-20 { margin-top: 40px; margin-bottom: 15px } .carousel-inner p { color: #fff } .page-wrap { padding-bottom: 30px; min-height: 400px } .rounded-borders { border-radius: 3px } .color-block { display: block; float: left; margin-left: 5px; margin-right: 15px; margin-bottom: 10px; width: 20px; height: 20px } .width-100 { width: 100% } .underline-link { text-decoration: underline !important } .min-height-65 { min-height: 65px } .sub-text { font-weight: 400!important; font-size: 13px } .min-height-150 { min-height: 150px } .img-shadow { -webkit-box-shadow: 0 3px 10px #aaa; -moz-box-shadow: 0 3px 10px #aaa; box-shadow: 0 3px 10px #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px } .img-right-margin { margin-right: 15px } .min-height-250 { min-height: 250px } .img-details-margin, .top-bottom-10 { margin-right: 10px; margin-bottom: 10px } .bottom-menu { padding: 0!important; margin: 0!important } .bottom-menu li { width: 50%!important; float: left; display: block!important; border: 0!important } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent } .home-img-category { background-size: cover; text-align: center; color: #fff; font-weight: 700; font-size: 26px; min-height: 150px; padding-top: 50px; text-shadow: 1px 1px #000; text-decoration: none!important; border-radius: 3px; z-index: 12 } .home-img-link { text-decoration: none!important } .home-category-wrap { margin-bottom: 10px } .home-img-link:hover { text-decoration: none!important } .item-service { margin-top: 30px } .item-service .thumb { position: relative } .item-service .thumb .service-tag { position: absolute; top: 20px; left: 0; font-size: 13px; color: #fff; font-weight: 500; z-index: 8; border-radius: 0 3px 3px 0 } .item-service .thumb .service-tag.bestseller { background: #ed0925; border-radius: 0 4px 4px 0 } .item-service .thumb .service-tag .feature_class { border-radius: 0 3px 3px 0; padding: 6px 10px } .item-service .thumb .service-star { position: absolute; bottom: 12px; left: 14px; color: #fa5636 } .item-service .thumb a { display: block; overflow: hidden; width: 100% } .item-service .thumb a img { min-width: 100%; -webkit-transition: all .3s; transition: all .3s } .item-service .thumb a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .item-service h4 { margin-top: 15px; line-height: 26px; margin-bottom: 2px } @media screen and (max-width:767px) { .item-service h4 { margin-top: 10px; line-height: 20px } } .item-service h4.service-title { font-size: 16px } @media screen and (max-width:767px) { .item-service h4.service-title { font-size: 15px } } .item-service h4.service-title a { color: #1a2b50 } .item-service p.service-location { font-size: 13px; color: #5e6d77 } @media screen and (max-width:767px) { .item-service p.service-location { font-size: 12px } } .item-service .service-review { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .item-service .service-review .rating { font-size: 14px; color: #5191fa; margin-right: 10px } @media screen and (max-width:767px) { .item-service .service-review .rating { font-size: 12px; margin-right: 3px } } .item-service .service-review .st-dot { height: 4px; width: 4px; border-radius: 50%; background: #d0d7dd; display: block } @media screen and (max-width:767px) { .item-service .service-review .st-dot { display: none } } .item-service .service-review .review { margin-left: 10px; font-size: 14px; color: #6a7a84 } @media screen and (max-width:767px) { .item-service .service-review .review { font-size: 12px; margin-left: 0 } } .item-service .service-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2px } .item-service .service-price span { font-size: 12px; color: #5e6d77 } @media screen and (max-width:767px) { .item-service .service-price span { font-size: 12px } } .item-service .service-price span.price { font-size: 16px; color: #1a2b50; margin-left: 5px; margin-right: 5px } @media screen and (max-width:767px) { .item-service .service-price span.price { font-size: 16px } } @media screen and (max-width:767px) { .item-service .section-footer { display: table-footer-group; height: 1px } } .item-service-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .item-service { border: 1px solid #d7dce3; border-radius: 4px; overflow: hidden } .item-service .item-content .facilities { padding: 0; margin: 0; overflow: hidden } .item-service .item-content .facilities li { float: left; list-style: none; margin-right: 7px; color: #5e6d77 } .item-service .item-content .facilities li:before { content: ''; height: 2px; width: 2px; display: inline-block; background: gray; vertical-align: middle; margin-right: 7px } .item-service .item-content .facilities li:first-child:before { display: none } .service-review .count-review { margin-right: 15px; position: relative; top: 2px } @media screen and (max-width:1199px) { .search-result-page .st-hotel-result .style-list .item-service .service-review .count-review { margin-right: 15px } } .service-review .count-review .text-rating { font-size: 14px; color: #1a2b48; display: block; text-align: right; font-weight: 500 } .service-review .count-review .review { text-align: right; color: #5191fa; display: block; margin-left: 0; font-weight: 400 } @media screen and (max-width:1199px) { .service-review .count-review .review { white-space: nowrap } } .rating { font-size: 22px; color: #fff; font-weight: 500; background: #5191fa; border-radius: 3px 3px 3px 3px; padding: 4px 8px; position: relative; min-width: 45px; text-align: center } .room-wrap { border: 1px solid #d7dce3 } .offer-title { font-weight: 700!important; color: #fff; background: rgba(90, 90, 90, .5); padding-right: 5px; padding-left: 5px } .main-control, .main-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; display: inline-block!important; outline: 0!important; border-style: none; font-size: 18px; height: 42px } .right-border-column { border-right: 1px solid #d7dce3 } .column-padding { padding: 20px } .column-padding-side { padding-top: 20px; padding-bottom: 20px } #location_suggest { display: none; margin-left: 15px; min-width: 65% } .product-slider { padding: 45px; background: #e9f0fa; margin-top: 10px } .product-slider #carousel { margin: 0 } .product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px } .product-slider #thumbcarousel .item { text-align: center } .product-slider #thumbcarousel .item .thumb { border: 4px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px } .product-slider #thumbcarousel .item .thumb:hover { border-color: #5bbaff } .product-slider .item img { width: 100%; height: auto } .carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23% } .carousel-control:active, .carousel-control:focus, .carousel-control:hover { color: #333 } .carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto } .carousel-control.left, .carousel-control.right { background-color: rgba(0, 0, 0, 0); background-image: none } @media (max-width:1199px) { .show-md { display: none } } .list-hotel { position: relative; top: 26px } .logo img { margin-top: 15px } body { color: #1a2b48; font-size: 13px; font-family: Poppins, sans-serif!important; font-weight: 400; line-height: 1.5; overflow-x: hidden } select { background: 0 0!important; -moz-appearance: none; -webkit-appearance: none; cursor: pointer } select:focus { -webkit-box-shadow: none; box-shadow: none } .alert { position: relative } select::-ms-expand { display: none } @-webkit-keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1 } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0 } } @keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1 } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0 } } ul.st-list { list-style: none; padding-left: 0; margin-bottom: 0 } .vc_row[data-vc-full-width] { overflow: inherit!important } @media (min-width:1200px) { .container { width: 1200px } } #header #topbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 50px; background: #1a2b48 } #header #topbar .topbar-items { display: inline-block } #header #topbar .topbar-items li { padding-left: 7px; padding-right: 12px; display: inline-block } #header #topbar .topbar-items li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, .2) } #header #topbar .topbar-items li a { color: #fff; font-weight: 400; font-size: 12px } #header #topbar .topbar-items li:last-child { padding-right: 0 } #header #topbar .topbar-left { font-size: 14px } #header #topbar .topbar-right { font-size: 12px } #header #topbar .topbar-right .dropdown-menu { right: 0; left: auto } #header #topbar .topbar-right .topbar-items li a { font-size: 12px } #header #topbar .topbar-right .topbar-items li:last-child { padding-right: 0 } #header #topbar .dropdown-menu { min-width: auto; background: #1a2b48 } #header #topbar .dropdown-menu li { padding-left: 0; padding-right: 0; width: 100% } #header #topbar .dropdown-menu li a { display: block; padding-top: 8px; padding-bottom: 8px; text-align: right; color: #fff } #header #topbar .dropdown-menu li a:hover { background: #233448 } #header .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 50px; border-bottom: 1px solid #eaeef3 } #header .header .toggle-menu { margin-top: 2px; line-height: 1; display: none; float: left } #header .header .header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #header .header .header-left .logo { margin-right: 30px; float: left } @media (max-width:480px) { #header .header .header-left .logo img { max-width: 96px } } #header .header .header-left #st-main-menu .back-menu { display: none } #header .header .header-left #st-main-menu .main-menu { padding-left: 0; margin-bottom: 0; list-style: none } #header .header .header-left #st-main-menu .main-menu a { color: #1a2b48; text-decoration: none } #header .header .header-left #st-main-menu .main-menu>li { display: inline-block } #header .header .header-left #st-main-menu .main-menu>li>a { display: block; padding: 35px 25px; font-size: 14px; font-weight: 600; text-transform: uppercase } #header .header .header-left #st-main-menu .main-menu>li.active>a, #header .header .header-left #st-main-menu .main-menu>li:hover>a { color: #5191fa } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children { position: relative } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown { list-style: none; position: absolute; left: 0; top: 120%; padding-left: 0; margin-bottom: 0; min-width: 200px; padding-top: 5px; padding-bottom: 5px; background: #fff; -webkit-box-shadow: 0 1px 1px #dbdbdb; box-shadow: 0 1px 1px #dbdbdb; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li { padding-left: 20px; padding-right: 20px } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li a { padding: 15px 0; display: block; font-size: 14px } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li:not(:last-child) a { border-bottom: 1px solid #eee } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li:hover>a { color: #5191fa } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown .menu-dropdown { top: 0; left: 100% } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown .menu-dropdown li a { border-bottom: 1px solid #eee } #header .header .header-left #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown .menu-dropdown li:last-child a { border: none } #header .header .header-left #st-main-menu .main-menu li:hover>.menu-dropdown { top: 100%; opacity: 1; visibility: visible } #header .header .header-right .st-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #header .header .header-right .st-list li { margin-left: 15px; margin-right: 15px; display: inline-block } @media (max-width:480px) { #header .header .header-right .st-list li { margin-left: 10px; margin-right: 10px } } #header .header .header-right .st-list li:last-child { margin-right: 0 } #header .header .header-right .dropdown-menu { right: 0; left: auto } #header .header .header-right .header-search .form-control { width: 34px; font-size: 12px; -webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out; background: url(../images/phone_icon.png) no-repeat 8px center; background-size: 24px; -webkit-box-shadow: none; box-shadow: none; border: none } #header .header .header-right .header-search .form-control:focus { padding-left: 35px; width: 200px; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #eaeef3 } #st-content-wrapper { padding-bottom: 100px } #st-content-wrapper .st-heading { margin-top: 10px; color: #1a2b48; font-weight: 500; font-size: 30px; line-height: 1.3 } #st-content-wrapper .sub-heading { color: #5e6d77; font-size: 14px } #st-content-wrapper .st-heading-section { margin-bottom: 20px; font-size: 24px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .st-heading-section .toggle-section { font-size: 22px; color: #1a2b48 } #st-content-wrapper .st-description { margin-top: 20px; margin-bottom: 20px; font-size: 14px; color: #5e6d77; font-weight: 400; position: relative } #st-content-wrapper .st-hr { width: 100%; height: 1px; background: #eaeef3; margin-top: 30px; margin-bottom: 30px } #st-content-wrapper .facilities .item { margin-top: 20px; margin-bottom: 20px; font-size: 14px; color: #5e6d77; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #st-content-wrapper .st-properties { margin-top: 20px } #st-content-wrapper .st-list-rooms { margin-top: 30px } #st-content-wrapper .st-list-rooms .item { margin-bottom: 20px; border: 1px solid #d7dce3 } #st-content-wrapper .st-list-rooms .item .heading { margin-top: 30px; margin-bottom: 20px; font-size: 18px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .st-list-rooms .item .facilities .item { border: none; margin-top: 0; padding-right: 10px; display: inline-block } #st-content-wrapper .st-list-rooms .item .facilities .item:not(:first-child) { margin-left: 10px } #st-content-wrapper .st-list-rooms .item .facilities .item span { display: block; margin-top: 5px; font-size: 12px; text-align: center } #st-content-wrapper .review-box { margin-top: 20px; padding: 30px; border: 1px solid #eaeef3; border-radius: 5px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .review-box .heading { font-size: 18px; margin-top: 0; margin-bottom: 20px } #st-content-wrapper .review-box .review-box-score { padding-top: 45px; padding-bottom: 45px; text-align: center } #st-content-wrapper .review-box .review-box-score .review-score { line-height: 50px; font-size: 72px; font-weight: 500; color: #5191fa } #st-content-wrapper .review-box .review-box-score .review-score-text { font-weight: 400; font-size: 24px; color: #1a2b48 } #st-content-wrapper .review-box .item { margin-top: 15px } #st-content-wrapper .review-box .item .label { position: relative; margin-top: 8px; display: block; padding-left: 0; color: #1a2b48; font-size: 14px; font-weight: 400; text-align: left } #st-content-wrapper .review-box .item .label .number { position: absolute; top: 0; right: 2px; color: #768090 } #st-content-wrapper #reviews .review-list { margin-top: 30px } #st-content-wrapper .form-book-wrapper { border: 1px solid #d7dce3; border-top: 5px solid #5191fa; border-radius: 0 0 4px 4px; background: #fff } #st-content-wrapper .form-book-wrapper .form-head { position: relative; padding: 30px 20px; color: #5e6d77; font-size: 14px } #st-content-wrapper .form-book-wrapper .form-head .price { font-size: 18px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .form-book-wrapper .form-group { margin-bottom: 0; border-top: 1px solid #d7dce3 } #st-content-wrapper .form-book-wrapper label { font-size: 14px; color: #5e6d77; font-weight: 400 } #st-content-wrapper .form-book-wrapper .submit-group { border-top: 1px solid #d7dce3; padding: 30px 20px 0 } #st-content-wrapper .st-featured-background { height: 450px; background-position: center center; background-repeat: no-repeat; background-size: cover } #st-content-wrapper .st-hotel-content { margin-top: 40px } #st-content-wrapper .st-hotel-header { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } #st-content-wrapper .st-hotel-header .review-score .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-size: 24px; color: #1a2b48; font-weight: 400; line-height: 25px; margin-bottom: 5px } #st-content-wrapper .st-hotel-header .review-score .head .left { text-align: right } #st-content-wrapper .st-hotel-header .review-score .head .score { position: relative; float: right; margin-left: 20px; padding: 15px 12px 0 12px; background: #5191fa; border-radius: 5px; color: #fff; font-size: 36px; font-weight: 400; min-height: 52px } #st-content-wrapper .st-hotel-header .review-score .head .score:after { position: absolute; content: ''; width: 0; height: 0; bottom: 0; left: -8px; border: 15px solid transparent; border-bottom: 25px solid #5191fa } #st-content-wrapper .st-hotel-header .review-score .head .score span { font-size: 14px; color: #fff } #st-content-wrapper .st-hotel-header .review-score .head span.head-rating { display: block; line-height: 13px; margin-top: 11px } #st-content-wrapper .st-hotel-header .review-score .head span.text-rating { color: #5191fa; font-size: 14px } { margin-bottom: 25px } .featured-image { position: relative; overflow: hidden } .featured-image img { border-radius: 3px; -webkit-transition: all .3s; transition: all .3s } .featured-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .featured-image .featured { position: absolute; top: 25px; left: 0; padding: 5px 10px; font-size: 13px; color: #fff; font-weight: 600; background: #ed0925; border-radius: 0 3px 3px 0; z-index: 1 } .featured-image .st-stars { position: absolute; bottom: 15px; left: 15px } .title { line-height: 25px; font-size: 16px; color: #1a2b48; font-weight: 500; margin-bottom: 2px; margin-top: 15px } .sub-title { font-size: 13px; color: #5e6d77 } .reviews { margin-top: 20px; font-size: 14px; font-weight: 400 } .reviews .summary { color: #6a7a84 } .price-wrapper { margin-top: 2px; font-weight: 400; font-size: 14px; color: #5e6d77 } .price-wrapper .price { font-size: 16px; color: #1a2b48; font-weight: 500 } #st-content-wrapper .google-custom-control { position: relative; width: 38px; height: 38px; border-radius: 3px; margin-bottom: 5px; background: #fff; color: #5e6d77; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer } #st-content-wrapper .google-control-dropdown { display: none; position: absolute; top: 110%; right: 0; width: 121px; padding: 10px 0; border-radius: 3px; border: 1px solid #d2d2d2; background: #fff; text-align: right } #st-content-wrapper .google-control-dropdown .item { padding: 5px 15px; font-size: 14px; font-weight: 400; border-bottom: 1px solid #eaeef3 } #st-content-wrapper .google-control-dropdown .item:last-child { bordeR: none } #st-content-wrapper .google-control-dropdown .item:hover { background: #eaeef3 } #st-content-wrapper .google-control-dropdown.show { display: block } #st-content-wrapper .st-hotel-room-content { padding-top: 40px } #st-content-wrapper .st-hotel-room-content .room-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } #st-content-wrapper .st-hotel-room-content .room-heading .right .review-score.style-2 { text-align: right } #st-content-wrapper .st-hotel-room-content .room-featured-items .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #5e6d77 } #st-content-wrapper .st-hotel-room-content .room-featured-items .item img { margin-right: 25px } #st-content-wrapper .st-featured-item { margin-bottom: 20px } #st-content-wrapper .st-featured-item.image-left .image { margin-top: 27px; float: left } #st-content-wrapper .st-featured-item.image-left .content { margin-left: 85px; padding: 15px } #st-content-wrapper .st-featured-item.image-top { margin-bottom: 0; text-align: center } @media (max-width:991px) { #st-content-wrapper .st-featured-item.image-top { margin-bottom: 15px; margin-top: 15px } } #st-content-wrapper .st-featured-item.image-top .image { margin-bottom: 20px } #st-content-wrapper .st-featured-item.image-top .image img { margin: auto } #st-content-wrapper .st-featured-item.image-top .content { color: #fff; padding-left: 45px; padding-right: 45px } #st-content-wrapper .destination-item { margin-bottom: 30px } #st-content-wrapper .destination-item .image { position: relative; overflow: hidden; border-radius: 5px } #st-content-wrapper .destination-item .image img { width: 100%; height: auto; border-radius: 5px; -webkit-transition: all .3s; transition: all .3s } #st-content-wrapper .destination-item .image .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; text-align: center } #st-content-wrapper .destination-item .image .content .title { margin-bottom: 0; font-size: 36px; font-weight: 400; color: #fff } #st-content-wrapper .destination-item .image .content .desc { font-size: 16px; font-weight: 400; color: #fff } #st-content-wrapper .destination-item:hover .image { border-radius: 5px } #st-content-wrapper .destination-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1) } .home #st-content-wrapper.search-result-page .search-form-wrapper { padding-top: 90px; padding-bottom: 100px; position: static } .home #st-content-wrapper.search-result-page .search-form-wrapper.slider { position: relative; top: 0 } @media (max-width:767px) { .home #st-content-wrapper.search-result-page .search-form-wrapper.slider { position: relative; top: 0; padding-bottom: 80px!important } } .home #st-content-wrapper.search-result-page .search-form-wrapper.slider .search-form-text { position: relative; z-index: auto } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-heading { margin-bottom: 0; font-weight: 500; font-size: 54px; color: #fff } .home #st-content-wrapper.search-result-page .search-form-wrapper .sub-heading { font-size: 18px; color: #fff } .home #st-content-wrapper.search-result-page .search-form-wrapper .search-form { position: relative; margin-top: 50px } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items { margin-top: 130px } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item { padding-left: 40px; padding-right: 40px; text-align: center; color: #fff } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item .title { position: relative; font-size: 20px } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item .title:after { position: absolute; content: ''; width: 100%; height: 1px; background: #fff; top: -20px; left: 0 } .home #st-content-wrapper.search-result-page .search-form-wrapper .st-feature-items .item .desc { font-size: 12px } #main-footer { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #eaeef3 } #main-footer .menu { list-style: none; padding-left: 0 } #main-footer .menu li { display: block } #main-footer .menu li a { margin-bottom: 25px; font-size: 14px; font-weight: 400; display: block; color: #1a2b48 } #main-footer .menu li:last-child a { margin-bottom: 0 } #main-footer .form-group .select2 { max-width: 200px } .mailchimp { padding-top: 65px; padding-bottom: 40px; background: #f5f5f5 } .mailchimp .media { overflow: visible } .mailchimp .media .media-object { position: relative; top: -10px } .main-footer-sub { padding-top: 10px; padding-bottom: 30px } .subcribe-form { position: relative } .subcribe-form .form-control { height: 55px; line-height: 53px; font-size: 14px; -webkit-box-shadow: none; box-shadow: none; border-color: #d7dce3 } .subcribe-form input[type=submit] { border: none; border-radius: 0 5px 5px 0; position: absolute; top: 0; right: 0; height: 55px; line-height: 55px; color: #fff; background: #5191fa; padding-left: 25px; padding-right: 25px; font-weight: 600; text-transform: uppercase } .featured-image-background { height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center center } .vc_row[data-vc-full-width].vc_parallax { overflow: hidden!important } .st-car-types .st-car-type-item { margin-bottom: 30px } .st-car-types .st-car-type-item a { display: inline-block; overflow: hidden } .st-car-types .st-car-type-item img { width: 100%; height: auto; -webkit-transition: all .3s; transition: all .3s } .st-car-types .st-car-type-item img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) } .st-car-types .st-car-type-item .title { font-size: 16px; text-align: center } .st-car-types .st-car-type-item .title a { color: #1a2b48 } .st-option-wrapper.option-wrapper { position: absolute; left: 0; width: 100%; max-height: 250px; overflow-y: scroll; z-index: 99999; top: 100%; background: #fff; display: none; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc } .st-option-wrapper.option-wrapper .option:hover { background: #c8c7c7 } .st-option-wrapper.option-wrapper .option { padding: 10px 5px; font-size: 13px; cursor: pointer } .st-option-wrapper.option-wrapper .option .label { font-size: 13px } .datepicker { padding: 4px; direction: ltr } .datepicker-dropdown:after, .datepicker-dropdown:before { display: inline-block; border-top: 0; position: absolute; content: '' } .datepicker-dropdown { top: 0; left: 0 } .datepicker-dropdown:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2) } .datepicker-dropdown:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } .datepicker>div { display: none } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; list-style: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-color: #dfdfdf; box-shadow: 0 1px 2px rgba(0, 0, 0, .175)!important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .175)!important; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; padding: 10px 20px 10px 20px } .bootstrap-timepicker { position: relative } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0 } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px } .bootstrap-timepicker-widget.dropdown-menu { padding: 7px 10px; border-radius: 0; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2); box-shadow: 0 2px 1px rgba(0, 0, 0, .2) } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, .2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 0 } .icon-group, .icon-list { padding: 0; list-style: none } @media (max-width:767px) { .bootstrap-timepicker, .bootstrap-timepicker .dropdown-menu { width: 100% } } .book-form { min-height: 400px; background-size: cover; background-position: center } .white-font { color: #fff!important } .white-link { color: #fff!important } form#main fieldset { border: none; margin-bottom: 25px } form#main fieldset:last-of-type { margin-bottom: 0 } form#main legend { font-size: 16px; font-weight: 700; padding-bottom: 10px } form#main ol li { list-style: none } @media (max-width:767px) { .carousel-item { min-height: 700px } form#main { padding: 20px; width: 100%!important; min-width: 300px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f8f8f8 } form#main input:not([type=radio]):not([type=checkbox]), form#main select, form#main textarea { background: #fff; border: 1px solid #eaeaea; outline: 0; padding: 5px; clear: both!important; width: 100%!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; min-height: 32px } form#main label { font-size: 16px; margin-top: 10px } } @media (min-width:768px) { .img-news { width: 260px!important; border-radius: 2px; margin-right: 20px } form#main { padding: 20px; width: 95%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #eaeaea } form#main ol li { background: #f4f4f4; border-color: #ccc; border-style: solid; border-width: 1px; line-height: 30px; list-style: none; padding: 5px 10px; margin-bottom: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } form#main ol ol li { background: 0 0; border: none; float: left } form#main label { float: left; width: 28%; font-weight: 400 } form#main input:not([type=radio]):not([type=checkbox]), form#main select, form#main textarea { background: #fff; border: none; font: italic 15px Georgia, "Times New Roman", Times, serif; outline: 0; padding: 5px; width: 65%; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; min-height: 32px } form#main input:not([type=submit]):focus, form#main textarea:focus { background: #eaeaea } form#main input[type=radio] { float: left; margin-right: 5px } .p-slide { padding-right: 80px } } .main-menu-item { padding-top: 8px } .site-logo { margin-top: 5px; margin-bottom: 5px } .home-img-container { max-height: 200px; overflow: hidden; margin-bottom: 10px } .margin-top-bottom-20 { margin-top: 40px; margin-bottom: 15px } .carousel-inner p { color: #fff } .page-wrap { padding-bottom: 30px; min-height: 400px } .rounded-borders { border-radius: 3px } .color-block { display: block; float: left; margin-left: 5px; margin-right: 15px; margin-bottom: 10px; width: 20px; height: 20px } .width-100 { width: 100% } .underline-link { text-decoration: underline!important } .min-height-65 { min-height: 65px } .sub-text { font-weight: 400!important; font-size: 13px } .min-height-150 { min-height: 150px } .img-shadow { -webkit-box-shadow: 0 3px 10px #aaa; -moz-box-shadow: 0 3px 10px #aaa; box-shadow: 0 3px 10px #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px } .img-right-margin { margin-right: 15px } .min-height-250 { min-height: 250px } .img-details-margin, .top-bottom-10 { margin-right: 10px; margin-bottom: 10px } .bottom-menu { padding: 0!important; margin: 0!important } .bottom-menu li { width: 50%!important; float: left; display: block!important; border: 0!important } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent } .home-img-category { background-size: cover; text-align: center; color: #fff; font-weight: 700; font-size: 26px; min-height: 150px; padding-top: 50px; text-shadow: 1px 1px #000; text-decoration: none!important; border-radius: 3px; z-index: 12 } .home-img-link { text-decoration: none!important } .home-category-wrap { margin-bottom: 10px } .home-img-link:hover { text-decoration: none!important } .item-service { margin-top: 30px } .item-service .thumb { position: relative } .item-service .thumb .service-tag { position: absolute; top: 20px; left: 0; font-size: 13px; color: #fff; font-weight: 500; z-index: 8; border-radius: 0 3px 3px 0 } .item-service .thumb .service-tag.bestseller { background: #ed0925; border-radius: 0 4px 4px 0 } .item-service .thumb .service-tag .feature_class { border-radius: 0 3px 3px 0; padding: 6px 10px } .item-service .thumb .service-star { position: absolute; bottom: 12px; left: 14px; color: #fa5636 } .item-service .thumb a { display: block; overflow: hidden; width: 100% } .item-service .thumb a img { min-width: 100%; -webkit-transition: all .3s; transition: all .3s } .item-service .thumb a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .item-service h4 { margin-top: 15px; line-height: 26px; margin-bottom: 2px } @media screen and (max-width:767px) { .item-service h4 { margin-top: 10px; line-height: 20px } } .item-service h4.service-title { font-size: 16px } @media screen and (max-width:767px) { .item-service h4.service-title { font-size: 15px } } .item-service h4.service-title a { color: #1a2b50 } .item-service p.service-location { font-size: 13px; color: #5e6d77 } @media screen and (max-width:767px) { .item-service p.service-location { font-size: 12px } } .item-service .service-review { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .item-service .service-review .rating { font-size: 14px; color: #5191fa; margin-right: 10px } @media screen and (max-width:767px) { .item-service .service-review .rating { font-size: 12px; margin-right: 3px } } .item-service .service-review .st-dot { height: 4px; width: 4px; border-radius: 50%; background: #d0d7dd; display: block } @media screen and (max-width:767px) { .item-service .service-review .st-dot { display: none } } .item-service .service-review .review { margin-left: 10px; font-size: 14px; color: #6a7a84 } @media screen and (max-width:767px) { .item-service .service-review .review { font-size: 12px; margin-left: 0 } } .item-service .service-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2px } .item-service .service-price span { font-size: 12px; color: #5e6d77 } @media screen and (max-width:767px) { .item-service .service-price span { font-size: 12px } } .item-service .service-price span.price { font-size: 16px; color: #1a2b50; margin-left: 5px; margin-right: 5px } @media screen and (max-width:767px) { .item-service .service-price span.price { font-size: 16px } } @media screen and (max-width:767px) { .item-service .section-footer { display: table-footer-group; height: 1px } } .item-service-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .item-service { border: 1px solid #d7dce3; border-radius: 4px; overflow: hidden } .item-service .item-content .facilities { padding: 0; margin: 0; overflow: hidden } .item-service .item-content .facilities li { float: left; list-style: none; margin-right: 7px; color: #5e6d77 } .item-service .item-content .facilities li:before { content: ''; height: 2px; width: 2px; display: inline-block; background: gray; vertical-align: middle; margin-right: 7px } .item-service .item-content .facilities li:first-child:before { display: none } .service-review .count-review { margin-right: 15px; position: relative; top: 2px } @media screen and (max-width:1199px) { .search-result-page .st-hotel-result .style-list .item-service .service-review .count-review { margin-right: 15px } } .service-review .count-review .text-rating { font-size: 14px; color: #1a2b48; display: block; text-align: right; font-weight: 500 } .service-review .count-review .review { text-align: right; color: #5191fa; display: block; margin-left: 0; font-weight: 400 } @media screen and (max-width:1199px) { .service-review .count-review .review { white-space: nowrap } } .rating { font-size: 22px; color: #fff; font-weight: 500; background: #5191fa; border-radius: 3px 3px 3px 3px; padding: 4px 8px; position: relative; min-width: 45px; text-align: center } .room-wrap { border: 1px solid #d7dce3 } .offer-title { font-weight: 700!important; color: #fff; background: rgba(90, 90, 90, .5); padding-right: 5px; padding-left: 5px } .main-control, .main-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; display: inline-block!important; outline: 0!important; border-style: none; font-size: 18px; height: 42px } .right-border-column { border-right: 1px solid #d7dce3 } .column-padding { padding: 20px } .column-padding-side { padding-top: 20px; padding-bottom: 20px } #location_suggest { display: none; margin-left: 15px; min-width: 65% } .product-slider { padding: 45px; background: #e9f0fa; margin-top: 10px } .product-slider #carousel { margin: 0 } .product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px } .product-slider #thumbcarousel .item { text-align: center } .product-slider #thumbcarousel .item .thumb { border: 4px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px } .product-slider #thumbcarousel .item .thumb:hover { border-color: #5bbaff } .product-slider .item img { width: 100%; height: auto } .carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23% } .carousel-control:active, .carousel-control:focus, .carousel-control:hover { color: #333 } .carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto } .carousel-control.left, .carousel-control.right { background-color: rgba(0, 0, 0, 0); background-image: none } @media (max-width:1199px) { .show-md { display: none } } .list-hotel { position: relative; top: 10px } .logo img { margin-top: 15px } .div_label { float: left; font-size: 13px; width: 28%; font-weight:400; } .div_field { float:left; border: none; font: italic 13px Georgia, "Times New Roman", Times, serif; outline: none; width: 65%; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .div_field input { width:100% !important; } .div_field select { width:100% !important; background:white !important; } .dropdown-item { display:block; width:100%; padding-top:7px; padding-bottom:7px; clear:both; font-weight:400; color:#212529; text-align:inherit; white-space:nowrap; background-color:transparent; border:0; border-bottom:1px solid #cccccc; } .dropdown-item:last-child { border-bottom:0px !important; padding-bottom:2px !important; } .dropdown-item:focus,.dropdown-item:hover { color:#16181b; text-decoration:none; background-color:#f8f9fa } .dropdown-item.active,.dropdown-item:active { color:#fff; text-decoration:none; background-color:#007bff } .dropdown-item.disabled,.dropdown-item:disabled { color:#6c757d; background-color:transparent } .no-top-margin { margin-top:0px; } .red-font { color:red; } .filter_check { position:relative; top:3px; } .featured-image { max-height:160px; border-radius:3px; overflow:hidden; } .hotel-description { margin-top:10px; margin-bottom:10px; } .footer__social a { display: inline-block; height: 40px; width: 40px; background: #e1e1e1; font-size: 15px; color: #111111; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 6px; margin-bottom: 5px; } .footer__social a:last-child { margin-right: 0; } body { font-family: sans-serif; overflow-x: hidden; padding: 0; margin: 0 display: flex; justify-content: center; height: 100vh; } .custom-back-color,.btn-primary { background:#d14836 !important; background-color:#d14836 !important; border-color:#d14836 !important; } .btn-primary{color:#ffffff !important} .custom-back-color-light { background:#f16856 !important; background-color:#f16856 !important; } .custom-color,h1,h2,h3 { color:#d14836 !important; } .custom-color-light { color:#f16856 !important; }

Related: See More


Questions / Comments: