.new_logo,.banner_logo{ position:fixed; top:15px; left:20%; z-index:9999; transition:all .5s ease;}
.new_logo img,.banner_logo img{ vertical-align:middle; transition: all .3s ease;}
.new_logo .color_logo{ display:none;}

.banner_logo .color_logo{ display:block;}
.banner_logo .top_logo{ display:none;}
.banner_logo.banner_logobg .color_logo{ display:none;}
.banner_logo.banner_logobg .top_logo{ display:block;}

.new_logo.NavBg .color_logo,body.no_move .new_logo .color_logo,body.no_move .banner_logo .color_logo,.new_logo.site_logo .color_logo{ display:block;}
.new_logo.NavBg .top_logo,body.no_move .new_logo .top_logo,.new_logo.site_logo .top_logo,body.no_move .banner_logo .top_logo{ display:none;}


.logo_menu{ height:80px; width:100%; position:fixed; left:0; top:0; z-index:999; transition:all .5s ease;background: rgba(255,255,255,0.9);}
.logo_menu.logo_menu_down{ height:80px; background:rgba(255,255,255,0.9); border-bottom: 1px solid #E8E8E8;}
.logo_menu.logo_menu_down .new_logo,.logo_menu.logo_menu_down .banner_logo{ top:10px;}
.logo_menu.logo_menu_down .hamburger{ top:33px;}
.logo_menu.logo_menu_down img.top_logo{ display:none;}
.logo_menu.logo_menu_down img.color_logo{ display:block;}

.top_small_icon{ position:fixed; top:30px; right:95px; transition: all 0.3s ease-out;}
.top_small_icon a{ line-height:30px; padding:0 8px; display: inline-block; color: #000;  transition: all 0.3s ease-out;}
.top_small_icon a i.fa-mobile{ font-size:18px;}
.top_small_icon a:hover{color:#BF0230;}
.logo_menu.logo_menu_down .top_small_icon{ top:30px;}
.triangle{    position: fixed;  top: 10px;  left: 10px;}

.hamburger{ position:fixed; top:33px; right:25px; padding:0px 15px; display:block; z-index:9999;}
.new_menu span{}

.hamburger{padding:0px 15px;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;  transition:all .5s ease;}
.hamburger:hover,.principal:hover .principal-info .hamburger.fancy-button{opacity:.7}
.hamburger-box{width:29px;height:20px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-1px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:29px;height:2px;background-color:#bbb;border-radius:0;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}
.hamburger-inner:before{top:-9px}
.hamburger-inner:after{bottom:-9px}
.hamburger--arrowturn.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.hamburger--arrowturn.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}
.hamburger--arrowturn.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}
.hamburger--arrowturn-r.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.hamburger--arrowturn-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}
.hamburger--arrowturn-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}
.hamburger--slider .hamburger-inner{top:1px}
.hamburger--slider .hamburger-inner:before{top:9px;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;transition-duration:.15s}
.hamburger--slider .hamburger-inner:after{top:18px}
.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,9px,0) rotate(45deg);transform:translate3d(0,9px,0) rotate(45deg)}
.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-4.14px,-7px,0);transform:rotate(-45deg) translate3d(-4.14px,-7px,0);opacity:0}
.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-18px,0) rotate(-90deg);transform:translate3d(0,-18px,0) rotate(-90deg)}

.banner{margin-top: 80px;}

@media screen and (max-width:768px){
    .hamburger{right: 0px;}
}