@font-face {
    font-family: 'DINMedium';
    src: url('fonts/DINMedium.eot');
    src: local('DINMedium'), url('fonts/DINMedium.woff') format('woff'), url('fonts/DINMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'DINRegular';
    src: url('fonts/dinregularwebfont.eot');
    src: local('dinregularwebfont'), url('fonts/dinregularwebfont.woff') format('woff'), url('fonts/dinregularwebfont.ttf') format('truetype');
}
*{outline:none}

html,body{
    min-height:100%;
}

body {
    margin:0;
    padding:0;
    font-size:16px;
    font-weight: 400;
    font-family: 'DINRegular', sans-serif;
    background-color:#FFFFFF;
    line-height: 1.2;
}
pre{
    direction:ltr;
}
a{
    color:#333;
    text-decoration: underline;
}
a,a:hover, a:active, a:focus {
    color:#000000;;
    outline:0;
    text-decoration: none;
}

.void{clear:both;}

#containerWrapper{
    position: relative;
}
.bleed{
    width: 90%;
    margin:0 auto;
    max-width:1164px;
}
#main-container{
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
    top:85px;

}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'DINMedium', sans-serif;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.1;
}

#pageBody{
    position:relative;
}


/*columns*/
#menuPane{
    position:relative;
    top:-1px;
}


#footer{
    background:#FFF;
    padding:10px 0px;
    text-align: right;
    color:#666;
}
#footer a{   
    text-decoration: none;

}
#footer hr{
    margin:5px;
}


/*-------------------------------------------------------------------- search*/
/*-------------------------------------------------------------------- layout*/

header{
    padding:35px 0 0px 0;
    background:rgba(255,255,255,1.5);
    width:100%;
    position:fixed;
    z-index: 1000;

}
#mainpane{
    padding-top:25px;
}
/*-------------------------------------------------------------------- MENU*/

ul.nav {
    float: right;
    text-align: right;
}
.nav > li > a:hover, .nav > li > a:focus {
    background:rgba(255,255,255,.0);
    color:#003;

    text-decoration: underline;
}
.reset-box-sizing,
.reset-box-sizing * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*-------------------------------------------------------------------- logo*/
#pageHeader{}


header #logo img{
    width:170px;
}


/*-------------------------------------------------------------------- HOMEPAGE*/
#homePage{
    position: absolute;
    bottom:0;
    overflow: hidden;

    width: 100%;
    min-height: 300px;
}
.homepageCol{
    position:relative;
    min-height: 300px;
}
.homepageCol h3{
    margin:0 0 10px 0;
}
.homepageColSlider{

    position: absolute;
    transition: all .5s ease-in-out;
    /*margin:0 15px;*/
}
.homepageColInner{
    background:rgba(0,0,0,.5);
    color:white;
    padding:10px;
    bottom:-1000px;
    width: 100%;
}
/*-------------------------------------------------------------------- TEXTPAGE*/
#pagecontent{
    display: none;
}
#pagecontent h1 {
    margin: 0;
}
.text-column{
    padding:0 30px;
}
/*=- GALERY =*/
.swiperWrapper{
    overflow: hidden;
    height:0px;
    transition: all .5s ease-in-out;
    margin:20px 0 5px;
}
.mediaWrapper.vertical img{
    width:100%;
}
.mediaWrapper.vertical .swiper-container, .mediaWrapper.vertical .swiper-slide {
    width: 100%;
    /*  height: 500px;*/
}
.pagination {
    left: 0;
    text-align: center;
    margin:-10px auto 20px;
    width: 100%;
}
/*-------------------------------------------------------------------- FOLDER*/
.block{
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s linear;
    padding:0;
}

h3.block-title{
    margin:0;
    position:absolute;
    bottom:0;
    background:rgba(0,0,0,.5);

    text-align:center;
    color:white;
    padding:10px 0px;
    width:98%;
    margin:0 1%
}
.folderTitle {
    color: #333333;
    font-size: 1.8em;
    padding: 0px 20px 20px 20px;
    margin: 0;
}
/*-------------------------------------------------------------------- CONTACT*/
#contactPage {
}
/*-------------------------------------------------------------------- PRELOADERS*/

.mediaWrapper section {
    align-items: center;
    display: flex;
    flex-basis: 100px;
    height: 100px;
    justify-content: center;
    width: 28px;
    margin:0 auto;
}
.loadingclock:before {
    animation: 3s linear 0s normal none infinite spin;
    background-color: #000000;
    content: "";
    display: block;
    height: 10px;
    left: 11px;
    position: absolute;
    top: 2px;
    transform-origin: 1px 10px 0;
    width: 2px;
}
.loadingclock:after {
    animation: 18s linear 0s normal none infinite spin;
    background-color: rgb(0,0,0);
    content: "";
    display: block;
    height: 9px;
    left: 11px;
    position: absolute;
    top: 3px;
    transform-origin: 1px 9px 0;
    width: 2px;
}
.loadingclock {
    border: 2px solid #000000;
    border-radius: 100%;
    height: 28px;
    position: relative;
    width: 28px;
}
@keyframes spin {
    to {
    transform: rotate( 360deg );
}
}

#pageLoader{
    /*background: url(../img/loader.gif) no-repeat scroll center 30px rgba(255, 255, 255, 0.67);*/
    background-color:rgba(255, 255, 255, 0.67);
    height: 100%;
    min-height: 400px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none;

}
#circleG{
    width:149.33333333333334px;
    margin:200px auto;
}

.circleG{
    height: 16px;
    margin-left: 5px;
    width: 16px;

    background-color:#FFFFFF;
    float:left;
    -moz-animation-name:bounce_circleG;
    -moz-animation-duration:1.9500000000000002s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-border-radius:21px;
    -webkit-animation-name:bounce_circleG;
    -webkit-animation-duration:1.9500000000000002s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-border-radius:21px;
    -ms-animation-name:bounce_circleG;
    -ms-animation-duration:1.9500000000000002s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-border-radius:21px;
    -o-animation-name:bounce_circleG;
    -o-animation-duration:1.9500000000000002s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-border-radius:21px;
    animation-name:bounce_circleG;
    animation-duration:1.9500000000000002s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    border-radius:21px;
    border-radius:0px;
}

#circleG_1{
    -moz-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -o-animation-delay:0.39s;
    animation-delay:0.39s;
}

#circleG_2{
    -moz-animation-delay:0.9099999999999999s;
    -webkit-animation-delay:0.9099999999999999s;
    -ms-animation-delay:0.9099999999999999s;
    -o-animation-delay:0.9099999999999999s;
    animation-delay:0.9099999999999999s;
}

#circleG_3{
    -moz-animation-delay:1.1700000000000002s;
    -webkit-animation-delay:1.1700000000000002s;
    -ms-animation-delay:1.1700000000000002s;
    -o-animation-delay:1.1700000000000002s;
    animation-delay:1.1700000000000002s;
}

@-moz-keyframes bounce_circleG{
    0%{}
50%{background-color:#000000}
100%{}
}

@-webkit-keyframes bounce_circleG{
    0%{}
50%{background-color:#000000}
100%{}
}

@-ms-keyframes bounce_circleG{
    0%{}
50%{background-color:#000000}
100%{}

}

@-o-keyframes bounce_circleG{
    0%{}
50%{background-color:#000000}
100%{}

}

@keyframes bounce_circleG{
    0%{}

50%{background-color:#000000}

100%{}

}