@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('OpenSans-Light'), local('OpenSans-Light'), url(/css/OpenSans-Light.ttf);
}

html, body { background-color: #0a0a0a; margin: 0; padding: 0; text-transform: none; }

body {
    width: 100%;
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 300;
    font-stretch: regular;
    font-size: 0.8vw; 
    letter-spacing: 0.1vw;
    color: #9a9a9a;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

a {
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
    color: #927e5c;
    outline: none;
}

a:hover, .tdTXT60LT a:hover, .tdTXT60DT a:hover { color: #BAA175; }

.sdvig{ position: relative; text-align:center; top: 0.1vw; z-index: 2; }
.TSlider {
    position: absolute;
    width: 100vw;
    top: 0.1vw;
    text-align: center;
    z-index: 2;
}

#logo { width: 9%; min-width: 100px; position: relative; z-index: 5; }

.page-footer {
    position: fixed;
    z-index: 195; 
    bottom: 0px; 
    padding: 10px 0px 30px 0px;  
    width: 100%; 
    height: auto;
    background-color: rgba(10, 10, 10, 0.7); /*0.9*/
}

table{ padding: 0; border-spacing: 0; width: 100%; }
#tb_materials{ text-align:center; height: 100%; } 
 
.tdTXT60LT ,.tdTXT60DT{ width: 60vw; text-align: center; }
.tdTXT60LT, .tdTXT60LT a { color: #9a9a9a; } 
.tdTXT60DT, .tdTXT60DT a { color: #363535; }

.sdvig td {    font-size: 3.5em; }
h1, h2{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-stretch: condensed; }
h1{ font-size: 1.1em;     letter-spacing: 1.3vw; }
h2{    font-size: 1.0vw;     letter-spacing: 0.1vw; }



#space_top, #space_btm{ position: relative; }
#sdvig2{ position: absolute; top: 0; opacity: 0; }
#sdvig2.mobile{ overflow: auto; max-height: 100%; }
.text_block{ 
    min-height: 340px;
    width: 80%; 
    margin-left: 10%;    
    text-align: justify; 
    line-height: 20px;
}

#sdvig2, .text_block h1 {
    font-family: 'Open Sans', sans-serif;

    letter-spacing: 1px;
    font-weight: 300;
    font-stretch: condensed;
}

#sdvig2 {
    font-size: 8pt;
}
.text_block {font-size: larger;}
.text_block h1 { font-size: 10pt; letter-spacing: 2px; }
.text_block a{ font-weight: bold; font-size: 8pt; display: inline; }
.text_block img  { width: 300px; height: auto; }
@media all and (max-width: 1023px){
    .text_block div { text-align: center; }
    .text_block img  { margin: 0 0 18px 0; width: 300px;max-width:100%;}
}

@media all and (min-width: 1024px){
    .text_block img  { float: right; margin: 0 0 10px 15px; width: 300px; height: auto;}
    .text_block .img_left { float:left; margin: 0 15px 10px 0; }
}

#textCenter{ text-align: center; padding: 15px; font-weight: normal; }
#textRight{  text-align: right; margin-top: 60px; text-transform: none; }




.slider-content img{ width: 100vw; }
.slider-controls {
    position: relative;
    top: 28vw;
    text-align: center;
}

.slider-controls .control-slide {
    margin: 7px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    color: #FFF;
    background: none repeat scroll 0% 0% #FFF;
    overflow: hidden;
    opacity: 0.5;
}

.slider-controls .control-slide:hover {
    cursor: pointer;
    background-position: center center;
    opacity: 0.7;
}

.slider-controls .control-slide.active { opacity: 1; }

#top_image {
    background: rgba(10, 10, 10, 0.7);
    position: relative;
    z-index: 2;
    top: 0;
    padding-top: 1.6vw;
    text-align: center;
}


@media all and ( max-width: 1023px){
	.tablet-hide {
		display: none;
	}
	
	.mobile-show.tablet-show {
		display: block !important;
	}
}

@media all and ( min-width: 1024px){
	.tablet-show {
		display: none;
	}
}