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

* {box-sizing: border-box;}

body { background: #f5f5f5; text-align: center;}
h1,h2,h3, h4, h5 {margin: 0px; padding: 0; font-size: 35px; line-height: 110%; font-family: Ubuntu, sans-serif; color: #1f2f3a;  font-weight: 500; text-align: left;  position: relative;}
h2 strong, h3 strong {font-weight: 900;}
h1 {padding-bottom: 5px;}
h2 {font-size: 32px; padding-bottom: 10px;}
h3 {font-size: 16px; font-weight: 700;}
p {padding: 0px; margin: 20px 0px 20px 0px; text-align: left;}
a img {border: 0px solid; display: inline-block;}
a {text-decoration: none; color: #141414;}
a:hover {text-decoration: underline;}
strong {font-weight: 700;}
ul {margin: 0; padding: 0px 0px 0px 15px;}
ul li { margin: 0; padding: 0; line-height: 18px;}

.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 {font-size: 16px; color: #fff; text-transform: uppercase; background: #c42829; padding: 11px 30px; line-height: 18px; font-weight: 500; display: inline-block; position: relative; z-index: 1; border: none; outline: none; border-radius: 4px; font-family: Ubuntu, sans-serif; margin: 20px 5px 0px 0; cursor: pointer;}
.btn.reset {background: #87a6bd;}
.btn:hover {background: #0f4d7b; color: #fff; text-decoration: none;}
.table {display: table;}
.half {width: 50%; display: table-cell; vertical-align: top;}
.min {
  width: -moz-min-content;
  width: -webkit-min-content;
  width: min-content;
}
.flex { display: flex; flex-direction: column; align-items: stretch; height: 100%;}
    .flex > div {margin: auto 0;}
    
 .shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.12); border-radius: 4px;}   


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

           
    #menu {overflow: visible;}
        #menu .wrapper { text-align: right; z-index: 10;}
            #menu .logo {float: left; margin: 10px 0 0 90px;}
            #menu .menu-link {float: right; width: 45px; height: 45px; margin: 32px 10px 5px 10px; cursor: pointer; -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); background: url("../images/menu.png") no-repeat; background-size: 100%; display: none;}

            .socials {float: right; height: 53px; border-left: 1px solid #ccc; padding: 0 25px; margin: 26px 60px 0 0; border-left: 1px solid #cccccc; color: #323230;}
                .socials span {float: left; line-height: 27px;}
                .socials a {float: left; width: 34px; height: 34px; background: url("../images/fb.png") no-repeat; margin: 11px 7px; opacity: 0.65;}
                .socials a:hover {opacity: 1;}
                .socials a.youtube {background-image: url("../images/yt.png");}
                .socials a.instagram {background-image: url("../images/inst.png");}
            .menu {float: right; margin: 21px 0 0 0;  list-style: none; padding: 0;}
                .menu li {float: left; padding: 0; margin: 0; position: relative;}
                    .menu li ul {display: none; position: absolute; top: 71px; margin: 0; background: #fff; padding: 0; border: 1px solid #b12021; list-style: none;}
                        .menu li ul li {display: block; float: none;}
                    .menu li:hover ul {display: block;}
                .menu a {font-size: 15px; line-height: 13px; padding: 29px 27px 29px 26px; font-weight: 700; text-transform: uppercase; margin-left: 1px; color: #323230; float: left; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; position: relative;}
                .menu > li > a:after {content: " "; position: absolute; height: 13px; width: 1px; background: #ccc; right: 0;}
                .menu li:last-of-type a:after {display: none;}                
                    .menu li ul li a {white-space: nowrap; float: none; display: block; width: 100%; margin: 0; padding: 10px 20px; text-align: left; border-radius: 0;}
                .menu a.active, .menu a:hover {color: #c42829; border-bottom: 8px solid #b12021; text-decoration: none;}
                .menu a.active { font-weight: 700;}       
                    .menu li ul li a:hover {border: none;}
                    
    #head {}
        #head .wrapper {border-top: 3px solid #b12021; padding-bottom: 52px; overflow: hidden;}
            #head .text {position: absolute; right: 0; top: 0; width: 50%; height: calc(100% - 53px); background: #c42829; justify-content: center; padding-right: 200px; padding-left: 20px;}
            #head .text:before {content: " "; position: absolute; width: 91px; background: url("../images/cut.png") no-repeat; background-size: 100%; height: 100%; left: -91px; top: 0;}
                #head .text * {color: #fff;}
                #head h1 {font-size: 48px; text-transform: uppercase; font-weight: 700;}
                #head p {font-size: 20px; margin: 10px 0;}
            #head img.main {display: block; /*margin-top: 1px;*/ xwidth: 100%; height: auto; min-height: 200px; object-fit: cover;}
            #head img.ball {width: auto; position: absolute; right: 40px; bottom: 24px;}
            #head hr {width: 100%; display: block; border: none; height: 1px; margin: 0; padding: 0; box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.7); background: #fff;}
                    
                @media all and (max-width: 1420px) {
                        #menu .menu-link {display: block;}
                        .menu {display: none; z-index: 5;}
                            .menu.active {display: block; padding: 0 20px; background: #fff; float: none; position: absolute; right: 0; top: 74px; z-index: 10; border: 1px solid #b12021;}
                                .menu > li > a:after {display: none;}
                                .menu li {display: block; margin: 0px; padding: 0px; float: none; height: auto; border: none; white-space: nowrap;}
                                    .menu li a {float: none; display: block; height: auto; line-height: 18px; background: none !important; padding: 10px 20px; border: none !important;}
                                    .menu li a.active, .menu ul li a:hover {background: none !important; border-top: 1px solid #384a71;}
                                    .menu li ul {display: block; position: relative; top: auto; font-size: 12px; width: 100% !important; float: none; top: -5px; border: none;} 
                                        .menu li ul li {border: none; height: auto; margin: 0; padding: 0px;}
                                            .menu li ul li a {font-size: 11px; height: auto; line-height: auto; text-transform: none; padding: 5px 10px;}
                                            .menu li ul li:last-of-type {border: none;}
                                .menu a:hover {border: none;}
                                #menu .logo {margin-left: 0;}
                                #menu .socials {margin-right: 0;}
                                #head .wrapper {padding: 0; padding-bottom: 52px; }
                                #head img.ball {width: auto; max-width: 150px;}
                                #head .text {padding-right: 180px;}
                }
            
                @media all and (max-width: 1200px) {
                        #head h1 {font-size: 35px;}
                        #head p {font-size: 15px; line-height: 20px;}
                }  
            
                @media all and (max-width: 800px) {
                        #head img.ball {display: none;}
                        #head .text {padding-right: 20px; padding-left: 0;}
                        #head h1 {font-size: 28px;}
                }              
            
                @media all and (max-width: 400px) {
                                #menu .socials {padding: 0 5px;}
                                #menu .logo {display: flex; align-items: center; height: 85px;}
                                    #menu .logo img {max-width: 100px;}
                }            
           
    #slider{}
        #slider .wrapper {border-top: 3px solid #b12021; background: url("../images/shadow.png") repeat-x; padding-bottom: 8px;}
        #slider img {width: 100%; height: auto;}
        #slider .text {position: absolute; top: 0; height: 100%; left: auto; width: 584px; text-align: left; right: 0; background: #c42829;}
            #slider strong {font-size: 20px; color: #fff; font-weight: 400; line-height: 40px; display: block;}
            #slider h2 { display: block; font-size: 90px; line-height: 75px; color: #fff; text-transform: uppercase; font-weight: 800; font-family: 'Open Sans', sans-serif; position: relative; float: left;}
            #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: #fff; padding: 13px 25px; line-height: 18px; font-weight: 700; margin-top: 10px;}
            #slider .text a:hover {text-decoration: none;}
                #slider .text img {width: auto; position: absolute; right: -130px; bottom: -60px;}
                #slider .text .flex > div { padding: 0 60px;}
                #slider .bottom {background: #a11516; height: 95px; margin: 0; border-top: 1px solid #d54445; font-size: 16px;}
                    #slider .bottom a {float: left; height: 47px; position: relative; padding: 0 30px; color: #04070c; font-size: 16px; text-transform: uppercase; line-height: 47px; margin: 25px 0 0 60px; border-radius: 0 4px 4px 0; font-weight: 500;}
                    #slider .bottom a:hover {background: #c42829; color: #fff;}
                    #slider .bottom a:before {content: " "; position: absolute; left: -60px; top: 0; height: 100%; width: 60px; background: #c42829 url("../images/reg.png") no-repeat center center; border-radius: 4px 0 0 4px;}
                    #slider .bottom span {float: left; margin: 25px 0 0 30px; line-height: 47px; color: #fff;}
        #slider ul {padding: 0; list-style: none;}
        #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;}
        #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: 1420px) {
                    .wrapper {min-width: 280px !important; width: 100%; padding: 0 4%;}
                    #slider{margin-top: 0px;}
                        #slider .wrapper {padding: 0;}
                        #slider h2 {font-size: 60px; line-height: 52px;}
                        #slider .bottom {height: auto;}
                } 
            
                @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: 20px 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%;}
                    #slider .text .flex > div {padding: 0;}
                    #slider .text .flex > div.bottom {padding: 20px 30px; border-radius: 4px; text-align: center;}
                    #slider .bottom a, #slider .bottom span {margin-top: 0;}
                }         
            
                @media all and (max-width: 500px) {
                    #slider .text .flex > div.bottom {padding: 10px;}
                    #slider .bottom a, #slider .bottom span {margin: 0px auto; float: none; display: block; max-width: 80%;}
                    #slider .bottom a {position: relative; left: 30px; white-space: nowrap;} 
                }             
            
    #text{}
        #text .wrapper { text-align: center; padding: 50px 0;}
            #text h1 {display: block; margin: auto; max-width: 580px; text-align: center; padding: 20px 0 30px 0;}
                #text h1:after {content: " "; position: absolute; bottom: 0; margin: auto; left: 0; right: 0; width: 90px; height: 4px; background: #c42829;}
                #text p {font-size: 15px; color: #5c6469; width: 58%; display: inline-block; margin: 10px auto; text-align: center; line-height: 25px;}
                
                @media all and (max-width: 1420px) {
                    #text .wrapper {padding: 50px 4%;}
                } 
            
                @media all and (max-width: 800px) {
                    #text p {width: 100%}
                }             
                
    #results  {}
        #results .wrapper {background: #173343; padding: 0 115px;}
        #results.sub .wrapper {background: #fff;}
        #results .wrapper.white {padding: 0; background: #fff; padding-bottom: 75px;}
            #results .flex {flex-direction: row;}
                #results .flex > div {flex: 1; margin: 0;}
                #results .results {max-width: 400px; padding-right: 70px; padding-top: 90px;}
                    #results .results ul {margin: 0; padding: 0; display: inline-block; list-style: none;}
                        #results .results ul li {position: relative; height: 45px; margin: 1px 0;}
                        #results .results ul li:after {content: " "; position: absolute; width: 10px; right: -10px; top: 0; height: 100%; background: url("../images/arr.png") no-repeat; background-size: 10px 100%; display: none;}
                        #results .results ul li:hover, #results .results ul li.active {background: #325f78;}
                        #results .results ul li:hover:after, #results .results ul li.active:after {display: block;}
                        #results .results ul li a {color: #fff; font-size: 20px; line-height: 33px; padding: 6px 20px; display: block; padding-right: 30px;}
                        #results .results ul li a:hover {text-decoration: none;}
                        #results .results p {font-size: 15px; line-height: 21px; margin: 10px 0 30px;}
                #results .res_tab {border-radius: 4px; background: #fff; padding: 30px; position: relative; top: 65px;}
                    #results table {width: 100%; border-collapse: collapse;}
                    #results h2 {color: #fff; padding: 20px 0; display: inline-block;}
                    #results.sub h2 {color: #1f2f3a;}
                    #results h2:before {content: " "; position: absolute; top: 0; left: 0; width: 90px; height: 4px; background: #c42829;}
                    #results p {color: #fff;}
                    #results th, #results td {border: 1px solid rgba(33,69,89,0.15); border-top: 0; border-bottom: 0;}
                    #results th:first-of-type, #results td:first-of-type, #results th:last-of-type, #results td:last-of-type {border: none;}
                    #results th {background: #c42829; color: #fff; padding: 18px 20px; font-size: 14px; line-height: 22px; text-transform: uppercase; text-align: center;}
                    #results td {padding: 12px 10px; font-size: 14px; color: #10202a; text-align: center;}
                    #results td.left, #results th.left {float: none; text-align: left;}
                    #results tr:nth-of-type(2n-1) td, #results.sub tr:nth-of-type(2n) td {background: #e7eaec;}
                    #results.sub tr:nth-of-type(2n-1) td {background: #fff;}
                    #results.sub tr:nth-of-type(3) td {xbackground: #d7dde0;}
                    #results.sub tr:nth-of-type(2) td, #results.sub tr:nth-of-type(4) td {background: #eef0f2;}
                    #results .all {padding: 13px 20px; font-weight: 700; border: 1px solid #dde0e2; border-top: 2px solid #dde0e2;}
                        #results .all a { color: #c42829; }
                        
                @media all and (max-width: 1420px) {
                    #results .wrapper {padding: 0px 4%;}
                    #results .results {padding-top: 50px;}
                } 
            
                @media all and (max-width: 1000px) {
                    #results .flex {display: block;}
                    #results .results {max-width: 100%;}
                    #results .flex > div.res_tab {margin-top: -45px;}
                }
            
                @media all and (max-width: 700px) {
                    #results th, #results td {padding: 5px;}
                    #results .res_tab {padding: 10px;}
                }            
                        
    #program {}
        #program .wrapper {padding: 5px 60px 30px;}
        #program.sub .wrapper, .sub .wrapper {padding: 0 115px 20px;}
        #program h2 {padding: 20px 0; display: inline-block; margin: 0 0 20px 56px;}
        #program.sub h2 {margin-left: 0;}
        #program h2:before {content: " "; position: absolute; top: 0; left: 0; width: 90px; height: 4px; background: #c42829;}
        #program .shadow, #info .shadow {padding: 25px; margin: 0 30px;}
        #program.sub .shadow {margin: 0 -30px;}
        #program .table, #info .table {width: 100%; /*border-collapse: collapse;*/ table-layout: fixed;}
            #program .table > div, #info .table > div {display: table-cell; vertical-align: top; border: 1px solid #e7eaec; padding: 0 25px 15px; font-size: 15px; color: #365165; line-height: 22px;}
                #program h3, #info h3 {display: block; width: calc(100% + 50px); background: #eaeff1; padding: 15px 25px; text-align: left; color: #1f2f3a; font-size: 18px; font-weight: 500; margin-left: -25px; margin-bottom: 25px;}
                    #program .allinfo {padding: 13px 20px; font-weight: 700; border: 1px solid #dde0e2; border-top: 2px solid #dde0e2;}
                        #program .allinfo a { color: #c42829; }
                
    #galerie {}
        #galerie .wrapper {background: #173343 url("../images/galerie.jpg") no-repeat; background-size: auto 100%; padding: 0 115px;}
        #galerie .wrapper.white {padding: 70px 0 0 0; background: #fff; padding-bottom: 40px;}
            #galerie .flex {flex-direction: row; align-items: flex-end;}
                #galerie .flex > div {margin: 0 0 60px 185px; width: 300px; padding-right: 80px;}
                    #galerie .flex .gal {position: relative; width: 327px; display: inline-block; top: 40px; height: 343px; background: #11283a;  border-radius: 4px; margin-top: 20px; padding: 270px 35px 0; margin-bottom: 0; overflow: hidden; margin-left: 25px;}
                        #galerie .flex .gal img {position: absolute; top: 0; z-index: 1; left: 0; left: 50%; -webkit-transform: translateX(-50%);}
                        #galerie .flex .gal a {position: relative; font-size: 18px; color: #fff; display: block; text-align: center; padding: 25px 0; border-top: 1px solid #c42829; line-height: 21px; z-index: 2;}
                    #galerie h2 {color: #fff; padding: 20px 0 0; display: inline-block;}
                    #galerie h2:before {content: " "; position: absolute; top: 0; left: 0; width: 90px; height: 4px; background: #c42829;}
                    #galerie p {color: #fff;}
                    
    #partneri {}
        #partneri .wrapper {padding: 50px 115px; padding-bottom: 20px;}
        #partneri .text {background: #fff; float: left; width: 100%; box-sizing: border-box; /*padding: 13px 25px;*/}
            #partneri .text div {width: 100%;text-align: center;}
            #partneri h2, #partneri .text>div {display: inline-block; vertical-align: top; text-align: center;}
            #partneri h2 {height: 60px; line-height: 60px; padding-right: 110px; white-space: nowrap; position: relative;}
            #partneri h2:before {content: " "; position: absolute; top: 0; left: 0; width: 90px; height: 4px; background: #c42829;}
            #partneri span {padding: 0 20px;}
                #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.4; max-height: 60px;}        
                    #partneri span a:hover img, #loga span a:hover img {opacity: 1;}                    
                    #partneri span a:hover img {-webkit-filter: none; filter: none;}                    
                    
    #info {}
        #info .wrapper {background: #eef2f4 url("../images/info.jpg") no-repeat; background-size: auto 100%; padding: 60px 115px 50px;}
            #info .flex {flex-direction: row; align-items: flex-start;}
            #info .flex > div {margin: 0 0 0 185px; width: 280px; padding-right: 50px;}
            #info .flex .shadow {background: #fff; width: auto; max-width: 720px; padding-right: 25px; margin: 0 0 0 25px;}
                #info .table > div {font-size: 14px; line-height: 24px;}
                #info h3 {text-align: left;}
                    #info h2 {padding: 20px 0 0; display: inline-block; margin-top: 30px; color: #000;}
                    #info h2:before {content: " "; position: absolute; top: 0; left: 0; width: 90px; height: 4px; background: #c42829;}
                    
                @media all and (max-width: 1420px) {
                    #program .wrapper {padding: 40px 4% 10px;}
                    #program.sub .wrapper, .sub .wrapper {padding: 0 4%;}
                    #galerie .wrapper {padding: 0 4%;}
                    #partneri .wrapper {padding: 60px 4% 30px;}
                    #partneri .text>div {display: block;}
                    #partneri h2 {margin-bottom: 30px;}
                    #partneri span {float: none; display: inline-block;}
                    #info .wrapper {padding: 60px 4% 50px;}
                } 
            
                @media all and (max-width: 1000px) {
                    #galerie .flex > div {margin-left: 25px;}
                    #info .flex {flex-direction: column;}
                    #info .flex > div {flex: 0 0 100%; width: 100%; margin-bottom: 20px; padding-left: 50%; margin-left: 0;}
                    #info .flex .shadow {width: 100%; max-width: 100%; margin: 0; padding: 0;}
                }            
            
                @media all and (max-width: 700px) {
                    #program .table > div {padding: 0 10px 5px;}
                    #program h3 {padding: 10px; margin-left: -10px; width: calc(100% + 20px);}
                    #program .shadow, #program.sub .shadow {padding: 0; margin: 0;}
                    #program h2 {margin: 0;}
                    #galerie .flex > div, #galerie .flex .gal {width: 33%;}
                    #info .flex > div {padding-left: 70%;}
                    #info .flex .shadow {padding: 0;}
                } 
            
                @media all and (max-width: 600px) {
                    #galerie .wrapper {padding: 40px 4% 0; background: #173343;}
                    #galerie .flex > div {flex: 0 0 100%; width: 100%; padding: 0; margin: 0; margin-bottom: -40px;}
                    #galerie .flex {flex-direction: column; align-items: center;}
                    #galerie .flex .gal {flex: 0 0 50%; width: 50%; margin-left: 0;}
                    #info .wrapper {background: #eef2f4; padding-top: 30px;}
                    #info .flex > div {padding-left: 0;}
                }            
            
                @media all and (max-width: 500px) {
                    #program .table {display: block;}
                    #program .table > div, #info .table > div {padding: 0 25px 15px; display: block;}
                    #program h3 {width: calc(100% + 50px); padding: 15px 25px;margin-left: -25px;}
                    #program .shadow {padding: 25px;}
                    #galerie .flex .gal {flex: 0 0 100%; width: 100%;}
                }             
    
                    
    #bottom {}
        #bottom .wrapper {background: #214559; text-align: center;display: table; margin: 0 auto; table-layout: fixed; padding: 60px 115px 30px;}
        #bottom a { color: #fff;}
    .tab {display: table-cell; padding: 0 24px; text-align: left; vertical-align: top; width: 33%;}
    .tab:first-of-type {padding-right: 0;}
    .tab:last-of-type {padding-left: 0;}
        .tab h3 {display: block; font-size: 26px; margin-bottom: 25px; white-space: nowrap; font-weight: 400; color: #fff}
        .tab ul {padding: 0; column-count: 2; list-style: none;}
        .tab:nth-of-type(2) ul {column-count: 1; list-style: none;}
            .tab ul li {padding: 5px 0; text-transform: uppercase;}
            .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; -webkit-filter: none; filter: none;}
            .tab .image:hover img {filter: none; -webkit-filter: none;}
            .tab .image.center img {display: inline-block; margin-bottom: 20px;}
            .tab .image.partneri a {display: inline-block; float: right; clear: right; margin: 25px 0;}
            .tab .image.partneri a:first-of-type {padding-left: 0; border: 0;}
        .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{}
        #foot .wrapper {background: #214559; padding: 0 140px 30px 140px; color: #e9eff3; font-size: 14px; line-height: 22px;}
        #foot a {color: #e9eff3; font-weight: 700;}
        #foot hr {width: 100%; height: 1px; border: none; outline: 0; margin: 0 0 35px 0; padding: 0; background: #4d6a7a;}
        #foot .wrapper > div {padding: 0 40px; display: inline-block;}
        #foot .wrapper .left {padding-right: 45px; padding-left: 0; border-right: 1px solid #4d6a7a;}
        #foot .left img {-webkit-filter: none; filter: none; width: auto; height: 65px; display: block;}
        #foot .socials {height: 65px; margin: 0; border-left: 1px solid #4d6a7a;}
        #foot .socials a {opacity: 1; background: url("../images/fb2.png") no-repeat;}
        #foot .socials a.youtube {background-image: url("../images/yt2.png");}
        #foot .socials a.instagram {background-image: url("../images/inst2.png");}
        #foot p {margin: 10px 0;}
        
        
        @media (max-width: 1420px){
            #bottom .wrapper {padding: 30px 4%;}
            .tab {
                padding: 20px 10px;
                display: inline-block;
                vertical-align: top;
                width: auto;
                margin: 0 20px;
            }      
            .tab .image {text-align: center;}
            .tab .image.partneri a {display: inline-block; padding: 10px; margin: 0;}
             #foot .wrapper {padding: 0 4% 30px;}
        }
    
        @media (max-width: 900px){
            #foot .wrapper > div.socials {display: none;}
            #foot .wrapper > div {padding: 0 20px;}
            #foot .wrapper .left {padding-right: 20px;}
        }
    
        @media (max-width: 600px){
            #foot .wrapper .left {display: none;}
            #foot .wrapper {padding-bottom: 10px;}
            #foot hr {margin-bottom: 10px;}
        } 
    
    #old-results {}
        #old-results .wrapper {background: #214559 url("../images/results.jpg") no-repeat; background-size: auto 100%; padding: 50px 115px;}
            #old-results h2 {color: #fff; padding: 20px 0 0; display: inline-block; xflex: 1;}
            #old-results h2:before {content: " "; position: absolute; top: 0; left: 0; width: 90px; height: 4px; background: #c42829;}
            #old-results .wrapper .flex {flex-direction: row;}
            #old-results .wrapper .flex > div {flex: 1;}
            #old-results a {float: right; font-size: 20px; color: #000; font-weight: 500; padding: 20px 35px; background: #fff; border-radius: 4px; margin: 6px;}
            #old-results a:hover {color: #fff; background: #000; text-decoration: none;}

    
    .filtr {font-size: 16px; color: #000; text-transform: uppercase; font-weight: 500; margin: 5px 0 20px 0;}
    .filtr.gray {background: #e7eaec; padding: 15px 25px; margin-top: 20px;}
        .filtr a {display: inline-block; padding: 10px 20px; border: 1px solid #5b5b5b; border-radius: 4px; margin: 5px 3px; vertical-align: middle; position: relative;}
        .filtr.gray a {background: #fff;}
        .filtr span {display: inline-block; padding-right: 10px;}
        .filtr a:hover, .filtr a.active {background: #c42829; border: 1px solid #5b5b5b; color: #fff; text-decoration: none;}
        .filtr a div {display: flex;}
        .filtr a span { padding-top: 3px; padding-left: 4px; padding-right: 0px; font-size: 14px; }
        
    #reg {border-bottom: 1px solid #ececec;}
    form.flex {flex-direction: row; flex-flow: row wrap; padding: 0 0 80px 0;}
        form.flex > div {flex: 1; flex: 0 0 50%;}
        form.flex > div.all {flex: 0 0 100%;}
        form.flex > div.padding-top {padding-top: 30px;}
        #reg input[type="text"], #reg select{padding: 12px 20px; border-radius: 4px; border: 1px solid #e7eaec; width: 350px; margin: 7px;}
        #reg input[type="text"].short, #reg select.short {width: 115px;}
        #reg select {width: auto;}
        #reg label {width: 130px; margin: 7px 7px 7px 0; color: #04070c; font-size: 16px; font-weight: 500; display: inline-block;}
        
        ::-webkit-input-placeholder {font-style: italic;}
        ::-moz-placeholder {font-style: italic;}
        :-ms-input-placeholder {font-style: italic;}
        :-moz-placeholder {font-style: italic;}        
        
        @media (max-width: 1420px){
            #old-results .wrapper {padding: 30px 4%;}
            #reg input[type="text"], #reg select {width: 200px;}
        }   
    
        @media (max-width: 800px){
            #old-results .wrapper {padding: 30px 4%;}
            #reg input[type="text"], #reg select {width: 100%; margin: 7px 0;}
            form.flex {display: block;}
            form.flex > div {}
        }       

    .button {font-size: 14px; color: #000; text-transform: uppercase; font-weight: 400; margin: 0px; padding: 0px}
        .button a {display: inline-block; background-color: white; padding: 2px 15px; border: 1px solid #e7eaec; border-radius: 4px; vertical-align: middle; margin: 0px}
        .button a:hover, .filtr a.active {background-color: #c42829; border: 1px solid #c42829; color: #fff; text-decoration: none;}
 
.waitDialog {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  display: none;
  height: 100px;
  left: 45%;
  position: absolute;
  text-align: center;
  top: 45%;
  width: 140px;
  z-index: 1000;
}
.wait {
  background-image: url("../images/loading2.gif");
  height: 55px;
  left: 27%;
  margin-left: 5px;
  position: relative;
  text-align: center;
  top: 22%;
  width: 55px;
}
.waitline {
  background-image: url("../images/loading0.gif");
  height: 16px;
  margin-left: 5px;
  position: relative;
  text-align: center;
  width: 16px;
}

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

.formular form {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 790px;
    margin: 0px 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;}
                }  
                
.map-style {
	height: 370px;
	width: 100%;
	border: 0px none;
	position: relative;
	overflow: hidden;
}

.hole-list div {
	display: inline-block;
	width: 18%;
	margin: 0 4px 0 5px;
	text-align: center;
	position: relative;
}
.hole-list strong {
	text-align: center;
	display: block;
	font-size: 14px;
	padding-bottom: 10px;
}
.hole-list span {
	display: inline-block;
	width: 100%;
	height: 175px;
	border: 1px solid #dcdcdc;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.hole-list b:first-of-type {
	padding-top: 7px;
}
.hole-list b {
	display: block;
	font-size: 13px;
	padding-left: 7px;
	font-weight: 400;
}
.hole-list span img {
	display: block;
	position: absolute;
	margin: auto;
	padding: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
}
.hole-list 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%;
}