"sobrenos.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>Quem somos</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> <!--Cabeçalho--> <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>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.html">Carrinho</a></li> </ul> </div> </nav> </div> </header> <!-- Final do cabeçalho --> <style> .paragrafo { padding: 25px; } </style> <div class="paragrafo"> <!-- div criada para conter as informações a respeito do site, explicando do que se trata e quais seus aprendizados --> <h3>Quem somos?</h3> <br> <p> Bem-vindos ao AH_BORDO!!!! Nosso site apesar de recente - criado em 2020 - procura oferecer com toda segurança, respeito e carinho possível excelentes reservas de viagens aos nossos clientes. Além do mais, oferece preços imperdíveis tanto àqueles interessados em uma viagem acessível quanto para àqueles que desejam cadastrar seus estabelecimentos para a efetivação dessas viagens.<br> <br> Em primeiro lugar, trabalhamos para a concretização de momentos inesquecíveis e desejos de diversas culturas, histórias e condições sociais, aprendendo com elas cada vez mais.<br> <br> E assim, durante nossa jornada, aprendemos que o conforto e a segurança são, independentemente do custo, os pilares mais importantes de uma viagem, sempre em primeiro lugar.<br> <br> Dito isto, agradecemos pela oportunidade de colocar este projeto em prática e torcemos para a realização de muitas viagens no futuro por um bom preço, comodidade e, assim, deixar nossos clientes satisfeitos e com momentos totalmente marcantes.</p> <center><div class="box"> <div class="plane"> <img src="imagens/aviao.png"> </div> <div class="cloud"> <img src="imagens/cloud.png"> <img src="imagens/cloud.png"> <img src="imagens/cloud.png"> </div> </div></center> </div> <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"><div class="container"><br/><p></p> <p></p> <p></p> </div></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> <br> <br> <br> <!-- 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*/ .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; } .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; } .box{ position: relative; width: 400px; height: 400px; background: linear-gradient: (#6ab9ff, #0090d2); } .plane { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; animation: animate-plane 1s linear infinite; } .plane img{ position: relative; z-index: 3; } @keyframes animate-plane { 0% { transform: translate(2px, 2px); } 50% { transform: translate(-2px, -2px); } 100% { transform: translate(2px, 2px); } } .cloud{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cloud img{ position: absolute; top: 0; left: 0; opacity: .8; animation: animate-cloud 1s linear infinite; } @keyframes animate-cloud { 0% { transform: translateX(400px); } 40%, 100% { transform: translateX(-400px); } } .cloud img:nth-child(1){ top: 50px; animation-delay: -1s; animation: animate-cloud 1.25s linear infinite; } .cloud img:nth-child(2){ top: 180px; animation-delay: -2s; animation: animate-cloud 1.25s linear infinite; } .cloud img:nth-child(3){ top: 100px; animation-delay: -2.5s; animation: animate-cloud .75s linear infinite; }

Related: See More


Questions / Comments: