*{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:#666}
*:focus{outline:none;}
img{display:block;}
html{width:100%;height:100%;}
body{width:100%;height:100%;background-color:#fff;}
ul{list-style:none;}

a{text-decoration:none;color:rgb(222,6,4);}
a:HOVER{color:rgb(222,6,4);}
a.mainMenu{font-size:19px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#000;transition: .3s;}
a.mainMenu:HOVER{color:rgb(255,31,39);}
a.footer{text-decoration:none;color:#ccc;transition: .3s;}
a.footer:HOVER{color:#fff;}
.blackWhite{color:#000;}
.blackWhite:HOVER{color:#fff;}

#cookie-bar {z-index:100;width:100%;background:rgba(245,245,245,0.8) ; 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:3px; color:#4d5e62;}
#cookie-bar a {color:#329cb2; display:inline-block; border:0px solid #fff; border-radius:5px; text-decoration:none; padding:0 10px; margin-left:5px;}
#cookie-bar .cb-enable {color: #aaa; background:rgb(220,6,4);border-color:#bbb;color:#fff;transition:.3s;}
#cookie-bar .cb-enable:hover {color:#fff; background:#666;}
#cookie-bar .cb-policy {color:rgb(222,6,4);border:0; padding-left:0;}
#cookie-bar .cb-policy:hover {text-decoration:underline}

.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)}

@media screen {
    /* MOBILE */
    header{width:100%;overflow:visible;}
    #header{display:none;}
    #innerHeader{display:none;}
    #menu{display:none;}
    #title{display:none;}
    #mobileHeader{width:100%;background-image:url('/design/image/headerBackground.jpg');background-position:center;background-size: cover;}
    .mobileLogo{width:100%;display:table;}
    .mobileLogoBox{float:left;width:50%;padding:30px;display:table-cell;background-color:rgba(255,255,255,0.7);}
    .mobileLogoContainer{width:100%;cursor:pointer;}
    .mobileLogoContainer img{margin:0 auto;width:100%;transition: transform .5s;}
    .mobileLogoContainer img:HOVER{transform: scale(1.05);}
    .mobileMenu{width:100%;margin:0 auto;height:60px;position:relative;background-color:#656565;overflow:visible;}
    .mobileHamburger{float:left;width:50%;padding:5px 0;}
    .mobileMain{padding:0 20px;cursor:pointer;text-align:left;}
    .mobileDropDown{display:none;position:absolute;z-index:20;background-color:#858585;width:100%;}
    .mobileDropDown ul{list-style:none;border-top:1px solid #656565;border-bottom:5px solid #656565;}
    .mobileDropDown ul li{font-size:17px;color:#fff;padding:15px 30px;border-bottom:1px solid #656565;transition: .3s;}
    .mobileDropDown ul li:HOVER{background-color:#656565;color:rgb(220,6,4)}
    .mobileIcon{background-color:#555555;height:60px;float:right;width:50%;padding:5px 30px;cursor:pointer;text-align:right;}
    .mobileIcon a{display:inline-block;padding:10px 10px;}
    .mobileIcon a img{height:30px;opacity:.8}
    .mobileIcon a:HOVER img{opacity:1}        
    .mobileTitle{width:100%;margin:0 auto;overflow:visible;}
    .mobileTitle .titleBox{min-height:10px;border-bottom:10px solid #858585}  

    .mainContainer{width:100%;height:auto;overflow:auto;margin:0 auto;padding:20px;}
    .productMenu{display:none;}
    
    footer{width:100%;height:auto;margin:0 auto;overflow:auto;background-color:#6b6d6f;background-image:url('/design/image/footerBackground.jpg');background-position:center center;}
    .footerMap{overflow:hidden;opacity: 0.9;margin:0 1px;}
    .footerMap:HOVER{opacity: 1;}
    .footerMap iframe{width:100%;height:400px;margin-top:-60px;}
    .footerMap p{background-color:#dadada;width:100%;padding:150px 0;text-align:center;color:#999}
    .footerContainer{width:100%;height:auto;overflow:auto;padding:20px 0;margin:0 auto;}    
    .footerMenu{width:100%;padding:20px 30px;}    
    .footerMenuTitle{padding:0 0 15px 0;font-size:19px;font-weight:bold;text-transform:uppercase;color:#fff;line-height:20px;}
    .footerMenuText{font-size:15px;color:#fff;line-height:30px;}                   
    .footerProduct{display:none;width:100%;padding:20px 30px;}
    .footerProductTitle{padding:0 0 15px 0;font-size:19px;text-transform:uppercase;color:#fff;line-height:20px;}
    .footerProductText{font-size:15px;color:#fff;line-height:30px;}  
    .footerContact{width:100%;padding:20px 30px;}
    .footerContactTitle{padding:0 0 15px 0;font-size:19px;text-transform:uppercase;text-align:left;color:#fff;line-height:20px;}
    .footerContactText{padding:0 0 0 0;font-size:15px;color:#aaa;line-height:20px;}
    .footerContactText b{color:#aaa;}  
    .copyright{width:100%;padding:0 30px 140px 30px;font-size:11px;font-style: italic;color:#fff;}
    
    #fixedMenu {border-top:5px solid #84c4d1;z-index:50;width:100%;background-color:rgb(220,6,4);font-size:14px; text-align:center; position:fixed; bottom:0; left:0;}
    .fixedBox{float:left;width:33.33%;font-size:19px;font-weight:bold;color:#fff;padding:30px 0;cursor:pointer;}
    .border{border-left:1px solid #84c4d1;border-right:1px solid #84c4d1;}
    .subOne{display:none;background-color:#84c4d1;padding:10px 30px 15px 30px;font-size:17px;text-align:left;}
    .subOne a{display:block;padding:10px 0;margin:0;color:#fff;}
    .subTwo{display:none;background-color:#84c4d1;padding:10px 30px 15px 30px;font-size:15px;text-align:center;}
    .subTwo a{display:block;padding:10px 0;color:#fff;}
    .subThree{display:none;background-color:#84c4d1;padding:10px 30px 15px 30px;font-size:15px;text-align:right;}
    .subThree a{display:block;padding:10px 0;color:#fff;}
    .topBorder{border-top:1px solid #c1e1e8;}
    
    h1{font-size:25px;font-weight:bold;;text-transform:uppercase;color:#fff;padding:15px 30px;}
    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;}
    
}

@media screen and (min-width: 768px) {
    
    /* DESKTOP */
    .logoBox{max-width:1320px;margin:0 auto;display:table;}
    
    #mobileHeader{display:none;}    
    
    #header{display:block;width:100%;padding-bottom:20%;margin-bottom:-60px;position:relative;background-image:url('/design/image/headerBackground.jpg');background-position:center;background-size: cover}
    .logoRow{position:absolute;width: 100%;height: 100%;padding:0;}
    .logoBox{width:100%;height:100%;}
    .logoContainer{display:table-cell;width:25%;cursor:pointer;background-color:rgba(255,255,255,0.8);vertical-align:middle;}
    .logoContainer img{position:relative;top:-40px;margin:0 auto;width:100%;max-width:200px;transition: transform .5s;}
    .logoContainer img:HOVER{transform: scale(1.05);}
    .logoText{display:table-cell;width:50%;vertical-align:middle;}
    .logoIcon{display:table-cell;width:25%;vertical-align:top;text-align:right;}
    .logoIcon a{display:inline-block;padding:20px 10px;}
    .logoIcon a img{height:30px;opacity:.8}
    .logoIcon a:HOVER img{opacity:1}
    .logoHeaderContainer{width:100%;margin:0 auto;height:150px;overflow:auto;padding:0 20px;}
    
    #innerHeader{display:block;width:100%;height:240px;margin-bottom:-60px;position:relative;background-image:url('/design/image/headerBackground.jpg');background-position:center;}
    .innerLogoContainer{display:table-cell;width:25%;cursor:pointer;background-color:rgba(255,255,255,0.7);vertical-align:middle;}
    .innerLogoContainer img{position:relative;top:-35px;margin:0 auto;width:100%;max-width:200px;transition: transform .5s;}
    .innerLogoContainer img:HOVER{transform: scale(1.05);}
    .innerLogoText{display:table-cell;width:75%;vertical-align:middle;}
    .innerLogoText p{position:relative;top:-35px;margin:0 auto;font-family:Fjalla One;font-weight:400;font-size:45px;color:rgba(255,255,255,0.8);padding:20px 20px;text-align:right;}
    .innerLogoIcon{display:table-cell;width:75%;vertical-align:top;text-align:right;}
    .innerLogoIcon a{display:inline-block;padding:20px 10px;}
    .innerLogoIcon a img{height:30px;opacity:.8}
    .innerLogoIcon a:HOVER img{opacity:1}
    
    #menu{display:block;width:100%;margin:0 auto;height:60px;position:relative;bottom:20px;overflow:visible;background-image:url('/design/image/menuBackground.png');background-size:contain}
    .menuContainer{width:1320px;margin:0 auto;height:60px;overflow:visible;}
    .hamburgerBox{float:left;width:25%;padding:5px 0;cursor:pointer;}
    .menuBox{float:left;width:75%;height:60px;background-color:rgba(255,255,255,1)}
    .mainMenu{width:100%;height:60px;padding:0 20px;cursor:pointer;position:relative;text-align:right;}
    .mainMenu:HOVER{}
    .mainMenu img{float:right;}    
    
    #dropDown{display:none;}
    .dropDown{display:none;position:absolute;top:55px;left:0px;z-index:10;background-color:#959595;width:100%;}
    .dropDown ul{list-style:none;border-bottom:5px solid #808080;}
    .dropDown ul li{font-size:17px;color:#fff;padding:15px 30px;border-bottom:1px solid #808080;transition: .3s;}
    .dropDown ul li:HOVER{background-color:#bababa;color:rgb(222,6,4)}
    
    .titleContainer{max-width:1320px;margin:0 auto;}      
        
    #title{display:block;width:100%;margin:0 auto;height:60px;position:relative;bottom:20px;overflow:visible;background-image:url('/design/image/menuBackground.png');background-size:contain}
    .titleContainer{width:100%;margin:0 auto;height:60px;overflow:visible;}
    .titleContainer .hamburgerBox{float:left;width:25%;padding:5px 0;cursor:pointer;}
    .titleContainer .titleBox{float:left;width:75%;height:60px;background-color:#fff;}  
    
    .mainContainer{max-width:1360px;}   
    .productMenu{float:left;width:25%;display:block;}   
    nav{display:block;padding:13px 20px;}
    .level1{cursor:pointer;}
    .level1 li{}
    .level2{display:none;}
    .l1{display:block;padding:10px 0;color:#666;text-align:right;line-height:140%;transition:.3s;border-bottom:1px solid #ddd;}
    .parent{border-bottom:2px solid #858585;}
    .l1:HOVER{padding:10px 10px 10px 0;background-color:#dddddd;color:#666}
    .l2{display:block;background-color:#858585;padding:10px;font-size:14px;color:#fff;text-align:right;transition:.3s;}
    .l2:HOVER{background-color:#666666;color:#fff;}
    .last{border-color:#fff;color:#bbb;font-size:14px;}
    
    .footerContainer{max-width:1320px;}
    .footerMenu{float:left;width:25%;padding:20px 30px;}  
    .footerMenuTitle{padding:0 0 15px 0;font-size:19px;text-transform:uppercase;color:#fff;line-height:18px;text-align:right;}
    .footerMenuText{padding:0 0 0 0;font-size:13px;color:#fff;line-height:21px;text-align:right;}     
    .footerProduct{display:block;float:left;width:50%;padding:20px 30px;} 
    .footerProductTitle{padding:0 0 15px 0;font-size:19px;text-transform:uppercase;color:#fff;line-height:18px;}
    .footerProductText{padding:0 0 0 0;font-size:13px;color:#fff;line-height:21px;}                  
    .footerContact{float:left;width:25%;padding:20px 30px;}
    .footerContactTitle{padding:0 0 15px 0;font-size:19px;text-transform:uppercase;text-align:left;color:#fff;line-height:18px;}
    .footerContactText{padding:0 0 0 0;font-size:13px;color:#aaa;line-height:18px;}
    .copyright{max-width:1320px;margin:0 auto;padding:0 0 40px 0;font-size:11px;text-align:center;font-style: italic;color:#fff;}
    
    #fixedMenu{display:none;}
    
    h1{font-size:25px;font-weight:bold;;text-transform:uppercase;color:#808080;padding:15px 30px 0 30px;white-space: nowrap;overflow:hidden;}
    h2{font-size:24px;font-weight:100;padding:20px 30px;}
    h3{font-size:24px;font-weight:100;padding:20px 0 0 0;text-align:center;}
}

@media (orientation: portrait) {    
}

@media (orientation: landscape) {        
}