@font-face {
    font-family: 'din_lightregular';
    src: url('../fonts/din_light-webfont.eot');
    src: url('../fonts/din_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din_light-webfont.woff') format('woff'),
         url('../fonts/din_light-webfont.ttf') format('truetype'),
         url('../fonts/din_light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}

.content h3 {
    font-family: arial;
    font-size: 25px;
    text-transform: uppercase;
    padding-top: 20px;
}

h3 > strong {
    font-weight: 600;
}

.content a {
    color: silver;
    text-decoration: none;
    font-weight: 600;
}

.content a:hover {
    text-decoration: underline;
    color: #fff;
}

body {; margin:0; padding:0; font-family: 'din_lightregular'; margin-top:70px;} 

.clear {clear:both;}

.last {margin-right:0 !important;}

.max-image {max-width: 100%;}

img {border: none; padding:0px; background:none;image-rendering:optimizeQuality; -ms-interpolation-mode:bicubic; }

.bg {position:fixed; width:100% !important; height:100% !important; top:0; left:0; z-index:-3; margin:0; padding:0;}



.header {width:60%; text-align:center; display:block; margin:0 auto;}

.logo {float:left; width:10%; display:block; text-align:left;}

.slogan{float:right; width:25%; display:block; text-align:right;}

.title {
    float: right;
    width: 25%;
    display: block;
    text-align: right;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 600;
    color: #fff;
}



.worldmap {width:90%; text-align:center; margin:0 auto; position:relative; z-index:4;}

.map {position:absolute; z-index:3; width:100%; top:0; left:0;}

.points {position:absolute; z-index:4; width:100%; top:0; left:0;}



.main {position:relative; z-index:5; width:60%; margin:0 auto; text-align:center; padding-top:30%;}

.content{
    position: relative;
    z-index: 5;
    width: 60%;
    margin: 0 auto;
    text-align: justify;
    margin-top: 60px;
    background-color: #ffffff1c;
    color: #fff;
    padding: 80px 30px;
    border-radius: 14px;
    line-height: 21px;
    font-size: 15px;
}

.bordertop {border-top:1px dashed #999;}

.float {float:left; width:24.25%; margin-right:1%; margin-top:20px; display:block; height:100%;}

.address {width:100%; text-align:center; padding-top:30px; color:#ccc; font-size:14px;margin-bottom: 50px;}

.address a{color:#ccc; text-decoration:none;}

.cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom {
    background-color: #000000ab;
}
a.cc-btn.cc-dismiss {
    background-color: #ffffff38;
    border: 1px solid #fff;
    color: #fff;
}
