.section-top {position: relative; background-image: url("../../img/title-page.jpg");
background-size: cover;
/*background-attachment: fixed;*/
-webkit-transform: none;transform: none;
background-repeat: no-repeat;background-position: center top; overflow: hidden;height:37.5rem;background-attachment:fixed;
padding-bottom:4px;}
.section-top:before{position: absolute;content:'';left:0;bottom:0;width:100%;height:.25rem;background: #0095da;}
.section-top:after {position: absolute;top: 0; right: 0;bottom: .25rem;left: 0;content: '';
background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 80%);
background: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,0.6) 80%);
background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.6) 80%);}
.section-top .container {position: relative;z-index:10;height:100%;color:#fff;}

.section-top-content {position: absolute;left:0;right:0;top: 50%;z-index: 3;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-left: auto;margin-right: auto;text-align:center;width:60%;margin-top:3.5rem}
.section-top-content .logo {margin:1rem 0;}
.section-top-content .logo img {margin:0 auto;width:7rem}


.section-top.podmenu .section-top-content{margin-top:1rem;}
.section-top-content__header {margin-bottom: .75rem;}
.section-top-content__header .date {text-transform: uppercase;font-size: 0.875rem;color: rgba(255,255,255,0.8);margin-right: 1rem;}
.section-top-content__header .category {background: #0095da;font-weight: 500;padding: 0.25rem 0.5rem;display: inline-block;color:#fff;line-height:1;-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;}
.section-top-content__header .category a {color:#fff;}
.section-top-content__header .category:hover {background: #d97043}
.section-top h1 {font-size:2.875rem; font-weight:900;/*text-transform:uppercase;*/padding:0;margin:0}
.section-top-content__footer {margin-top: .75rem;color:rgba(255,255,255,0.8); font-size:0.875rem}
.section-top-content__footer .share {margin-top: .75rem;}
.section-top-content__footer .info {color:#fff;font-size:1.125rem;font-weight:700}




.section-top-podmenu {position:absolute;bottom:0rem;left:0;right:0;width:100%;background: rgba(0,0,0,0.1);border-top: 1px solid rgba(255,255,255,0.3);white-space:nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;z-index:100;}
.section-top-podmenu .sportcms-podmenu {margin: 0 auto; text-align:center; }
.section-top-podmenu .sportcms-podmenu .sportcms-tabs {display:table;margin: 0 auto;border:0;}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li {margin: 0 .125rem;position:relative;float:inherit;display:inline-block;font-weight:500;font-size:1.125rem}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li.disabled {cursor: no-drop;color: rgba(255,255,255,0.2); }

.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li > a {position: relative;margin:0; padding: 0rem 1rem;line-height:3.5rem;background: transparent; color: rgba(255,255,255,0.6); font-weight:500;border:0;font-size:1.125rem}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li.active > a,
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li.active > a:focus {background: transparent;cursor:pointer;color:#fff}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li.active > a span {display: inline-block;position: relative;line-height: 3.5rem;white-space: normal;padding-bottom: 0.25rem;}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li.active > a span:before {content:'';position:absolute;left:0;bottom:0rem;height:.25rem;background: #ed6819;width:100%}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li > a:hover {color: #fff;}




@media only screen and (max-width: 991px) {
.section-top {height:34.375rem}
.section-top h1 {font-size:2.5rem}
.section-top-content{margin-top:1.75rem}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li > a {padding: 0rem .75rem;}
}


@media only screen and (max-width: 767px) {
.section-top {height:31.25rem;}
.section-top h1 {font-size:2.25rem}
.section-top-content {width:70%;}
.section-top.podmenu .section-top-content{margin-top:0.5rem;}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li > a {padding: 0rem .5rem;}
}

@media only screen and (max-width: 479px) {
.section-top h1 {font-size:2rem}
.section-top-content {width:100%;}
.section-top-podmenu .sportcms-podmenu .sportcms-tabs > li > a {padding: 0rem .375rem;font-size:1rem}
}

.section-top.small{height:23rem;}
.section-top.middle{height:27rem;}
.section-top.big{height:43rem;}



/*





.title-page {margin: 0px;font-size: 3rem;font-weight: 900;text-transform: uppercase;color: #fff; text-align: center; text-shadow: 0px 0px 0.625rem #333;margin:0 auto;} 

.section-top .row.title {padding: 7rem 0;}
.section-top .row.news {padding: 9.5rem 0;}

.section-top .row.news .title-page {width:60%;}
.section-top .datecategory {text-align: center; margin-bottom: 1rem;}
.section-top .datecategory .date {text-transform: uppercase;font-size: 0.875rem;color: rgba(255,255,255,0.8);margin-right: 1rem;}
.section-top .datecategory .category {background: #0095da;font-weight: 500;padding: 0.25rem 0.5rem;display: inline-block;color:#fff}
.section-top .datecategory .category a{color:#fff;}
.section-top .info {text-align: center; margin-top: 1rem;color:rgba(255,255,255,0.8); font-size:0.875rem}
.section-top .share {text-align: center; margin-top: 1rem;}



.section-top .podmenu {background: rgba(0,0,0,0.1);border-top: 1px solid rgba(255,255,255,0.3);}

.section-top .sportcms-podmenu {margin: 0 auto; text-align:center; }
.section-top .sportcms-podmenu .sportcms-tabs {display:table;margin: 0 auto;border:0;}
.section-top .sportcms-podmenu .sportcms-tabs > li {margin: 0 .25rem;position:relative;}
.section-top .sportcms-podmenu .sportcms-tabs > li > a {position: relative;margin:0; padding: 0rem 1rem;line-height:3.5rem;background: transparent; color: rgba(255,255,255,0.6); font-weight:500;border:0;font-size:1.375rem}

.section-top .sportcms-podmenu .sportcms-tabs > li.active > a,
.section-top .sportcms-podmenu .sportcms-tabs > li.active > a:focus {background: transparent;cursor:pointer;color:#fff}
.section-top .sportcms-podmenu .sportcms-tabs > li.active > a span {display: inline-block;position: relative;line-height: 3.5rem;white-space: normal;}
.section-top .sportcms-podmenu .sportcms-tabs > li.active > a span:before {content:'';position:absolute;left:0;bottom:0;height:3px;background: #00aeff;width:100%}


.section-top .sportcms-podmenu .sportcms-tabs > li > a:hover {color: #fff;}




@media only screen and (max-width: 991px) {
.section-top .row.title {padding: 6rem 0;  }
.section-top .row.news {padding: 7.5rem 0;}
.title-page {font-size: 2.5rem;}
}


@media only screen and (max-width: 767px) {
.section-top .row.title {padding: 5.375rem 0;  }
.section-top .row.news {padding: 6.5rem 0;}
.title-page {font-size: 1.75rem;}
}

@media only screen and (max-width: 479px) {
.section-top .row.title {padding: 4.5rem 0;  }
.section-top .row.news {padding: 5.5rem 0;}
.title-page {font-size: 1.25rem;}
.section-top .row.news .title-page {width:90%;}

}
*/