body {
  
    overflow: hidden;
    font-family: 'Exo 2', sans-serif;
}
    @-webkit-keyframes AnimationName {
        0%{background-position:0% 58%}
        50%{background-position:100% 43%}
        100%{background-position:0% 58%}
    }
    @-moz-keyframes AnimationName {
        0%{background-position:0% 58%}
        50%{background-position:100% 43%}
        100%{background-position:0% 58%}
    }
    @-o-keyframes AnimationName {
        0%{background-position:0% 58%}
        50%{background-position:100% 43%}
        100%{background-position:0% 58%}
    }
    @keyframes AnimationName { 
        0%{background-position:0% 58%}
        50%{background-position:100% 43%}
        100%{background-position:0% 58%}
    }

a {
    color: #fff !important;
   
}
a:hover {
    cursor: pointer !important;
}
p {
    
    color: #fff;
    margin-bottom: 15px;
    font-size: 0.9vw;
}

p a {

    text-decoration: underline;
}
p i {
    
    font-style: normal;
}
h {
    
}
h1 {
    
    font-size: 33px;
    color: #fff;
    text-transform: uppercase;
}
h2, h3, h4 {

    color: #fff !important;
    margin: 0 !important;
}
h5 {


    color: #FF0000;
}
.row {

    margin: 0 !important;
    padding: 0 !important;
}
#bg-overlay {

    width: 100%;
    height: 100%;
    position: fixed;
 
}
.container {

    width: 100vw;

    display:inline;
    overflow: hidden !important;
    padding: 0 !important;
}

