header{position:fixed;top:0;left:0;right:0;z-index:100}header .primary{opacity:1;position:relative;background-color:#fff;transition:all .25s ease .25s;z-index:1}header.sticky .primary{opacity:0}header .secondary{overflow:hidden;position:absolute;top:0;left:0;right:0;display:flex;background-color:#fff;z-index:2;opacity:0;transform:translateY(-60px);transition:all .25s ease}header .container{flex:1 1 100%;display:flex;flex-direction:row;align-items:center;position:relative}header .primary .container{height:60px;background-color:#fff;justify-content:space-between;z-index:2}header .secondary .container{height:54px;padding:0 24px;justify-content:center}header .secondary .logo{display:none}header .secondary .msg{font-size:14px;font-weight:500;line-height:1.3;margin-right:16px;order:2}header .secondary .ct-btn{white-space:nowrap;margin-left:auto;order:3}header .secondary .logo~.ct-btn:last-child{margin-right:auto}header .secondary .ct-btn~.ct-btn{margin-left:16px;margin-right:auto}header .secondary .ct-btn~.ct-btn~.msg{display:none}header.sticky .secondary{opacity:1;transform:translateY(0);box-shadow:0 0 16px 0 rgba(0,0,0,.08);transition:all .25s ease .25s}header .logo a{display:block;padding:0 24px 2px 24px}header .logo img{display:block;width:150px;max-width:100%}header .search{display:none;flex:1 1 auto;position:relative;margin:0 10px 0 22px;text-align:right}header .search input{width:40px;height:60px;font-size:14px;line-height:24px;border:0 none;padding:12px 0;background-color:#fff;display:inline-block;position:relative;opacity:0;cursor:pointer;outline:0;transition:width .5s ease,opacity .2s ease .25s;z-index:3}header .search input::placeholder{color:transparent}header .search>i{color:#647390;font-size:24px;text-align:center;height:40px;width:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:10px;left:100%;transform:translateX(-100%);transition:left .5s ease,transform .3s linear;z-index:2;user-select:none;-webkit-tap-highlight-color:transparent}header .search>i:hover{color:#080a0c}header .search input:focus,header .search input:valid,header.search-active .search input{padding:14px 32px;width:100%;background-color:#fff;cursor:text;opacity:1;transition:background-color .3s linear,width .5s ease;z-index:2}header .search input:focus::placeholder,header .search input:valid::placeholder,header.search-active .search input::placeholder{color:#81909c}header .search input:focus~i,header .search input:valid~i,header.search-active .search input~i{left:0;transform:translateX(-25%);cursor:default;z-index:3}header .search input:focus~.clear,header .search input:valid~.clear,header.search-active .search input~.clear{opacity:1;cursor:pointer;z-index:3}header .search .clear{position:absolute;top:18px;right:0;opacity:0;transition:opacity .3s linear;z-index:1}header .search .clear i{color:#647390;background-color:#fff;font-size:16px;padding:4px;margin-right:10px;display:block}header nav{display:none}header nav ul{line-height:1.2;text-align:center;flex:1 1 auto;display:flex;flex-direction:row}header nav ul a{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;cursor:pointer;position:relative}header nav li:not(:last-child){margin-right:24px}header .primary nav{flex-direction:column;justify-content:center;position:absolute;top:0;left:266px;bottom:0;z-index:1}header .primary nav li a{color:#647390}header .primary nav li.current a{font-weight:500}header .primary nav li a:hover,header .primary nav li.active a,header .primary nav li.current a{color:#080a0c;text-decoration:none}header .tlmenu{display:flex;flex-direction:row}header .tlmenu>i{font-size:24px;text-align:center;height:40px;width:40px;margin-right:22px;cursor:pointer;display:flex;justify-content:flex-end;align-items:center;user-select:none;-webkit-tap-highlight-color:transparent}header .tlmenu .mobmenu{color:#080a0c;position:relative}header .tlmenu .mobmenu:before{transform:scale(1);transition:all .2s ease}header .tlmenu .mobmenu:after{content:"\f101";opacity:0;position:absolute;z-index:-1;transform:scale(0);transition:all .2s ease}header .tlmenu .mobmenu.active:before{opacity:0;transform:scale(0)}header .tlmenu .mobmenu.active:after{opacity:1;transform:scale(1)}header .tlmenu .search{display:none}header .tlmenu a{text-decoration:none;align-self:center;white-space:nowrap;outline:0;display:none}header .tlmenu a:hover{text-decoration:none}header .tlmenu a:not(.ct-btn){font-size:14px;font-weight:500}header .tlmenu .ct-btn+.ct-btn{margin-left:0}header .tlmenu .login{display:block}header .tlmenu a{margin:0 8px;user-select:none;-webkit-tap-highlight-color:transparent}header .tlmenu a.lang{color:#647390;margin-right:32px}header .tlmenu a.lang.disabled{pointer-events:none}header .tlmenu a.lang i{font-size:12px}header .tlmenu a.mtoggler.active{color:#080a0c}header .tlmenu a .ccicon-arrow-down{font-size:16px;display:inline-block;vertical-align:top;margin-top:3px}@media screen and (max-width:1280px){header{order:1}}@media screen and (min-width:769px){header .primary .logo{margin-left:52px}header .logo a{padding-bottom:5px}header .logo img{width:186px}header .tlmenu{margin-right:24px}header .tlmenu .mobmenu{position:absolute;top:10px;left:22px;justify-content:center}header .tlmenu .ct-btn{display:flex}header .secondary .container{padding:0 32px 0 8px}header .secondary .logo{display:block;margin-right:auto}header .secondary .ct-btn{margin-left:0}header .secondary .ct-btn~.ct-btn,header .secondary .logo~.ct-btn:last-child{margin-right:0}header .secondary .msg{margin-left:auto;margin-right:32px}}@media screen and (min-width:993px){header .secondary .ct-btn~.ct-btn~.msg{display:block}}@media screen and (min-width:1281px){header .primary .container{padding:0}header .primary .logo{margin-left:0;flex:0 0 auto;transition:transform .3s ease}header .logo a{padding:0 24px 5px 32px}header .logo img{width:186px}header .search{display:block}header.search-active nav.topmenu{position:absolute;opacity:0}header nav{font-size:14px;display:block}header nav li{position:relative;display:flex;align-items:center;transition:all .3s ease}header nav a{opacity:1;transition:opacity .5s ease}header nav ul a{white-space:nowrap}header .primary nav{display:flex}header .tlmenu{margin-right:0}header .tlmenu>i{margin-right:16px}header .tlmenu a:not(.ct-btn){display:block}header .tlmenu .mobmenu{display:none}header .secondary .container{padding:0 24px 0 0}}@media screen and (min-width:1500px){header .primary nav{position:relative;left:0;margin:0 16px 0 22px}header .search input{background-color:transparent}}