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



*{
    padding:0;
    border:0;
    outline:0;
    margin:0;
}


a{
    text-decoration:none;
}
a:hover,a:link,a:visited,a:active,a:valid,a:focus{
    text-decoration:none;
    color:inherit;
}
.clear{
    font-size:0;
    line-height:0;
    clear:both;
}

html{
    height:100%;

}

body{
    font-family: 'Titillium Web', sans-serif;
    color:#fff;
    font-size:15px;
    width:100%;
    min-height:100%;
    text-align:center;
    background-color:#000;
    display:inline-block;
    overflow-y: hidden !important;
}
/*//////////////////////

      BACKGROUNDS

///////////////////////*/

.bg-wrapper{
    position:fixed !important;
    width:100%;
    height:100%;
    top:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top left;

    z-index:0;
}

.swiper-container{
    z-index:0 !important;
}
.swiper-wrapper{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top left;
}

.bg-transition{
    position:fixed !important;
    width:100%;
    height:100%;
    top:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top left;

    z-index:1000;
    background-color:#000;
    opacity:0;
}


/*.bg-cover{
    position:fixed !important;
    width:100%;
    height:100%;
    top:0;
    background-image:url('../img/bg.png');

    background-size:100% 100%;
    background-repeat:no-repeat;
    z-index:1001;
    display:none;
}*/


video{
    position: absolute;
    right:0;
    top:0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}

#supersized{
    z-index: 1 !important;
}

.bg-container{
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;


}
.bg-image{
    opacity:0;
    z-index:0;
    position:absolute;
    top:0;
}

.bg-current{
    opacity:1;
    z-index:10;
}

.bg-static-container{
    position:relative;
    width:100%;
    height:100%;
}

.bg-dynamic-container{
    position:absolute;
    top:0;
    left:0;
    display:none;
}

.yt-player{
    /*height:100% !important;*/

    /*    width:100%;
        height:100%;*/
}

/*//////////////////////

      GALLERY CONTROLS

///////////////////////*/

.gallery-controls-wrapper{
    position:absolute;
    top:20px;
    right:30px;

}
.gallery-controls{

    /*    display:none;*/
}

.gallery-control{
    font-size:20px;
    cursor:pointer;
    color:#fff;
    vertical-align:middle;
    position:relative;
    padding: 0 3px;
}

#control-enlarge{
    font-size:17px;
}

#control-toggle{
    font-size:17px;
    padding-right: 6px;

}



.gallery-layout{
    font-size:30px;

}

.gallery-toggle{
    opacity:0;
    display:none;
}

.gallery-control:hover{
    color:#ccc;
}



.mobile-controls{
    font-size:25px;
    vertical-align:middle;
    margin-top:12px;
    display:none;
    color:#fff !important;
}

.gallery-filter{
    position:absolute;
    right:30px;
    bottom:100px;
}

.back-button-wrapper{
    position:absolute;
    right:30px;
    bottom:100px;
    opacity:0;
    display:none;
    z-index:1001;
}

.back-button{
    font-size: 12px;
    color: #fff;
    top: 25px;
    display: inline-block;
    text-transform: uppercase;
    display:none;
    position: absolute;
    left: 70px;

}

.back-button-filter{
    border:1px solid #000 !important;
}



.back-button-filter,.displayed-work-label-filter,.mobile-menu-button-filter,.mobile-menu-button-filter,.gallery-control-filter,.displayed-work-label-filter{
    color:#525252 !important;
}
.gallery-control-filter:hover{
    color:#666 !important;
}


.mobile-enlarge{
    font-size: 20px !important;
    position: absolute !important;
    top: 14px;
    display: none;
    right: 60px;
}

/*//////////////////////

       COMMON

///////////////////////*/



.common-wrapper{
    width: 150px;
    position: absolute;
    top: 0;

    z-index: 100;
    right: 0;
    display: inline-block;
}




.nav-button{
    font-size:10px;
    border:1px solid #fff;
    padding:5px 10px;
    color:#fff;
    margin-top:10px;
    display:inline-block;
    text-transform:uppercase;
    position: absolute;
    top: -52px;
}
.nav-button span{
    padding-right:5px;
    font-size:12px
}

/*//////////////////////

       FOOTER

///////////////////////*/

