@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;700;900&family=Sofia&display=swap');


html {
  scroll-behavior: smooth!important;
}


.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}


.top-nav{	
	vertical-align: middle;
}
.top-nav i{
	font-size: 26px;
	vertical-align: middle;
	
}
.navbar-nav .menu-logo{	
	position: relative;
	width: 140px;
	display: inline-block;
	padding-left: 0!important;
	padding-right: 0!important;
}
.navbar-nav .menu-logo img{
	position: absolute;
	width: 140px;
	height: auto;
	top: -30px;
}

.navbar-clone .navbar-nav .menu-logo{	
	position: relative;
	display: inline-block;
	width: 77px!important;
}
.navbar-clone .navbar-nav .menu-logo img{	
	position: absolute;
	width: 77px;
	top: 0px;
	height: auto;
}
.navbar-clone .navbar-nav{	
	border-radius: 0!important;
}
.body-logo{
	position: absolute;
	z-index: 100;
	top: -230px;
	left: 50%;
	margin-left: -60px;
}
.body-logo img{
	height: 120px;
}

h1, h2, h3, h4{
	font-family: "Roboto", sans-serif;
	font-weight: 700!important;
	font-style: normal;
}
.subheading{
	font-family: "Sofia", cursive!important;
	font-weight: 400!important;
	font-style: normal;
}

  



.bg-grad-red{	
	background-image: linear-gradient( 100deg ,#F94743 0%,#FF7C49 100%)!important;
}
.bg-grad-purple{	
	background-image: linear-gradient( 100deg ,#47287f 0%,#7734a5 100%)!important;
}


.p-box{
	position:relative;
}
.p-box h3{
	color:#e5583e !important;
	margin: 25px 0 0 0!important;
	font-size: 16px!important;
}
.p-box h5{
	color:#000!important;
	font-size:36px!important;
	margin:35px 0!important;
}
.p-box ul{
	display:block;
	list-style:none;
	margin: 0!important;
	padding: 0!important;
	outline: 0!important;
}
.p-box ul li{
	padding:10px 0;
	border-bottom:solid 1px rgba(0,0,0,.1);
}
.p-box a{
	text-transform:uppercase;
	display:inline-block;
	padding: 10px 25px;
	margin-top:10px;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    background-image: linear-gradient( 90deg ,#fff 0%,#f9f9f9 100%);
    border-style: none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 10px 15px 0 rgb(249 71 67 / 30%);
	color:#f94743  !important;
}


.contact-box{
	position:relative;
	width:100%;
	background-color:#fff!important;
	margin-top:0;
	height:auto;
	padding:30px;
	box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);
	border-radius:10px;
}
.contact-form form h2{
	color:#fff!important;
}
.contact-form form h4{
	font-size:120%!important;
	color:#fff!important;
	margin-bottom:20px!important;
}
.map-box{
	padding:0!important;
	margin: 0!important;
	outline: 0!important;
	border-radius: 10px;
	overflow: hidden;
}
.map-box p{
	text-align:center;
}


.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;  border:solid 10px #f9f9f9; margin:15px 0; box-shadow:0px 10px 10px -5px rgba(0,0,0,.2); }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fix-call{
    position:fixed;
    right:0;
    bottom:10px;
    width:160px;
    z-index:1000;
    background-color:rgba(255,255,255,0)!important;
    text-align:center;
    padding:0 10px;
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0)!important;	
}
.fix-call a{
    color:#fff !important;
    font-size:30px;
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
}
.fix-call a:hover{
    text-decoration: none;
}
.fix-call a i{
    color:#fff!important;	
    font-size:22px!important;
	width:52px!important;
	height:52px!important;
	line-height:52px!important;
	border-radius:100%;
	display:inline-block;
	margin:0 2px;
	border:solid 0px #0b0c0b; 
	box-shadow:0px 3px 3px rgba(0,0,0,.2);
}
.fix-call a.wa img{
    display:none;
}
.fix-call a.fx-call{
	display:none;
}
.fix-call a .uil-restaurant{
	background-color: #7c58c4;
}
.fix-call a .fa-whatsapp{
	background-color:#13990a;
	font-size:26px!important;
	line-height:52px!important;
	color:#fff!important;
}
.fix-call a .fa-envelope-open{
	background-color: #4b0935;
}
.fix-call a span{
	color:#fff;
	font-size:14px;
	font-weight:800;
	display:none;
	text-transform:uppercase;
}
@media screen and (max-width : 992px) {
.fix-call{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:100;
	background-color: #8c65c6!important;
    text-align:center;
    padding:0 0 0 0;
    box-shadow:0px -5px 10px rgba(0, 0, 0, .1)!important;	
	display:table;
}
.fix-call a{
	display:table-cell;
	width: 40%!important;
    color:#fff !important;
	height:auto;
	line-height:1;
	text-align:center;
	text-decoration: none!important;
	margin:0;
	padding:3px 5px;
	font-size:22px!important;
	vertical-align:middle;
	border-right:solid 0px rgba(0,0,0,.3);
}
.fix-call a i{
	display: inline-block;
    color:#fff !important;
    font-size:14px!important;
	width:auto!important;
	height:auto!important;
	line-height:45px!important;
	border-radius:0;
	margin:0 3px 0 0;
	border:solid 0px rgba(255,255,255,0);	
	vertical-align:middle;
	box-shadow:0px 3px 3px rgba(0,0,0,0);
	background: transparent!important;
}
.fix-call a i{
	background: transparent;
}
.fix-call a.fx-call{
	display:table-cell;
	width: 40%!important;
}
.fix-call a.wa{
	position: relative;
	z-index: 10;
	top: -5px;
	padding: 3px 5px;
	width: 20%!important;
	background-color: #13990a;
	border-radius: 5px;	
	margin-top: 0px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.25);
}
.fix-call a.wa img{
    display:inline-block;
	height:40px;
	vertical-align:middle;
}
.fix-call a.wa span{
    display:none;
}
.fix-call a .fa-whatsapp{
	display:none!important;
	font-size:22px!important;
	background: transparent;
	color:#13990a!important;
}
.fix-call a span{
	display:inline-block;
	line-height:45px;
}
}