#menubutton {

    font-family: 'Abril Fatface', cursive;
    color: #b5b5b5 !important;
    font-size: 1.8em;
    position: absolute;
    margin-top: 6vh;
    /* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}







.menu {

    float: left;
    padding-left: 3vw;
    padding-top:3vw;
    width: 40%;
}

.menucont {


    float: left;
}
.vidthumb {


    width: 24vw;
    height: 23vh;

    border-left: solid 0.4em #FF0000;

background-color: rgba(0, 0, 0, 0.8);
margin: 0.5em;

}
.tabs {

    float: right;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.exptab {
width: 20vw;
margin-right: 30vw;
bottom: 0;
position: fixed;

}

.vintab {

    width: 60vw;
  
    margin-top: 20vh;
}

.vintab .tabtitle {

    margin-left: 0.5em !important;
}
.vincontent {


    background-color: transparent !important;
    border-left: none !important;
}

.anttab {
margin-top: 2vh;
    width: 60vw;
    max-width: 60vw !important;

   
}

.anttab .tabtitle {

 
    position: fixed;
    bottom: 10vh;
    left: 10vw;
    width: 30vw;
    text-align: right;
}
.antcontent {


    background-color: transparent !important;
    border-left: none !important;
}

.instab {


    width: 60vw;
    margin-right: -3vw;
    margin-top: 20vh;
}


.perctab {


    width: 60vw;
    margin-right: -3vw;
    margin-top: 20vh;
}


.progtab {

    width: 50vw;
   
    margin-right: 3vw; 
    position: fixed;
    top: 10vh;

    height: 83vh !important;
    display: block !important;

}

.progtab .tabtitle {


    position: fixed;
    bottom: 10vh;
    left: 13vw;
}

.perccontent {

    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;

}

.exptabcontent {


    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px; 
}
.ofictab {

    width: 50vw;
    margin-right: 3vw; 
    position: fixed;
    bottom: 10vh;
}

.oficcontent{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;

}
.ofictab .tabtitle {


    position: fixed;
    bottom: 10vh;
    left: 22vw;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#date {
  
    
    margin-top: 4px;
    
    font-size: 12px;
}

.tab-content {
    margin-top: 50px;
    text-align: justify;
}
.tabs {

    height: auto;

    display: table;
    padding-left: 40px;
    right: 0;
    background-color: transparent;
    box-sizing: border-box;
}

.tabs .tabtitle {

    font-size: 8vh;
    color: #FF0000;
    font-family: 'Abril Fatface', cursive;
}

#eventdate {

    font-family: 'Abril Fatface', cursive;
    width: 10vw;
    margin-left: 2em;

}

.tabs .blurybg {
    

    width: 100%;

    float: left;
    display: table-row;
}


.tabs .titlecontainer {


    display: table-row;
}
.tabs .tabcontent {
color: #fff;
border-left: solid 0.4em #FF0000;
width: auto;
background-color: rgba(0, 0, 0, 0.8);
display: table-row;


display: table-cell; 

}

.tabs .tabcontenfft::before {

    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    content: '';
    margin: 0 !important;
    padding: 0 !important;
    filter: blur(5px);
}

.hometab {
position: fixed;
bottom: 20vh;
margin-right: -2vw;
width: 46vw;
}
.hometabcontent {


    padding-right: 10vw !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;

}


.menu-item {

    background-color: #FF0000;
 
}
.percursoslogo {

    float: left;

}
.percursoslogo img {

    width: 6vw;
}
.navig {
    font-weight: 300;
    width: 20vw;
    list-style-type: none;
    font-size: 2.1vh;
    float: right;
    margin-left: -1em;
}
.navig li:focus,
.navig li:hover {
    background: none !important;
}
.navig li {
    margin: 4px;
    padding: 0.3em;
}
.navig>li>a {
    padding: 4px !important;
    max-width: 180px !important;
}
.navig a:hover,
.navig a:focus {
}
.tab_content {
    margin-top: 20px;
    margin-right: 40px;
}
.ps-scrollbar-x-rail {
    opacity: 0.6 !important;
}
#edic {
    line-height: 0.97;
}
#until {
  
    font-size: 16px;
    margin-top: -9px;
}


.antbox {

    break-inside: avoid;
   
    background-size: cover;
    display:table;
   background-repeat: no-repeat;
}


.antboxbg {

    transition: 0.3s;
   
z-index: -1;
   position: absolute;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
   background-position: center;
}


a:hover .antboxbg {

    filter: none;

}

.leftant a:hover {


    text-decoration: none;
}

.antbox span {

    font-family: 'Abril Fatface', cursive;

    color: #FF0000;
    font-size: 3vw;

    display:table-cell;
 vertical-align:middle;
 text-align: center;
}


.progcontents .tab-content {

    margin-top: 0px !important;
    overflow-y: scroll;
    height: 83vh;

}



.progslot {

    border-bottom: solid 0.2em #FF0000;
    display: table;
    padding: 20px;
}

.tab-pane .progslot:last-child {


    border: none;
}

.progslot .progtime {

    width: 3vw;
    float: left;
    color: #FF0000;
}

.progslot .progtitle p {
font-size: 12px;
    color: rgba(255, 255, 255, 0.33);

}


.progslot .progtitle {

    width: 16vw;
    float: left;
    text-align: left !important;
}


.progslot .progcontent {

    float: right;
    padding-left: 10%;
    display: table;
    width: 30vw;
}


.progslot .progsingle {

    border-bottom: 2px;
    padding-top: 2%;
    margin-bottom: 4%;
    display: table;
    border-bottom: 1px solid #fff;
    width: 20vw;
    float: right;
    padding-bottom: 1%;
}

.progslot .progsingle:last-child {
    padding-top: 1%;
    margin-bottom: 1%;
    border: none;
}


.progslot .progsingle .progmovietitle {


float: left;

}

.progslot .progsingle .progmoviemaker {
float: right;
color: rgba(255, 255, 255, 0.33);
font-size: 11px;
width: 14vw;
text-align: right;
}


.prognext {
float: right;
    

}

.prognext a {

    color: #FF0000 !important;

}


.progmenu {

    list-style-type: none;
    position: fixed;
    left: 30vw;
    top: 40vh;
}

.progmenu a {
text-shadow: 3px 2px 6px #000000;

}

.progmenu a:hover {


    text-decoration: none;
}


.progmenu .active a:hover {


    text-decoration: none;
}
.progmenu .active a {


    text-decoration: none;
    color: #FF0000 !important;
    font-size: 2em;
    font-weight: 700;
}