.footer{
    /*    width:100%;*/
    padding-bottom:15px;
    /*    background-color:#000;*/
    position:fixed;
    bottom:0;
    right:0;
    z-index:9800;
    text-align:right;
    min-height:55px;
}


.displayed-work-label{

    /*    position:absolute;*/
    display:inline-block ;
    margin-right:30px;
    color:inherit;
    padding-right:10px;
    text-transform: uppercase;
    text-align:right;
    letter-spacing: 0.1em;
    border-right:1px solid #fff;

    margin-bottom:5px;

    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.displayed-work-label:hover div{
    color:#bbb;
}
.displayed-work-label-filter{
    border-color: #000;
}

.artist-label{
    font-size:14px;
    font-weight:bold;
    display:block;
}

.course-label{
    font-size:12px;
    font-weight:300;
    display:block;
}



/*//////////////////////

     HOME

///////////////////////*/

.logo-container{
    left:40px;
    top:25px;
    position:absolute !important;

    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    z-index:200;
}


.logo-comp{
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}




/*//////////////////////

       MENU

///////////////////////*/

header{
    /*background-color:rgba(0,0,0,0.7);*/
    position:absolute;
    top:0;
    bottom:0;
    height:100%;
    left:0;
    z-index: 1000;
    min-width:250px;
}

.menu-wrapper{
    position:absolute;
    bottom:15px;
    left:5px;
    display:none;
    z-index:30;
}

.menu{
    position:relative;

    font-weight:300;
    text-transform:uppercase;

    font-size:14px;
    display:inline-block;
    text-align:left;
    margin-left:-40px;

}

.menu-link{
    display: block;
    position: relative;
    height: 35px;
    margin-bottom: 33px;
    padding-left: 30px;
    color: #fff;
}


.menu-link:last-of-type{
    margin-bottom:0;
}

.menu-link span{
    margin-right:25px;
    display: inline-block;
    vertical-align: top;
    z-index:10;
    position:relative;

    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.menu-link:hover span{
    color:#bbb;
}





.menu-link-bar{
    height: 11px;
    width: 1px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: 38px;
    left: 32px;

    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/*.menu-link-bar-filter{
    background-color:#000;
}*/


.menu-filler{
    position:absolute;
    top:-8px;;
    left:0;
    height:35px;
    background-color:#fff;
    display:inline-block;
    width:0;

    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}


.menu-link-selected span{
    color:#bbb;
}


/*//////////////////////

       SUBMENU

///////////////////////*/

.submenu{
    color:#fff;
    margin-top:20px;
    margin-left:20px;
}



.submenu-link{
    display:inline;
    color:inherit;
    margin-right:10px;
    font-size:20px;

    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.submenu-link:last-of-type{
    margin-right:0;
}

.submenu-link:hover{
    color:#bbb;
}

.lang-wrapper{
    position:relative;
    width:100%;
    margin-top:25px;
}

.cert{
    position:relative;
    margin-top:25px;
    width:100%;
}

.lang-link{
    font-size:14px;
    display:inline;
    color:inherit;
    margin:0 10px;

    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.lang-link:hover{
    color:#bbb;
}

.lang-link:last-child{
    margin-right:0;
}

.lang-link:first-child{
    margin-left:0;
}

.selected-lang{
    color:#bbb !important;
}

/*//////////////////////

       MOBILE

///////////////////////*/

.mobile-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:55px;
    background-color:#000;
    display:inline-block;
    z-index:9999;
    display:none;

}

.mobile-menu-button{

    width: 25px;
    height: 25px;
    position: absolute;
    cursor:pointer;
    left: 30px;
    margin: auto;
    bottom:25px;
    background-position:center center;
    background-repeat:no-repeat;
    color:#fff;
    font-size:30px;
    /*    -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;*/
    z-index:9990;
}



.mobile-open{
    /*background-image: url('../img/burguer2.png');*/
    /*    background-size: 88% 44%;*/

}

.mobile-close{
    /*background-image: url('../img/close_mobile.png');*/
    /*background-size: 70% 44%;*/
}



.mobile-menu{

    display:none;
    opacity:0;
    width: 100%;
    /* height: 100%; */
    vertical-align: middle;
    background-color:rgba(0,0,0,0.9);
    text-align: center;
    position: relative;
    z-index: 9900;
    margin-top: 55px;
    padding-bottom:30px;

}

.mobile-fix{
    display:block;
    margin:auto;
}

.mobile-link{
    font-size: 30px;
    margin: 10px 0;
    display:block;
}

.mobile-link a:hover{
    /*    color:#ccc;*/
}

.mobile-logo{
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 13px;
    height: 30px;
}

.mobile-logo img{
    height:100%;
}

/*//////////////////////

       PACE LOADER

///////////////////////*/

.pace{
    display:inline-block;
    height: 800px;
    z-index:999999 !important;
}


/*//////////////////////

       PAGES

///////////////////////*/
.loader{
    position:fixed;
    z-index:999999;
    display:flex;
    top: 0;
    left: 0;
    background-color: #000;
    width:100%;
    height:100%;
    vertical-align: middle;
}

.loader-logo{
    position: relative;
    /*max-width: 356px !important;*/
    width:100%;
    padding:0 15px;
    margin:auto;
    z-index:1100;
    display:inline-block;
}

.loader-fill{
    /*    position:absolute;
        top:25px;*/
    left:0;
    width:90%;
    max-width:356px;
    /*    clip:rect(0px,0px,200px,0px);*/
}

.loader-val{
    display: inline-block;
    width: 100%;
    font-size: 20px;
    margin-top: 20px;
}

.site-wrapper{
    width:100%;
    height:100%;
    overflow:hidden;
}

.site-section{
    display: none;
    width: 860px;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 250px;
    z-index:20;
    background-color:rgba(0,0,0,0.6);
    /*height:100vh;*/
}

.page-wrapper{
    position:absolute;
    bottom:10px;
    width:100%;
}

.site-page-header{
    width:100%;
    /*display:inline-block;*/
    min-height:50px;
    /*background-color:rgba(0,0,0,0.6);*/

}

.site-page{
    width: 100%;
    padding: 0 70px;
    padding-right: 15px;
    margin: auto;
    z-index: 1100;
    bottom:10px;
    /*background-color:rgba(0,0,0,0.6);*/

}

.section-show{
    display:block
}

.section-hide{
    display:none;
}



.page-title{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: bold;
    font-size:42px;
    /*color:#fff;*/
    color:inherit;
    text-transform:uppercase;
    text-align:left;
}

.page-subtitle{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: bold;
    color:#fff;
    text-transform:uppercase;
    text-align:left;
    font-size:16px !important;
    margin-bottom:10px;
}

.page-content{
    position:relative;
    font-weight:300;
    font-style: italic;
    font-size:16px;
    text-align:left;
    margin-right:0;
    width:100%;
    display:inline-block;
    margin-bottom:40px;
    padding-right: 48px;
}

.page-content .block-line{
    position:relative;
    height:1px;
    width:30%;
    margin-top:40px;
    background-color:#fff;

}

.aside-article{
    position:relative;
    font-weight:300;
    font-style: italic;
    font-size:16px;
    text-align:left;
    width:250px;
    float:right;
    margin-top:80px;

}

.sub-title{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: bold;
    font-size:38px;
    color:inherit;
    text-transform:uppercase;
    text-align:left;

    border-left: 1px solid #fff;
    display:inline-block;
}

.aside-article-content{
    padding-left:40px;
}


.sub-block{
    text-align: left;
    display:inline-block;
    width:100%;
}

.about-page{
    float:left;
}


/*//////////////////////

       PAGE-CLOSE

///////////////////////*/

.page-close{
    position: absolute;
    z-index: 10;
    /*top: 5px;*/
    right: 5px;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-size:18px;
}

.page-close span{
    color:#fff;
}



/*//////////////////////

       HOME

///////////////////////*/
.home-section{
    display:flex;
    left:0;
    width:100%;
    min-height:100%;
    vertical-align:middle;
    background-color:rgba(0,0,0,0.4);
}

.home-page{
    /*    max-width: 65%;*/
    height:auto;
    padding: 25px;
    margin: auto;

    left: 0;
    right: 0;
    top: 0;
    bottom:0;

    /*padding-bottom: 131px;*/
}

.home-logo{
    margin:auto;
    vertical-align:middle;
    font-size:52px;
    margin-top: -106px;
}



.home-logo img{
    /*width:280px*/
    max-width:100%;
}


/*//////////////////////

       COURSE

///////////////////////*/

.courses-container{
    padding-top:40px;
}

.course-wrapper{
    width:100%;
    position:relative;
    text-align:left;
    display:none;
}

.cat-details{
    text-align: left;
    margin-bottom: 55px;
    font-weight: 300;
    position: relative;
    /*width: 475px;*/
    display:inline-block;
    padding-left:0;

}

.cat-description{
    position:relative;
    font-size:17px;
    width:100%;
    font-style: italic;
    text-align:left;
}



h3,.course-title{
    font-size:28px;
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: bold;
    text-transform:uppercase;
    margin-top:0;
    margin-bottom:25px;

}

.courses-list{
    border-left: 1px solid #fff;
    display: inline-block;
    top:0 !important;
    right:0;
    /*position: absolute;  TEST PUPOSES ////////////////////////////////////////////////*/
    float:right;
    padding-left:30px;
}

.course{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: 400;
    display: inline-block;
    position:relative;
    width: 100%;
    color: inherit;
    font-size: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    text-align: left;
    line-height: 20px;
    -webkit-transition:width  0.5s ease-in-out;
    -moz-transition:width 0.5s ease-in-out;
    -o-transition:width 0.5s ease-in-out;
    transition:width 0.5s ease-in-out;

    -webkit-transition:color  0.2s ease-in-out;
    -moz-transition:color 0.2s ease-in-out;
    -o-transition:color 0.2s ease-in-out;
    transition:color 0.2s ease-in-out;
    padding-left:10px;
}

.course span{
    position:relative;
}

.course .menu-filler{
    /*background-color:#DCDCDC;*/
    background-color:rgba(220,220,220,0.8);
    top:0;
    height:100%;
}

.course:hover{
    color:#000;
}

.course:hover .menu-filler{
    width:100%;

}

.course-selected span{
    color:#000;
}

.course-selected .menu-filler{
    width:100%;
    background-color:rgba(220,220,220,1);
}



.course-info{
    /*font-family: 'Exo 2', sans-serif;*/
    color: #fff;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    position:relative;
    display:none;
    float:left;
    padding-left:0;

}

.courses-nav-wrapper{
    position:relative;
    padding:55px 30px 0px 60px;
    text-align: left;
}


.courses-cat-subtitle{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: normal;
    color:#fff;
    text-transform:uppercase;
    text-align:left;
    font-size:22px;
    margin-bottom:10px;
    margin-left:10px;
}

.courses-nav{
    /*font-family: 'Titillium Web', sans-serif;*/
    text-transform:uppercase;
    font-size:30px;
    font-weight:bold;
    margin:15px 0;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    color: #fff;
    -webkit-transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}
.courses-nav-cat-description{
    font-size:12px;
    font-style: italic;
    font-weight:normal;
    color:#fff;

}


.courses-nav span{
    position:relative;
    display:block;
    padding: 0 10px;
}

.courses-nav:first-of-type{
    margin-left:0px;
}


.courses-nav .menu-filler{
    background-color:#fff;
    top:0;
    height:100%;
}


.courses-nav:hover .menu-filler{
    width:100%;
}

.courses-nav:hover {
    color:#000;
}

.course-nav-selected{
    color:#000 !important;
}

.course-nav-selected .menu-filler{
    width:100% !important;
}




/*//////////////////////

STUDENTS

///////////////////////*/
.portfolio-content{
    margin-bottom:15px;
}
.students-wrapper{
    width:100%;
    margin:auto;
}


.student{
    font-size: 22px;
    margin-bottom:10px;
    color:#fff !important;
    text-align:left;
    min-height:70px;
    padding:0 !important;

}



.students-list{
    list-style:none;
}



.student-name{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: bold;
    font-size:inherit;
    color: inherit;
    text-transform: uppercase;
    position: relative;
    display:inline-block;
    margin-bottom:0;
}


.students-description{
    /*margin-top: -5px;*/
    color: #888;
    line-height: 0.8;
    font-size:14px;
    width:100%;
    text-transform:uppercase;

}



.search-wrapper{
    margin:20px 0px;
    position:relative;
}

.search-student{
    background-color:transparent;
    color:#fff;
    border:1px solid #fff;
    width:100%;
    max-width:230px;
    padding: 3px 5px;
    padding-left: 30px;
}

.icon-search{
    position:absolute;
    left:5px;
    bottom:8px;
}

.student-info-wrapper{
    display:none;

}

.portfolio-content-text{
    margin-top:30px;
}

.portfolio-content-media{
    display:block;
    margin-top:30px;
}

.portfolio-gallery-thumb{
    padding-left:0;
    padding-bottom:15px;

    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;

}

.portfolio-gallery-image{
    background:url('../img/loaderbar.gif') center center;
    background-repeat:no-repeat;
}

.portfolio-gallery-image img{
    opacity:0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}


.portfolio-gallery-thumb img{
    /*border:1px dashed #333;*/
    cursor:pointer;
}



.portfolio-content-media:hover > .portfolio-gallery-thumb {
    opacity: 0.6;

}
.portfolio-gallery-thumb:not(:hover) {
    opacity: 1;

}


.portfolio-content-media:hover > .portfolio-gallery-thumb:hover {
    opacity: 1.0;
}


.portfolio-gallery-video{
    position:relative;
}

.portfolio-gallery-video-play-wrapper{
    position:absolute;
    width:calc(100% - 15px);
    height:calc(100% - 15px);
    cursor:pointer;
    padding:inherit;
    text-align:center;
    vertical-align:middle;
    background-image:url('../img/play.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:50px 50px;
}


/*//////////////////////

ARTISTS / FORMADORES

///////////////////////*/
.artists-content, .educators-content{
    margin-bottom:15px;
}
.artists-wrapper, .educators-wrapper{
    width:100%;
    margin:auto;
}


.artist, .educator{
    font-size: 22px;
    margin-bottom:10px;
    color:#fff !important;
    text-align:left;
    min-height:70px;
    padding:0 !important;

}



.artists-list, .educators-list{
    list-style:none;
}

.student-name, .artist-name, .educator-name{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-weight: bold;
    font-size:inherit;
    color: inherit;
    text-transform: uppercase;
    position: relative;
    display:inline-block;
    margin-bottom:0;
}


.artist-info-wrapper, .educator-info-wrapper{
    display:none;

}



/*//////////////////////

HIGHLIGHTS

///////////////////////*/

.highlights-section{
    left:0;
    width:100%;
    min-height:100%;
    vertical-align:middle;
    background-color:rgba(0,0,0,0.4);
    /*display:flex;*/
}

.highlights-page{
    max-width: 65%;
    height:auto;
    padding: 25px;
    margin: auto;
    /*position: relative;*/
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
}


.hl-slider{
    /*    width:100% !important;
        height:100% !important;*/
    /*position:relative;*/
    opacity:0;
    display:none;
    height:auto !important;
}



.hl-wrapper{
    float:left !important;
    /*width:100% !important;*/
}


.hl-subtitle{
    color:#fff;
    text-transform:uppercase;
    font-size: 44px;
    font-weight: 600;
}

.hl-title{
    font-size:6vw;
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    word-wrap:break-word;
    margin-top: -10px;
    margin-bottom: 20px;
    /*line-height:138px;*/
}

.hl-description{
    /*font-family: 'Titillium Web', sans-serif;*/
    font-size:20px;
    color:#fff;
    text-transform:uppercase;
    width: 83%;
    margin: auto;
    font-weight:600;
}

.hl-readmore{
    font-size:16px;
    text-transform:uppercase;
    margin: auto;
    color:#fff;
    margin-top:75px;
    font-weight:300;
}



/*//////////////////////

NEWS

///////////////////////*/
.news-slider{
    display:none;
    opacity:0;
    margin-top:40px;
    top: 25px;
}

.news-wrapper{
    text-align:left;

}
.news-slide-fix{
    /*display:none !important;*/
}

.news-title{
    margin-bottom:0;
}

.news-subtitle{
    margin-bottom:0;
}

.news-date{
    font-size:14px;
    font-style: italic;
    font-weight:300;

}

.news-description{
    margin-top:25px;
}

/*////////////////////////////////

SUDO SLIDER HIGHLIGHTS

////////////////////////////////*/
.highlights-page .controls{
    position:absolute;
    bottom:20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;

    display:none;
}

.news-slider .controls, .mCSB_container .controls{
    position:absolute;
    top:10px;
    left: 0;
    right: auto;
    margin: auto;
    z-index: 10;
    display:none;

}

.controls .numericControls{
    list-style:none;
}

.controls .numericControls li{
    display:inline-block;
    margin:0 5px;
    content:"";
    background-color:#fff;

    border-radius: 10px;
    height: 7px;
    width: 7px;
    cursor:pointer;
    vertical-align:middle;

    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.controls .numericControls li:not(.current):hover{
    height: 12px;
    width: 12px;

    vertical-align:middle;


}

.controls .numericControls .current{
    height: 12px;
    width: 12px;
}


.controls .numericControls li a span{
    display:none;
}





/*////////////////////////////////

CONTACTS

////////////////////////////////*/

.contacts-page{
    max-width:780px;
}

.contacts-map{
    margin:0;
    float: left;
    width: 60%;
}

.contacts-content{
    margin: 0;
    float: left;
    width: 40%;
    padding-left: 20px;
}





/*//////////////////////

TOOLTIPS

///////////////////////*/

.my-tooltip{
    padding: 2px !important;
    color: #fff !important;
    font-size:8px !important;
    background-color:#000 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
}

.ui-tooltip{
    right:30px !important;
    left:auto !important;
    padding:5px;
    text-align:center;
}
/*//////////////////////

MAGNIFIC POPUP

///////////////////////*/
.mfp-wrap, .mfp-bg{
    z-index: 9999 !important;
}


.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-gal-arrow{
    /*    width:50px;
        height:50px;*/
    color:#FFF;
    font-size:50px;
    position:absolute;
    top:50%;
    margin-top:-25px;
    background-color:transparent;
    z-index:9999;

    background-color:rgba(0,0,0,0.3);

}

.mfp-gal-arrow-left{
    left:50px;
}

.mfp-gal-arrow-right{
    right:50px;
}

img.mfp-img{
    /*opacity:0;*/
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-figure:after{
    box-shadow:none !important;
    background:transparent !important;
}



/*//////////////////////

AGENDA

///////////////////////*/

.agenda-section{

    height:100%;
    width:100%;
    left:0;
    z-index:100;
}

.agenda-page{
    height:100%
}

#agenda{

    width:calc(100% - 250px);
    left:250px;
    position: absolute;
    bottom: 100px;
    padding:20px;
}
#agenda_event{
    display:none;
}

.event-title{
    font-size: 22px;
    text-transform: uppercase;

}

.event-description{

}

.event-date{
    font-size: 12px;
    margin: 10px 0;
}

.ui-dialog{
    z-index:10000 !important;
    display:none;
}
.ui-dialog .ui-dialog-titlebar{
    background-color:#fff;
    border: none;
}

.ui-widget button{
    font-family:'icomoon' !important;
    font-size:10px !important;
}


.fc-left h2{
    font-family:'Exo 2', sans-serif !important;
}

.fc-unthemed .fc-today {
    /*background: #888 !important;*/
    background-color:rgba(48,129,197,0.2) !important;
}
.fc-state-default.fc-corner-left {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.fc-state-default.fc-corner-right {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.ui-dialog-content,.ui-widget-content{
    text-align:left !important;
}

.fc-title{
    color:#000;
    font-size:14px;
}

.fc-content{
    cursor:pointer;
    color:#000 !important;
    background-color:#fff;
}

.fc-event{
    border: none !important;
}




/*////////////////////////////////

MAPS

////////////////////////////////*/

#map-canvas{
    width:100%;
    height:250px;
}


/*////////////////////////////////

TABLES

////////////////////////////////*/

table{
    width:100%;
}

table  p{
    margin:0;
}


td table{
    height:100%;
    width:100%;
}

/*////////////////////////////////

SCROLLER

////////////////////////////////*/
.mCSB_scrollTools .mCSB_draggerRail{
    background-color: rgba(255,255,255,.2);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color:#999 !important;
}

.mCSB_scrollTools .mCSB_draggerContainer{
    height:98% !important;
}

.mCSB_scrollTools_vertical{
    top:20px !important;
}