.menu-active .c-site-header__bg::before {
    transition-delay: 0s;
}
.menu-active .c-site-header__bg::after {
    transition-delay: 0.01s;
}
.c-site-header__menu-inner {
    display: flex;
    flex-direction: column;
    


    text-align: right;
}
.link-svgline a svg.link-svgline {
  position: absolute;
  top: 107%;
  right: 0;
  overflow: hidden;
 
  margin: 0;
  width: 60%;
  height: 17px; 
  transition: stroke-dashoffset 0.3s ease-in-out;
  transform: translateY(-100%);
  fill: none;
  stroke: #000;
  stroke-width: 2;
  stroke-dasharray: 400px; 
  stroke-dashoffset: 400px;
  padding-bottom:2px;
}

.link-svgline a:hover svg.link-svgline {
  stroke-dashoffset: 0px; 
}
.menu-active .c-site-header__menu-inner {
    pointer-events: auto;
}
.c-site-header__menu-top {
    display: flex;
    flex-direction: column;

}

.c-site-header__menu-top a {
    display: flex;
    flex-direction: column;
    overflow: hidden;

    color: var(--color-black) !important;
    font-size:35px;
    height:48px;
    opacity: 0;
    transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1), color 0.2s;
    transition-delay: 0s;
    will-change: transform;

    transform: translateY(0.25em) scale(0.95);
}


    .c-site-header__menu-bottom a {
        text-shadow: 0.03em 0 var(--color-orange), -0.03em 0 var(--color-orange), 0 0.03em var(--color-orange), 0 -0.03em var(--color-orange), 0.06em 0 var(--color-orange), -0.06em 0 var(--color-orange), 0.09em 0 var(--color-orange), -0.09em 0 var(--color-orange), 0.12em 0 var(--color-orange), -0.12em 0 var(--color-orange), 0.15em 0 var(--color-orange), -0.15em 0 var(--color-orange);
        will-change: transform;
        opacity: 0;
        transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: 0s;
        transform-origin: 0 100%;
        transform: translate(-0.25em, 0.25em) scale(0.95);
    }

   

    .menu-active .c-site-header__menu-bottom a {
        opacity: 1;
        transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: calc(var(--stagger) * 0.065s + 1.2s);
        transform: none;
    }

.c-site-header__menu-top a:hover
{
    color:#fff;

}

.c-site-header__bg::after {
    background: var(--color-orange);
}
.c-site-header__bg::before {
    transition-delay: 0.01s;
}


.c-site-header__menu-top a.is-active {
    color: var(--color-white) !important;
}
.menu-active .c-site-header__menu-top a {
    opacity: 1;
    transform: none;
    transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s;
    transition-delay: calc(var(--stagger) * 0.065s + 0.1s);
}

* > .c-site-header__menu-top a:not(:first-child) {
    margin-top: var(--space-s);
}


