body, html, table {
margin: 0px; padding: 0px; font-family: Ubuntu, sans-serif; font-size: 14px; font-weight : 400; color: #141414; line-height: 22px;}

* {box-sizing: border-box;}

body { background: #fff url("../images/bg.jpg") no-repeat center top; background-size: 100%; text-align: center;}
body.sub {background-position: center -215px;}
h1,h2,h3, h4, h5 {margin: 0px; padding: 0; font-size: 26px; font-family: Ubuntu, sans-serif; line-height: 30px; color: #141414;  font-weight: 400; text-align: left;}
h2 strong, h3 strong {font-weight: 900;}
h1 {padding-bottom: 5px;}
h2 {padding-bottom: 5px; font-size: 22px;}
h3 {font-size: 16px; font-weight: 700;}
h4 {font-size: 14px; font-weight: 700; margin: 10px 0 0 0;}
p {padding: 0px; margin: 20px 0px 20px 0px; text-align: left;}
a img {border: 0px solid; display: inline-block;}
a {text-decoration: underline; color: #141414;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}
ul {list-style: none; margin: 0; padding: 10px 0;}
ul li { margin: 0; padding: 0; line-height: 18px;}
hr {background: #e8e7e3; height: 4px; margin: 40px 0 40px -28px; padding: 0; border: 0; width: calc(100% + 28px);}
#text ul, #data ul{padding: 5px 0;}
#text ul {padding: 10px 0;}
#text ul li, #data ul li {position: relative; padding: 2px 0 2px 20px;}
#text ul li:before, #data ul li:before {position: absolute; left: 0; top: 3px; font-family: FontAwesome;  content: "\f054"; color: #fccb3e; font-size: 13px;}


.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.center, .center p {text-align: center !important;}
.justify {text-align: justify;}
.skrejt {display: none;}
.error {color: red;}
.clear {width: 100%; clear: both;}
.nowrap {white-space: nowrap;}
.btn, .btn3 {font-size: 14px; color: #1a2e4b; text-transform: uppercase; background: #fdca41; padding: 11px 25px; line-height: 18px; font-weight: 700; display: inline-block; position: relative; z-index: 1; text-decoration: none;}
.btn:hover {background: #1a2e4b; color: #fff; text-decoration: none;}
.btn2 {border: 1px solid #fdca41; color: #1a2e4b; text-transform: uppercase; font-weight: 700; padding: 8px 18px; display: inline-block; text-decoration: none;}
.center .btn2 {margin-top: 20px;}
.btn2 img {float: right; margin-left: 15px;}
.btn2:hover {background: #1a2e4b; color: #fff; text-decoration: none;}
.btn3 {background: #1d3c66; color: #fff; margin: 20px auto 0;}
.btn3:hover {text-decoration: none; background: #1a2e4b;}
.table {display: table;}
.half {width: 50%; display: table-cell; vertical-align: top;}
.pager {background: #1a2e4b; color: #aaa; padding: 10px; font-weight: 700;}
    .pager a {color: #fff; padding: 0 5px;}

.flex { display: flex; flex-direction: row; align-items: start;}
.flex.hriste {flex-flow: row wrap; justify-content: center;}
.flex.image-gallery {flex-flow: row wrap;}

.site {position: relative; width: 100%; text-align: center; overflow: hidden; float: left;}
.wrapper {position: relative; margin: 0px auto; max-width: 1200px; display: inline-block; text-align: left; min-width: 1200px; margin: 0; vertical-align:top; box-sizing: border-box;}


    #top { overflow: visible; margin-top: 22px;}
        #top .wrapper {display: table; background: #1a2e4b; border-bottom: 2px solid #fdca41; margin: 0 auto;}
        #logo {display: table-cell; width: 317px; height: 124px; padding-top: 15px; text-align: center; background: #fdca41;}
            .logo {position: relative; margin: 0px auto; display: inline-block;}
                .logo strong {display: none;}
                .logo img {display: block; max-height: 100%; max-width: 100%;}
        #top .menu-link {float: right; width: 45px; height: 45px; margin: 5px 10px; background: url("../images/menu.png") no-repeat; background-size: 100%; display: none;}                
         
        #top .wrapper > .right {float: none; display: table-cell; vertical-align: top; position: relative;}
         
        #topmenu {float: right; min-height: 30px; line-height: 30px; text-transform: uppercase; margin: 16px 0 17px; color: #fff;}
            #topmenu span {padding-left: 45px; display: inline-block; background: url("../images/phone.png") no-repeat left center; padding-right: 10px;}
            #langs {float: right;}
            #topmenu a {float: right; height: 30px; padding: 0 5px;  color: #fff; text-align: center; text-transform: uppercase; opacity: 0.4; text-decoration: none;}
            #topmenu a.lang {padding: 0; width: 41px; margin-left: 1px; border-left: 1px solid #384a71; opacity: 1;}
            #topmenu a.lang:last-of-type {border: none;}
            #topmenu a.lang.active, #topmenu a:hover {color: #fdca41; text-decoration: none; opacity: 1; font-weight: 700;}
                #topmenu a img { display: block; margin-top: 3px;}

        #menu {margin: 0; margin: 0 0 0 0;}
            #menu ul {width: 100%; display: table; /*table-layout: fixed;*/ border-collapse: collapse;}
            #menu ul, #menu ul li {margin: 0; padding: 0; height: 60px;}
                #menu ul li {position: relative; display: table-cell; text-align: center; border: 1px solid #384a71; border-bottom: none; border-top: none;}
                #menu ul li a {padding: 0 10px; display: block; height: 60px; line-height: 60px; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 500; border-top: 1px solid #384a71; background: #1d3c66; text-decoration: none;}
                #menu ul li a.active, #menu ul li a:hover {border-top: 0; background: #1a2e4b; text-decoration: none;}
                    #menu ul li ul {display: none; position: absolute; z-index: 1; top: 60px; float: left;}
                        #menu ul li ul li { background: #1a2e4b; white-space: nowrap; float: none; border-top: 1px solid #384a71; display: block;}
                        #menu ul li ul li:last-of-type { border-bottom: 1px solid #384a71;}
                        #menu ul li ul li:hover {    background: #1d3c66;}
                            #menu ul li ul li a, #menu ul li ul li a:hover {background: none; border: none;}
                    #menu ul li:hover ul {display: block; width: auto; height: auto;}
 
                @media all and (max-width: 1200px) {
                    #top {overflow: visible; background: none; min-height: auto; margin: 0;}
                    .wrapper { width: 100%; margin: 0; min-width: 280px; padding: 0 4%;}
                    #top .wrapper, #slider .wrapper {padding: 0;}
                        #menu {display: none; z-index: 5;}
                            #menu.active {display: block; background: #1a2e4b; float: none; position: absolute; right: 0; top: 108px; z-index: 10; /*padding: 10px 0; max-width: 190px;*/}
                                #menu ul li:after {display: none;}
                                #menu ul {float: none; height: auto;}
                                #menu ul li {display: block; margin: 0px; padding: 0px; float: none; height: auto; border: none; white-space: nowrap;}
                                    #menu ul li a {float: none; display: block; height: auto; line-height: 18px; background: none !important; padding: 15px 20px;}
                                    #menu ul li a.active, #menu ul li a:hover {background: none !important; border-top: 1px solid #384a71;}
                                    #menu ul li ul {display: block; position: relative; top: auto; font-size: 12px; width: 100% !important; float: none; top: -5px;} 
                                        #menu ul li ul li {border: none; height: auto; margin: 0; padding: 0px;}
                                            #menu ul li ul li a {font-size: 11px; height: auto; line-height: auto; text-transform: none; padding: 5px 10px;}
                                            #menu ul li ul li:last-of-type {border: none;}
                                #menu a:hover {border: none;}
                            #top .menu-link {display: block;}
                            #topmenu {float: none; display: inline-block; width: 100%; padding: 0 10px; margin: 0;}
                            #topmenu b {display: none;}
                            #topmenu span {background: none; padding-left: 10px;}
                            .image.left.bordered img {width: 100%;}
                            #logo {height: auto; padding: 5px;}
                            .logo {height: 90px;}
                            #top .wrapper > .right {vertical-align: middle;}
                } 
            
                @media all and (max-width: 600px) {
                    #topmenu {display: none;}
                }             
 
                @media all and (max-width: 400px) {
                    .logo {height: 70px;}
                    #menu.active {top: 88px;}
                }  
 

            
            
    #slider{margin-top: 24px; max-height: 430px;}
        #slider .wrapper {border-bottom: 5px solid #b6bbc2; max-height: 430px;}
        #slider img {height: auto;}
        #slider .text {position: absolute; top: 0; height: 100%; left: auto; width: 500px; text-align: left; right: 0; background: rgba(29,60,102,0.95); padding: 0 60px;}
            #slider strong {font-size: 20px; color: #fff; font-weight: 400; line-height: 40px; display: block;}
            #slider h2 { display: block; font-size: 40px; line-height: 46px; color: #fff; text-transform: uppercase; font-weight: 500;}
            #slider p {font-size: 16px; color: #fff; line-height: 22px; font-weight: 400;} 
            #slider .text a, #middle .slider a {float: left; font-size: 14px; color: #1a2e4b; text-transform: uppercase; background: #fdca41; padding: 13px 25px; line-height: 18px; font-weight: 700; margin-top: 10px;}
            #slider .text a:hover {opacity: 0.8; text-decoration: none;}
        #slider ul {padding: 0;}
        #slider .bx-wrapper {margin: 0px auto;}
        #slider .bx-wrapper .bx-next, #slider .bx-wrapper .bx-prev, #slider2 .bx-wrapper .bx-next, #slider2 .bx-wrapper .bx-prev {background: none; text-indent: unset; color: #fff; font-size: 35px;}
        .sub #slider2 .bx-wrapper .bx-next, .sub #slider2 .bx-wrapper .bx-prev {color: #1d3c66;}
        #slider .bx-wrapper .bx-prev {left: 25px;}
        #slider .bx-wrapper .bx-next {right: 20px;}
            #slider .table, .banner .table {height: 100%;}
                #slider .table > div, .banner .table > div {display: table-cell; vertical-align: middle;}
                
                @media all and (max-width: 1200px) {
                    #slider{margin-top: 0px;}
                } 
            
                @media all and (max-width: 900px) {
                    #slider{margin-top: 0px;}
                        #slider h2 {font-size: 30px; line-height: 100%;}
                        #slider strong {line-height: 100%;}
                } 
            
                @media all and (max-width: 800px) {
                    #slider .text {width: 100%; padding: 10px 40px; position: relative; background: rgba(29,60,102,1);}
                    #slider .bx-wrapper .bx-prev {left: 5px;}
                    #slider .bx-wrapper .bx-next {right: 0px;}   
                    #slider p {margin: 10px 0;}
                    #slider img {display: none;}
                    .half {display: block; width: 100%;}
                }             

    #text {margin: 45px 0 0 0; background: #fff;}
    .sub #text {margin: 50px 0 0 0;}
        #text .wrapper {padding-bottom: 45px;}
        .sub #text .wrapper {padding-left: 28px; padding-top: 25px;}
        .sub #text .wrapper.right-padding {padding-right: 28px;}
        .sub #text.center .wrapper {text-align: center;}
        .sub #text.center * {text-align: center;}
        .sub #text .flex > * {width: 50%;}
        .sub #text .flex.hriste > * {width: auto; display: inline-block; margin: 20px 20px 0 0; width: 23%; vertical-align: top;}
        .sub #text .flex.image-gallery > * {width: auto; flex: 1; margin: 10px; display: inline-block; text-align: center;}
        .sub #text.detail .flex > * {align-self: start; width: auto; flex: 1;}
        .sub #text .flex > img {margin-right: 30px;}
        .sub #text .flex.hriste > * img {/*width: 100%;*/}
        .sub #text .flex.hriste > * hr {width: 100%; margin: 5px 0; height: 8px;}
        .sub #text .flex.hriste > * .btn {width: 100%; text-align: center; margin-top: 5px;}
        .sub #text.detail .flex > .img { margin-right: 35px; max-width: 300px;}
        .sub #text.detail .flex > .img > div {padding: 30px; border: 1px solid #e2e7e9; margin: 0 0 5px 0; text-align: center;}
        .sub #text.detail .flex > .img section {padding: 10px;}
            .sub #text.detail .flex > .img section strong {display: block;}
            .sub #text.detail .flex > .img section strong i {margin-right: 5px;}
            .sub #text.detail .flex > .img img {max-width: 150px;}
            .sub #text h1 {padding-bottom: 20px; font-size: 30px;}
            .sub #text.detail h1 {font-size: 30px; font-weight: 500; padding-bottom: 5px;}
             .sub #text.detail h2 {margin: 20px 0 10px 0;}
            .sub #text h3 {font-size: 20px; border-bottom: 1px dotted #000; margin: 10px 0 0 0; padding: 0 0 5px 0; font-weight: 400;}
            .sub #text.detail .btn, .sub #text.detail .btn2 {margin: 5px 10px 0px 0; white-space: nowrap;}
            .sub #text.detail .flex > .img a {width: 100%;}
            .sub #text.detail hr {height: 8px; margin: 20px auto; background: #e2e7e9;}
            .sub #text.detail .flex > .img hr {height: 2px; width: 100%; margin: 8px 0;}
            .sub #text.detail .btn3 {margin-top: 0;}
        .sub #text .datum, #data .datum {font-size: 15px; font-weight: 500; padding: 5px 15px; background: #fdca41; display: inline-block; margin: 10px 0 0;}
        .sub #text .datum {margin: 0 0 15px 0;}
        .sub #text.center .datum {margin: 15px auto 35px;}
        .sub #text.detail .datum i {color: #997a2b; margin-right: 5px;}
        .sub #text.center img {margin: 0 auto; max-width: 80%; display: block; border-bottom: 10px solid #fff;}
        .sub #text.center p {max-width: 70%; margin: 20px auto;}
        #text .half {padding-left: 10px;}
        #text .half:first-of-type {padding: 0 40px 0 0;}
        #text p:first-of-type {font-size: 16px; margin-top: 0;}
        .sub #text p:first-of-type {font-size: 14px; margin-top: 20px;}
        .sub #text.center p {text-align: center;}
        .banner {position: relative; float: left;}
            .banner > div {position: absolute; z-index: 1; left: 0; top: auto; bottom: 10px; height: 100%; width: 100%; font-size: 16px; color: #fff; padding: 0 20px; text-transform: uppercase; font-weigh: 500;}
            .banner img {display: block;}
            .banner strong {font-size: 30px; line-height: 32px; display: block;padding-top: 5px;}
            .banner2 > div {color: white; }
            .banner2 strong {font-size: 40px; line-height: 40px;}
            .banner .btn {position: absolute; bottom: -20px;}
            .banner2 .btn {background: #1a2e4b; color: #fff;}
            .banner2 .btn:hover {color: #1a2e4b; background: #fdca41;}
            .banner_long {line-height: 70px; position: relative; width: 100%; float: left; clear: left; margin-top: 35px;}
                .banner_long img {max-width: 100%; display: block;}
                .banner_long span {width: 78px; height: 70px; position: absolute; left: 0; top: 0; color: #fff; text-align: center; font-size: 22px; font-weight: 700; background: #b2ac9c;}
                .banner_long .text {position: absolute; left: 100px; top: 0; color: #1a2e4b; font-weight: 500; text-transform: uppercase;}
                .banner_long .btn {position: absolute; right: 20px; bottom: -10px;}
                
        #crumbs {font-size: 13px; margin-bottom: 22px;}
            #crumbs a {font-weight: 700; text-decoration: none;}
            #crumbs a:hover { text-decoration: underline;}
            #crumbs i {color: #fdca41; font-size: 20px; margin-right: 4px; vertical-align: top;}
            #crumbs span {display: inline-block; padding: 0 4px;}
            #crumbs h1 {margin-top: 5px; padding: 0;}
                
        .filtr {background: #e8ecee; border: 1px solid #dbe0e3; margin-bottom: 20px;}
            .filtr form { padding: 10px 25px; display: inline-block;}
            .filtr fieldset {margin: 0; padding: 0; border: 0; display: inline;}
            .filtr label {font-size: 13px; font-weight: 700; color: #151515;}
            .filtr select, .filtr input {margin: 5px 30px 5px 10px; border: 1px solid #8ca0a9; font-size: 13px; padding: 7px; color: #151515;}
            .filtr select {margin: 4px 30px 4px 10px;}
            .filtr .right a {float: left; height: 63px; width: 63px; line-height: 63px; text-align: center; font-size: 30px; color: #fff; background: #1d3c66; border-left: 1px solid #3b587c;}
            .filtr .right a:hover {opacity: 0.8;}
            
        .sub table {width: 100%; border-collapse: collapse;}
            .sub th, .sub td {border: 1px solid #b1c8d3; padding: 10px 20px; font-size: 14px;}
            .sub #message_holder td {border: none; padding: 0;}
            #message_holder {text-align: left;}
            .sub .tournaments tr:nth-of-type(2n+1) {background: #f2f6f8;}
            .sub th {border: 1px solid #3b587c; border-top: 0; border-bottom: 0; background: #1d3c66; color: #fff; font-size: 16px; font-weight: 500; padding: 12px 20px;}
            .sub th a {color: #fff; white-space: nowrap; position: relative; display: block; padding-right: 20px;  text-decoration: none;}
                .sub th i {color: #b1c8d3; position: absolute; right: 0; padding-top: 5px; font-size: 14px;}
                .sub td .flex > * {align-self: center;}
                .sub .tournaments td:last-of-type {background: #e8ecee; width: 1%;}
                .sub #text td .flex > * {width: auto;}
                .sub #text td .flex > img {margin-right: 20px;}
                .sub #text td a.flex > img {margin-right: 10px;}
                .sub #text td a, .sub #text td strong { color: #1d3c66;}
                
                @media all and (max-width: 1200px) {
                    .sub #text {margin: 25px 0 0 0;}
                    .banner_long {display: none;}
                    .sub #text .wrapper, .sub #text .wrapper.right-padding {padding: 0 4% 40px 4%;}
                    hr {width: 100%; margin-left: 0;}
                    .sub #text .flex.hriste > * {width: auto;}
                    .sub #text .flex.hriste > * img {max-width: 100%;}
                }                 
            
                @media all and (max-width: 900px) {
                    .filtr fieldset {display: block;}
                    .filtr label {width: 100px; display: inline-block;}
                } 
            
                @media all and (max-width: 800px) {
                    #text .half:first-of-type {padding: 0;}
                    #text .half {padding: 0;}
                    .sub #text .flex {display: block;}
                    .sub #text .flex.image-gallery, .sub #text .flex.hriste {display: flex;}
                        .sub #text .flex > * {width: 100%;}
                        .sub #text .flex > img {margin: 0 0 10px 0;}
                        .sub #text td .flex {display: flex;}
                        .sub td, .sub th {padding: 5px;}
                        .sub #text.detail .flex > .img {margin: 0 0 30px 0; text-align: center;}
                        .sub #text.detail .flex > .img img {max-width: 100%;}
                } 
            
                @media all and (max-width: 500px) {            
                    .sub #text.center img {margin: 0 auto; max-width: 100%; display: block; border-bottom: 10px solid #fff;}
                    .sub #text.center p {max-width: 100%; margin: 20px auto;}  
                    .filtr label {display: block;}
                }
                
    #sekce {background: url('../images/bg2.jpg') no-repeat; background-size: cover; padding: 30px 0 70px;}
        #sekce h2 {padding-top: 20px;}
        #sekce .wrapper {display: table; margin: 0 auto;}
        #sekce .half:first-of-type {padding: 0 55px 0 0;}
        #sekce table {border-left: 5px solid #fdca41; width: 100%; border-collapse: collapse; margin-top: 14px;}
            #sekce table td {padding: 16px 13px; background: #fff; border: 1px solid #cbcdcb; font-weight: 500; line-height: 20px;}
            #sekce table td:last-of-type {}
            #sekce table td span {display: block; position: relative;padding-right: 20px;}
                #sekce table td i {position: absolute; margin: auto; right: 0; top: 0; bottom: 0; height: 17px; color: #92a0b2; font-size: 17px;}
        
        .article {display: inline-block; width: 100%; float: left; margin: 14px 0;}
        #aktuality .article {float: left; width: 50%;}
        #aktuality .article:nth-of-type(2n+1) {clear: left; padding-right: 40px;}
        #aktuality a.btn2 {clear: left; float: left; margin: 20px 0 0 0;}
            .article .img_date {display: table-cell; vertical-align: top; width: 178px;}
                .article .img_date {text-align: center;}
                    .article .img_date span {float: left; width: 66px; font-size: 15px; color: #151515; font-weight: 500; line-height: 17px; background: #fdca41; padding: 11px 0 11px;}
                       .article .img_date span i {display: block; color: #997a2b; font-size: 18px; padding: 4px 0 8px;} 
                    .article .img {width: 112px; height: 86px; float: left; border: 1px solid #aab2bd;}
                        .article .img img {object-fit: cover; width: 100%; height: 100%; display: block;}
            .article .text {display: table-cell; vertical-align: top; padding-left: 25px;}
                .article .text a {color: #35547d; font-weight: 500;}
                .sub #text .article .text h3 {line-height: 20px; border: none; margin-top: 0; font-size: 16px; font-weight: 700; padding: 0 0 2px 0;}
                    .sub #text .article .text h3 a {color: #141414; font-weight: 400; text-decoration: none; font-weight: 700;}
                    .sub #text .article .text h3 a:hover {text-decoration: underline;}
                
                @media all and (max-width: 900px) {
                    .sub .article .img_date, .sub .article .text {display: block; width: 100%;}
                    .sub .article .text {float: left; padding: 10px 0 0 0;}
                }                 
                
                @media all and (max-width: 800px) {
                    #sekce .half:first-of-type {padding: 0;}
                }  
            
                @media all and (max-width: 500px) {
                    .sub #aktuality .article:nth-of-type(2n+1), .sub #aktuality .article {float: none; clear: none; width: 100%; padding: 0;}
                }            
                
                @media all and (max-width: 400px) {
                    .article .img_date, .article .text {display: block; width: 100%; padding: 5px 0; float: left; clear: left;}
                }                 
                
    #slider2 {background: #294567; padding: 55px 0;}
    .sub #slider2 {background: #f1f3f4;}
        #slider2 .bx-wrapper .bx-prev {left: -50px;}
        #slider2 .bx-wrapper .bx-next {right: -50px;}
        #slider2 ul {padding: 0;}
        #slider2 li img {border: 3px solid #4e6c94;}
        .sub #slider2 li img {border: none;}
        #slider2 .bx-wrapper .bx-viewport {left: -5px;}
        
                @media all and (max-width: 1200px) {
                    #slider2 {padding: 30px;}
                    #slider2 .wrapper {min-width: 230px;}
                    #slider2 .bx-wrapper .bx-prev {left: -40px;}
                    #slider2 .bx-wrapper .bx-next {right: -40px;}
                }         
        
    #map_parent {height: 370px;}
        #map_parent .wrapper {position: absolute; top: 0; height: 370px; left: 0; right: 0; margin: auto;}
        #info {position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 225px; background: #fff;}
        #map_parent h3, #partneri h3 strong {font-size: 20px; background: #fdca41; padding: 18px 20px; font-weight: 500;}
        #map_parent p {padding: 0 20px; line-height: 20px;}
        
                @media all and (max-width: 700px) {
                    #map_parent {height: auto;}
                    #map_parent .wrapper, #info {position: relative; height: auto;}
                }          
        
    #partneri {/*padding: 30px 0;*/ /*border: 1px solid #d7d7d7; border-left: 0; border-right: 0; margin: 1px 0;*/ margin: 0 0 30px;}
    #partneri.first {margin: 30px 0;}
        #partneri .text {background: #fff; float: left; width: 100%; box-sizing: border-box; /*padding: 13px 25px;*/ text-align: center;}
            #partneri .text>div {display: inline-block; vertical-align: top;}
            /*#partneri .text>strong {height: 60px; line-height: 60px; font-size: 22px; padding-right: 40px; white-space: nowrap; font-weight: 400;}*/
            #partneri .text>h3 {display: block; width: 100%; border-bottom: 1px solid #d6d6d6; margin: 0 0 25px 0;}
            #partneri h3 strong {display: inline-block; padding: 13px 20px;}
            #partneri span {padding: 5px 20px; display: inline-block;}
                #partneri span a, #loga span a {display: table-cell; vertical-align: middle; height: 60px;}
                    #partneri span a img, #loga span a img {position: relative; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; max-height: 60px;}        
                    #partneri span a:hover img, #loga span a:hover img {opacity: 1; -webkit-filter: none; filter: none;}
                    
    #bottom {background: #f1f3f4; padding: 40px 0;}
        #bottom .wrapper {text-align: center;display: table; margin: 0 auto; table-layout: fixed;}
        #bottom a { color: #141414;  text-decoration: none;}
        #bottom a:hover { text-decoration: underline;}
    .tab {display: table-cell; padding: 0 24px; text-align: left; vertical-align: top; width: 30%;}
        .tab h3 {display: block; font-size: 20px; margin-bottom: 25px; white-space: nowrap; font-weight: 400;}
        .tab ul {padding: 0; column-count: 2;}
            .tab ul li {padding: 5px 0;}
            .tab ul li i {color: #92a0b2; font-size: 12px; padding-right: 10px; }
        .tab .image {/*display: table-cell; vertical-align: top; text-align: left; width: 240px;*/ padding-top: 15px;}
            .tab .image img {display: block;}
            .tab .image.center img {display: inline-block; margin-bottom: 20px;}
            .tab .image.partneri a {display: table-cell; padding-right: 25px; padding: 12px 28px; vertical-align: middle;}
            .tab .image.partneri a:first-of-type {padding-left: 0; border: 0;}
            .tab h4 {color: #fff; font-size: 14px; text-transform: uppercase; display: block; white-space: nowrap; margin: 30px 0 10px 0;}
            .tab span {float: left; width: 1px; height: 34px; background: #373738;}
            .tab .soc {float: left; margin: 6px 23px 0 0;}
            .tab .soc:nth-of-type(2){margin: 6px 23px 0 23px;}
            .tab .soc:nth-of-type(3){margin: 6px 0 0 23px;}
        .tab .text {display: table-cell; vertical-align: top; font-size: 13px; line-height: 22px;}
        .tab.info {width: 38%;}
        #bottom .top {display: inline-block; width: 51px; height: 44px; line-height: 44px; background: #191919; color: #5e5e5e; font-size: 23px; text-align: center; position: relative; bottom: -11px; z-index: 1; border-bottom: none;}                    
        
    #foot {padding: 20px 0; border-top: 1px solid #d7d7d7;}
        #foot a {font-weight: 700;}
        
        @media (max-width: 1200px){
            #bottom {padding: 20px 0;}
            .tab {
                padding: 20px 10px;
                display: inline-block;
                vertical-align: top;
                width: auto;
            }      
            .tab .image {text-align: center;}
            .tab .image.partneri a {display: inline-block; padding: 10px;}
            #foot .left, #foot .right {float: none; text-align: center;}
        }
 

    .over .fancybox-slide>* {background: none;}
    .over .fancybox-close-small {top: 65px; right: 10px; background: #dc0000; width: 30px; height: 30px;}
        .over .fancybox-close-small:after {top: 0; right: 0; color: #fff; background: none; color: #fff;}
    #data {width: 50%;}
        #data .head {border-bottom: 10px solid #1d3d66;}
            #data .head strong {display: inline-block; background: #1d3d66; color: #fff; font-size: 24px; margin-left: 30px; padding: 15px 30px; font-weight: 400;}
        #data .content {background: #fff; border: 1px solid #b0c8d4; padding: 20px;}
            #data .content .flex {border-bottom: 5px solid #e2e7ea; padding: 0 0 15px 0;}
                #data .content .flex > * {align-self: center;}
                #data .content .flex:nth-of-type(2) > * {align-self: self-start; padding: 10px 0 0 0;}
                #data .content .flex > img {margin-right: 25px;}
                #data .content h3 {font-size: 22px; font-weight: 400; margin: 10px 0 0 0;}
                    
                #data .content p {margin: 10px 0;}                    
                #data .content .flex:nth-of-type(2) > .menu {padding-right: 30px;}
                #data .menu a {display: block; white-space: nowrap; margin: 10px 0 10px 0;}
                #data .menu a:hover, #data .menu a.active {background: #feca42;}
                #data .content .close {margin: 10px 0 0 0;}
                
        @media (max-width: 1200px){
            #data {width: 100%;}
        } 
    
        @media (max-width: 700px){
            #data .content .flex:nth-of-type(2) {display: block;}
                #data .menu a {white-space: unset;}
        }  
    
    
           .text.prehled {text-align: center;}
            .text.prehled div {display: inline-block; width: 30%; margin: 0 4px 0 5px; text-align: center; position: relative;}
            .sub #text .text.prehled hr {display: block; float: left; height: 1px; background: #d2d2d1; border: 0; outline: 0; padding: 0; margin: 0; clear: both; margin: 20px 0 20px 0; width: 100%;}
            .text.prehled span {display: inline-block; width: 100%; height: 175px; border: 1px solid #dcdcdc; text-align: center; vertical-align: middle; position: relative;}
                .text.prehled span img {display: block; position: absolute; margin: auto; padding: 0; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%;}
            .text.prehled strong {text-align: center; display: block; font-size: 14px; padding-bottom: 10px;}
            .text.prehled b {display: block; font-size: 13px; padding-left: 7px; font-weight: 400;}
            .text.prehled b:first-of-type {padding-top: 7px;}
            .text.prehled .flg {position: absolute !important; left: 41px; top: 174px;} 
            
        @media (max-width: 700px){
            .text.prehled div {min-width: 200px;}
        }   
    
    
   #address {
    display: table;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    border-collapse: collapse;
    text-align: left;
    margin-top: 20px;
    } 

#address .col {
    display: table-cell;
    border: 1px solid #dbdbdb;
    border-top: 0;
    border-bottom: 0;
    padding: 0 5% 30px 5%;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    top: -10px;
    width: 30%;
}

#address .col:first-of-type {
    border-left: none;
}

#address .col:last-of-type {
    border-right: none;
}

#address .col > i {
    float: left;
    font-size: 30px;
    color: #dc3633;
    padding-right: 20px;
}

#address .col h3 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #1d1d1b;
    margin-top: 0;
}   

#letter {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

#letter > div {
    display: inline-block;
    padding: 25px;
}

#letter i {
    color: #dc3633;
    padding-right: 15px;
    font-size: 30px;
    vertical-align: top;
}

#letter strong {
    font-weight: 600;
}

.formular iframe {
    width: 100%;
    display: block;
}

.formular form {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 790px;
    margin: 20px 0 0 0;
}

.formular fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.formular form>div.all {
    width: 100%;
}

.formular form>fieldset>div {
    float: left;
    width: 50%;
    padding: 0 8px;
}

.formular label {
    display: block;
    text-align: left;
    font-size: 13px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 0 5px 0;
}

.formular input[type="text"], .formular textarea {
    border: 1px solid #cecece;
    border-radius: 3px;
    line-height: 25px;
    height: 35px;
    padding: 5px 10px;
    outline: none;
    width: 100%;
    background: none;
}

.formular textarea {
    height: 100px;
}

.formular button, .formular .submit, .formular .reset {
    background: #384046;
    display: inline-block;
    border: 0;
    outline: 0;
    padding: 10px 35px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    cursor: pointer;
    margin: 15px 0 0 0;
}

.formular .note {
    font-size: 13px;
    padding: 15px 0;
}

.formular form>fieldset>div:first-of-type {
    padding-left: 0;
}

                @media all and (max-width: 600px) {
                     #message_holder #error .top {background: #c10e08;}
                     #message_holder #error .bottom, #message_holder #valid .bottom {display: none;}
                     #message_holder {width: auto;}
                     #message_holder table td {display: block !important; color: #fff !important;}
                     #message_holder #error .top .close, #message_holder #valid .top .close {top: -20px; left: 0;}
                     
                     #message_holder #valid .top {background: #fff;}
                }
                
.cert-item {
	padding-bottom: 10px;
	/* float: left; */
	width: 150px;
	text-align: center;
}
.cert-item .tdDescription {
  font-size: 10px;
}
.cert-item .img-middle {
   display: initial;
   text-align: center;
}
.cert-item .img-middle-cen {
   vertical-align: middle;
}
.cert-item .img-middle img {
}
.tab.cert {
	width: 15%;
}
.tab.gscore {
	width: 20%;
}