.UIHeader{position:absolute;z-index:2;width:100%}.UIHeader .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:50px 0}.UIHeader .wrap .logo{margin:0 auto 0 0;width:188px;height:50px;background-image:url(../img/vertical-adventures-logo.svg);text-indent:-9000px}.activities .UIHeader .wrap .logo,.article .UIHeader .wrap .logo,.contact .UIHeader .wrap .logo,.news .UIHeader .wrap .logo,.team .UIHeader .wrap .logo{background-image:url(../img/vertical-adventures-logo-dark.svg)}.UIHeader .menu{margin:13px 0 0 auto;list-style:none;padding:0}.UIHeader .menu a{font-family:Ubuntu;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;text-shadow:0 2px 5px rgba(0,0,0,1);-webkit-transition:all 150ms cubic-bezier(.25,.46,.45,.94);transition:all 150ms cubic-bezier(.25,.46,.45,.94);-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.activities .UIHeader .menu a,.article .UIHeader .menu a,.contact .UIHeader .menu a,.news .UIHeader .menu a,.team .UIHeader .menu a{color:#284560;text-shadow:none}.UIHeader .menu a.active,.no-touch .UIHeader .menu a:hover{color:#d13550}.UIHeader .menu a:before{content:'•';margin:0 15px 0 12px;opacity:.3;color:#fff}.activities .UIHeader .menu a:before,.article .UIHeader .menu a:before,.contact .UIHeader .menu a:before,.news .UIHeader .menu a:before,.team .UIHeader .menu a:before{color:#284560}.UIHeader .menu a:first-child:before{display:none}.UIHeader .btn-menu{display:none;position:fixed;top:24px;right:21px;z-index:10;width:25px;text-align:center}.UIHeader .btn-menu i{line-height:25px;color:#fff;font-size:20px;text-shadow:0 0 15px rgba(0,0,0,.5)}.activities .UIHeader .btn-menu i,.article .UIHeader .btn-menu i,.contact .UIHeader .btn-menu i,.news .UIHeader .btn-menu i,.team .UIHeader .btn-menu i{color:#284560;text-shadow:none}@media only screen and (max-width :1280px){.UIHeader .wrap{padding:30px 0}.UIHeader .wrap .logo{width:150px;height:40px}.UIHeader .menu{margin:10px 0 0 auto}.UIHeader .menu a:before{margin:0 10px 0 7px}}@media only screen and (max-width :1023px){.UIHeader .wrap{padding:20px 0}.UIHeader .wrap .logo{width:120px;height:32px}.UIHeader .menu{display:none}.UIHeader.active{padding:0;margin:0;width:300px}.UIHeader.active .wrap{width:100%;padding:0;margin:0}.UIHeader.active .logo{position:fixed;top:20px;left:67px;background-image:url(../img/vertical-adventures-logo-dark.svg)}.UIHeader.active .menu{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;padding:0;margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;top:80px;left:0;overflow:hidden;width:260px}.UIHeader.active .menu a:before{display:none}.UIHeader.active .menu a{text-align:center;margin:20px 0 0 5%;width:90%;color:#21384e}.UIHeader .menu a{text-shadow:none}.UIHeader.active .menu a.active{color:#d13550}.UIHeader .btn-menu{display:block}}@media only screen and (max-width :767px){.UIHeader .wrap{padding:20px 0}.UIHeader .wrap .logo{width:100px;height:26px}.UIHeader .btn-menu{top:20px;right:17px}.UIHeader .btn-menu i{font-size:18px}.UIHeader.active .logo{top:22px;left:80px}.UIHeader.active .menu{top:70px}.UIHeader.active .menu a{margin:15px 0 0 5%;font-size:13px}}