*{border:0;border-collapse:collapse;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family: Trebuchet MS, Arial, Sans-serif;color:#333;}
img{display:block;}
html{width:100%;height:100%;position:relative;scroll-behavior:smooth;}
body{width:100%;height:100%;background-color:#fff;background-image:url('/design/image/watermark.png');background-position:center;background-attachment:fixed;background-repeat:no-repeat;}
ul{list-style:none;}
input{outline:none;}

.inline-block{display:inline-block;}
.right{text-align:right;}
.center{text-align:center;}
.nowrap{white-space:nowrap;}
.clear{clear:both;}

.pdf{background-color:rgb(255,27,14)} 
.xls{background-color:rgb(25,117,67)}         
.xlsx{background-color:rgb(25,117,67)}
.doc{background-color:rgb(40,88,150)}
.docx{background-color:rgb(40,88,150)}

@font-face {font-family: 'Oswald-Light';src: url('/design/font/oswald-light.ttf');}
@font-face {font-family: 'Oswald-Semi';src: url('/design/font/oswald-semibold.ttf');}

.flash{animation: animate 1.5s linear infinite;}
@keyframes animate{0%{opacity: 0.1;}50%{opacity: 1;}100%{opacity: 0.1;}}  

a{color:rgb(87,167,179);text-decoration:none;}
a:HOVER{color:#000;text-decoration:none;}

hr.header{margin:0 auto;width:100%;height:1px;background:radial-gradient(rgba(0,0,0,0.5),transparent 60%);}
hr.main{margin:0 auto;width:100%;height:1px;background:radial-gradient(black,transparent 60%);}
hr.title{margin:0 auto 40px auto;width:100%;height:5px;background:radial-gradient(rgb(87,167,179),transparent 60%);}
hr.footer{margin:0 auto;width:100%;height:1px;background:radial-gradient(black,transparent 60%);}

#cookie-bar {z-index:100;width:100%;background:rgba(87,167,179,0.9) ; border-top:0px solid #ddd;line-height:24px; color:#ffffff; font-size:14px; text-align:center; padding:60px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:2px; color:#fff;}
#cookie-bar a {color:#333; display:inline-block; border:0px solid #fff; border-radius:15px; text-decoration:none; padding:0 15px; margin-left:5px;}
#cookie-bar .cb-enable {background:none;border:1px solid #fff;color:#fff;}
#cookie-bar .cb-enable:hover {color:rgb(87,167,179); background:rgba(255,255,255,0.8);}
#cookie-bar .cb-policy {color:#fff;border:0; padding-left:0;}
#cookie-bar .cb-policy:hover {text-decoration:underline}

@media screen {
    /* MOBILE */
    .mobile{display:inline-block;}
    .tablet{display:none;}
    .desktop{display:none;}
    
    header{position:fixed;top:0;left:0;z-index:10;width:100%;overflow:visible;text-align:center;}    
    #header{width:100%;height:80px;margin:0 auto;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0.9) 65%,transparent 100%);}
    
    #menuContainer{position:relative;width:100%;height:100%;}
    #menuContainer nav{position:absolute;top:50%;width:100%;height:80px;bottom:0px;margin: -40px 0 0 0;text-align:center;}
    #menuContainer nav ul{display:inline-block;margin:0 auto;width:auto;}
    #menuContainer nav li{float:left;font-family:Oswald-Light;text-transform: uppercase;font-size:21px;padding-top:20px;}
    #menuContainer nav li img{margin:5px;padding:0;width:30px;cursor:pointer;transition:transform 0.5s}
    #menuContainer nav li img:HOVER{transform: scale(1.1)}
    #menuContainer nav li a{padding:10px 20px;font-family:Oswald-Light;text-transform:uppercase;font-size:21px;color:#000;transition:color 0.2s}
    #menuContainer nav li a:HOVER{color:rgb(87,167,179)}
    #menuContainer nav li.logo{float:left;padding:0 15px;}
    #menuContainer nav li.logo img{margin:0;padding:0;width:120px;height:90px;transition:transform 0.5s}
    #menuContainer nav li.logo img:HOVER{transform: scale(1.1);}
    #menuContainer nav li.logo a{padding:0;}
    
    #dropMenu{width:100%;height:auto;position:absolute;top:81px;left:0;display:none;background:linear-gradient(90deg,rgba(87,167,179,0.9) 0%,rgba(87,167,179,0.9) 100%);}
    #dropMenu ul{padding:30px 0;}
    #dropMenu ul li{clear:left;padding:10px;}
    #dropMenu ul li a{color:#fff;transition:color 0.2s}
    #dropMenu ul li a:HOVER{color:#333;}
    
    #message{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;min-width:200px;border-radius:5px;box-shadow: 0 0 20px;}
    #message display{display:block;}
    #message div{width:100%;padding:40px;text-align:center;background-image: url('/design/image/messageBackground.png');border-radius:5px 5px 0 0;}
    #message div.error{background-color:#c00;}
    #message div.success{background-color:#00a700;}
    #message div.alert{background-color:#fbba00;}
    #message div button{margin:0 auto;padding:0 15px;background-color:rgba(0,0,0,0);width:60px;height:60px;font-size:36px;font-style:normal;color:#fff;border:3px solid #fff;border-radius:50px;}
    #message p{padding:40px;font-size:15px;font-style:italic;text-align:center;line-height:160%;}
    
    .contentBox{}
    
    footer{width:100%;height:auto;margin:0 auto;overflow:auto;}
    .footerContainer{width:100%;height:auto;overflow:auto;padding:20px 0;margin:0 auto;}  
    .copyright{width:100%;padding:0 20px;}
    .copyright p{padding:40px 0;font-size:13px;text-align:center;color:rgba(0,0,0,0.5);}
    
    h1{font-family:Oswald-Light;font-size:32px;text-align:center;padding:15px 0;line-height:130%;}
    h2{font-size:24px;font-weight:bold;padding:20px 30px;}
    h3{font-size:24px;font-weight:bold;padding:20px 0 0 0;text-align:center;}
    h4{font-size:19px;font-weight:bold;padding:20px 0 0 0;text-align:center;}
    
}

@media screen and (min-width: 768px) {
    /* TABLET */
    .mobile{display:none;}
    .tablet{display:inline-block;}
    
    #header{max-width:1360px;}
    hr.header{max-width:1360px;}
    hr.main{max-width:1360px;}
    hr.footer{max-width:1360px;}
        
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */     
}

@media (orientation: portrait) {    
}

@media (orientation: landscape) {        
}