/* -----------------------------------
Template Name: Handstand - Gym & Fitness HTMP Template
Template URI: https://devitems.com/html/coffee-preview/
Description: This is html5 template
Author: HasTech
Author URI: https://devitems.com/
Version: 1.0
NOTE: This is Header style file. All Header related style included in this file.

--------------------------------------*/


h1 a.navbar-brand {
	margin: 9px 0px 10px 0px; 
}
.top {
    background:url(../img/bg-top.webp) 0px 0px repeat;
    border-bottom: 1px solid #fff;
	min-height:156px
}
.main-menu
{
    width: 94%;  
}
.main-menu ul li {
    display: inline-block;
    position: relative;
    /*margin-top:14px;*/
}
.mobile-m
{
    display:none!important;    
}
.header-contact > a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #e9ac43;
    border-radius: 25px;
    color: #cecece;
    margin-top: 35px;
    width:230px;
}

.header-contact > a:hover
{
	background: #e9ac43;
	border: 1px solid #e9ac43;
	color: #cecece;
}


.main-menu ul li a {
    color: #fff;
    font-weight:bold;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 125px;
    padding: 0 13px;
    position: relative;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.main-menu > nav > ul > li:hover > a {color: #efce55;}

.main-menu ul li ul {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 5px 18px;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 160px;
    z-index: 999;
}
.main-menu ul li:hover > ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    visibility: visible;
}
.main-menu ul li ul li a {}
.main-menu ul li ul li {
    display: block;
    margin: 0;
    padding: 7px 0;
}
.main-menu ul li ul li a {
    color: #252525;
    display: block;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    text-transform: capitalize;
}
.main-menu ul li ul span {
    float: right;
    font-size: 15px;
    line-height: 20px;
    margin-right: 22px;
}
.main-menu ul li ul li:hover > a {padding-left: 5px;color: #C2A762}
.main-menu ul li ul li a:before {display: none;}
.main-menu ul li ul li > ul {
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 17%;
    visibility: hidden;
}
.main-menu.text-left span {float: right;}
#book1
{
    background:#fff; 
    line-height: 30px; 
    padding: 5px 15px; 
    display:block;
	border: 1px solid #000;
	border-radius: 5px;
}
#book1:hover
{
    color:#fff;
    opacity: 0.8;
	background: #e9ac43;
	border: 1px solid #e9ac43;
}
#book2
{
    display:none;    
}
.mobile-menu-area, .mean-container .mean-bar:after {display: none}
.mean-container .mean-bar {
    background: transparent none repeat scroll 0 0;
    min-height: 0;
    padding: 0;
    
}
.mean-container a.meanmenu-reveal {
    border: 1px solid #cecece;
    color: #cecece;
    margin-top: -23px;
    padding: 4px 5px;
    position: absolute;
    margin-right:20px;
}
.sticky .mean-container a.meanmenu-reveal {
    margin-top: -30px;
}
.mean-container a.meanmenu-reveal span {background-color: #fff}
.mean-container .mean-nav {margin-top:0}
.headroom {
    -webkit-transition: -webkit-transform 200ms linear 0s;
    transition: -webkit-transform 200ms linear 0s;
    transition: transform 200ms linear 0s;
    transition: transform 200ms linear 0s, -webkit-transform 200ms linear 0s;
    will-change: transform;
}
.headroom--pinned {-webkit-transform: translateY(0%);transform: translateY(0%);}
.headroom--unpinned {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.intelligent-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
.intelligent-header.headroom--pinned {}
.intelligent-header.headroom--not-top {
    background: #ffffff none repeat scroll 0 0;
    padding: 10px 0;
}
.header-sticky.sticky {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
            animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background:url(../img/bg-top.webp) 0px 0px repeat;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    height: 165px;
    border-bottom: 1px solid #cecece;
}
.sticky .main-menu > nav > ul > li {
  padding: 0px;
}
.sticky .header-contact a{margin-top: 35px}
.sticky .logo {padding: 0px;}
.header-area .sticky {
    background: #000 none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
.menu-style-toggle nav {
    margin-right: -30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
.menu-style-toggle nav.menu-open {
    margin-right: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.menu-style-toggle nav {
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.main-menu.mean-menu.menu-style-toggle.text-right {float: right;}
.mobile-header {
    background: #fff none repeat scroll 0 0;
    display: none;
    left: 0;
    margin: auto;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mobile-logo img {width: 40px;}
.menu-icon {
    border: 1px solid #464646;
    box-sizing: content-box;
    color: #464646;
    cursor: pointer;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 4px 5px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 25px;
    width: 22px;
}
.menu-icon span{background-color: #333333;
    display: block;
    height: 3px;
    margin-top: 3px;
    box-sizing: content-box
}
.mobile-menu-area {
    background-color: #cecece;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.mobile-menu-area .menu-close {
    background-color: transparent;
    border: 2px solid #858585;
    border-radius: 50%;
    color: #858585;
    height: 40px;
    padding: 0;
    width: 40px;
	margin-bottom:30px;
}
.mobile-menu-area .menu-close:hover {
    color: #433a8b;
    border-color: #433a8b;
}
.mobile-menu-area .menu-close i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding-right: 2px;
}
.sticky .menu-toggle {margin-top: 32px;}

/*social*/

.groupfbye
{
    background:#ccc;
    height:140px;
    width:55px;   
    top:25%;
    left:0;
    position: fixed;
    z-index:99999999;
    padding:10px;
   
}
.line
{
    border-bottom:1px solid rgba(255,255,255,0.2);
    height:5px;
    width:33px;
    text-align:center;
    margin-bottom:10px;
}
#facebookbar
{
    display:block;   
    position:fixed;
    z-index:999;
    top:22%;
    right:0px; 
}

#facebookbar img
{
    border:none;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-bottom-top-left-radius: 5px;
}

#yelpbar
{
    display:block;   
    position:fixed;
    z-index:999;
    top:56%;
    right:0px; 
}

#yelpbar img
{
    border:none;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-bottom-top-left-radius: 5px;
}
/*social*/
@media screen and (max-width: 1459px)
{
    .main-menu ul li a {
        font-size: 12px;
        padding: 0 10px;
    }

}
@media screen and (max-width: 1350px)
{

}
@media screen and (max-width: 1225px)
{
	h1 a.navbar-brand 
	{
		font-size:.9em;
	}
    .header-contact > a,
    {
        margin-left:-50px;   
    }
    .main-menu
    {
        width:100%;     
    }
    .main-menu ul li a {
        padding: 0 8px;
    }
}

@media screen and (max-width: 1100px)
{
     
	h1 a.navbar-brand 
	{
		font-size:.8em;
	}
	.main-menu ul li a {
        padding: 0 4px;
        font-size:9pt;
        margin-top:-20px;
    }
}
@media screen and (max-width: 990px)
{
    h1 a.navbar-brand 
	{
		font-size:1.2em;
	}
    #book2
    {
        display: block;
        background: #e9ac43; 
        color: #cecece;
    }
    #book1
    {
        display: none;
    }
    .top 
    {
        padding-bottom: 55px;
    }
    .header-sticky.sticky
     {
       height: 110px;
    }
}

@media screen and (max-width: 1000px)
{
    .mean-container a.meanmenu-reveal 
    {
        margin-top: -55px;
    }
    .mobile-m
    {
        display:block!important;    
    }
    .meanmenu-reveal 
    {
        margin-right:-90%;
    }
    .header-sticky.sticky {        
        position:relative;
    }
    .ptb-18
    {
        padding: 5px 0px 5px 0px;    
    }
    .logo a
    {
        margin-top:-5px;
    }    
    .mean-nav ul 
    {
        position:absolute;
        background:#fff5d2;
    }
    .mean-nav ul li a:hover
    {
        background:#000;
        color: #cecece;
    }
    .top 
    {
        padding-bottom: 0px;
		min-height:118px
    }
    .header-sticky.sticky
     {
       height: 160px;
    }
     
    .container2
    {
        width: 90%;
    }
    .title-last h2
    {
        
    }
}
@media screen and (max-width: 580px)
{
    .groupfbye
    {  
        top:45%;
        z-index:999;
   
    }
    
    .header-sticky.sticky {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
            animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background:url(../img/bg-top.webp) 0px 0px repeat;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    height:115px;
    border-bottom: 1px solid #cecece;
    }
    .mean-container .mean-bar
    {
       /* margin-top:-50px;  */  
    }
    .sticky .mean-container a.meanmenu-reveal
    {
         margin-top:-80px;    
    }
     h1 a.navbar-brand
    {
        margin-top:20px;    
    }
}
@media screen and (max-width: 500px)
{
    .logo
    {
        max-width:150px;    
    }
   
}