.is-transitioning .c-site-header__menu-top a div {
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;
}
.c-site-header__menu-top a div::before {
    position: absolute;
    top: 0;
    right: 0;
    content: attr(data-text);
    transform: translateY(-120%);
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {

    .c-site-header__menu-top a:hover div {
        transform: translateY(110%);
    }
}

        .c-site-header__menu-top a:hover div::before {
            transform: translateY(-110%);
        }

    .c-site-header__menu-top a:nth-child(1) {
        --stagger: 1;
    }

    .c-site-header__menu-top a:nth-child(2) {
        --stagger: 2;
    }

    .c-site-header__menu-top a:nth-child(3) {
        --stagger: 3;
    }

    .c-site-header__menu-top a:nth-child(4) {
        --stagger: 4;
    }

    .c-site-header__menu-top a:nth-child(5) {
        --stagger: 5;
    }

    .c-site-header__menu-top a:nth-child(6) {
        --stagger: 6;
    }

    .c-site-header__menu-top a:nth-child(7) {
        --stagger: 7;
    }

    .c-site-header__menu-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: var(--space-xl);
        color: var(--color-black);
    }

   

    .c-site-header__menu-bottom a {
        text-shadow: 0.03em 0 var(--color-orange), -0.03em 0 var(--color-orange), 0 0.03em var(--color-orange), 0 -0.03em var(--color-orange), 0.06em 0 var(--color-orange), -0.06em 0 var(--color-orange), 0.09em 0 var(--color-orange), -0.09em 0 var(--color-orange), 0.12em 0 var(--color-orange), -0.12em 0 var(--color-orange), 0.15em 0 var(--color-orange), -0.15em 0 var(--color-orange);
        will-change: transform;
        opacity: 0;
        transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: 0s;
        transform-origin: 0 100%;
        transform: translate(-0.25em, 0.25em) scale(0.95);
    }

  

    .menu-active .c-site-header__menu-bottom a {
        opacity: 1;
        transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: calc(var(--stagger) * 0.065s + 1.2s);
        transform: none;
    }

    

    * > .c-site-header__menu-bottom a:not(:first-child) {
        margin-top: 0.25em;
    }

    .c-site-header__menu-bottom a:nth-child(1) {
        --stagger: 1;
    }

    .c-site-header__menu-bottom a:nth-child(2) {
        --stagger: 2;
    }

    .c-site-header__menu-bottom a:nth-child(3) {
        --stagger: 3;
    }

    .c-site-header__menu-bottom a:nth-child(4) {
        --stagger: 4;
    }

    .c-site-header__menu-bottom a:nth-child(5) {
        --stagger: 5;
    }

    .c-site-header__menu-bottom a:nth-child(6) {
        --stagger: 6;
    }

    .c-site-header__menu-bottom a:nth-child(7) {
        --stagger: 7;
    }

.c-site-header__menu-top a
{
    font-family: var(--font-family-heading);
    font-weight: 700;
    line-height: var(--heading-line-height, calc(1.08em + 4px));
    text-transform: uppercase;

}

.c-site-header__menu

{
margin-right:70px;


}

.c-site-header__menu-top a
{
    color:#fff;

}
.c-site-header__menu-top a:hover
{
    text-decoration:underline;

}


.menu-active .c-site-header__menu-button {
    background: var(--color-orange) !important;
    transition-delay: 0s;
    transition-duration: 0.3s;
}

.c-site-header__menu-button div {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    height: 0.9em;
	margin-left:-60px;
   
    will-change: transform;

}


.c-site-header__menu-button div span:first-child {
    position: absolute;
    transform: translateY(-120%);
}
.c-site-header__menu-button span {
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}


.c-site-header__menu-button div span:first-child {
    position: absolute;
    transform: translateY(-120%);
}
.c-site-header__menu-button span {
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {
    .menu-active .c-site-header__menu-button:hover {
        cursor: pointer;
    }
}


.c-site-header__menu-inner {
    display: flex;
    flex-direction: column;
    height: 50%;

    text-align: right;

}

.menu-active .c-site-header__menu-inner {
    pointer-events: auto;
}
.c-site-header__menu-top {
    display: flex;
    flex-direction: column;
}


.c-site-header__menu-button {
    position: relative;
    z-index: 1;
    padding-right: 0;
    padding-left: 0;
    color: var(--color-black);
    border-radius: 7px;
    transition-delay: 0.4s;
    font-size:45px;
	height:50px;
	margin-right:40px;
}

.mlines:hover
{
display:none;

}

.menu-active .c-site-header__menu-button {
    background: var(--color-orange) !important;
    transition-delay: 0s;
    transition-duration: 0.3s;
}

.c-site-header__bg {

  margin-top:10px;
  margin-right:-20px;
    position: absolute;


    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    pointer-events: none;
}

.menu-active .c-site-header__bg {
    pointer-events: auto;
}

.c-site-header__bg::before,
.c-site-header__bg::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:#ff471d;
    content: "";
    pointer-events: none;
}

.menu-active .c-site-header__bg::before {
    transition-delay: 0s;
}
.menu-active .c-site-header__bg::after {
    transition-delay: 0.005s;
}
.c-site-header {
padding-top:20px;
padding-left:10px;


    margin-top:0px;

    position: fixed;
    z-index: 9996;
    top: 0;
    left: 0;

    align-items: center;
    width: 100%;
	background:#f4f0ed;
    height:100px;


}


