<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>Contato</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">
<div class="row">
<div class="col-md-9">
<h3>Contate-nos</h3>
<!-- uso do form e de input para criar uma forma de contato para que os clientes possam deixar suas dúvidas e sugestões -->
<form id="main" action="index.php" method="post" enctype="multipart/form-data" accept-charset="UTF-8">
<input type="hidden" name="lang" value="en"/>
<input type="hidden" name="page" value="en_Contact"/>
<input type="hidden" name="SubmitContact" value="1"/>
<fieldset>
<legend>Como podemos te ajudar? Preencha os espaços abaixo</legend>
<ol>
<li>
<label for="subject">Assunto
<br>
</label>
<input id="subject" name="subject" placeholder="" type="text" required/>
</li>
<li>
<label for="description">Dúvidas/Sugestões
<br>
</label>
<textarea id="message" name="message" rows="8" required></textarea>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Informações Pessoais</legend>
<ol>
<li>
<label for="name">Nome</label>
<input id="name" name="name" placeholder="" type="text" required/>
</li>
<li>
<label for="email">E-mail</label>
<input id="email" name="email" placeholder="exemplo@gmail.com" type="email" required/>
</li>
<li>
<label for="phone">Telefone/Celular </label>
<input id="phone" name="phone" placeholder="" type="text"/>
</li>
<li>
<label for="code">
<img src="php/codigo.php"/>
</label>
<input id="code" name="code" placeholder="insira o código" type="text" required/>
<div class="clearfix"></div>
</li>
</ol>
</fieldset>
<fieldset>
<button type="submit" class="btn site-button btn-primary pull-right">Enviar</button>
</fieldset>
</form>
<br/><br/>
</div>
<div class="col-md-3">
<site side_column_banners/>
</div>
</div>
</div>
</div>
</div>
<div class="mailchimp"> <!-- para inscrição ao newsletter -->
<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 e dar acesso a outras parte do site -->
<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> <!-- Obter acesso ao twitter, ao 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 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;
}