.ff-wa{
    position:fixed;
    z-index:100;
    right:20px;
    bottom:20px;
	width:160px;
	height:auto;
}
.ff-wa img{
	width:100%;
	height:auto;
	box-shadow:-3px 3px 3px rgba(0,0,0,.1);
	border-radius:8px;
}

.navbar .btn-red {
	border-color: #e24444!important;
	background-color: #e24444!important;
	padding-left: 15px!important;
	padding-right: 15px!important;
}
@media screen and (max-width: 768px) {
.navbar .btn-red {
	padding:5px 10px!important;
	border-radius: 10px!important;
}
}
.nav-social i{
	color: #fff!important;
} 
.navbar-stick .nav-social i{
	color: #111!important;
}

.navbar .btn-white{
	background-color: #fff!important;
	border-color: #fff;
	padding: 0.3rem .5rem;
}
.navbar .btn-white img{
	height: 36px;
}
.navbar-stick .btn-white{	
	border-color: #eee!important;
}





.social{
text-align: center!important;
}

div.stars {
  width: 100%;
  display: block;
}
input.star { display: none; }
label.star {
  float: right;
  padding: 0 5px;
  font-size: 26px;
  color: #FD4;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}
input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}
input.star-1:checked ~ label.star:before { color: #F62; }
label.star:hover { transform: rotate(-15deg) scale(1.3); }
label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}
ul.rating{
	display:table;
	width:100%;
	clear:both;
	margin:0!important;
	padding:0!important;
}
ul.rating li{
	display:table-cell;
	vertical-align:middle;
	margin:0!important;
	padding:0!important;
}
ul.rating li h5{
	color:#fff !important;
	margin: 2px 0!important;
}

