*{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%;min-width:360px;height:100%;}
body{width:100%;height:100%;background-color:#eee;}

.clear{clear:both;}
.float{float:left;}
.block{display:block}
.none{display:none}

a{text-decoration:none;color:#0060aa;}
a:HOVER{color:#464241;}
a.floatingBox{height:40px;font-size:17px;border-radius:0px; padding:11px 0;color: #000;text-align: center;}
a.floatingBox:HOVER{color:#0060aa;}
a.box{height:40px;font-size:17px;border-radius:0px; padding:11px 0;color: #ffffff;text-align: center;}
a.box:HOVER{color:#0060aa;}
a.button{display:inline-block;margin:0 15px 15px 0;padding:7px 20px;background-color:#0060aa;border-radius:5px;font-size:15px;font-weight:bold;color:#fff;text-transform: uppercase;cursor:pointer}
a.button:HOVER{background-color:#4188c0}

#cookie-bar {z-index:100;width:100%;background:rgba(255,255,255,0.9);background-image: url('/design/image/hatchFaded.png');border-top:2px dashed #0060aa;padding:50px 0;line-height:24px; color:#ffffff;font-size:15px; text-align:center;}
#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:#0060aa; display:inline-block; border:0px solid #fff; border-radius:5px; text-decoration:none; padding:5px 20px; margin-left:10px;}
#cookie-bar .cb-enable {color: #aaa; background:#0060aa;border-color:#bbb;color:#fff;}
#cookie-bar .cb-enable:hover {color:#fff; background:#2cb76a;}
#cookie-bar .cb-disable {border-color:#bbb;}
#cookie-bar .cb-disable:hover {color:#fff; background:#bbb;}
#cookie-bar .cb-policy {color:#0060aa;border:0;padding-left:0;margin-left:20px;}
#cookie-bar .cb-policy:hover {text-decoration:underline}

h2{font-size:19px;}
h3{display:inline-block;padding:8px 20px;font-size:21px;font-weight:bold;text-transform: uppercase;}
h4{font-size:21px;text-align:center;text-transform: uppercase;color:#0060aa}
h6{font-size:17px;color:#fff;text-transform: uppercase;text-align:center;}
    
hr.title{margin:5px auto;width:120px;border-bottom:2px solid #0060aa}
hr.priceGroup{margin:0 auto 20px auto;width:60px;border-bottom:3px solid #0060aa}
hr.date{margin:20px auto;width:60px;border-bottom:2px solid rgba(0,0,0,0.2);}
hr.subMenuLine{margin:5px auto 5px auto;width:40px;border-bottom:2px solid #fff}
    
button{padding:5px 20px;background-color:#0060aa;border-radius:5px;font-size:15px;font-weight:bold;color:#fff;text-transform: uppercase;cursor:pointer}
button:HOVER{background-color:#4188c0}
button.blueBox{width:40px;height:40px;font-size:17px;border-radius:0px; padding:11px 0;color: #ffffff;text-align: center;}


@media screen {
    /* MOBILE */
    
    h1{display:inline-block;font-size:28px;color:#fff;}
    
    header{width:100%;margin:0 auto;position:relative;background-image: url('/design/image/headerBackground.jpg');background-position:center;background-size:cover;}     
    .homeHeader{height:320px;}
    .innerHeader{height:40px;}
    
    #headerCourseRow{width:100%;padding:0;background-color:rgba(50,50,50,0.8);} 
    .headerCourseContainer{margin:0 auto;position:relative;}   
    .blue{position:absolute;top:0;left:0;padding:0;background-color:#0060aa;width:40px;height:40px;font-size:24px;padding:10px 0;color:#ffffff;text-align: center;}
    .course{padding:0 5px 0 40px;overflow:auto;}
    .course li{width:auto;display:inline-block;font-size:18px;font-style:italic;color:rgba(255,255,255,0.7);padding:10px 12px;white-space: nowrap;}
    .course li b{font-style:normal;color:#fff;}    
    
    #headerLogoRow{width:100%;}
    .headerLogoContainer{margin:0 auto;padding:0;}
    .headerLogoContainer img{margin:0 auto;}
    .headerLogoContainer img:HOVER{transition: transform .5s;transform: scale(1.05);}
    
    .applyDownMenu{position:absolute;top:40px;right:0px;z-index:100;width:100%;}
    .applyMenuContainer{margin:0 auto;overflow:auto;}
    #applySlideDown{display:none;float:right;width:100%;background-color:rgba(0,100,170,0.9);padding:20px 0;}
    .applyMenu{list-style:none;}
    .applyMenu li{font-size:14px;text-align:center;}
    .applyMenu li.menuTitle{padding:20px 40px 8px 40px;font-size:14px;text-transform:uppercase;color:#fff;text-align:center;}
    .applyMenu a{width:100%;display:inline-block;padding:8px 40px;transition: 0.5s;color:rgba(255,255,255,0.8);} 
    .applyMenu a:HOVER{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);} 
    #applyTrigger{cursor:pointer;}
    
    #headerMenuRow{width:100%;margin:0 auto;height:40px;overflow:hidden;background-color:rgba(255,255,255,0.8);}   
    .headerMenuContainer{width:100%;margin:0 auto;overflow:auto;}
    .headerMenuBox{width:100%;}
    .headerMenu{list-style:none;padding:0 10px;}    
    a.mainMenu{margin:0 5px;padding:11px 12px;font-size:15px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#fff;display:inline-block;}
    a.mainMenu:HOVER{color:#0060aa;}
    a.apply{float:right;padding:11px 15px;height:40px;background-color:#0060aa;display:inline-block;color:#fff;text-align:center;}
    a.apply:HOVER{background-color:#4188c0}
    a.apply span{display:none;color:#fff;}
    
    #floating{position:fixed;top:0;z-index:100;width:100%;height:40px;padding:0;box-sizing:content-box;}
    
    .headerFloatingRow{position:static; background-color:rgba(255,255,255,1);box-shadow: 0 2px 10px rgba(0,0,0,0.5);}
    .headerFloatingContainer{margin:0 auto;overflow:auto;} 
    .headerFloatingBox{}
    .headerFloating{float:left;list-style:none;padding:0 10px;}
    .floatingPadding{padding:0 0 20px 0;}
    a.floatingMenu{margin:0 5px;padding:11px 12px;font-size:15px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#000;display:inline-block;}
    a.floatingMenu:HOVER{color:#0060aa;}
    .headerApplyBox{width:100%;text-align:right;}
    .floatingLogo{position:absolute;top:0px;margin:0 auto;}
    .floatingLogo img{margin:5px auto;}
    
    .slideDownMenu{position:relative;z-index:10;display:none;background-color:rgba(0,96,170,0.95);padding:20px;width:100%;overflow:scroll;}
    .slideMenuContainer{margin:0 auto;}
    .menuBox{width:100%;padding:0 20px;text-align:center;}
    .middleBox{display:none;border-left: 1px solid #fff;border-right: 1px solid #fff;margin-bottom:20px;}
    .menuBox p{margin:20px 0 0 0;font-size:13px;line-height:150%;color:#aaa;}
    .menuBox ul{list-style:none;}
    .menuBox li{font-size:14px;text-align:center;}
    .menuBox a{width:100%;display:inline-block;padding:7px;color:rgba(255,255,255,0.8);transition: 0.5s} 
    .menuBox a:HOVER{background-color:rgba(50,50,50,0.9);color:#fff;} 
    .menuBox .icons{padding:20px 0;text-align:center;} 
    .menuBox .icons a{width:40px;height:40px;font-size:20px;display:inline-block;color:#fff;} 
    .menuBox .icons a:HOVER{color:#fff;} 
    
    .nextSlideMenu{position:absolute;top:40px;z-index:10;display:none;background-color:rgba(0,96,170,0.9);padding:20px;width:100%;}
    .nextMenuBox{width:100%;text-align:left;}
    .nextMiddleBox{border-left: 1px solid rgba(0,0,0,0.9);border-right: 1px solid rgba(0,0,0,0.9);}
    .nextMenuBox p{margin:20px 0 0 0;font-size:13px;line-height:150%;color:#aaa;}
    .nextMenuBox ul{list-style:none;}
    .nextMenuBox li{font-size:15px;}
    .nextMenuBox li.menuTitle{padding:8px 40px 16px 40px;font-size:15px;text-transform:uppercase;color:#fff;}
    .nextMenuBox a{width:100%;display:inline-block;padding:8px 40px;color:rgba(255,255,255,0.8);transition: 0.5s} 
    .nextMenuBox a:HOVER{background-color:rgba(0,0,0,0.9);color:#fff;} 
    .nextMenuBox .icons{padding-top:20px;text-align:center;} 
    .nextMenuBox .icons a{width:40px;height:40px;font-size:20px;display:inline-block;color:#fff;} 
    .nextMenuBox .icons a:HOVER{color:#fff;}    
    
    .slideMenuContainer{margin:0 auto;overflow:auto;}
    .menuBox{width:100%;padding:0 20px;text-align:center;}
    .middleBox{border-left: 1px solid #fff;border-right: 1px solid #fff;}
    .menuBox p{margin:20px 0 0 0;font-size:13px;line-height:150%;color:#aaa;}
    .menuBox ul{list-style:none;}
    .menuBox li{font-size:14px;text-align:center;}
    .menuBox a{width:100%;display:inline-block;padding:7px;color:rgba(255,255,255,0.8);transition: 0.5s} 
    .menuBox a:HOVER{background-color:rgba(50,50,50,0.9);color:#fff;} 
    .menuBox .icons{padding-top:20px;text-align:center;} 
    .menuBox .icons a{width:40px;height:40px;font-size:20px;display:inline-block;color:#fff;} 
    .menuBox .icons a:HOVER{color:#fff;} 
    
    footer{width:100%;height:auto;margin:0 auto;overflow:auto;background-color:#333333;background-image:url('/design/image/hatch.png');}
    .footerContainer{margin:0 auto;overflow:auto}
    .footerBox{width:100%;padding:30px 20px;text-align:center;}
    .footerBox p{margin:20px 0 0 0;font-size:13px;line-height:150%;color:#aaa;}
    .footerBox ul{margin:15px 0 0 0;list-style:none;overflow:auto;}
    .footerBox li a{display:block;padding:5px 0;font-size:14px;color:#3780ce;text-align:center;}
    .footerBox li a:HOVER{color:#fff;} 
    .footerBox li.cat{float:left;width:16.66%;padding:10px;}
    .footerBox li.cat img{width:100%;float:left;}
    .footerBox li.cat img:HOVER{transition: transform .5s;transform: scale(1.1);}    
    .footerApp{clear:both;border-top:1px solid rgba(255,255,255,0.2);width:100%;padding:30px 20px;text-align:center;}  
    .footerApp img{max-width:120px;transition: transform 0.5s}  
    .footerApp a{margin-top:20px;display:inline-block;padding:0 10px;}  
    .footerApp a:HOVER img{transform: scale(1.1);}
    .copyright{width:100%;margin:0 auto;padding:40px 0;background-color:#eee;text-align:center;font-size:13px;}
    
}

@media screen and (min-width: 768px) {
    /* TABLET */
    
    h1{display:inline-block;font-size:32px;color:#fff;}
    
    header{}    
    .homeHeader{height:360px;}
    
    .headerCourseContainer{max-width:1360px;}
    
    .course li{font-size:24px;padding:5px 12px;}
    .headerLogoContainer{max-width:1360px;}
    
    .nextMenuContainer{max-width:1360px;} 
    .applyMenuContainer{max-width:1360px;}  
    
    #applySlideDown{width:453px;}  
    
    #headerCourseRow{padding:20px 0;}
    .headerMenuContainer{max-width:1360px;} 
    .headerMenuBox{float:left;width:100%;}
    a.mainMenu{font-size:17px;padding:10px 20px;}
    
    .middleBox{display:inline-block;margin-bottom:0;}
    
    .headerFloatingContainer{max-width:1360px;}       
    .headerFloatingBox{float:left;width:100%;}
    a.floatingMenu{font-size:17px;padding:10px 20px;}
    
    a.apply{width:33.33%;}
    a.apply span{display:inline-block;}
    
    .slideMenuContainer{max-width:1360px;margin:0 auto;}
    .menuBox{float:left;width:33.33%;text-align:left;}
    .nextMenuBox{float:left;width:33.33%;text-align:left;}
    
    footer{max-width:1360px;background-color:#333333;margin:0px auto;}
    .footerContainer{margin:0 20px;}
    .footerBox{float:left;width:33.33%;padding:50px 20px;text-align:left;}
    
    .footerApp img{max-width:140px;transition: transform 0.5s}  
}

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

@media (orientation: portrait) {    
}

@media (orientation: landscape) {        
}