header{display:flex;align-items:center;justify-content:space-between}
header .logo{display:block;}
header .logo img{max-width:100%;}
.flexnav{display:flex;align-items:center;}
header{display:flex;align-items:center;justify-content:space-between;position: fixed;background: #fff;z-index: 1;width: 100%;transition: 0.5s ease all;padding: 10px;height: 120px;z-index:99;}
header.sticky{
    height: 80px;
}
.headerblock{transform: translateY(0%);}
header .logo{display:block;height: 100%;}
header .logo a {display:block;height: 100%;}
header .logo img{max-width: initial;max-height: 100%;}
.flexnav{display:flex;align-items:center;justify-content: flex-end;padding-right: 60px;}
.flexnav a {color:#2a2a2a;margin-left: 15px;text-transform: uppercase;display: flex;align-items: center;letter-spacing: 1px;transition: 0.3s ease all;}
.flexnav a:hover{color:#86754d;text-decoration:none;}
.flexnav a img{margin-right:10px;}
#nav-toggle {
    cursor: pointer;
    width: 40px;
    height: 60px;
    position: fixed;
    color: #fff;
    font-style: normal;
    right: 20px;
    top: 23px;
    z-index: 99;
}
.btnmenu.closebtn {
    z-index: 999999 !important;
}
#nav-toggle em {font-style: normal;display: block;text-align: center;font-family: 'Work Sans';font-size: 16px;}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  height: 2px;
  width: 32px;
  background: #86754d;
  position: absolute;
  display: block;
  content: '';
  right: 0px;
  bottom: 24px;
}
#nav-toggle span:before {
  top: -7px;transition:width 0.5s ease ;
}
#nav-toggle span:after {
  bottom: -7px;
  width: 100%;
  transition:width 0.5s ease;
}
#nav-toggle:hover span:after{width:100%;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 200ms ease-in-out;
}
#nav-toggle.closebtn span {
  background-color: transparent;
  width: 32px !important;
}
#nav-toggle.closebtn span:before, #nav-toggle.closebtn span:after {
  top: 0;
}
#nav-toggle.closebtn span:before {
  transform: rotate(45deg);
}
#nav-toggle.closebtn span:after {
  transform: rotate(-45deg);
}
#nav-toggle span{width: 32;-webkit-animation: test linear infinite;animation: test linear infinite;transition:width 0.5s ease;}

#nav-toggle:hover span{width:100%;}




.navmenu {
    position:fixed;
    width:100vw;
    height:100vh;
    background:#fff;
    -webkit-transition: width 0.9s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(100%);
    right:0px;
    top:0px;
    z-index: 99999;
    }

.navmenublock {
    transform: translateX(0%);
}
.infoblockbar{
    display: flex;
    align-items: center;
    padding-left: 18px;
}
.btnsearchmodal {
    position: absolute;
    right: 20px;
    top: 50px;
    cursor: pointer;
    z-index: 9;
}
.navmenu>div{
    width: 100%;
    height: 100%;
    background: url(../images/backmenu.jpg) no-repeat center center;
    transition: 0.5s ease opacity;
    transition-delay: 0.6s;
    opacity:0;
    overflow: hidden;
}
.navmenublock>div{opacity:1;}
.contentmenu{
    padding: 40px 0px;
    height: 100%;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    padding: 40px 15px;
}
.menubottom{
    display: block;
    position: absolute;
    right: 20px;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contentmenu img
.titlemenu{display:block;text-align:right}
.titlemenu{
    color: #2a2a2a;
    font-size: 80px;
    display: table;
    text-align: right;
    font-family: 'biloxi_scriptregular';
    float: right;
    position: relative;
    z-index: 11111;
    text-decoration: none !important;
    line-height: 65px;
}

.titlemenu:after{content:"";width: 1px;height:  100px;display: block;background: #000;margin: 0 auto;position: absolute;left: 50%;z-index: 9999;}
.linemneu{overflow:hidden;display: flex;align-items: center;flex-wrap: wrap;}
.linemneu:last-child{margin-top:40px;}

.imgbox {overflow:hidden}
.imgbox  img{
    transition: 0.5s ease all;
    transform: translateX(-110%);
}
.linemneu:hover img{transform: translateX(0%);}
.linemneu .Frame{
    width: 100% !important;
    height: 100% !important;
    float: none;
    transition: 0.5s ease all;
    transform: translateY(100px);
    opacity: 0;
}
.linemneu:hover .Frame{ transform: translateY(0px);
    opacity: 1;}
.boxsearch
 {
    position:fixed;
    width:100vw;
    height: calc(100vh - 90px);
    background:#fff;
    -webkit-transition: width 0.9s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(100%);
    right:0px;
    bottom: 0px;
    /*z-index: 9;*/
    display: flex;
    align-items: center;
    justify-content: center;
	z-index:100;
    }
.boxsearchblock{
    transform: translateX(0%);z-index:100;
}

.boxsearch>div{display:flex;align-items:center;margin: 0 auto;padding: 40px 15px;background: url(../images/searchback.jpg) no-repeat;background-position: center left;background-size: 50%;width: 100%;}

.boxsearch img{display:block;margin:0 auto;max-height:80vh;}


.navmenu  .menubottom {
    align-items: flex-end;
    right: 0;
    position: relative;
    right: initial;
    bottom: initial;
    flex-direction: column;
}


@media (max-width: 768px)
{
.contentmenu{
    padding: 40px 0px 80PX;
}
.infoblockbar {
    display: flex;
    align-items: center;
    padding-left: 0px;
}

.flexnav span{display:none;}
header .logo img {
    max-width: 100%;
}
header .logo {display:flex;align-items:center;padding: 0;}
header .logo a {
    display: block;
    height: auto;
}
.flexnav{
}

.linemneu .Frame{
    width: 100% !important;
    height: 100% !important;
    float: none;
    transition: 0.5s ease all;
    transform: translateY(0px);
    opacity:1;
    padding: 0 !important;
}
.titlemenu{margin-top:20px;font-size: 50px;text-align:center;display: block;float: none;width: 100%;clear: both;}

.linemneu:nth-child(2){    flex-direction: column-reverse;}

.linemneu .link{text-align:center !important;}

.menubottom {
    display: block;
    position: relative;
    right: 0;
    bottom: 0;
    padding-top: 40px;
}

.menubottom .link {
   
    text-align: center !important;

}
.rmText{padding: 0px !important;}
}