xsdot_css_menu
/* main navigation */ .hdr-cnt {max-width:1400px;height:60px;margin:auto;} /*.mobile-cnt {width:100px;height:60px;position:absolute;top:0px;right:0px;}*/ .mobile-cnt {width:60px;height:60px;position:absolute;top:0px;right:0px;} #but-lan {width:42px;padding-left:8px;height:60px;float:left;line-height:58px;color:#ffffff;cursor:pointer;font-weight:bold;font-size:15px;background-image:url('/images/language-images-124147.png?v=0');background-position:24px -152px;font-family: CubeOT, sans-serif;obackground-color:#0000ff;} #but-mob {display:none;width:44px;height:60px;float:left;obackground-color:#00ff00;} #but-search {display:none;width:42px;height:40px;float:left;background-image:url('/files/dynamic/2f820005z16e64441a8ez7e0f.svg');background-size:18px;background-repeat:no-repeat;background-position:14px 20px;obackground-color:#ff0000;} #but-lan:hover {opacity:0.8} #hdr-mm {display:none;} .logo {position:absolute;float:left;width:172px;padding-left:8px;} #menu {max-width:700px;height:60px;padding-top:50px;margin-left:180px;} #main-nav {margin:0px;padding:0px;font-family: CubeOT, sans-serif;} #main-nav > li {z-index:200;padding:0px;margin:0px;list-style-type:none;float:left;padding-left:14px;padding-right:14px;} #main-nav > li > a {padding:10px 10px 10px 10px;display:block;text-transform:uppercase;} #main-nav > li > a:link, #main-nav > li > a:active, #main-nav > li > a:visited {color:#f0f0f0;font-size:16px;text-decoration:none;background:none;font-weight:bold;} #main-nav > li > a:hover {color:#ffffff;text-decoration:none;background:none;font-weight:bold;} #main-nav > li > a::after {content: "";display: block;width: 0px; height: 2px; background-color: #f04d3f; margin: 0 auto; -webkit-transition-property: width; transition-property: width;-webkit-transition-duration: 500ms;transition-duration: 300ms;} #main-nav > li > a:hover::after {content: "";width:100%;} #main-nav > li.published0 {position:inherit;border: 1px dashed rgba(255, 0, 0, .7);} #main-nav > li.published0::after {border: 0px;} .dd-menu1 {z-index:2000;position:absolute;list-style:none;padding:0px;margin:0px;background-color:#f0f0f0;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);transition: opacity 0.2s ease} .dd-menu1 li {padding:0px;margin:0px;} .dd-menu1 li a {text-transform:uppercase;padding:12px;padding-right:16px;padding-left:16px;overflow:hidden;display:block;font-size:14px;line-height:16px;background-color:transparent;text-decoration:none;font-weight:bold;} .dd-menu1 li a:hover {background-color:#f8f8f8;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);} .dd-menu1 > li > a:link, .dd-menu1 > li > a:active, .dd-menu1 > li > a:visited {color:#f04d3f;} .moff {opacity:0;overflow:hidden;top:-600px;transition: none;} .mon {opacity:0.94;top:50px;} @media (max-width: 920px) { /*.mobile-cnt {width:148px;}*/ .mobile-cnt {width:108px;} #but-mob {display:block;} .logo {float:none;position:absolute;width:94px;left:8px;top:0px;padding-left:0px;} #menu {position:relative;float:none;width:100%;max-width:100%;height:0px;top:60px;padding-top:0px;margin-left:0px;} #main-mnu {position:absolute;width:300px;transition: right 0.3s ease, opacity 0.3s ease;background-color:#f0f0f0;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);} #main-nav {display:block;width:100%;} #main-nav > li {float:none;padding-left:14px;padding-right:14px;} .mnuoff {right:-310px;top:0px;} .mnuon {right:0px;top:0px;} #main-nav > li > a {padding:0px;display:inline-block;text-align:center;line-height:60px;height:50px;overflow:hidden;width:100%;} #main-nav > li > a:link, #main-nav > li > a:active, #main-nav > li > a:visited {color:#f04d3f;font-size:16px;text-decoration:none;background:none;font-weight:bold;} #main-nav > li > a:hover {color:#1f1f1f;text-decoration:none;background:none;font-weight:bold;} } @media (max-width: 450px) { #main-mnu {width:100%;} .mnuoff {opacity:1;right:0px;top:-400px} .mnuon {opacity:1;right:0px;top:0px;} } /* language */ /*#lan {position:absolute;top:42px;right:46px;transition: all 0.2s ease;width:160px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);background-image:url('/images/lan-arrow-win-124436.png?v=1');padding-top:12px;background-position:106px 0px;background-repeat:no-repeat;}*/ #lan {position:absolute;top:42px;right:6px;transition: all 0.2s ease;width:160px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);background-image:url('/images/lan-arrow-win-124436.png?v=1');padding-top:12px;background-position:106px 0px;background-repeat:no-repeat;} #lan ul {list-style:none;padding:0px;background-color:#e0e0e0;} #lan li {height:40px;line-height:40px;background-image:url('/images/language-images-124147.png?v=0');} #lan li:hover {background-color:#f8f8f8;} #lan li a {display:block;padding-left:40px;text-decoration:none;font-weight:bold;color:#404040;font-size:14px;font-family: CubeOT, sans-serif;} .loff {opacity:0;height:0px;overflow:hidden;} .lon {opacity:1;height:80px;} #lan li.nl {background-position:4px 0px;} #lan li.ru {background-position:4px -120px;} #lan li.en {background-position:4px -40px;} @media (max-width: 920px) { /* #lan {top:42px;right:94px;} */ #lan {top:42px;right:54px;} }
/* main navigation */ .hdr-cnt {max-width:1400px;height:60px;margin:auto;} /*.mobile-cnt {width:100px;height:60px;position:absolute;top:0px;right:0px;}*/ .mobile-cnt {width:60px;height:60px;position:absolute;top:0px;right:0px;} #but-lan {width:42px;padding-left:8px;height:60px;float:left;line-height:58px;color:#ffffff;cursor:pointer;font-weight:bold;font-size:15px;background-image:url('/images/language-images-124147.png?v=0');background-position:24px -152px;font-family: CubeOT, sans-serif;obackground-color:#0000ff;} #but-mob {display:none;width:44px;height:60px;float:left;obackground-color:#00ff00;} #but-search {display:none;width:42px;height:40px;float:left;background-image:url('/files/dynamic/2f820005z16e64441a8ez7e0f.svg');background-size:18px;background-repeat:no-repeat;background-position:14px 20px;obackground-color:#ff0000;} #but-lan:hover {opacity:0.8} #hdr-mm {display:none;} .logo {position:absolute;float:left;width:172px;padding-left:8px;} #menu {max-width:700px;height:60px;padding-top:50px;margin-left:180px;} #main-nav {margin:0px;padding:0px;font-family: CubeOT, sans-serif;} #main-nav > li {z-index:200;padding:0px;margin:0px;list-style-type:none;float:left;padding-left:14px;padding-right:14px;} #main-nav > li > a {padding:10px 10px 10px 10px;display:block;text-transform:uppercase;} #main-nav > li > a:link, #main-nav > li > a:active, #main-nav > li > a:visited {color:#f0f0f0;font-size:16px;text-decoration:none;background:none;font-weight:bold;} #main-nav > li > a:hover {color:#ffffff;text-decoration:none;background:none;font-weight:bold;} #main-nav > li > a::after {content: "";display: block;width: 0px; height: 2px; background-color: #f04d3f; margin: 0 auto; -webkit-transition-property: width; transition-property: width;-webkit-transition-duration: 500ms;transition-duration: 300ms;} #main-nav > li > a:hover::after {content: "";width:100%;} #main-nav > li.published0 {position:inherit;border: 1px dashed rgba(255, 0, 0, .7);} #main-nav > li.published0::after {border: 0px;} .dd-menu1 {z-index:2000;position:absolute;list-style:none;padding:0px;margin:0px;background-color:#f0f0f0;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);transition: opacity 0.2s ease} .dd-menu1 li {padding:0px;margin:0px;} .dd-menu1 li a {text-transform:uppercase;padding:12px;padding-right:16px;padding-left:16px;overflow:hidden;display:block;font-size:14px;line-height:16px;background-color:transparent;text-decoration:none;font-weight:bold;} .dd-menu1 li a:hover {background-color:#f8f8f8;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);} .dd-menu1 > li > a:link, .dd-menu1 > li > a:active, .dd-menu1 > li > a:visited {color:#f04d3f;} .moff {opacity:0;overflow:hidden;top:-600px;transition: none;} .mon {opacity:0.94;top:50px;} @media (max-width: 920px) { /*.mobile-cnt {width:148px;}*/ .mobile-cnt {width:108px;} #but-mob {display:block;} .logo {float:none;position:absolute;width:94px;left:8px;top:0px;padding-left:0px;} #menu {position:relative;float:none;width:100%;max-width:100%;height:0px;top:60px;padding-top:0px;margin-left:0px;} #main-mnu {position:absolute;width:300px;transition: right 0.3s ease, opacity 0.3s ease;background-color:#f0f0f0;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);} #main-nav {display:block;width:100%;} #main-nav > li {float:none;padding-left:14px;padding-right:14px;} .mnuoff {right:-310px;top:0px;} .mnuon {right:0px;top:0px;} #main-nav > li > a {padding:0px;display:inline-block;text-align:center;line-height:60px;height:50px;overflow:hidden;width:100%;} #main-nav > li > a:link, #main-nav > li > a:active, #main-nav > li > a:visited {color:#f04d3f;font-size:16px;text-decoration:none;background:none;font-weight:bold;} #main-nav > li > a:hover {color:#1f1f1f;text-decoration:none;background:none;font-weight:bold;} } @media (max-width: 450px) { #main-mnu {width:100%;} .mnuoff {opacity:1;right:0px;top:-400px} .mnuon {opacity:1;right:0px;top:0px;} } /* language */ /*#lan {position:absolute;top:42px;right:46px;transition: all 0.2s ease;width:160px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);background-image:url('/images/lan-arrow-win-124436.png?v=1');padding-top:12px;background-position:106px 0px;background-repeat:no-repeat;}*/ #lan {position:absolute;top:42px;right:6px;transition: all 0.2s ease;width:160px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);background-image:url('/images/lan-arrow-win-124436.png?v=1');padding-top:12px;background-position:106px 0px;background-repeat:no-repeat;} #lan ul {list-style:none;padding:0px;background-color:#e0e0e0;} #lan li {height:40px;line-height:40px;background-image:url('/images/language-images-124147.png?v=0');} #lan li:hover {background-color:#f8f8f8;} #lan li a {display:block;padding-left:40px;text-decoration:none;font-weight:bold;color:#404040;font-size:14px;font-family: CubeOT, sans-serif;} .loff {opacity:0;height:0px;overflow:hidden;} .lon {opacity:1;height:80px;} #lan li.nl {background-position:4px 0px;} #lan li.ru {background-position:4px -120px;} #lan li.en {background-position:4px -40px;} @media (max-width: 920px) { /* #lan {top:42px;right:94px;} */ #lan {top:42px;right:54px;} }