body {color:#777777;background:#ffffff;line-height:1.80857143;font-family:'Open Sans', sans-serif;} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color:#333333;font-weight:500;font-family:'Poppins', sans-serif;} a {color:#555555;text-decoration:underline;} a:hover, a:focus {color:#FF0000;} .btn {color:#ffffff;font-family:'Open Sans', sans-serif;font-size:15px;font-weight:700;text-decoration:none;text-transform:uppercase;padding-top:12px;padding-bottom:12px;background:#FF0000;border-width:0px;border-radius:25px;min-width:180px;} .btn:hover, .btn:focus {background:#bb0000;color:#ffffff;} h1, .h1 {font-size:36px;margin-bottom:15px;} h2, .h2 {font-size:32px;margin-top:30px;margin-bottom:15px; position: relative; padding-bottom: 25px;} h3, .h3 {margin-top:30px;margin-bottom:15px;} h4, .h4 {font-size:24px;margin-top:30px;margin-bottom:10px;} h5, .h5 {font-size:20px;margin-top:30px;} h6, .h6 {font-size:20px;margin-top:20px;} p {margin-bottom:20px;} ul {list-style-image:url("/img/atxdyno/li.png");} h2:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 50px; background: #ff0000; } @media (min-width: 1470px){ .container { width: 1440px; } } #main_obal { background: #ffffff; } #header { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); } #logo { padding-top:9px; padding-bottom:9px; } #logo img {max-width:100%; max-height: 47px; width:auto; height:auto; } #mainMenu .navbar-collapse { background-color:#ff0000; color:#fff; } #mainMenu a { border-bottom:1px solid #cc0000; color:#333333; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a { color:#000000; } #mainMenu .active a:after { background:#000; } #mainMenu .RESPswitchMENU a { background:#660000; max-width: 280px; } #mutace { display: block !important; float: right;height: 50px;width: 40px;position: relative; } #mutace:before { content: ''; display: block; height: 20px; width: 1px; background: #d5d5d5; position: relative; top: 10px; left: -3px; } @media (min-width: 1230px) { #mutace:before { left: -20px; } } #mutace #zobak { position: absolute; right: -8px; top: 50%; margin-top: -13px; z-index: 10; color: #ff0000; font-size: 18px; } #mutace ul {margin: 0px;width: 100%;padding: 0px;overflow: visible;height: auto;padding-top: 15px;} #mutace:hover ul li {background: #ffffff;height: 30px;} #mutace ul li { display: block;height: 0px;overflow: hidden;line-height: 16px;padding: 0px;margin: 0px;text-align: center;transition: all 0.2s;position: relative;z-index: 2; text-transform: uppercase; font-size: 16px; color: #ff0000; font-weight: 500; line-height: 20px;} #mutace ul li a { color: #ff0000; } #mutace ul li a:hover { color: #000000; } #mutace ul li.aktivni { position: absolute;top: 0px;left: 0px;bottom: 0px;height: auto !important;right: 0px;z-index: 1; padding: 10px; height: 40px !important; cursor: pointer; } @media (max-width: 767px) { #mutace ul { padding-top: 35px; } } .navbar-toggle {background:#ff0000; color:#fff;} #header .c-button{ background-color: transparent; float: right; font-size: 14px; text-transform: uppercase; margin: 0px 5px 0px 55px; overflow: visible; height: 50px; line-height: 50px; width: 35px; text-indent: -90px; color: #fff;} #header .c-button:active, #header .c-button:hover{color:#000;} #header .c-button span, #header .c-button span::before, #header .c-button span::after{ height:3px; width:26px; right:auto;background:#FFF; } #header .c-button span{top:22px;left:5px;} #header .c-button span::before{top:-9px;} #header .c-button span::after{bottom:-9px; width:15px; } .c-menu{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;} .c-menu--slide-right{overflow:auto;} .menuOpened .c-menu, .old_android .c-menu {display:none;} #c-button--slide-right{z-index:1000; display:none;} #c-mask{z-index:1100;} #c-menu--slide-right{z-index:1200;} .c-menu--slide-right .c-menu__item{border-top-color:#cb0000;border-bottom-color:#a00000;height:57px;} .c-menu--slide-right .c-menu__item a{color:#fff;text-transform:uppercase;font-size:16px;padding:17px 24px;text-decoration:none;} .c-menu--slide-right .c-menu__item a:hover, .c-menu--slide-right .c-menu__item a:focus, .c-menu--slide-right .c-menu__item a.active{text-decoration:none; color:#000; } .c-menu--slide-right .close-button-block{background-color:#9d0001;width:100%;} .c-menu--slide-right .close-button-block button{width:90px;margin:0 auto;background-color:#9d0001;} #c-menu--slide-right{ background-color:#b00000;} .footer-copyright-cp a .svg-icon { fill: #333333; } .footer-copyright-cp a:hover .svg-icon { fill: #cc9900; } #footer .socialy a { border:1px solid #ff0000; } #footer .socialy .svg-icon { fill:#ff0000; } #footer-bottom a.btn { border:1px solid #ff0000; color:#ff0000; } #footer .socialy a:hover, #footer-bottom a.btn:hover { background:#FFF; border-color:#FFF; } #animace .carousel-indicators { bottom: 0; } #animace .carousel-indicators li, #animace .carousel-indicators li.active { width: 8px; height: 8px; border: none; background: #ffffff; margin: 0; } #animace .carousel-indicators li.active { background: #ff0000; } @media (min-width: 768px) { #animace .carousel-indicators { bottom: 10px; } #animace .carousel-indicators li, #animace .carousel-indicators li.active { width: 16px; height: 16px; } } #animace .carousel-inner .item.itemblur:after { content:''; display:block; position:absolute; left:0px; top:0px; right:0; bottom:0; background:rgba(13,15,26,0.5); background-size: auto 100%; opacity: 1; } #animace .anim-text-wrap { text-decoration:none; color:#FFF; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:50; } #animace .anim-text { color:#FFF; font-weight:700; font-style:italic; display: block; text-align: right; position:absolute; top:30%; z-index:50; left:auto; right:50px; margin:0px auto; max-width: 50%; padding-right:15px; line-height: 1.2; } #animace .anim-btn-in .anim-text { top:20%; } #animace .anim-text strong { font-weight:900; display: block; margin-bottom: 5px; } #animace .anim-text .popisek { display:block; } #animace .btn { text-transform: uppercase; padding:4px 6px 4px 10px; min-width: 0px; max-width: none; width:auto; background:#ff0000; color:#FFF; font-size: 13px; white-space: nowrap; } #animace .btn:after { content:'';clear:both;display: block; } #animace .btn .icon { font-size:130%; float:right; } #animace .btn .text { float:left; } #animace .btn:hover { background:#660000; } #animace .stabil-part { text-align: center; } #animace .stabil-part img { display: block; margin: 0 auto; max-height: 339px; } #animace #carousel-control-holder { position: relative; } #animace #carousel-control-block { position: absolute; right: 0; bottom: 30px; width: 50px; } #animace .carousel-control.left, #animace .carousel-control.right { position: absolute; top: auto; bottom: auto; display: inline-block; text-decoration: none; background: transparent; text-align: center; text-shadow: none; opacity: 1; border: 1px solid #ffffff; border-radius: 50%; width: 20px; height: 20px; line-height: 18px; } #animace .carousel-control.left { left: 0; right: auto; } #animace .carousel-control.right { left: auto; right: 0; } #animace .carousel-control.left .fas, #animace .carousel-control.right .fas { color: #ff0000; font-size: 18px; line-height: 18px; } @media (min-width: 768px) { #animace #carousel-control-block { bottom: 70px; width: 90px; } #animace .carousel-control.left, #animace .carousel-control.right { width: 40px; height: 40px; line-height: 36px; } #animace .carousel-control.left .fas, #animace .carousel-control.right .fas { font-size: 24px; line-height: 36px; } } .top-nav .btn .icon { color:#ff0000; } .top-nav .btn:hover { color:#FFF; background:#990000; } .top-nav .btn:hover .icon { color:#FFF; } @media (max-width: 767px) { #header #top-line {position: fixed;top: 0px;left: 0px;background: #ffffff;z-index: 1000;width: 100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); } #header-right-block { padding-top: 12px; } #mutace { margin-right: 20px; } #main_obal { margin-top: 140px; } .homepage #main_obal { margin-top: 70px; } #logo { padding-right: 0; padding-left: 0; } } @media (max-width: 460px) { #logo { padding-top: 12px; } #logo img { width: 130px; } #header-right-block { padding-top: 4px; margin-bottom: -4px; } #mutace:before { display: none; } #main_obal { margin-top: 90px; } .homepage #main_obal { margin-top: 60px; } } @media screen and (min-width: 768px){ #main_obal { margin-top: 90px; } .configurator #main_obal { margin-top: 135px; } #animace .anim-text { font-size:22px; right:2%; margin-right:50px; } #animace .anim-text strong { font-size:26px; } #animace .carousel-indicators { margin-top:-60px; } #animace .carousel-indicators li { font-weight: bold; font-size: 14px; } .leve-menu>.nav li>a { border-bottom:1px solid #990000; } .leve-menu>.nav>li>a, .leve-menu>.nav>li>a:hover { background:#990000; color:#FFF; font-weight: bold; border-color:#990000; } .leve-menu>.nav>li li>a { background:#ff0000; color:#FFF; } .leve-menu>.nav>li li>a:hover, .leve-menu>.nav>li li.active>a { background:#ff0000; color:#000; border-color:#990000;} .navbar-nav { float: left; margin:0px; } .navbar-header, .navbar-nav>li { float: none; display: inline-block; } .navbar-toggle { display: none; } .navbar-collapse.collapse{ overflow: visible !important; height: auto !important; display: block !important;} #mainMenu { position:absolute; width: 503px; top:11px; left:50%; right:auto; z-index: 1; text-align: right;border-radius: 0px; height:40px; margin-left:-188px; } #mainMenu .navbar-nav { float:none; margin-left:-10px; } #mainMenu .navbar-nav li { background: transparent;} #mainMenu a {padding:10px 4px; line-height: 20px; font-size:9px; border:0px none; text-align: center; border-bottom:0px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active {background:transparent;} #mainMenu .active a:after { margin:0px auto; } #mainMenu>.container {background:transparent; padding:0px;width:auto; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; position:relative; } .dropdown-trigger { display: none; } #mainMenu .hide-navbar{display:none;} #mainMenu a { font-weight: 500; } #header-right-block { padding-top:10px; position: relative; float:right; } #header { padding-top:0px; position:absolute; top:0px; left:0px; width:100%; } .homepage #main_obal { margin-top: 60px; } } @media (min-width: 992px){ #header #top-line { position:relative; top:auto; left:auto; background:transparent; } #header #header-container { padding-bottom: 15px; } .homepage #main_obal { margin-top: 90px; } #logo { padding-top:21px; margin-top:0px; padding-bottom:0px; } #header-right-block { padding-top:25px; } #mainMenu { background:#ffffff; width: 647px; margin-left: -242px; top: 25px; } #mainMenu a { border-bottom:0px; font-size:12px; } #header .kontakt .btn { background:#ff0000; color:#FFF; height: 30px; line-height: 30px; padding: 0px 10px; font-size:14px; } #c-button--slide-right { display:block; } #animace .anim-text-wrap { top:90px; bottom:50px; } #animace .anim-text { font-size:30px; } #animace .anim-text strong { font-size:36px; } #animace .btn { font-size:17px; padding:5px 12px 5px 20px; font-weight: bold; } } @media (min-width: 1230px){ #mainMenu { width:804px; margin-left:-300px; } #mainMenu .navbar-nav { margin-left:-13px; } #mainMenu a { font-size:14px; padding-left: 8px; padding-right: 8px; } #header .c-button { height:60px; line-height:60px; } #header .c-button span { top:26px; } #animace .anim-text-wrap { top:110px; } #animace .anim-text { font-size:45px; } #animace .anim-text strong { font-size:52px; } #animace .carousel-indicators li { font-size: 16px; } #animace .btn { padding:8px 18px 8px 30px; } } @media (min-width: 1470px){ #header .c-button { height:80px; line-height:80px; } #header .c-button span { top:35px; } #mainMenu { margin-left:-360px; width: 984px; } #mainMenu .navbar-nav { margin-left:-16px; } #mainMenu a { font-size:16px; padding-left: 15px; padding-right: 15px; } #animace .anim-text-wrap { top:130px; bottom:70px; } #animace .anim-text { font-size:64px; right:auto; margin-right: 0px; left:50%; margin-left:-300px; width:900px; max-width: 900px; } #animace .anim-text strong { font-size:76px; } #animace .carousel-indicators li { font-size: 18px; } } .cp-chbox { display: block; position: relative; padding-left: 35px; overflow: hidden; min-height: 20px; cursor: pointer; } .cp-chbox input { position: absolute; top:-50px; } .cp-chbox .ico { display: block; position: absolute; top:0px; left:0px; width:20px; height:20px; background:#FFF; border:1px solid #9C6; line-height: 18px; text-align: center; } .cp-chbox .ico>.glyphicon { display: none; } .cp-chbox input:checked+.ico>.glyphicon { display: block; color:#6A1; font-size: 16px; } #footer { background: #f6f6f6; position: relative; padding-top: 40px; color: #777777; font-size: 14px; line-height: 24px; } #footer a { text-decoration: none; color: #777777; } #footer a.btn { color: #ffffff; } @media (min-width: 1230px) { #footer { padding-top: 80px; } } #footer .soc_icons { display: flex; } #footer .soc_icon_box { display: block; position: relative; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%; margin-right: 10px; } #footer .soc_icon_box .icon { font-size: 24px; color: #fff; left: 0; right: 0; top: 50%; transform: translateY(-50%); position: absolute; } #footer .soc_icon_box.fb { background-color: #1778f2; } #footer .soc_icon_box.ig { background-color: #c73575; background-image: linear-gradient(45deg, #9b27af 0%, #f34335 50%, #ffc107 100%); border: 0px solid #010101; } #footer .soc_icon_box.yt { background-color: #ff0000; } #footer .soc_icon_box:hover .icon, #footer .soc_icon_box:focus .icon { color: #dda15e; } #footer .title { display: inline-block; font-family:'Poppins', sans-serif; font-size: 24px; line-height: 30px; margin-bottom: 25px; text-transform: uppercase; color: #333333; font-weight: 500; } #footer #footer-bottom .border-block { border-top: #dcdcdc 1px solid; } #footer #footer-bottom p { padding: 20px 0; overflow: inherit; } .footer-border { height: 20px; width: 100%; background: rgb(255,0,0); position: absolute; top: 0; left: 0; right: 0; background: -moz-linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 70%, rgba(204,153,0,1) 70%, rgba(204,153,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 70%, rgba(204,153,0,1) 70%, rgba(204,153,0,1) 100%); background: linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 70%, rgba(204,153,0,1) 70%, rgba(204,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#cc9900",GradientType=1); } #home-intro article { text-align: left; font-size: 16px; line-height: 30px; font-weight: 400; } #home-intro article .btn { margin-top: 20px; } #home-intro h1 { text-transform: uppercase; font-size: 32px; position: relative; padding-bottom: 25px; } #home-intro h1:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 50px; background: #ff0000; } #graph-block { margin-bottom: 40px; margin-top: 15px; } #graph-block .border-block { border: 1px solid #d5d5d5; } #graph-block .image-block { text-align: center; position: relative; padding: 30px; } #graph-block .btn { position: absolute; bottom: 18%; left: 50%; width: 180px; margin-left: -90px; } #graph-block .text-block { padding: 20px 30px; text-align: center; } #graph-block .text-block h2 { margin-top: 0; font-weight: 600; color: #000000; font-size: 24px; line-height: 32px; padding-bottom: 0; } #graph-block .text-block h2:after { display: none; } #graph-block .text-block h3 { font-family:'Open Sans', sans-serif; margin-top: 20px; font-weight: 400; color: #777777; font-size: 18px; line-height: 22px; } @media (min-width: 768px) { #graph-block .text-block { padding: 20px 30px; text-align: left; } #graph-block .text-block h2 { font-size: 20px; line-height: 24px; } #graph-block .text-block h3 { font-size: 16px; line-height: 20px; } } @media (min-width: 992px) { #graph-block { margin-bottom: 60px; } #graph-block .text-block { padding: 20px 30px; } #graph-block .text-block h2 { font-size: 26px; line-height: 32px; } #graph-block .text-block h3 { font-size: 18px; margin-top: 35px; line-height: 26px; } } @media (min-width: 1230px) { #graph-block { margin-bottom: 80px; } #graph-block .text-block { padding: 30px 55px; } #graph-block .text-block h2 { font-size: 32px; line-height: 40px; } #graph-block .text-block h3 { font-size: 24px; line-height: 30px; } } @media (min-width: 1470px) { #graph-block { margin-bottom: 120px; } #graph-block .text-block { padding: 58px 85px; } #graph-block .text-block h2 { font-size: 36px; line-height: 48px; } #graph-block .text-block h3 { font-size: 26px; line-height: 36px; } } #pageHeader { background: transparent; padding-top: 10%; } #pageHeader:before { display: none; } #pageHeader h1, #pageHeader .h1 { color: #333333; position: relative; padding-bottom: 25px; } #pageHeader h1:after, #pageHeader .h1:after { content: ''; position: absolute; bottom: 0; left: 50%; right: auto; width: 400px; margin-left: -200px; background: #ff0000; height: 2px; } @media (max-width: 767px) { #pageHeader h1:after, #pageHeader .h1:after { width: 280px; margin-left: -140px; } } @media (min-width: 992px) { #pageHeader>.container { margin-bottom: -1.5%; } } article { margin-bottom: 40px; } @media (min-width: 992px) { article { margin-bottom: 60px; } } @media (min-width: 1230px) { article { margin-bottom: 80px; } } @media (min-width: 1470px) { article { margin-bottom: 120px; } } #mainMenu .active a:after { display: none; } .submenu { margin: 30px 0 20px 0; position: relative; } @media (min-width: 992px) { .submenu { margin-top: 80px; } } .submenu .submenu-control { display: inline-block; font-size: 16px; width: 30px; height: 30px; border-radius: 50%; text-align: center; margin-top: 120px; line-height: 30px; color: #ff0000; background: #f6f6f6; text-decoration: none; } .submenu .submenu-control-dots { text-align: center; padding: 0; margin: 30px 0; } .submenu .submenu-control-dots li { display: inline-block; cursor: pointer; list-style: none; width: 17px; height: 17px; background: #cacaca; margin: 0 5px; border-radius: 50%; transition: all linear 0.3s; } .submenu .submenu-control-dots li.active { background: #ff0000; } .submenu .submenu-item { padding-left: 5px; padding-right: 5px; } .submenu .submenu-item * { text-align: center; display: block; transition: all linear 0.3s; } .submenu .submenu-item .img-block { height: 60px; margin: 40px 0 30px 0; } .submenu .submenu-item .img-block img { max-width: 100%; width: auto; height: auto; max-height: 100%; margin: 0 auto; display: block; } .submenu .submenu-item .name-block { font-size: 14px; color: #333333; font-weight: 500; font-family:'Poppins', sans-serif; position: relative; text-transform: uppercase; line-height: 34px; } .submenu .submenu-item .name-block:after { content: ' '; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -25px; height: 2px; width: 50px; background: #ff0000; } .submenu .submenu-item a { text-decoration: none; padding: 10px; min-height: 230px; background: #ffffff; display: block; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); } @media (min-width: 768px) { .submenu .submenu-item.active .name-block { font-size: 18px; } .submenu .submenu-item.active a { min-height: 290px; } } .submenu .submenu-item, .submenu .submenu-item a { transition: all linear 0.3s; } .submenu .submenu-item { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .submenu .submenu-item { margin-top: 30px; margin-bottom: 30px; } .submenu .submenu-item.active { margin-top: 0; margin-bottom: 0; } .submenu .submenu-item.active a { padding-top: 40px; padding-bottom: 40px; } } .submenu.submenu-text-type .submenu-item { position: relative; } .submenu.submenu-text-type .submenu-item .non-hover-block { display: none; } @media (min-width: 768px) { .submenu.submenu-text-type .submenu-item a>span { transition: bottom linear 0.3s; } .submenu.submenu-text-type .submenu-item a .hover-block { position: absolute; top: 0; left: 15px; right: 15px; bottom: 100%; z-index: 1; overflow: hidden; background: #ffffff; } .submenu.submenu-text-type .submenu-item.active a .hover-block { bottom: 0; } .submenu.submenu-text-type .submenu-item.active a { min-height: 330px; } .submenu.submenu-text-type .submenu-item { margin-top: 50px; margin-bottom: 50px; } .submenu.submenu-text-type .submenu-item.active { margin-top: 0; margin-bottom: 0; } .submenu.submenu-text-type .submenu-item .non-hover-block { display: block; } } .submenu.submenu-text-type .submenu-item .btn { display: inline-block; min-width: 0; } .submenu.submenu-text-type .submenu-item .non-hover-block .name-block { font-size: 22px; line-height: 36px; min-height: 72px; padding-top: 60px; margin-bottom: 30px; } .submenu.submenu-text-type .submenu-item .hover-block .name-block { font-size: 22px; line-height: 36px; padding-top: 28px; margin-bottom: 5px; } .submenu.submenu-text-type .submenu-item .hover-block .name-block:after { display: none; } .submenu.submenu-text-type .submenu-item .hover-block .content-block { color: #777777; padding-left: 25px; padding-right: 25px; font-size: 14px; line-height: 22px; height: 176px; overflow: hidden; } .submenu.submenu-text-type .submenu-item a:hover .hover-block .content-block { color: #777777; } .submenu.submenu-text-type .submenu-item .hover-block .content-block p { margin-bottom: 22px; } .submenu.submenu-text-type .submenu-item .hover-block .btn { margin-top: 15px; } @media (min-width: 768px) { .submenu.submenu-count-1 .submenu-item { width: 45%; } .submenu.submenu-count-1 .submenu-item.active { width: 90%; margin-left: 5%; margin-right: 5%; } .submenu.submenu-count-2 .submenu-item { width: 45%; } .submenu.submenu-count-2 .submenu-item.active { width: 55%; } .submenu.submenu-count-3 .submenu-item { width: 30%; } .submenu.submenu-count-3 .submenu-item.active { width: 40%; } .submenu.submenu-count-4 .submenu-item { width: 22%; } .submenu.submenu-count-4 .submenu-item.active { width: 34%; } .submenu.submenu-count-5 .submenu-item { width: 19%; } .submenu.submenu-count-5 .submenu-item.active { width: 24%; } .submenu.submenu-count-6 .submenu-item { width: 16%; } .submenu.submenu-count-6 .submenu-item.active { width: 20%; } } @media (min-width: 992px) { .submenu .submenu-control { font-size: 22px; width: 40px; height: 40px; margin-top: 110px; line-height: 40px; } } @media (min-width: 1230px) { .submenu .submenu-control { font-size: 44px; width: 80px; height: 80px; margin-top: 90px; line-height: 80px; } .submenu .submenu-item { padding-left: 15px; padding-right: 15px; } .submenu .submenu-item .name-block { font-size: 19px; } .submenu .submenu-item.active .name-block { font-size: 24px; } } .menuOpened { background: #ffffff; } @media (max-width: 767px) { nav.navbar>.container { margin-top: 66px; } #mainMenu a { color: #ffffff; } #mainMenu .dropdown-menu { position: inherit; top: auto; left: auto; float: none; } .dropdown-menu>li>a { background: #ff0000; padding-left: 40px; } #mainMenu .dropdown-menu { padding: 0; margin: 0; background: transparent; } } @media (max-width: 460px) { nav.navbar>.container { margin-top: 50px; } } .kontakt-item { padding: 0; margin: 0 0 30px 0; max-width: inherit; width: 100%; } .skupiny-kontaktu { margin-top: 50px; } iframe { border: 0; } .kontakt-data { padding: 16px; } .kontakt-data .kontakt-heading { background: #f6f6f6; font-size: 18px; line-height: 30px; padding: 15px; font-weight: 500; margin: 0; } .kontakt-data .kontakt-pozice { padding: 16px; margin: 0; font-size: 16px; line-height: 30px; color: #777777; } .kontakt-data p { padding-left: 16px; line-height: 24px; color: #777777; margin: 0; } .kontakt-data p a { color: #777777; } .kontakt-data p .fas { color: #ff0000; display: inline-block; margin-right: 9px; font-size: 16px; } .kontakt-item .nowrap:hover { overflow: hidden; } #langChooser { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; transition: opacity ease-in-out 0.3s; background: rgba(0,0,0,0.5); opacity: 0; } #langChooser.show { opacity: 1; } #langChooser #langChooserContent { background: #ffffff; padding: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0px 0px 10px 15px rgb(255,255,255); } #langChooser #langChooserContent { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; max-width: 600px; min-width: 320px; transform: translate(-50%,-50%); } #langChooser #langChooserContent .main-logo img { max-height: 47px; margin: 0 auto; display: block; } #langChooser #langChooserContent .lang-item a img { filter: grayscale(100%); } #langChooser #langChooserContent .lang-item a:hover img, #langChooser #langChooserContent .lang-item a:focus img { filter: none; } #langChooser #langChooserContent .lang-item { padding: 15px; } #langChooser #langChooserContent .lang-item img { width: 100%; } .mapHackBlock { height:410px;width:100%; display:inline-block; overflow:hidden; } .mapHackBlock iframe { position: relative; top: -70px; } #home-intro article p, .page-content p { text-align: justify; } .page-content table tr th { color: #000000; background: #d5d5d5; } .page-content table tr td, .page-content table tr td a { color: #000000; } #offerDetail .status-value { padding: 4px 10px; font-size: 20px; border-radius: 10px; } #offerDetail .old-offer { color: #cc0000; font-weight: bold; } .page-content table tr.rejected td a { color: #ffffff; } .page-content table tr.rejected td, #offerDetail .status-value.rejected { background: #cc0000; color: #ffffff; } .page-content table tr.rejected:nth-child(even) td { background: #aa0000; color: #ffffff; } .page-content table tr.confirmed td, #offerDetail .status-value.confirmed { background: #009922; color: #000000; } .page-content table tr.confirmed:nth-child(even) td { background: #007700; color: #000000; } .page-content table tr.expired td a { color: #ffffff; } .page-content table tr.expired td, #offerDetail .status-value.expired { background: #222222; color: #ffffff; } .page-content table tr.expired:nth-child(even) td { background: #000000; color: #ffffff; } #offerDetail .detail_label_value { display: block; } #offerDetail .detail_label_value .detail_label { display: inline-block; color: #333333; font-weight: bold; width: 220px; text-align: right; } #offerDetail .btn-block .btn { margin: 15px 2%; width: 46%; float: left; } @media (max-width: 1229px) { #offerDetail .detail_label_value .detail_label { width: 100%; text-align: left; } } @media screen and (min-width: 768px) { #mainMenu .navbar-nav li.contactForm a { padding-top: 10%; padding-bottom: 10%; color: #fff; border-radius: 20px; position: relative; left: 5px; background: red; border-right: 5px solid red; border-left: 5px solid red; } } #mutace:before { display: none; } @media (min-width: 1230px) { #mutace:before { left: 0px; display: block; } } @media screen and (max-width: 767px) { #mainMenu .navbar-nav li.contactForm a { background: #660000; color: #fff; } }