* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {max-width: 100%; height: auto; width: auto\9; border:none;}
a { color:#1ba7ef; text-decoration:none;}
a:hover { color:#1ba7ef; text-decoration:underline;}
strong, b { font-weight:700;}
em, i { font-weight:400; font-style:italic;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
button {
     -webkit-appearance: none;
     border-radius: 0;
}
::-webkit-input-placeholder { color: #ffffff; opacity:.7}
::-moz-placeholder {color: #ffffff;  opacity:.7}
:-ms-input-placeholder { color: #ffffff;  opacity:.7}
:-moz-placeholder { color: #ffffff;  opacity:.7}

html { font-size:100%;}

body { padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:16px; font-size:1rem; font-weight:400; color:#313131; background:#f5f5f9;}
html.fancybox-enabled{ overflow:visible !important; margin-right:auto !important;}

h1 { padding:0; margin:0; text-transform: uppercase;font-size: 1.125rem;color: #a5a5a5;font-weight: 700;}

.wrapper {padding: 0; margin: 0 auto; width: 100%; max-width: 1600px;}
.wrapper:after { content: ''; display: block; clear: both;}

/* Welcome */
.welcome { width: 100%; height:100vh; margin: 0; position: relative; overflow: hidden; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 2rem 0;}
.welcome:after { content: ''; display: block; clear: both;}
.welcome:after { content:''; display: block; width: 100%; height: 100%; position: absolute; background: url(../images/pattern.png) repeat; z-index: 2; top: 0; left: 0}
.welcome nav { display: block; position: relative; z-index: 3; text-align: right; font-weight: 700; text-transform: uppercase; padding-right:2rem; }

.welcome nav i { display: none; }
.welcome nav a { color: #ffffff; text-decoration: none; display: inline-block; padding: .7rem 1.5rem; border: 2px solid #ffffff; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 .3rem; transition: background .3s; }
.welcome nav a:hover { background: #13bed7; }

.welcome .choose_city { position: absolute; z-index: 3; width: 100%; max-width: 760px; text-align: center; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-size: 1.25rem;}
.welcome .choose_city .logo img { width: 55%;}
.welcome .logo, .welcome_form { display: block; width: 100%; padding: 2rem 0 0;}
.welcome_form form { padding: 0; margin: 0; width: 100%; display: block; height: 3.5rem; background: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.5); box-shadow: 2px 2px 3px 0 rgba(0,0,0,.5);}
.welcome_form  select { width:100%; height: 3.5rem; background: none; border: none;-webkit-appearance:none;-moz-appearance:none; appearance:none; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size:1.25rem; font-weight:400; color:#464646; padding-left: 1rem; }
.welcome_form  label {width: 70%; float: left; position: relative;}
.welcome_form  label:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 1.25rem; display: block; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color:rgba(0,0,0,0); z-index: 5; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8), 0px 0px 0px #000, 0px 0px 0px rgba(150, 150, 150, 0.8);}

.welcome_form .submit_home { padding: 0; margin: 0; width: 30%; height: 3.5rem; float: left; background: #13bed7; border: none; -webkit-border-radius: 0 10px 10px 0 !important; border-radius: 0 10px 10px 0 !important; font-family: 'Open Sans', sans-serif; font-size:1.5rem; font-weight:700; color:#ffffff; text-transform: uppercase;cursor:pointer}
#private_data  select { width:100%; height: 3.5rem; background: none; -webkit-border-radius: 10px; border-radius: 10px;  position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size:1.25rem; font-weight:400; color:#464646; padding-left: 1rem; }
#private_data  label {width: 70%; float: left; position: relative;}
#private_data  label:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 1.25rem; display: block; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color:rgba(0,0,0,0); z-index: 5; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8), 0px 0px 0px #000, 0px 0px 0px rgba(150, 150, 150, 0.8);}

/* Footer */
footer { width: 100%; clear: both; background: #464646; padding: 1rem 0; font-size: .75rem; text-transform: uppercase; color: #fff;}
footer:after { content: ''; display: block; clear: both;}
footer .wrapper { padding: 0; margin: 0 auto; width: 100%; max-width: 1200px;}
footer .column { width: 19%; float: left; padding-right: 1rem;}
footer .column.big { width: 24%; text-align: center; padding-top: 2rem;}
footer .column.big img { width: 65%; opacity: .5;}
/*footer .column:last-of-type { padding-right: 0;}*/
footer ul { padding:0; margin: 0; list-style: none;}
footer ul li { display: block; padding: .5rem 0;}
footer ul li a { color: #ffffff; text-decoration: none;}
footer ul li a:hover {color: #ffffff; text-decoration: underline;}
footer h5 { padding:.5rem 0; margin: 0; font-size: .75rem; font-weight: 400;}
footer  p { padding:0 0 .3rem; margin: 0; font-size: 1.25rem;}
footer p a { color: #464646; text-decoration: none; display: inline-block; font-size: 1.25rem; background: #ffffff; width:2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; -webki-border-radius: 50%; border-radius: 50%;}
footer p a:hover { color:#1ba7ef; text-decoration:none;}
.copy { width: 100%; clear: both; float: left; color: rgba(255,255,255,.5); margin-top: 3.5rem; text-transform: none; text-align: center;}
.copy span { display: inline-block; width: auto; border-top: 1px solid #ffffff; padding: 1rem 0}
.copy span a {color: rgba(255,255,255,.5); text-decoration: none;}
.copy span a:hover {color: rgba(255,255,255,.5); text-decoration: underline;}

/* Header */
header {padding: .7rem 0; margin:0; width: 100%; clear: both; background: #ffffff; -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.3); box-shadow: 0 3px 3px 0 rgba(0,0,0,.3); position: fixed; top: 0; left: 0;z-index:101;}
header.small { position:fixed; z-index:101; -ms-transition:    all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;}
header.small .logo img { max-height:75px;
-ms-transition:    all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}
header:after { content: ''; display: block; clear: both;}
header .logo { width:30%; float: left;}
header nav { display: block; position: relative; z-index: 3; text-align: right; font-weight: 700; text-transform: uppercase; padding-top:2rem; width: 70%; float: right}

header nav i { display: none !important; }
header nav a { color: #ffffff; text-decoration: none; display: inline-block; padding: .5rem 1.2rem; border: 2px solid #13bed7; background: #13bed7; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 .3rem; transition: background .3s; }
header nav a:hover { background: #ffffff; color: #13bed7; text-decoration: none; }
header .logo img { display:block; max-height:75px;
-ms-transition:    all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}


/* Main Content */
header + .wrapper { padding: .5rem 0;}
.main_content { width: calc(100% - 390px); float: left; padding:1.5rem 0; min-height: 80vh;}
.banner { width: 390px; float: left; padding-right: 30px; text-align: right; padding:1.5rem 0}
.section_event { width: 100%; float: left; padding-bottom: 1.5rem;}
.section_event h2 { padding:0; margin: 0 0 1rem; font-weight: 700; font-size: .875rem; color: #6f6f6e; text-transform: uppercase; width: auto; border-bottom: 1px solid #ffffff; display: inline-block;}
.section_event h2 strong { font-size: 1.5rem; font-weight: 800;}
.timeline { width: 100%; float: left; clear: both; }
.hour { width: 3.75rem; float: left; font-weight: 700; padding-top: .5rem}
.dot { width: 1.25rem; height: 1.25rem; background: #13bed7; -webkit-border-radius: 50%; border-radius: 50%; float: left; margin-right: 1.25rem; margin-top: .5rem}
.accordion { width: calc(100% - 6.5rem); float: left; background: #ffffff; -webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.3); box-shadow: 1px 2px 3px 0 rgba(0,0,0,.3); padding:.5rem 1.5rem .5rem 1rem;  margin-bottom: .6rem; -webkit-border-radius: 10px; border-radius: 10px; min-height: 3rem; position: relative;}
.accordion:before { content: ''; position: absolute; width: 3px; height: 120%; top: 0; left: -2rem; background: #13bed7}
.timeline:first-of-type .accordion:before { top: .5rem;}
.timeline:last-of-type .accordion:before { height: 50%;}

.button.button { width: 2.5rem; height: 2.5rem; position: absolute; top:.2rem; right: -1rem; text-align: center; color: #ffffff; padding:0; margin:0; background:none; border:none; }

.button.red_button { background: url(../images/red_button.svg) no-repeat center center; background-size:100% 100%; font-size:0; font-weight: 700; z-index: 1;}
.button.red_button:before { content:'!'; display:block; color: #ffffff; position: absolute; left:50%; top: 50%; margin: -.9rem 0 0 -.9rem; z-index: 100; font-size: 1.625rem; width: 1.8rem; height: 1.8rem;}
.button.blue_button {  background: url(../images/blue_button.svg) no-repeat center center; background-size:100% 100%; font-size:0; font-weight: 400;z-index:1; }
/*.button.blue_button:before { content:''; display:block; color: #ffffff; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; width: 1.8rem; height: 1.8rem; background: url(../images/plus_icon.png) no-repeat center center}*/
button.red_button.active { background: url(../images/red_button_active.svg) no-repeat center center; background-size:100% 100%; }

button.blue_button.active {background: url(../images/blue_button_active.svg) no-repeat center center; background-size:100% 100%;}
/*.button.blue_button.active:before { content:''; display:block; color: #ffffff; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; font-size: 1.625rem; width: 1.8rem; height: 1.8rem;background: url(../images/x_icon.png) no-repeat center center}*/

/*.button.red_button:before { content:'!'; width:100%; height:100%; display:block; text-align:center; font-size: 1.625rem;  line-height: 2.5rem; }
.button.blue_button:before { content:'+';  width:100%; height:100%; display:block; text-align:center; font-size: 1.625rem;  line-height: 2.5rem; }
.button.blue_button.active:before { content:'\00d7';  width:100%; height:100%; display:block; text-align:center; font-size: 1.625rem;  line-height: 2.5rem; }*/

div.panel { padding: 0 18px; display: none; background-color: white;}
div.panel.show { display: block !important;}
.accordion table { padding:0; margin:0; width: 100%; border-collapse: collapse;}
.accordion table tr td { padding-right: 1rem; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; width: 32%; display: inline-block;cursor:pointer}

.accordion .panel { border-top:1px solid #f5f5f9; padding: 1rem 0; margin-top: .5rem;}
.accordion .panel p { padding: 0 0 1rem 0; margin: 0; line-height: 1.35;}
.attention { width: 100%; float: left; font-size: .875rem; color: #fe524e; padding:0 0 1rem 0}
.buttons { width: 100%; float: left;}
.share_buttons { width:50%; float:left;}
.share_buttons img { vertical-align: middle;}

.more_buttons {width:50%; float:left; text-align:right;}
.more_buttons a {color: #6f6f6e; text-decoration: none; display: inline-block; background: #ffffff; border:1px solid #fe524e; vertical-align: middle; font-size: .75rem; padding: .3rem 1rem; text-transform: uppercase; font-weight: 700; position:relative;}
.more_buttons a:before {content: attr(data-title); position: absolute; font-size: .75rem; text-transform: none; background: #313131; color:#ffffff; font-weight: 400; white-space: nowrap; padding:.3rem .5rem; -webkit-border-radius: 3px; border-radius: 3px; top: -1.5rem; left: -50%; opacity: 0; line-height: normal;
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;}
.more_buttons a:hover:before { opacity: 1;}
.more_buttons .more {color: #ffffff; text-decoration: none; display: inline-block; background: #fe524e; border:1px solid #fe524e; vertical-align: middle; font-size: .75rem; padding: .3rem 1rem; text-transform: uppercase; font-weight: 700;}
.more_buttons .more:hover { background: #ffffff; color: #6f6f6e; text-decoration: none;}
.more_buttons a.more:before { display:none}
.event .more_buttons { text-align:left; padding-bottom:1rem;}

/* Fixed Buttons */
.main-fix { height:5rem;}
.fixed_buttons { position: fixed; bottom: 0; width: 100%; height: 5rem; z-index:200;
background: -moz-linear-gradient(top, rgba(111,111,110,0) 0%, rgba(111,111,110,0) 49%, rgba(111,111,110,.7) 50%, rgba(111,111,110,.7) 51%, rgba(111,111,110,.7) 100%);
background: -webkit-linear-gradient(top, rgba(111,111,110,0) 0%,rgba(111,111,110,0) 49%,rgba(111,111,110,.7) 50%,rgba(111,111,110,.7) 51%,rgba(111,111,110,.7) 100%);
background: linear-gradient(to bottom, rgba(111,111,110,0) 0%,rgba(111,111,110,0) 49%,rgba(111,111,110,.7) 50%,rgba(111,111,110,.7) 51%,rgba(111,111,110,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006f6f6e', endColorstr='#6f6f6e',GradientType=0 );
text-align: center;;
}
.relative_buttons { position: relative; bottom: 0; width: 100%; height: 5rem; z-index:200;
background: -moz-linear-gradient(top, rgba(111,111,110,0) 0%, rgba(111,111,110,0) 49%, rgba(111,111,110,.7) 50%, rgba(111,111,110,.7) 51%, rgba(111,111,110,.7) 100%);
background: -webkit-linear-gradient(top, rgba(111,111,110,0) 0%,rgba(111,111,110,0) 49%,rgba(111,111,110,.7) 50%,rgba(111,111,110,.7) 51%,rgba(111,111,110,.7) 100%);
background: linear-gradient(to bottom, rgba(111,111,110,0) 0%,rgba(111,111,110,0) 49%,rgba(111,111,110,.7) 50%,rgba(111,111,110,.7) 51%,rgba(111,111,110,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006f6f6e', endColorstr='#6f6f6e',GradientType=0 );
text-align: center;
}

.filter_button { width: 33%; height: 4.375rem; border-radius: 2.2rem; max-width: 220px; margin: 0 1%; display: inline-block; text-align: left; font-size: 1.125rem; text-transform: uppercase; font-weight: 700; line-height: 4rem; border:3px solid #ffffff;
background: #fe524e;
background: -moz-linear-gradient(-30deg, rgba(254, 82, 78, .9) 0%,rgba(254, 82, 78, .9) 31%, rgba(225, 60, 81, .9) 32%, rgba(196, 48, 45, .9) 100%);
background: -webkit-linear-gradient(-30deg, rgba(254, 82, 78, .9) 0%,  rgba(254, 82, 78, .9) 31%, rgba(225, 60, 81, .9) 32%,rgba(196, 48, 45, .9) 100%);
background: linear-gradient(120deg, rgba(254, 82, 78, .9) 0%,rgba(254, 82, 78, .9) 31%,rgba(225, 60, 81, .9) 32%,rgba(196, 48, 45, .9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(254, 82, 78, .9)', endColorstr='rgba(196, 48, 45, .9)',GradientType=1 );
}


.filter_button.chosen, .filter_button:hover {
background: #fe524e;
background: -moz-linear-gradient(-30deg, #13bed7 0%,#13bed7 31%, #09a7be 32%, #069cb2 100%);
background: -webkit-linear-gradient(-30deg, #13bed7 0%,  #13bed7 31%, #09a7be 32%,#069cb2 100%);
background: linear-gradient(120deg, #13bed7 0%,#13bed7 31%,#09a7be 32%,#069cb2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(254, 82, 78, .9)', endColorstr='#069cb2',GradientType=1 );
}

.filter_button a { float: left; padding:0 1rem; color: #ffffff; text-decoration: none; width:100%;}
.filter_button.chosen a:first-of-type { width:25%;}
.filter_button.chosen a:last-of-type { padding-right: 0;  overflow: hidden; text-overflow:ellipsis; height:4rem; width:75%; display:table }
.filter_button small { font-size: .625rem; font-weight: 400; display:none}
.filter_button i { font-size: 2rem; vertical-align: middle; line-height: 4rem !important; margin-right:1rem;}
.filter_button.chosen { line-height: normal; font-size: .875rem; padding-top: 0; }
.filter_button.chosen a span { display:table-cell; vertical-align:middle}
.filter_button a span { display:block; margin:0; line-height: normal; font-size: .875rem;}
.relative { position: relative !important; bottom: auto;}

.filter_button.chosen a.icon { position: relative;}
.filter_button.chosen  a.icon:before { content: attr(data-title); position: absolute; font-size: .75rem; text-transform: none; background: #313131; font-weight: 400; white-space: nowrap; padding:.3rem .5rem; -webkit-border-radius: 3px; border-radius: 3px; top: -.5rem; z-index: 100 !important; left: -50%; opacity: 0; line-height: normal;
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;}

a.icon:hover:before { opacity: 1}

/* Event Page */
.path { width:100%; float:left; padding:0; font-size:.813rem; color:#9f9f9f;}
.path div { display:inline}
.path a { color:#9f9f9f; text-decoration:none;}
.path a:hover { color:#9f9f9f; text-decoration: underline;}


.page_container { width:100%; float:left; min-height:75vh; position:relative; padding:1rem 0; margin-bottom:3rem;}
.page_container_special { width:100%; margin: 0 auto; height:75vh; position:relative; padding:1rem 0; }
.event { width:430px; height:100%; float:left; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); background:#ffffff; padding:1.5rem 1rem 1.5rem ; position:relative; z-index:1;}
.map { width: calc(100% - 420px); height:100%; float:left; margin-left:-10px; position:relative}
.map iframe {width:100% !important; height:100% !important;}
.back_button { position:absolute; z-index:10; width:36px; height:36px; display:block;  top:0px; right:-16px; background: url(../images/close_button.svg) no-repeat center center}
.back_button:hover { background: url(../images/close_button_hover.svg) no-repeat center center; text-decoration:none;}
.back_button_pages { position:absolute; z-index:10; width:36px; height:36px; display:block;  top:-60px; right:-60px; background: url(../images/close_button.svg) no-repeat center center}
.back_button_pages:hover { background: url(../images/close_button_hover.svg) no-repeat center center; text-decoration:none;}
.banner728 { width:728px; height:90px; border:1px solid #ffffff; position:absolute; bottom:1rem; left:50%; transform:translateX(-50%);z-index:1;}
.banner728 img { display:block;z-index:1;}
.sport_icon { display:block; width:100%; padding:1.5rem 0 1.5rem; float:left; text-transform:uppercase; font-size:1.125rem; color:#a5a5a5; font-weight:700;}
.sport_icon:after {content: ''; display: block; clear: both;}
.sport_icon img { background:#13bed7;  -webkit-border-radius:50%; border-radius:50%; max-width:60px; vertical-align:middle; margin-right:1rem;}

.event .share_buttons { position:absolute; bottom:0; left:0; width:100%; padding:.5rem 1rem; background:#ffffff; -webkit-border-radius:10px; border-radius:10px;}
span.et { font-size:.813rem; text-transform:uppercase; color:#a5a5a5;}   
.page_container h1 { padding:0; margin:0; font-size:1rem; font-weight:700;}
.page_container_special h1 { padding:0; margin:0; font-size:1rem; font-weight:700;}
.event_table { padding:0; margin:1rem 0; width:100%; border-collapse:collapse;}
.event_table tr td { padding:.5rem 0; border-bottom:1px solid #e5e5e5; text-align:right; vertical-align:bottom;}
.event_table tr td:first-of-type { text-align:left; font-size:.813rem; text-transform:uppercase; color:#a5a5a5;}
.event_table tr:last-of-type td { border-bottom:none}
.event .attention { width: 100%; float: left; font-size: .875rem; color: #fe524e; padding:0 0 1rem;}
.page_container_special h3 { padding:0; margin:0; font-weight:400; font-size:.813rem; text-transform:uppercase; color:#a5a5a5;}
.event p { padding:1rem 0 0; margin:0; line-height:1.5;}
a.map-link { display:none;}

/* Custom Scrollbar */
.scrollbox { width:100% !important; height:85%; overflow: auto; padding-right:1.5rem !important; margin:0 !important;}
.vertical-track { width: 8px; background-color: #eee;}
.vertical-handle {width: 8px; background-color: #13bed7;border: 1px solid rgba(0, 0, 0, 0.1);}

.close { position:absolute; z-index:10; width:48px; height:48px; background:#ffffff; -webkit-border-radius:50%; border-radius:50%; border:2px solid #313131; text-align:center; line-height:44px; color:#313131; top:24px; right:24px; display:none}
.close:hover { background:#13bed7; border:2px solid #ffffff; color:#ffffff; text-decoration:none;}


/* Modal */
/* modal styles */
.modal-content { width:90%; max-width: 960px; display:none;}
.js-modal-overlay {display: none; position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 100Vh;  background: rgba(0, 0, 0, .5); overflow: hidden;}
.js-modal-close {background: #ffffff; color: #313131; position: absolute; z-index:201; text-align: center; line-height:26px; width: 32px; height:32px; text-decoration: none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:2px solid #313131; right:-16px; top:-16px;}
#modal02 { height:auto !important; max-height:90vh;}

.modal-content h2 { padding:0; margin:0; text-transform:uppercase; font-size:1.125rem;}
.sport-item { display:block; width:14.2%; float:left; text-align:center; font-size:.875rem;text-transform:uppercase; padding:1.5rem 1rem;}
.sport-item:nth-of-type(7n+1) { clear: left; }
.sport-item a { color:#313131; text-decoration:none; }
.dialog-inner { height:100% !important; padding:2rem;}
.sport-item a:hover { color:#1ba7ef; text-decoration:none;}
.sport-item img { width:100%; max-width:100px; background:#1ba7ef; -webkit-border-radius:50%; border-radius:50%;}
.sport-item a:hover img { background:#ababae}


/* calendar */
.calendar-show {width: 100%; float:left;}
.month ul { padding:0; margin:0; list-style:none;}
.month,.ui-datepicker-title{ padding:3rem; width: 100%; background: #13bed7; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.month ul li, .ui-datepicker-month, .ui-datepicker-year { color: #fff;  font-size:2.25rem; text-transform: uppercase; font-weight:700; text-align: center; line-height:2.25rem;}
.month .prev { float: left; cursor: pointer; font-size:1.5rem;}
.month .next {float: right; cursor: pointer; font-size:1.5rem;}
.calendar-show table { width:100%; padding:0; margin:0; border-collapse:collapse;}
.calendar-show table thead tr th { padding:1rem 0; font-weight:400; color:#a8a9a9; font-size:.875rem; text-align:center;}
.calendar-show table tr td { padding:1rem 0; color:#a8a9a9; font-size:1.3rem; font-weight:700; text-align:center;}
.calendar-show table tr td a { color:#313131; text-decoration:none; padding:0; display:inline-block; text-align:center; width:48px; height:48px; line-height:44px; border:2px solid #fe524e; border-radius:50%; position:relative;cursor:pointer;}
.calendar-show table tr td a.today, .calendar-show table tr td a:hover {border:2px solid #fe524e;}
.calendar-show table tr td a.act-event:after { content:'\f111'; position:absolute; color:#1ba7ef; top:0; right:0; font-family: 'FontAwesome'; font-size:0.625rem; line-height:normal;}

.fancybox-navigation { display:none;}

a.ui-datepicker-prev ui-corner-all span {color:#ffffff;}

/* places*/
.place-acc { width:100%;  min-height:80vh; position: relative;float:left;}
.blue-bg { background:#1ba7ef; width:35%; padding:1rem 0 1rem 3rem; color:#ffffff; position: absolute; height: 100%;}
.list-places { width:65%; padding:1rem; float: right}

ul.tabs {margin: 2rem 0 0; padding: 0; float: left; list-style: none; width: 100%;}
ul.tabs li { float: left; margin: 0; cursor: pointer; overflow: hidden;	position: relative; width:100%; color:#ffffff; text-transform:uppercase; font-size:.875rem; padding:.5rem 1rem;}
ul.tabs li:hover { text-decoration:underline;}
ul.tabs li.active {	background-color: #fff;	color: #313131; display: block; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-box-shadow: -1px 1px 2px 0 rgba(0,0,0,.2); box-shadow: -1px 1px 2px 0 rgba(0,0,0,.2);}

.tab_container { clear: both; float: left; width: 100%;	background: #fff; overflow: auto;}
.tab_content {display: none; padding:1rem 0; float:left; }
.tab_drawer_heading { display: none; }

.tab_content ul { padding:0; margin:0; color:#1ba7ef; list-style:none;}
.tab_content ul li { width:50%; float:left; line-height:1.35}
.tab_content ul li a:before { content:'\f111'; color:#1ba7ef;font-family: 'FontAwesome'; font-size:0.5rem; line-height:normal; padding-right:.5rem;}
.tab_content ul li a { color:#313131; text-decoration:none; display:inline-block; width:100%; padding:.5rem 1rem .5rem; }
.tab_content ul li a:hover, .tab_content ul li a.active { background:#1ba7ef; color:#ffffff; -webkit-border-radius:5px; border-radius:5px;}


/* Login */
.modal-content2_special  { width:100%; max-width: 400px; display:block; border-radius:3px !important;text-align:center;}
.login_special  { width:100%; height:100%; display:block; background:#464646; text-align:center; padding:1rem 2rem; float:left; text-transform:uppercase;}
.modal-content2_special  h2 { padding:1rem 0; margin:0; text-transform:uppercase; font-size:1.125rem; color:#ffffff; width:100%; float:left;}
.modal-content2_special  form { display:block; width:100%;  background:#464646;}

.modal-content2  { width:90%; max-width: 400px; display:none; border-radius:3px !important;}
.login { width:100%; height:100%; display:block; background:#464646; text-align:center; padding:1rem 2rem; float:left; text-transform:uppercase;}
.modal-content2 h2 { padding:1rem 0; margin:0; text-transform:uppercase; font-size:1.125rem; color:#ffffff; width:100%; float:left;}
.modal-content2 form { display:block; width:100%; float:left; background:#464646;}
.facebook-login { width:100%; float:left;margin-bottom:1.5rem; background:url(../images/facebook-login.jpg) no-repeat left top #4a6db7;}
.facebook-login a { color:#ffffff; text-decoration:none; display:block; padding:1rem 0; }
.google-login { width:100%; float:left; margin-bottom:1.5rem; background:url(../images/google-login.jpg) no-repeat left top #ffffff;}
.google-login a { color:#313131; text-decoration:none; display:block; padding:1rem 0; }

.email-login {width:100%; float:left; padding:1rem 0; text-align:center;}
.email-login span { display:block; color:#ffffff; text-align:center; padding: .5rem 0}
.email-login input[type=text] { padding:0 1rem; margin:.5rem 0; width:100%; height:2.5rem; background:#6f6f6e; border:1px solid rgba(255,255,255,.5);font-family: 'Open Sans', sans-serif; font-size:16px; font-size:1rem; font-weight:400; color:#ffffff;}
.email-login input[type=password] { padding:0 1rem; margin:.5rem 0; width:100%; height:2.5rem; background:#6f6f6e; border:1px solid rgba(255,255,255,.5);font-family: 'Open Sans', sans-serif; font-size:16px; font-size:1rem; font-weight:400; color:#ffffff;}
.email-login input[type=submit] { padding:0 1rem; margin:.5rem 0; width:100%; height:2.5rem; background:#13bed7; border:1px solid rgba(255,255,255,.5);font-family: 'Open Sans', sans-serif; font-size:16px; font-size:1rem; font-weight:400; color:#ffffff; text-transform:uppercase;cursor:pointer;}
.email-login a { text-transform:none; color:rgba(255,255,255,.5); text-decoration:none}
.email-login a:hover { text-transform:none; color:rgba(255,255,255,1); text-decoration:none}
.email-login p { padding:1rem 0; margin:0; color:#ffffff; text-transform:none}

.account_nav { width:25%; float:left; background:#13bed7; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; text-transform:uppercase; padding:1.5rem 0 1.5rem 1rem;}
.account_nav ul { padding:0; margin:0; list-style:none;}
.account_nav ul li { width:100%; float:left; padding:.2rem 0;}
.account_nav ul li a { color:#ffffff; display:block; padding:.5rem 1rem;}
.account_nav ul li a:hover, .account_nav ul li a.active {background-color: #fff; color: #313131; text-decoration:none; display: block; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-box-shadow: -1px 1px 2px 0 rgba(0,0,0,.2); box-shadow: -1px 1px 2px 0 rgba(0,0,0,.2);}
.account_content {width:75%; min-height:70vh; float:left; -webkit-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); background:#ffffff; padding:1.5rem 1rem 1.5rem ; position:relative; z-index:3;}
.account_content h1 {padding:0; margin:0; font-size:1.25rem; font-weight:700;}
.account_content_pages {width:100%; min-height:70vh; float:left; -webkit-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); background:#ffffff; padding:1.5rem 1rem 1.5rem ; position:relative; z-index:3;}
.account_content_pages h1 {padding:0; margin:0; font-size:1.75rem; font-weight:700;color:#6e6e6e}

.p50 { width:50%; padding:1rem 1%; margin:0; float:left;}
.p100 { width:100%; padding:1rem 1%; margin:0; float:left;}
.submit.edit { background:#ffffff; border:1px solid #13bed7; color:#13bed7}
.input { padding:0 0 0 2%; margin:0; width:100%; height:3.5rem; background:#ffffff; border:1px solid #c8c8c8; -webkit-border-radius:10px !important; border-radius:10px !important; font-family: 'Open Sans', sans-serif; font-size:.875rem; font-weight:400; color:#363636;}
textarea { padding:0 0 0 2%; margin:0; width:100%; height:10rem; background:#ffffff; border:1px solid #c8c8c8; -webkit-border-radius:10px !important; border-radius:10px !important; font-family: 'Open Sans', sans-serif; font-size:14px; font-size:.875rem; font-weight:400; color:#363636;}
.submit { padding:0 3%; margin:0; width:auto; height:2.5rem; background:#13bed7; border:none; -webkit-border-radius:30px !important; border-radius:30px !important; font-family: 'Open Sans', sans-serif; font-size:.875rem; font-weight:700; color:#ffffff; text-transform:uppercase;}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #ffffff;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after
{
    content: '';
    width: 8px;
    height: 8px;
    background: #13bed7;
    position: absolute;
    top: 6px;
    left: 6px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after
{
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after
{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
[type="checkbox"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + label:before
{
    border-color: #ccc;
    background-color: #eee;
}
[type="checkbox"]:disabled:checked + label:after
{
    background: #aaa;
}

.myerr{color:#fd524e;font-size: 0.825rem;}
.error{color:#fd524e;font-size: 0.825rem;}
.myerr_green{color:#5cc965;font-size: 0.825rem;}

.ui-datepicker-prev { position: absolute; left: 0; color: #ffffff; text-decoration: none; font-size: 2rem; font-weight: 700; padding: 2.5rem 1rem}
.ui-datepicker-next { position: absolute; right: 0; color: #ffffff; text-decoration: none; font-size: 2rem; font-weight: 700; padding: 2.5rem 1rem}
.ui-datepicker-title { text-align: center;} 


/* Inner Pages */
.inner_container { width: 100%; min-height:100vh; margin: 0; position: relative;padding: 2rem 0;}
.inner_container .wrapper { max-width: 960px; background: #ffffff; border-radius: 20px; padding: 2rem 3rem}
.inner_container h1 { text-align: center; font-size: 1.5rem; font-weight: 400;}
.inner_container .page_container { height: auto !important;}
.inner_container .page_container_special { height: auto !important;}
.inner_container .path { text-align: center}

.inner_container_special { width: 100%; min-height:100vh; margin: 0; position: relative;padding: 2rem 0;}
.inner_container_special .wrapper { max-width: 500px; background: #ffffff; border-radius: 20px; padding: 2rem 3rem}
.inner_container_special h1 { text-align: center; font-size: 1.5rem; font-weight: 400;}
.inner_container_special .page_container { height: auto !important;}
.inner_container_special .page_container_special { height: auto !important;}
.inner_container_special .path { text-align: center}

.main_nav span { display: block; text-align: right; position: absolute; top: 0; right: 0; font-weight: 400; text-transform: none;}

.list-places ul { padding:0; margin:0; color:#1ba7ef; list-style:none;}
.list-places ul li { width:50%; float:left; line-height:1.35}
.list-places ul li a:before { content:'\f111'; color:#1ba7ef;font-family: 'FontAwesome'; font-size:0.5rem; line-height:normal; padding-right:.5rem;}
.list-places ul li a { color:#313131; text-decoration:none; display:inline-block; width:100%; padding:.5rem 1rem .5rem; }
.list-places ul li a:hover, .list-places ul li a.active { background:#1ba7ef; color:#ffffff; -webkit-border-radius:5px; border-radius:5px;}

/* .blue-bg  select { width:100%; height: 2.5rem; border: none;-webkit-appearance:none;-moz-appearance:none; appearance:none; font-family: 'Open Sans', sans-serif; font-size:1rem; font-weight:400; color:#464646; padding-left: 1rem; position: relative; z-index: 100;}
.blue-bg  label {width:90%; float: left; position: relative; margin-top: 2rem;  background: #ffffff;}
.blue-bg  label:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 1.25rem; display: block; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color:rgba(0,0,0,0); z-index: 500; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8), 0px 0px 0px #000, 0px 0px 0px rgba(150, 150, 150, 0.8);} */

 .blue-bg  select { width:100%; height: 2.5rem; background: none; border: none;-webkit-appearance:none;-moz-appearance:none; appearance:none; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size:1rem; font-weight:400; color:#464646; padding-left: 1rem; }
 .blue-bg  label {width: 90%; float: left; position: relative; background: #ffffff;}
 .blue-bg  label:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 1.25rem; display: block; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color:rgba(0,0,0,0); z-index: 5; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8), 0px 0px 0px #000, 0px 0px 0px rgba(150, 150, 150, 0.8);}

ul.tabs {margin: 2rem 0 0; padding: 0; float: left; list-style: none; width: 100%;}
ul.tabs li a { color:#ffffff; text-decoration: none}
ul.tabs li.active a {color: #313131; text-decoration: none}
.more_buttons a:hover, .more_buttons a.active {
background:#fe524e;
color:#ffffff;
z-index:1;
}

.page_container2 {
    width: 100%;
    float: left;
    height: 75vh;
    position: relative;
    padding: 1rem 0;
    margin-bottom: 3rem;
}
select::-ms-expand {
    display: block;
} 
#cookiesPrivacy {
    background: #ddd;
    height: 45px;
    width:100%;        
    position: relative;
    top: 0;
    z-index: 99999;
    border-bottom: 1px solid;
    
}
#cookieInnerWrapper {
    position: relative;
    margin: 0 auto;
    width: 1270px;
    vertical-align:middle;
}

.cookiesText {
    position: absolute;
    top: 0;
    left: 60px;
    width: 1150px;
    margin-top: 7px;
    vertical-align:middle;
}
.cookiesText p {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px; 
    font-size:0.8rem;
    vertical-align:middle;    
}
.closeCookieImg {
    position: absolute;
    top: 0;
    right: 0;
    width:30px;
}
.hide{
	display:none;
}
.show{
	display:block;
} 

/* Contact form */
form.contacts {display: block; text-align: center; padding-top: 1rem}
.fields {padding: 1rem; width: 50%; float: left;}
.fields_t, .send_button {padding:0 1rem; width: 100%; float: left;}
form.contacts input[type=text], form.contacts input[type=email] { padding:0 0 0 2%; margin:0; width:100%; height:2.5rem; background:#ffffff; border:1px solid #c8c8c8; -webkit-border-radius:10px !important; border-radius:10px !important; font-family: 'Open Sans', sans-serif; font-size:.875rem; font-weight:400; color:#363636;}
form.contacts textarea { padding:2%; margin:0; width:100%; height:10rem; background:#ffffff; border:1px solid #c8c8c8; -webkit-border-radius:10px !important; border-radius:10px !important; font-family: 'Open Sans', sans-serif; font-size:14px; font-size:.875rem; font-weight:400; color:#363636;}
form.contacts .send_button input { padding:0 1.5rem; margin:0; width:auto; height:2.5rem; background:#13bed7; border:none; -webkit-border-radius:30px !important; border-radius:30px !important; font-family: 'Open Sans', sans-serif; font-size:.875rem; font-weight:700; color:#ffffff; text-transform:uppercase;}

form.contacts ::-webkit-input-placeholder { color: #363636; opacity:.7}
form.contacts ::-moz-placeholder {color: #363636;  opacity:.7}
form.contacts :-ms-input-placeholder { color: #363636;  opacity:.7}
form.contacts :-moz-placeholder { color: #363636;  opacity:.7}