.c-site-header a:hover {
    text-decoration: none;
}

.c-site-header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    .c-site-header__bg::before,
    .c-site-header__bg::after {
        transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
        transform: translate(130px, 0) rotate(15deg) scale(1.3, 0);
        transform-origin: 100% 0;
    }
}
@media (min-width: 768px) {
    .menu-active .c-site-header__bg {
        --translate: calc(var(--container-padding) / 2);
        transform: translate(var(--translate), calc(var(--translate) * -1)) scale(1.1);
    }
}
@media (min-width: 768px) {
    .menu-active .c-site-header__bg::before,
    .menu-active .c-site-header__bg::after {
        transform: translateX(0) rotate(0) scale(1.3, 1);
    }
}
@media (min-width: 768px) {
    .c-site-header__menu {
        position: absolute;
        top: 0;
        right: 0;
        min-width: calc(var(--space-7xl) * 2.5);
    }
}
@media (min-width: 768px) {
    .c-site-header__bg {
        overflow: hidden;
        border-radius: var(--banner-padding);
        transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
        transform: translate(-2px, 2px) scale(1) rotate(1deg);
        cursor: pointer;
        transform-origin: 100% 0;
    }
}
@media (min-width: 768px) {
        .menu-active .c-site-header__menu-bottom a {
            transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1);
            transition-delay: calc(var(--stagger) * 0.065s + 0.6s);
        }
    }
@media (min-width: 768px) {
    .c-site-header__menu-inner {
        padding: calc(var(--space-xl) * 1.2) var(--space-l) var(--space-m);
    }
}

@media (max-width: 767.98px) {


.c-site-header__menu-top a {
    display: flex;
    flex-direction: column;
    overflow: hidden;

    color: var(--color-black) !important;
    font-size:25px;
    height:38px;
	opacity:0;
   pointer-events: none;
	
   
    transition-delay: 0s;
    will-change: transform;

  
}



  
     .mtop1
{
margin-top:80px;
}
.imgsize
	{
	width:60px;
	}
     .c-site-header__bg::before,
    .c-site-header__bg::after {
        transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
        transform: translate(130px, 0) rotate(15deg) scale(1.3, 0);
        transform-origin: 0% 0;
	
    }
     .menu-active .c-site-header__menu-top a {
        transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s;
        transition-delay: calc(var(--stagger) * 0.065s + 0.75s);
		pointer-events: all
    }
 .c-site-header__menu-top a div {
        transform: none;
    }

  .c-site-header__menu-top {
        margin-top: auto;
    }
	
	.ftbottom
{
margin-left:10px;
margin-top:2%;

}

 
  	
      .c-site-header__menu-bottom {
            padding-bottom: var(--space-xl);
        }

       .c-site-header__menu-bottom a {
            transition: transform 0.05s 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .c-site-header__menu-button {
            
       
        background:none
    }
    .menu-active .c-site-header__menu-button span:first-child {
        transform: none;
    }
    .menu-active .c-site-header__menu-button span:last-child {
        transform: translateY(120%);
    }
.menu-active .c-site-header__menu-button {
  
        transition-delay: 0.1s;
        transition-duration: 0.1s;
        background-color:none;

    }

    .c-site-header__menu-button div {
       
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    background-color:none;
	width:60px;
	
  
    
    will-change: transform;

}

    .c-site-header__menu-button div span:first-child {
    position: absolute;
    transform: translateY(-120%);
    font-size:20px;
   
}
     
  
    .menu-active .c-site-header__menu-button span:first-child {
        transform: none;
    }
    .menu-active .c-site-header__menu-button span:last-child {
        transform: translateY(100%);
    }

    .menu-active .c-site-header__bg::before,
    .menu-active .c-site-header__bg::after {
        transition: transform 0.7s cubic-bezier(0.86, 0, 0.07, 1);
      
       
        margin-right:25%;
        border-radius:15px;

        transform: translateX(0) rotate(0) scale(1.5, 1);
    }
.c-site-header__menu {
        position: fixed;
        top: 0;
        right: 0;
    
        left: 20%;
    }
   
}