@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #353435; line-height: normal; background-color: #FFFFFF;}

h1, h2, h3, h4, h5, h6, ul, li, a, p, figure, span{
padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit;}

section, .section{width: 100%; position: relative; float: left;}
.section-title{position: relative; margin-top: 12px; margin-bottom: 5px; margin-left: 3px;}
.section-title h4{text-transform: uppercase; font-weight: 700; font-size: 18px;}
.section-title h4:before{content: ""; position: absolute; left: 0; top: -12px; width: 50px; height: 4px; background-color: #EC3237;}

img{display: block; max-width: 100%; border: 0; border: none;}
img.center-img{margin: 0 auto;}
.bg-image{background-repeat: no-repeat; background-position: center center; background-size: cover;}

a:hover{text-decoration: none; color: inherit;}
a:link{text-decoration: none; color: inherit;}
a:visited{text-decoration: none; color: inherit;}
a:active{text-decoration: none; color: inherit;}
a:focus{outline: none !important;}
button:focus{outline: none !important;}
button{background: none; border: none;}

article.box-shadow{box-shadow: 0 0 10px #eee;}

.main-header{position: fixed; z-index: 1; left: 0; top: 0; padding: 15px 0; box-shadow: 0 0 10px rgb(53,52,54, 0.07); background-color: #FFFFFF;}
.main-header #main-logo{width: 95px; height: auto;}
.main-header .main-nav{}
.main-header .main-nav li{display: inline-block; font-size: 16px; text-transform: uppercase; margin: 0 15px 0 0;}
.main-header .main-nav li:last-child{margin-right: 0; margin-left: 5px;}
.main-header .main-nav li a{display: block; color: #353435; padding: 15px 0;}
.main-header .main-nav li a:hover{text-decoration: none; color: #5f5e5f;}
.main-header .main-nav li.btn-live a{color: #FFFFFF; background-color: #EC3237; padding: 15px 17px; border-radius: 5px;}

.main-results{background-color: #353435; height: 90px; margin-top: 90px;}

.main-live{margin:30px 0 50px 0;}
.main-live article{box-shadow: 0 0 10px #eee; padding: 15px; border-radius: 3px;}
.main-live .entry-title{margin-bottom: 15px;}
.main-live h3{font-size: 23px; line-height: 35px; display: inline;}
.main-live h3 a:hover{text-decoration: underline;}
.main-live .title-live-now{font-size: 20px; font-weight: 300; color: #FFFFFF; background-color: #EC3237; border-radius: 5px; padding: 7px 12px; margin-right: 10px;}

.main-events{margin-bottom: 40px;}
.main-events article{margin: 10px 7.5px; border-radius: 3px; overflow: hidden; padding: 10px 10px 15px 10px;}
.main-events article .entry-title{margin-bottom: 5px;}
.main-events article .entry-title h3{font-size: 15px;  text-align: center; text-transform: uppercase; font-weight: 700;}
.main-events article .entry-title h3 a:hover{text-decoration: underline;}
.main-events article .entry-data{text-align: center; font-size: 13px; color: #7d7d7d;}
.main-events article figure{border-bottom: solid 2px #EC3237; margin-bottom: 10px;}
.main-events article figure img{width: 70%; height: auto; margin: 0 auto;}

.main-videos{margin-bottom: 40px;}
.main-videos article{position: relative; margin: 10px 7.5px; border-radius: 3px; overflow: hidden; background-color: #FFFFFF;}
.main-videos article .gradiet-bgk{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(51,51,51,0); background: -moz-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,0)), color-stop(100%, rgba(51,51,51,1))); background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); background: -o-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); background: -ms-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); background: linear-gradient(to bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=0 );}
.main-videos article figure{transform: scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-videos article .entry-data{position: absolute; left: 0; bottom: 0;}
.main-videos article .entry-title{padding: 15px 15px 20px 15px;}
.main-videos article .entry-title h3{color: #FFFFFF; text-align: center; font-weight: 700;}
.main-videos article:hover figure{transform: scale(1.05);}

.slick-prev, .slick-next{position: absolute; left: -40px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; background-color: #8a8c8e; text-indent: -9999px; font-size: 18px; line-height: 39px;}

.slick-next{left: inherit; right: -40px;}

.slick-prev:before{content: "\f053"; position: absolute; top: 0; left: 12px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #FFFFFF; text-indent: 0;}

.slick-next:before{content: "\f054"; position: absolute; top: 0; left: 15px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #FFFFFF; text-indent: 0;}

/*FOOTER*/
.main-footer{padding: 70px 0 60px 0; background-color: #353435;}
.main-footer #footer-logo{height: 90px;}
.main-footer .social-nav{margin-top: 30px; text-align: center;}
.main-footer .social-nav li{display: inline-block; float: inherit; margin-left: 3px; margin-right: 3px;}
.main-footer .social-nav a{display: block;background-color: #333333; color: #FFFFFF; border: solid 2px #FFFFFF; width: 48px; height: 48px; line-height: 46px; text-align: center; font-size: 19px; border-radius: 50%;}
/*FOOTER*/