/**************************************
Theme Name: Safe Room Bar
Theme URI: http://webloggerz.com/sanasar-wordpress-theme/
Description: A Free WordPress Blog / Magazine Theme by WebLoggerz.com
Author: xddesigns
Author URI: https://www.xclusivedesigners.com/
Version: 1.1.5
Tags: Room Bar, Lounge Bar, Glass elevators, Enjoy Rain or shine

License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

/*********************
01. GENERAL STYLES*/
.fa {
   
	font: normal normal normal 14px/1 FontAwesome !important;}
*{ padding:0; margin:0;	list-style:none; border: 0 none;}
html {}
body { font-family: 'Nunito', sans-serif; font-size: 16px; line-height:1.5; color:#000; background: #fff; width:100%; overflow-x: hidden;}


a{text-decoration:none;}
.clr {clear:both;}

.elementor-heading-title b{color:#DFF66A;}
#elementor-tab-content-2071{ display:block}

img{max-width:100%;height:auto;}
textarea, input[type=text],input[type=tel], input[type=password], input[type=email], input[type=number], input[type=date], select, textarea {background: #fff;
    width: 100%;
    margin: 0px 0 10px;
    font-size: 18px;
    padding: 10px;
    border: 1px solid #000;
    color: #818181;
    border-radius: 5px;}

input, select {cursor: pointer;}
input[type=text], input[type=password], input[type=email] {cursor: text;}
textarea {overflow:auto; height:160px;}
textarea, input {padding: 5px;}
select {}
option {padding: 0 4px;}
input[type=button], button, .wpcf7-submit {cursor: pointer;vertical-align: middle; background:#000; text-transform:uppercase; padding:8px 20px; font-size:18px; font-weight:bold; color:#F0C30D; margin:5px 0px; border-radius:5px} 



.search-block .search-button, .post-meta-author,.post-meta-date,.post-meta-comments,
#gototop, .facebook, .twitter, .pinterest, .rss,.youtube, .googleplus, .stumbleupon
{background-image:url(images/sprite.png); background-repeat: no-repeat;}
 

#top-header{background:#f0c30d; color:#000;}
#top-header ul{ margin-bottom:0}
#top-header li{ display:inline-block; margin-right:10px;}
#top-header .row{ justify-content:space-between}
#top-header .social_icons a{
    width: 25px;
    height: 25px;
    color: #fff;
    background: #000;
    border-radius: 50%;
  
    display: inline-block;
    text-align: center;
}
.logo_wrap {
    width: 200px;
}
.menu_wrap .row {
    justify-content: space-between;
    align-items: center;
}
#top-header .social_icons a i{ font-size:13px;}

.border_bg { position:relative}

.border_bg:after {
    content: "";
    background: url(https://melbtaxiservices.com.au/wp-content/uploads/2019/11/border_bg2.jpg) repeat-x left bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9999;
    right: 0;
    height: 20px;
}
.footer_nav li { display:inline-block; width:49%; position:relative; padding-left:15px;}
.footer_nav li a{ color:#fff; text-transform: capitalize; transition:all 0.5s}
.footer_nav li a:hover{ color:#F0C30D; padding-left:3px}
.footer_nav li:before{ content:url(https://melbtaxiservices.com.au/wp-content/uploads/2019/11/arrow.png); position:absolute; left:0; color:#ffc61a; font-family: lintel; }
.footer_wrap .menu li a{ color:#fff}
.footer_wrap .sub-menu{ display:none}

/******--  #top-header{position:absolute; z-index: 99; left:0; right:0; top:40px;} -- ****/

/*******************************
03. H1, H2, H3, H4, H5 STYLES */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 , h6 , .h6{ margin:10px 0; font-family: 'Lato', Arial, Helvetica, sans-serif; color:#222; clear:both;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a , h6 a, .h6 a { text-decoration: none; color:#222;}
h1,.h1 {font-size:30px}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 22px;}
h5,.h5 {font-size: 20px;}
h6,.h6 {font-size: 18px;}

/*********************
04. LINK STYLES */

a{color: #000000;}
a, a:visited {}
a:hover, a:visited:hover,
a:focus, a:visited:focus {}
a:link, a:visited:link {}

/******************
05. HEADER SYTLES */

.topbar{}
.smedia a{color:#fff; padding:0px 5px; font-size:16px;}
.smedia a:hover{color:#97A840;}

.logobar{background:#fff;}




.info img{float:left; padding:5px; border:1px solid #ccc; margin-right:6px;}
.info h3{display:inline-block; font-size:15px; margin:0px; font-weight:bold;}
/**********************
06. NAVIGATION STYLES */

#main-menu{text-align:center;}

  #main-menu li{position: relative;  display: inline-block; text-align: center;}
  #main-menu li a {color: #000;  display:block; padding:14px 12px; font-size:16px; font-weight:bold; text-transform:uppercase;}

  #main-menu ul {display: none; padding:0; position: absolute; top:50px; width:220px; z-index: 99999;	float: left; left:0px; background-color:#333; }
  #main-menu ul ul{display: none; padding:0; position: absolute; top: 0px; width:220px; z-index: 99999;	float: left; left:186px; background-color:#333; }
 #main-menu li.simplemenu ul {width:100%;}
  #main-menu ul li {border:0 none; margin:0; padding:0px; display:block}
  #main-menu ul a{ border:0 none; padding:12px; display: block; color: #FFF; text-align:left;}

  #main-menu li:hover, #main-nav #main-menu li.current-menu-item{background-color:  rgba(255,255,255,0.1); color:#fff!important;}
  #main-menu li:hover > a, #main-nav  #main-menu :hover > a {}
  #main-menu li:hover > ul {display: block;}	
 
  #main-menu ul li:hover > a, #main-nav  #main-menu ul :hover > a , .top-nav ul li:hover > a, .top-nav ul :hover > a{color: #FFF;}
  #main-menu ul li {background-color:#333;}
.menu-item-has-children .fa{display:none;}
.menu_wrap {
    position: relative; padding:15px 0
}
div[class^="premium-"] .slick-arrow i {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /* background: #000 !important; */
    font-style: normal;
    font-size: 30px;
}
.main_slider_wrap .swiper-slide-bg {
   
 
    background-position: center right !important;
}
/* Scroll to top */
#gototop{ z-index: 2; background-color: #333; background-position: -157px -36px;
         width: 40px; height: 40px; text-indent: -99999px; overflow: auto;
         position: fixed; bottom: -100px; right: 10px; cursor: pointer;
         -webkit-transition: all .7s ease-in-out;
         -moz-transition: all .7s ease-in-out;
         -o-transition: all .7s ease-in-out;
         -ms-transition: all .7s ease-in-out;
         transition: all .7s ease-in-out;}
/* Search Box */		 
.search-block { overflow: hidden; margin-top: 29.5px;}

#searchform{ overflow: hidden; border: 1px solid #7FD075; border-radius: 2px;}
			 
.search-block .search-button { background-position: -193px -43px; cursor: pointer; float: right; height: 29px; width: 30px; text-indent: -999999px; display: block;}

.search-block #s { background-color: #fff; /* #6A5A5D; */ float: right; font: normal 11px Trebuchet MS; padding: 0 10px 0 10px; color: #7FD075; border:none; border-radius:2px;
-o-transition: width .7s , color .4s; -webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s; transition: width .7s , color .4s;}

.search-block #s:focus{background-color:#F6FDEC; color:#7FD075; border:none !important;}


.menu_wrap a{ text-transform:uppercase;}
.menu_wrap a:hover{ color:#F0C30D; text-decoration:none}
.btn_main{
    font-weight:600;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 10px 25px;
    background: #F0C30D;
    color: #000;
    margin: 25px 0;
} 
.btn_main:hover{ background:#000; color:#fff}
.banner_inner {
    background: url(https://faridtravels.in/wp-content/uploads/2020/07/slider_inner.jpg);
    padding: 100px 0;
    margin-bottom: 50px;
}
.post-title, #crumbs { flex:0 0 100%; text-align:center; color:#fff}
.post-title{
    font-weight: 700;
    text-transform: uppercase;
}
#crumbs  a{ color:#fff; }
.current{ color:#F0C30D}
.home .banner_inner { display:none}
.con_form_wrap label{ width:100%}

.tel_link:hover { color:#000; opacity:0.8}
 @media only screen and ( max-width: 999px ){   #main-menu li a {padding:14px 8px; font-size:14px; }}
@media only screen and ( min-width: 1600px ){  }
/*   TABLET  : 1024px -----------------------------   */
@media only screen and ( min-width: 1024px ){
	
		
	#mySidenav {
    display: none;
}
	
.menu_wrap li {
   
    margin: 3% 0 3.5%;
}

 

#main-menu {
    
    display: flex;
    
    margin: 0;
}

	
}
@media only screen and (min-width:767px) and (max-width:1023px) { 
	
	.menu_wrap li {
    display: inline-block;
    margin: 1% 0 2% 1%;
}
	.menu_wrap .row { align-items:center; justify-content: space-between;}	
	.menu_wrap .row #main-menu{  flex:1}
	
}
@media only screen and (min-width:768px) {.opennav {
    display: none;
}
	#mySidenav {
    display: none;
}
}

/*   TABLET  : 768px -----------------------------   */
@media screen and (max-width:768px) {
	#main-nav #main-menu li{text-align:left; display:block;}	
.sidenav { height: 100%; width: 0; position: fixed; z-index:99999; top: 0; left: 0; background-color: #111;  overflow-x: hidden;  transition: 0.5s;}
	
	#mySidenav #main-menu{ text-align:left;}
	#mySidenav #main-menu li{display:block; text-align:left; border-bottom: 1px solid #272727;}
		#mySidenav #main-menu li a{ color:#fff}
	#mySidenav  #main-menu li:hover > ul {display:none;}
	.menu-item-has-children .fa{font-size:20px; position:absolute;  right:0px;   top:0px;   bottom:0px;   background:#272727;
    padding: 15px;}
	#mySidenav #main-menu ul{position: relative; top: 0px; width: 100%; margin-bottom:20px;}
	
	.menu-item-has-children.active ul{display:block !important;}
	
.sidenav a { text-decoration:none; display:block;  transition:0.3s;}
.sidenav a:hover {}
	
.sidenav .closebtn { position:absolute;  top:0;  right:25px;  font-size:25px; color:#cea730; z-index:999}
	.opennav .fa{font-size:30px !important;}
	
	.mob-contact{margin-top:50px; border-bottom:1px solid #ccc; box-shadow:0px 0px 1px #000;}
}
@media screen and (max-width:767px) {
	#main-menu{display:none}
	.sidenav #main-menu{display:block}
	#top-header .row {
    justify-content: center;
}
	.menu_wrap .row {
    align-items: center;
    justify-content: space-between;
}
	.opennav{cursor:pointer; padding:10px;  float:right; display:block}	
	.menu-item-has-children .fa{display:block;}
} 
@media screen and (max-width: 480px) {
	.elementor-icon-box-description{ font-size:22px !important}
}
.country_wrap .premium-blog-post-content{ display:none}