.headerTop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    top: 40px;
    right: 0;
    left: 0;
    z-index: 100;
    height: 160px;
    position: fixed;
}
.LangRight {
    display: inline-block;
    /* width: 45px; */
}
.logo img {
    max-width: 100%;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
    max-height: 100px;
}
.headerTop {
    -webkit-transition: height 0.8s;
    -moz-transition: height 0.8s;
    transition: height 0.8s;
}
 

.LangRight {
    display: inline-block;
}
.MenuRight {
    display: inline-block;
    width: 60px;
}
.blockRightHeader {
    justify-content: safe;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    /* -webkit-align-items: center; */
    /* -webkit-box-align: center; */
    align-items: end;
    justify-content: flex-end;
}


.darkHeader{position:fixed;right:30px}

 .ContentTxtContact .txt{
    position: absolute;
    top: 140px;
    right: 0;
    white-space: nowrap;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 100%;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(270deg) translateY(-15px);
    transform: rotate(-90deg) translateY(-15px);
    /* height: 40px; */
    /* width: 280px; */
}
 .ContentTxtContact .txt:after{
    content: '';
    position: absolute;
    content: '';
    position: absolute;
    top: -62px;
    right: -152px;
    width: 1px;
    height: 75px;
    background:#fff;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(-90deg) translateY(-45vw);
    transform: rotate(-90deg) translateY(-45px);
 }
.ContentTxtContact {
    position: relative;
    /* right: 15px; */
    top: 50px;
}
.TxtContact {
    /* position: absolute; */
    /* right: 0px; */
    /* overflow: hidden; */
    /* width: 100px; */
    /* height: 300px; */
    /* top: 88px; */
    /* z-index: 0; */
}





.TxtContact a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 4px;
    text-decoration: none;
}


.darkHeader .TxtContact{
     transform: translateX(200px) !important;
    -webkit-transform:  translateX(200px) !important;
    -webkit-transform: rotate(-90deg) translateY(-2.33vw);
    transform: rotate(-90deg) translateY(-2.33vw);
}
@media screen and (max-width:767px) {
.ContentBanner{display:none;}
.headerBg .headerTop  {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 00px !important;
}
.TxtContact{
 display:none;
}
.headerTop {
    height: 70px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 20px;
    /* padding: 15px 0px; */
}
.headerBg .logo img {
    max-width: 100%;
    max-height: 50px;

}
}

@media screen and (min-width:768px) {



.darkHeader .LangRight {
    -webkit-transform:  translateY(-30vh);
    transform:  translateY(-30vh);

}
.darkHeader  .MenuTxt em  ,.darkHeader .LangRight{
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-style: initial;

}
 .MenuTxt em, .LangRight{
    font-style: initial;
    display: inline-block;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.darkHeader  .MenuTxt em{
    -webkit-transform: translateX(30vh);
    transform: translateX(30vh);
    display: block;
}
.headerTop {
	/* Set our transitions up. */
	-webkit-transition:height 0.8s;
	-moz-transition:height 0.8s;
	transition: height 0.8s;
}
.darkHeader .headerTop {
   height: 70px;
   top: 0px;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.logo img {
 
}
.darkHeader  .logo img {max-height: 50px; 	-webkit-transition:max-height 0.8s;
	-moz-transition:max-height 0.8s;
	transition: max-height 0.8s;}

.darkHeader  .PuceMenu {margin-top: -19px !important;position: relative;margin-top: -5px;}

}

.headerBg{
    background: rgba(26,26,26,.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    height: 70px;
    position: fixed;
}

















