@font-face{font-family:'OpenSans-Regular';src:url("../fonts/OpenSans-Regular.woff") format("woff");src:url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.eot") format("embedded-opentype"), url("../fonts/OpenSans-Regular.svg") format("svg");}
@font-face{font-family:'Mulish-Regular';src:url("../fonts/Mulish-Regular.woff") format("woff");src:url("../fonts/Mulish-Regular.eot") format("embedded-opentype"), url("../fonts/Mulish-Regular.otf") format("opentype"), url("../fonts/Mulish-Regular.svg") format("svg"), url("../fonts/Mulish-Regular.ttf") format("truetype");}
.headWrapper{width:100%;display:table;}
.headWrapper .headerStyle{display:table-cell;vertical-align:middle;}
.headWrapper .fontStyle{font-family:'Mulish-Regular';font-weight:bold;font-size:30px;color:#004b92;text-align:center;letter-spacing:0.5px;text-transform:uppercase;}
.in-view .opacity{opacity:1;}
.in-view .translateXLeft{transform:translateX(0);}
.in-view .translateXRight{transform:translateX(0);}
.in-view .translateY{transform:translateY(0);}
.opacity{opacity:0;}
.translateXLeft{transform:translateX(-100%);}
.translateXRight{transform:translateX(100%);}
.translateY{transform:translateY(100%);}
#Home{width:100%;height:100%;min-width:300px;background:url(../images/welcome_bg.png) center center;}
#Home .banner{width:100%;height:540px;}
#Home .banner .container{position:relative;}
#Home .banner .banner_capture{width:100%;height:100%;opacity:0;display:table;}
#Home .banner .banner_capture .banner_cell{display:table-cell;vertical-align:middle;}
#Home .banner .banner_capture .banner_cell .txtWrapper{position:relative;width:450px;float:right;top:40px;right:-100px;}
#Home .banner .banner_capture .banner_cell .txtWrapper .font{font-family:'Mulish-Regular';font-weight:bold;}
#Home .banner .banner_capture .banner_cell .txtWrapper .bigTxt{font-size:74px;color:#004b92;text-transform:uppercase;}
#Home .banner .banner_capture .banner_cell .txtWrapper .smallTxt{font-size:36px;color:#f65030;}
#Home #banner1{background:#f1f1f1 url(../images/banner1.jpg) center center no-repeat;}
#Home #banner1 .bannerImg{position:absolute;top:-42px;right:0;width:166px;height:auto;}
#Home #banner2{background:#f1f1f1 url(../images/banner2.jpg) center center no-repeat;}
#Home #banner2 .bannerImg{position:absolute;top:-42px;right:0;width:166px;height:auto;}
#Home #banner3{background:#f1f1f1 url(../images/banner3.jpg) center center no-repeat;}
#Home #banner3 .bannerImg{position:absolute;top:-42px;right:0;width:166px;height:auto;}
#Home #welcome{width:100%;height:auto;}
#Home #welcome #wrapper{width:1230px;height:100%;margin:auto;display:table;padding:39px 0;}
#Home #welcome #wrapper .fontTxt{position:relative;color:#595959;text-align:justify;letter-spacing:0.1px;}
#Home #welcome #wrapper #header{font-family:'Mulish-Regular';font-weight:bold;font-size:36px;color:#f65030;letter-spacing:0.75px;text-align:center;text-transform:uppercase;}
#Home #welcome #wrapper #header .lineImg{position:absolute;top:15px;left:-615px;width:600px;height:3px;}
#Home #welcome #wrapper #content{font-family:OpenSans-Regular;font-size:16px;line-height:30px;display:table-cell;vertical-align:middle;}
#Home #workshop{position:relative;width:100%;background-color:white;border-top:1px solid #e3e3e3;}
#Home #workshop .headWrapper{height:100px;}
#Home #workshop .bigWrapper{width:1280px;margin:auto;font-size:0;}
#Home #workshop .row{width:100%;}
#Home #workshop .row .divWrapper{position:relative;width:50%;display:inline-block;}
#Home #workshop .row .divWrapper .img{width:100%;height:auto;}
#Home #workshop .row .divWrapper .arrowBlue{position:absolute;top:50%;width:30px;margin-top:-29px;}
#Home #workshop .row .divWrapper .arrowBlueLeft{left:-30px;}
#Home #workshop .row .divWrapper .arrowBlueRight{right:-30px;}
#Home #workshop .row .divWrapper .txtWrapper{width:100%;height:330px;display:table;background:url(../images/blue_bg.jpg) center center;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell{padding:0 75px;display:table-cell;vertical-align:middle;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .header{font-family:'Mulish-Regular';font-weight:bold;font-size:24px;color:white;line-height:30px;letter-spacing:0.5px;margin-bottom:20px;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .header .bullet{width:17px;display:initial;margin-right:15px;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .font{font-family:'OpenSans-Regular';font-size:16px;color:white;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .font .btnLink{color:white;text-decoration:none;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .font .btnLink:hover{color:#f65030;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .font .bullet{width:21px;display:initial;margin-right:15px;vertical-align:middle;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .text{line-height:24px;margin-bottom:20px;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .date{line-height:30px;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell .button{font-weight:bold;line-height:30px;}
#Home #workshop .row .float1{float:left;}
#Home #workshop .row .float2{float:right;}
#Home #new{width:100%;height:375px;background:url(../images/orange_bg.jpg) center center;background-size:cover;}
#Home #new .headWrapper{position:relative;}
#Home #new .headWrapper .fontStyle{color:white;}
#Home #new #newWrapper{width:1280px;height:auto;margin:auto;font-size:0;}
#Home #new #newWrapper .newcontent{position:relative;width:400px;height:100%;display:inline-block;vertical-align:top;}
#Home #new #newWrapper .newcontent .newFont{font-family:'OpenSans-Regular';color:white;line-height:30px;}
#Home #new #newWrapper .newcontent .newFont .btnLink{color:white;text-decoration:none;}
#Home #new #newWrapper .newcontent .newFont .btnLink:hover{color:#004b92;}
#Home #new #newWrapper .newcontent .newFont .bullet{width:21px;display:initial;margin-right:15px;vertical-align:middle;}
#Home #new #newWrapper .newcontent .newHeader{margin-bottom:15px;font-weight:bold;font-size:20px;letter-spacing:0.5px;text-transform:uppercase;}
#Home #new #newWrapper .newcontent .newText{font-size:16px;}
#Home #new #newWrapper .newcontent .newButton{font-weight:bold;font-size:14px;letter-spacing:0.75px;}
#Home #new #newWrapper .newcontent .dateWrapper{position:absolute;width:105px;height:105px;border-radius:10px;background-color:#004b92;}
#Home #new #newWrapper .newcontent .dateWrapper .arrowBlue{position:relative;top:50%;left:17px;width:17px;float:right;margin-top:-17px;}
#Home #new #newWrapper .newcontent .dateWrapper .newDate{font-family:'Mulish-Regular';font-weight:bold;color:white;display:table;width:100%;text-align:center;}
#Home #new #newWrapper .newcontent .dateWrapper .newDate .day{font-size:36px;}
#Home #new #newWrapper .newcontent .dateWrapper .newDate .month{font-size:24px;}
#Home #new #newWrapper .newcontent .left1{left:0;}
#Home #new #newWrapper .newcontent .left2{left:90px;}
#Home #new #newWrapper .pad1{padding-left:150px;padding-right:90px;}
#Home #new #newWrapper .pad2{padding-left:240px;}
#Home #signup{width:100%;height:auto;font-size:0;background-color:white;}
#Home #signup .headWrapper{position:relative;padding:29px 0;}
#Home #signup .headWrapper .headImg{position:absolute;left:0;right:0;margin:auto;bottom:-50px;z-index:10;}
#Home #signup .colume{width:50%;height:240px;display:inline-block;}
#Home #signup .colume .colTable{width:100%;height:100%;display:table;}
#Home #signup .colume .colTable .colLink{color:white;text-align:center;display:table-cell;vertical-align:middle;text-decoration:none;}
#Home #signup .colume .colTable .colLink .colImg{margin-right:40px;vertical-align:middle;}
#Home #signup .colume .colTable .colLink .colFont{font-family:'Mulish-Regular';font-weight:bold;font-size:24px;letter-spacing:0.5px;text-transform:uppercase;vertical-align:middle;}
#Home #signup .blueBg{text-align:right;background:url(../images/blue_bg3.jpg) center center;}
#Home #signup .blueBg .colTable .colLink:hover{color:#f65030;}
#Home #signup .orangeBg{background:url(../images/orange_bg2.jpg) center center;}
#Home #signup .orangeBg .colTable .colLink:hover{color:#004b92;}
#Home #aboutus{width:100%;height:790px;}
#Home #aboutus .container{position:relative;max-width:1600px;}
#Home #aboutus .headWrapper{position:relative;}
#Home #aboutus .headWrapper .fontStyle{color:#f65030;}
#Home #aboutus .image{position:absolute;width:256px;}
#Home #aboutus .image .img{position:relative;z-index:1;width:100%;}
#Home #aboutus .image .line{position:absolute;top:-57px;left:0;right:0;margin:auto;}
#Home #aboutus .image .msg{position:absolute;z-index:2;width:180px;height:100px;padding:45px 24.5px 39px;box-shadow:15px 15px 29px rgba(0, 0, 0, 0.36);background:url(../images/blue_bg2.jpg) center center;}
#Home #aboutus .image .fontTxt{font-family:'OpenSans-Regular';font-size:14px;color:white;line-height:24px;text-align:center;}
#Home #aboutus .img1{top:200px;left:40px;}
#Home #aboutus .img1 .msg{top:-35px;right:-170px;}
#Home #aboutus .img2{top:310px;left:-200px;right:0;margin:auto;}
#Home #aboutus .img2 .msg{bottom:40px;right:-150px;}
#Home #aboutus .img3{top:160px;right:200px;}
#Home #aboutus .img3 .msg{bottom:10px;right:-150px;}
@media screen and (max-width:1599px){#Home .banner .banner_capture .banner_cell .txtWrapper{right:2%;}
#Home #aboutus .container{max-width:1400px;}
#Home #aboutus .img2{left:-140px;}
}
@media screen and (max-width:1299px){#Home #new{height:auto;}
#Home #new #newWrapper{width:auto;max-width:95%;min-width:300px;}
#Home #new #newWrapper .newcontent{margin:auto;display:block;text-align:center;}
#Home #new #newWrapper .newcontent .left2{left:0;}
#Home #new #newWrapper .pad1{padding-right:150px;padding-bottom:30px;border-bottom:1px solid white;}
#Home #new #newWrapper .pad2{padding:30px 150px;}
}
@media screen and (max-width:1279px){#Home #welcome #wrapper{width:auto;max-width:95%;}
#Home #workshop .bigWrapper{width:auto;max-width:95%;min-width:1024px;}
#Home #workshop .row .divWrapper .img{width:auto;height:100%;}
#Home #signup .colume .colTable .colLink .colImg{margin:auto;display:block;}
#Home #aboutus .container{max-width:90%;}
#Home #aboutus .headWrapper{margin-bottom:60px;}
#Home #aboutus .image{display:inline-block;top:initial;}
#Home #aboutus .image .msg{position:initial;width:207px;}
#Home #aboutus .image .line{display:none;}
#Home #aboutus .image .img{box-shadow:15px 15px 29px rgba(0, 0, 0, 0.36);}
#Home #aboutus .img1{left:50px;}
#Home #aboutus .img2{left:0;right:0;margin:auto;}
#Home #aboutus .img3{right:50px;}
}
@media screen and (max-width:1023px){#Home #workshop .bigWrapper{min-width:300px;}
#Home #workshop .row .divWrapper{width:600px;margin:auto;display:block;}
#Home #workshop .row .divWrapper .arrowBlueLeft{display:none;}
#Home #workshop .row .divWrapper .arrowBlueRight{display:none;}
#Home #workshop .row .divWrapper .img{width:100%;height:auto;}
#Home #workshop .row .float1{float:none;}
#Home #workshop .row .float2{float:none;}
#Home #aboutus .image{position:initial;display:block;margin:auto;}
}
@media screen and (max-width:849px){#Home #new #newWrapper .newcontent{width:100%;}
#Home #new #newWrapper .newcontent .dateWrapper{position:initial;height:auto;margin:auto;padding:5px 50px;}
#Home #new #newWrapper .newcontent .dateWrapper .arrowBlue{display:none;}
#Home #new #newWrapper .newcontent .dateWrapper .newDate .day{font-size:24px;margin-right:10px;display:inline-block;}
#Home #new #newWrapper .newcontent .dateWrapper .newDate .month{display:inline-block;}
#Home #new #newWrapper .pad1{padding-left:0;padding-right:0;}
#Home #new #newWrapper .pad2{padding-left:0;padding-right:0;}
}
@media screen and (max-width:767px){#Home .banner .banner_capture .banner_cell .txtWrapper{left:0;right:0;margin:auto;float:none;}
#Home #signup .headWrapper .headImg{display:none;}
#Home #signup .colume{width:100%;display:block;}
}
@media screen and (max-width:719px){#Home #workshop .row .divWrapper{width:auto;max-width:100%;min-width:300px;}
#Home #workshop .row .divWrapper .txtWrapper .txtCell{padding:20px 30px;}
}
@media screen and (max-width:650px){#Home .banner .banner_capture .banner_cell .txtWrapper{width:300px;top:0;left:0;right:0;margin:auto;float:none;}
#Home .banner .banner_capture .banner_cell .txtWrapper .smallTxt{font-size:24px;}
#Home .banner .banner_capture .banner_cell .txtWrapper .bigTxt{font-size:50px;}
#Home #banner1 .bannerImg{width:110px;top:-28px;}
#Home #banner2 .bannerImg{width:110px;top:-28px;}
#Home #banner3 .bannerImg{width:110px;top:-28px;}
}