a:link, a:visited {text-decoration: none; color: #ed1c24;}
a:hover {text-decoration: underline;}
html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
    background-color: white;
    width: 100%; float: left; overflow-x: hidden;
}
.TDblockSite {position: absolute; left: 50%; margin-left: -217px; width: 435px; margin-top: 150px;}
/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100000;  top: 0; right: 0; bottom: 0; left: 0;}
.td_searchfield { padding-top: 150px; width: 100%; height: 100%; display: none; background-color: rgba(255,255,255,0.90); position: fixed; top: 0; left: 0; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0;}
.td_searchfield_close {position: fixed; top: 15px; right: 35px; z-index: 100000; font-size: 30pt; cursor:pointer; opacity: 0.5;}
.td_searchfield_close:hover {opacity: 1;}
.td_searchfield span {font-size: 14pt; color: #555;}
a.td_search_results {position: relative; float: left; border: 1px solid #eee; margin-bottom: 10px; padding: 25px; width: 100%; z-index: 5000;}
a.td_search_results:hover {background-color: #f9f9f9; text-decoration: none;}
.td_search_results_page  {positioN: absolute; top: 15px; right: 15px; background-color: #ed1c24; width: 35px; text-align: center; color: white; }
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; transform: translate(-50%,-50%);}
.returnMessage {float: left; width: 100%; padding: 7px 25px; color: white; text-align: center;}
img.flag {width: 30px;}
/* MENU **********************************************************/
div.marginTop {height: 80px; float: left; width: 100%;}
.arrL, .arrR {width: 25px; position: absolute; top: 50%; opacity: 0.4; transform: translate(0, -50%); cursor: pointer; z-index: 500000;}
.arrL:hover, .arrR:hover {opacity: 1;}
.orderReview { display: none; z-index: 500; background-color: rgba(255,255,255,1); position: fixed; top: 0; left: 0; right: 0; bottom: 0;}
.orderReviewTab { width: 100%; max-width: 600px;}
.orderButtons {width: 150px; padding: 10px 25px; color: white; cursor: pointer; font-size: 16pt; text-align: center; margin: 5px;}
.orderButtons {width: 150px; padding: 10px 25px; color: white; cursor: pointer; font-size: 16pt; text-align: center; margin: 5px;}
.orderOK {color: #00aa00; border:1px solid #00aa00;}
.orderEdit {color: #ed1c24; border: 1px solid #ed1c24;}
.orderOK:hover {background-color: #00aa00; color: white;}
.orderEdit:hover {background-color: #ed1c24;  color: white;}
.paidInfo {font-size: 20pt;}
.proof {float: left; width: 100%;}
img.roundImage {border-radius: 50%; }
.mobile-visible {display: block !important;}
.medal_collector {position: relative; float: right; height: 22px;}
.medal {width: 18px; margin: 6px 2px;}

strong {font-weight: bold !important;}
.bccs-option  {
    float: left; width: 100%;
}
.show_half_pdf {
    position: relative;
    width: 100%;
    max-width: 600px;

  }
.rightLoginBox  {margin: 15px 0; height: 50px;}  
.rightLoginBox span  {margin-right: 10px;}  

  .show_half_pdf img {float: left; width: 100%;     -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}  


.record_row_1 td {background-color: #ed1c24; color: #fff;}

.userbar { background-color: #f9f9f9; padding: 3px 0; }
.d-flex {display: flex !important;}
.justify-content-center { justify-content: center !important; }
.float-left { float:left !important;}
.float-right { float:right !important; }
.align-items-center {align-items: center !important;}
.flex-wrap {flex-wrap: wrap !important;}
.w-100 {width: 100% !important;}
.w-50 {width: 100% !important;}
.w-25 {width: 25% !important;}
.w-33 {width: 33.3% !important;}
.w-75 {width: 75% !important;}
.text-center {text-align: center !important;}
.p-10px {padding: 10px !important;}

.trophy-box {min-height: 200px; background-color: #f9f9f9;}
.trophy-box-image img {height: 75px;}
.trophy-box-value {font-size: 24pt; font-weight: bold; color: #ed1c24; line-height: 0px; margin-top: -25px;}
.trophy-box-image { margin-bottom: -25px;}

div.flexBox {display: flex;	align-items: center; justify-content: center; float: left; width: 100%; flex-wrap: wrap;}
div.menubar, div.boxContainer, div.whiteBox {float: left; width: 100%; position: relative; z-index: 160; }
div.menubar {float: left; width: 100%; position: fixed; z-index: 500; background-color: rgba(255,255,255,0.8);  border-bottom: 1px solid #ed1c24; }
div.menubar1 {}
div.whiteBox {background-color: #ffffff; padding: 0;}
div.boxContainer {float: left; width: 100%; position: relative; z-index: 150; padding: 25px 0; background-color: #fff; }
img.the_one_line {float: left; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 50;}
.td_slick_div { padding: 25px; margin: 5px;  transition: 100ms; min-height: 100px; 	display: flex !important;	align-items: center; justify-content: center;  }
.td_slick_div:hover {}
.font-red {color: red;}
#total {font-size: 30pt; color: rgb(0, 180, 0);}
.fiftyWidth {float: left; width: 50%;}
.fiftyWidth h3 {text-align: left;}
span.haveVS { border: 1px solid #ed1c24; color: white; background-color: #ed1c24; text-align: center; padding: 10px 25px; width: 100%; float: left; cursor: pointer}
span.VS_result { float: left; width: 100%;}
span.haveVS:hover { color: #ed1c24; background-color: #ffffff;}
.greenbox, .redbox {float: left; width: 100%; padding: 10px 25px; text-align: center; color: white; }
.greenbox {background-color: #00aa00;}
.redbox {background-color: #ed1c24;}
.running, .swimming, .walking, .cycling, .triathlon {display: none;}
img.medalText {max-width: 100%; width: 300px;}
table.orderAjaxTable {
    border: 3px solid #ed1c24;
    padding: 25px;
    margin-bottom: 10px;
}
table.orderAjaxTable2 {
    border: 0;
    max-width: 600px;
}

.slick-track {
    margin:auto;
}

.box-collector {float: left; width: 100%;}
.box-1 {float: left; width: 100%; background: #ed1c24; display: flex; justify-content: center; align-items: center; color: white; text-align: center; }
.box-1 .inner {float: left; padding: 15px 25px;}
.box-1 span {float: left; width: 100%; font-size: 24pt; line-height: 100%;}


a.td_full_link {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 500; display: block;}

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd;}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {background-color: #3e8e41;}

table.orderAjaxTable tr td:nth-of-type(1) {text-align: left; width: 50px;}
table.orderAjaxTable tr td:nth-of-type(2) {text-align: left;  width: auto;}
table.orderAjaxTable tr td:nth-of-type(3) {text-align: right; width: 100px;}
div.orderAjaxShortText {float: left; width: 100%;}
div.orderAjaxShortText p {font-size: 8pt;}
a.icons {
	cursor: pointer;
	float: right;
	z-index: 150; 
	letter-spacing: 0px !important;
	text-align: left;
	padding: 0px 15px;
	width: auto;
	display: flex;	align-items: center; justify-content: center; 
	height: 50px;
	font-weight: 400;
	font-size: 18px;
	position: relative;
    color: #ffffff;
    background: white;
    margin: 15px 5px;
	transition: 100ms;
	-webkit-backface-visibility: hidden; 
    -webkit-transform: translate3d(0,0,0);
    }
    a.icons:hover { transform: scale(0.9);}
.marginTop15 {margin-top: 15px;}
a.icons:link img, a.icons:visited img {float: left; width: 35px;}
.icon {width: 50px; float: left; margin-right: 15px; margin-top: 0px; }
.greenMask {
    fill: green;
}
.percent30 {float: left; width: 30%;}
.percent40 {float: left; width: 40%;}
.percent50 {float: left; width: 50%;}
.percent60 {float: left; width: 60%;}
.percent70 {float: left; width: 70%;}
table.td_pricelist tr.td_pricelist_header td {background-color: #eee;}
table.td_pricelist tr.td_pricelist_header2 td {background-color: #eee;}
table.td_pricelist tr.td_pricelist_header2 td span {font-size: 14pt; color: #000;  }
table.td_pricelist tr.td_pricelist_item td {background-color: #fff;}
table.td_pricelist tr td {padding: 5px 10px;}
table.td_pricelist tr td:nth-of-type(3) {text-align: right; font-weight: bold;}
table.eventInfo tr:nth-child(even) {background: #fff;}
table.eventInfo tr:nth-child(odd) {background: #f9f9f9}
table.eventInfo td {padding: 3px 10px; vertical-align: middle;}
.smallFont, .smallFont div, .smallFont p {font-size: 12pt;}
table.smalltable td {font-size: 10pt; padding: 5px 10px;}
table.smalltable tr td:nth-of-type(1) {width: 35%}
table.smalltable tr td:nth-of-type(2)  {width: 65%}
table.smalltable tr:nth-child(even) {background: #fff;}
table.smalltable tr:nth-child(odd) {background: #f9f9f9}
table.firstColumnBold tr td:nth-of-type(1) {font-weight: bold;}
table.secondColumnBold tr td:nth-of-type(2) {font-weight: bold;}
table.secondColumnRight tr td:nth-of-type(2)  {text-align: right;}
table.results tr:nth-child(even) {background: #fff;}
table.results tr:nth-child(odd) {background: #f9f9f9}
table.results td {font-size: 11pt;}
table.table-eshop-review {border: 1px solid #ddd; padding: 25px; max-width: 600px;}
table.table-eshop-review td{font-size: 11pt; width: 50%;}
table.table-eshop-review td:nth-of-type(1) {font-weight: bold;}
img.icon24 {width: 20px; height: 20px; opacity: 0.5;}
img.icon35 {width: 30px; height: 30px; opacity: 0.5; float: left;}
img.icon35:hover, img.icon24:hover {opacity: 1;}
.tablesorter .filtered {
    display: none;
}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;}


table.past_results td, table.past_results th, table.past_results td a {font-size: 10pt !important;}    

table.past_results tr:nth-child(even) {background: #fff;}
table.past_results tr:nth-child(odd) {background: #f9f9f9}

.pagedisplay {margin-left: 15px;}
#td_video_line {float: left; position: relative !important;   width: 100% !important; min-height: 500px;}
a.payButton {background-color: white; color: #ed1c24; border: 1px solid #ed1c24; font-size: 14pt; padding: 7px 35px; text-decoration: none; float: left; }
a.payButton:hover {background-color: #ed1c24; color: white; }
.registrationButton {background-color: white; color: #ed1c24; border: 1px solid #ed1c24; font-size: 14pt; padding: 7px 35px; text-decoration: none; float: left; margin-top: 15px; cursor: pointer; }
.registrationButton:hover {background-color: #ed1c24; color: white; font-size: 14pt; text-decoration: none; float: left; margin-top: 15px;  }


.smallerFont {font-size: 90%;}
.bold {font-weight: bold;}
.eventBox {float: left; width: 100%; max-width: 800px;  margin: 0; padding: 20px 25px;  background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);  margin-bottom: 35px; }
.eventBox:nth-of-type(even) {
    transition: 100ms; transform: perspective(600px) rotateY(5deg); 
    border-left: 10px solid #dddddd;
}
.eventBox:nth-of-type(odd) {
    transition: 100ms; transform: perspective(600px) rotateY(-5deg); 
    border-right: 10px solid #dddddd;
}
.eventBox:nth-of-type(even):hover {
    border-left: 10px solid #ed1c24;
}
.eventBox:nth-of-type(odd):hover {
    border-right: 10px solid #ed1c24;
}
img.fullWidth {float: left; width: 100%;}
.eventBox:hover { transform: translate(0,0); }
.eventImage {float: left; height: auto; overflow: hidden; position: relative; width: 300px;}
.eventImage img { width: 285px; float: left; }
.eventHeader, .eventHeader a { float: left;  width: calc(100% - 300px);  text-align: left; font-size: 25px; color: #ed1c24; }
.eventDate { float: left; width: calc(100% - 300px);  text-align: left; font-size: 15px; color: #aaaaaa; }
.eventInfo { float: left;  width: calc(100% - 300px);  text-align: left; font-size: 15px; color: #333;}
.eventSideBox {position: relative;}
.eventSideBox .eventImage {float: left; height: auto; overflow: hidden; position: relative; width: 30%; min-height: 100px; display: flex; justify-content: center; align-items: center;}
.eventSideBox .eventImage img { width: 100%; }
.eventSideBox img { max-width: 100%; }
.eventSideBox .eventHeader, .eventSideBox .eventHeader a, .eventSideBox .eventDate, .eventSideBox .eventInfo {width: 70%; padding-left: 17px;}
.eventSideBox .eventHeader {font-size: 14pt;}
.eventSideBox .eventDate {font-size: 10pt;}
.eventSideBox .eventInfo {font-size: 10pt;}
.eventBody p { width: 100%;  text-align: left;  }
.topright {width: 35%; opacity: 0.025; top: 0; right: 55px; position: absolute;}
.downloadItem img {width: 35px; margin-right: 10px; vertical-align: middle;}
div.fullWidth {position: relative; float: left; width: 100%;}
div.fullWidthCentered h2 {text-align: center;}
.ThreeBoxCollect {max-width: 1280px; width: 100%; float: left; margin-left: 50%; transform: translate(-50%, 0); margin-top: 0px; z-index: 51; position: relative;}
.ThreeBoxCollect {margin-top: -80px;}
.ThreeBox {float: left; width: calc(33.33% - 40px); margin: 20px;  padding: 20px 0; position: relative; background-color: #fff;
    transition: 100ms; 	transform: perspective(600px) rotateY(10deg);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    
}
span.trigger, a.trigger {font-size: 9pt; float: right; cursor: pointer; color: #ed1c24; text-decoration: none;}
span.trigger:hover, a.trigger:hover {text-decoration: none;}
.ThreeBox h2 {color: #ed1c24;  font-weight: normal; font-size: 18pt;}
.ThreeBox img.bg {position: absolute; bottom: 0; right: 0; float: left; width: 60%; z-index: -1; opacity: 0.3;}
.ThreeBox span.spanText { padding: 0 35px;  float: left; width: 100%; text-align: center; color: #fff;}
.ThreeBox img.mainPic {width: 90px;}
.normal {font-weight: normal !important;}
.formCollector  {float: left; margin-right: 20px;}
.TDformLine_track_id .formCollector, 
.TDformLine_track_id_2 .formCollector, 
.TDformLine_track_id_3 .formCollector, 
.TDformLine_track_id_4 .formCollector, 
.TDformLine_track_id_5 .formCollector,
.TDformLine_track_id_6 .formCollector, 
.TDformLine_track_id_7 .formCollector, 
.TDformLine_track_id_8 .formCollector, 
.TDformLine_track_id_9 .formCollector,
.TDformLine_track_id_10 .formCollector  {float: left; width: calc(33.33% - 20px);}
.ThreeBox:hover { transform: translate(0,0); }
/*
.ThreeBox {background: rgb(19,124,150);
    background: linear-gradient(45deg, rgba(19,124,150,1) 0%, rgba(38,180,215,1) 100%);}
*/
table.eventInfo  {float: left; width: 100%;}
table.eventInfo td:first-of-type {font-weight: bold;}
.block {float: left; width: 100%;}
.left {float: left; width: 50%; position: relative;}
.right {float: right; width: 50%; position: relative;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.right img {max-width: 100%; float: left;}
.leftSide {float: left; width: 70%; position: relative;}
.rightSide {float: left; width: 30%; position: relative;}
.rightSide .ThreeBoxCollect {width: 100%; float: left; margin: 0; z-index: 51; position: relative; transform: translate(0,0);}
.rightSide .ThreeBox {float: left; width: calc(100% - 40px); margin: 20px;  padding: 5px ;position: relative;
    transition: 100ms; 	transform: perspective(600px) rotateY(10deg);  border-bottom: 3px solid #888;
    
}

.record_row_your_position td {border-top: 1px solid #888; opacity: 50%;}

.rightSide .ThreeBox span.spanText {display: none;}
.rightSide .logo {width: 100%; float: left; position: relative; top: auto; left: auto; transform: translate(0,0);}
.rightSide a.buttonBG { margin-bottom: 15px; margin-top: 0;}
.rightSide h2 { margin-bottom: 0px; margin-top: 0px; padding-top: 5px;}
.logo_text {float: left; width: 250px; margin-top: 20px;}
.logo_text span {color: #ed1c24; font-size: 18pt; font-weight: bold;}
.logo_text span:nth-of-type(1) {font-size: 12pt;}
.logo_text span:nth-of-type(3) {color: black;}
.centered {transform: translate(-50%, 0); MARGIN-LEFT: 50%; max-width: 1360px; float: left; display: block; width: 100%; padding: 0; box-sizing: border-box; position: relative;}
div.td_body_centered p {text-align: center;}
.add_runner, .remove_runner {float: left; width: 100%; text-align: center; padding: 10px 25px; color: white; cursor: pointer; opacity: 0.7;}
.add_runner:hover, .remove_runner:hover {opacity: 1;}
.add_runner {background-color: #00aa00;}
.remove_runner {background-color: #ed1c24;}
/* SLICK 1 */
.lines {float: left; width: 100%; height: 100%; position: absolute; background: url('/files/lines.png'); z-index: 49;}
.td_slick_line {float: left; width: 100%;  position: relative}
.td_slick {width: 100%; float: left; max-width: 800px;}
.td_slick img {width: 100%; margin: 0;}
.td_slick_line {float: left; width: 100%;  position: relative}
.td_slick2 {width: 100%; float: left; }
.td_slick2 div {width: 100%; float: left; display: flex !important; justify-content: center; align-items: flex-start; }
.td_slick2 img.mainpic {width: 100%; max-width: 1024px; margin: 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);  margin-bottom: 65px;  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);}
.td_slick2 img.bgpic {width: 100%; margin: 0; margin-left: 50%; transform: translate(-50%, 0); position: absolute; top: 0; left: 0; z-index: -1; filter: blur(10px);}
a.download {width: 100px; float: left;}
a.download span {width: 100%; float: left; margin-bottom: 10px; text-align: center; font-size: 10pt;}
a.download img {width: 100%; float: left; padding: 15px;}
div.centeredReal {width: 100%; max-width: 1280px; margin: 0 auto; display: block;}
div.centeredRealNarrow {width: 100%; margin: 0 auto; display: block; max-width: 1024px;}
div.centeredRealNarrow2 {max-width: 820px; }
div.dots {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/img/dots.png'); z-index: 3;}
div.topgrass {position: absolute; top: 0; left: 0; right: 0; height: 100px; background: url('/img/grasstop.png'); z-index: 11;}
div.grass {position: absolute; bottom: -1px; left: 0; right: 0; height: 100px; background: url('/img/grass.png'); z-index: 11;}
div.clouds {position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url('/img/clouds.png'); z-index: 3; opacity: 0.5;     
    animation-duration: 60s;
	animation-timing-function: linear;
    animation-iteration-count: infinite;}
div.clouds {
	animation-name: animClouds;
}
@keyframes animClouds {
    000% { background-position: 0px 0%;}
    100% { background-position: 2000px 0%;}
}
a.logo img {float: left; height: 50px; margin-right: 20px; margin-top: 15px; transition: 200ms;}
a.logo img:hover { transform: scale(0.9);}
footer {float: left; width: 100%; margin-top: 25px; background-color: #eee;}
footer .centeredReal {padding: 19px 25px; text-align: center; color: #333;}
footer .centeredReal a:link,footer .centered a:visited {}
footer .leftBottom {float: left; font-size: 12px; color: #666666;}
footer .rightBottom {float: right;}
footer .rightBottom a { float: left;}
footer .rightBottom img {float: left;}
footer .rightBottom span {margin-left: 25px; border-left: 1px solid #999; padding-right: 25px; float: left; min-height: 30px; display: block; }
.thumbnails {width: 100%; float: left; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 35px 0; }
.thumbnails a {width: calc(25% - 10px);  margin: 5px; float: left;}
.thumbnails a .thumbnail {transition: 0.1s; opacity: 0.8; float: left; width: 100%;}
.thumbnails a .thumbnail:hover {opacity: 1; }
    
.marginBottom5 {margin-bottom: 5px;}
.icon64 {width: 64px; height: 64px; float: left;}
.icon32 {width: 32; height: 32px;  float: left;}
 
.buttons {width: auto; float: left; margin-right: 5px; margin-bottom: 5px; text-align: center; cursor: pointer; padding: 4px 7px; background-color: #dddddd; color: #000000; font-size: 10pt; }
.buttons:hover, .buttons_active  {background-color: #ed1c24; text-decoration: none; color: white;}
a.buttons {width: auto; float: left; margin-right: 5px; margin-bottom: 5px; text-align: center; padding: 4px 7px; background-color: #dddddd; color: #000000; font-size: 10pt; }
a.buttons:hover, a.buttons_active  {background-color: #ed1c24; text-decoration: none; color: white;}

.mobile {display: none;}
div.float {width: 60%; float: left;}
a.buttonBG {margin: 20px; float: left; margin-left: 0; margin-right: 0;}
a.buttonBG span:nth-of-type(1) {background-color: #eee; float: left;  display: flex; align-items: center; justify-content: center; padding: 15px 35px; color: #000000; height: 50px; transition: 0.1s; }
a.buttonBG span:nth-of-type(2) {background-color: #ed1c24; float: left;  display: flex; align-items: center; justify-content: center;  height: 50px; width: 50px; padding: 15px; }
a.buttonBG span:nth-of-type(2) img {width: 10px;}
a.buttonBG:hover span:nth-of-type(1) {background-color: #000000; color: #ffffff;}
div.middleLiner {float: left; width: 100%; position: relative;}
div.middleLinerPart1 {float: left; width: 100%;  position: absolute; height: 50%; top: 0; border-bottom: 2px solid #ed1c24;}
div.middleLinerPart2 {float: left; width: 100%;  position: absolute; height: 50%; top: 50%;}
div.middleLinerText {white-space: nowrap; float: left; margin: 10px; background-color: #fff; color: #000000; font-size: 60px; font-family: "Patrick Hand";  position: relative; padding-right: 50px; padding: 0px 50px;margin-left: 50%; transform: translate(-50%, 0); text-transform: uppercase; text-align: center;}
div.middleLinerText h1 {color: #333; font-size: 60px; font-weight: normal;}
div.middleLinerText h2 {color: #333; font-size: 20px; text-transform: none;}
div.middleCaption { float: left; margin: 10px; margin-top: 25px; padding: 0px 50px; color: black;  text-align: center;    font-size: 24px; font-weight: 500 !important; width: 100%; color: #666666;}
div.middleLinerBPart1 {float: left; width: 100%;  position: absolute; height: 50%; top: 0; border-bottom: 1px solid #333;}
div.middleLinerBPart2 {float: left; width: 100%;  position: absolute; height: 50%; top: 50%;}
div.middleLinerBText {white-space: nowrap; float: left; margin: 10px; background-color: black; padding: 15px 50px; color: white; font-size: 30pt; margin-left: 50%; transform: translate(-50%, 0); text-transform: uppercase; text-align: center;}
div.cross {display: none;}
@media only screen and (max-width: 1023px) {


    table.past_results {min-width: 1024px;}
    div.menubar, div.menubar.topper {height: 75px; border-bottom: 0; position: relative;   }
    div.marginTop {height: 0px;}
    div.ipad {display: block;}
    .centeredReal {padding: 0 25px;}
    a.buttonWB {width: 40%;}
    a.logo {border-radius: 0; padding: 0; position: relative; top: auto; left: auto; height: 69px; padding: 10px 0;}
    a.logo img {height: auto; height:  55px; margin: 10px 0; float: left;}
    a.logo:hover {transform: none;}
    .item-1, .item-2, .item-3 {transform: scale(0.6); top: 35%;}
    video.animace {width: 100%; margin: 25px 0; height: auto;}
    .td_slick2 div.centerContent {height: 200px;}
    div.middleLinerText {padding: 0 20px;}
    .mobile {display: block;}
    .td_slick2 img {width: 168%;}
    div.slick-active {z-index: 100;}
    a.socialIcon:nth-of-type(2), div.topper a.socialIcon:nth-of-type(2) {margin-right: 55px; margin-top: 10px; width: 35px;}
    a.socialIcon, div.topper a.socialIcon {margin-top: 10px; width: 35px;}
    div.cross {display: block; width: 40px; float: right; margin-top:  17px; margin-right: 10px;}
     .td_slick_line.heightLimit {max-height: 200px;}
    div.programBox {width: 50%; margin: 0px;}
    img.thumbnail {width: calc(25% - 10px);}
    .newsBox {margin: 10px; width: 100%;}
    div.bottomBox img.bg {width: 40%; margin-bottom: 50px;  }
    div.ThreeBox  {padding: 0;}
    .ThreeBox .flexBox {position: relative;}
    a.logo.mobile {display: block;}
    a.logo.desktop {display: none;}
    a.logo img {width: auto; top: 0; position: relative;}
    div.mainBody .centeredReal {padding: 0 25px;}
    div.boxContainer .centeredReal {padding: 0 10px;}
    .eventBox {
        transform: perspective(0) rotateY(0);
        margin: 10px 25px;
        width: calc(100% - 50px);
    }
}
@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 

    .ThreeBox {width: calc(100% - 20px);}
    .w-25-m-100 {width: 100% !important;}
    .w-33-m-100 {width: 100% !important;}
    .w-25-m-50 {width: 50% !important;}
    .w-33-m-50 {width: 50% !important;}

    .centeredReal {padding: 0 10px;}
    .ThreeBoxCollect, .topright {display: none;}
    .boxContainer {min-height: 50px;}
    .td_slick_line {min-height: 190px;}
    div.middleLinerText {font-size: 25pt;}
    div.newsBox {margin: 0; padding: 25px 0;}
    img.miniLogo {display: none;}
    div.miniLogo {width: 100%;}
    div.miniLogo img.miniLogo {display: block;}
    div.newsHeader, div.newsDate, div.newsBody p {text-align: center;}
    a.downloadItem {float: left; width: 100%; text-align: center;}
    .eventImage {float: left; width: 100%;}
    .eventImage img { width: 100%; float: left;}
    .eventHeader, .eventHeader a, .eventDate, .eventInfo, .eventBody p { width: 100%;  float: left; margin: 0; text-align: center; }
    table.eventInfo td {text-align: left;}
    .eventHeader {margin-top: 15px; }
    .left {float: left; width: 100%; position: relative;}
    .right {float: right; width: 100%; position: relative;}
    .fiftyWidth {float: left; width: 100%;}
    a.payButton {float: left !important; margin-top: 25px;}
    .thumbnails a {width: calc(50% - 10px);}
}
@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : landscape) { 
}