@import url(/fonts_googleapis_com/css/index.html);
@import url(/fonts_googleapis_com/css/index.html);

body{margin: 0px;padding: 0px;position: relative;}

.container{width: 100%;height: 90%;position: relative;overflow: hidden;display:block;}

.columnbox{width:78.3%;height: 100%;background: #59a3ff;float: left;transform: rotate(116deg);-webkit-transform: rotate(116deg);-moz-transform: rotate(116deg);-o-transform: rotate(116deg);-ms-transform: rotate(116deg);margin-left: -660px;margin-top: -190px;position: relative;z-index: 10;}

#two{width:78.3%;height: 100%;float: left;transform: rotate(116deg);-webkit-transform: rotate(116deg);-moz-transform: rotate(116deg);-o-transform: rotate(116deg);-ms-transform: rotate(116deg);background-color: #d2d2d2; margin-top: -100px; margin-left: -750px;position: relative;z-index: 9;}

#theree{width:78.3%;height: 100%;float: left;transform: rotate(116deg);-webkit-transform: rotate(116deg);-moz-transform: rotate(116deg);-o-transform: rotate(116deg);-ms-transform: rotate(116deg);background-color: transparent;  margin-top: -100px; margin-left: -1200px;position: relative;z-index: 8;right: -300px;}

#four{width:78.3%;height: 100%;float: left;transform: rotate(90deg);-webkit-transform: rotate(109deg);-moz-transform: rotate(109deg);-o-transform: rotate(109deg);-ms-transform: rotate(109deg);background:transparent;  margin-top: -100px; margin-left: -1200px;position: relative;z-index: 7;right:-716px;}

.bottom-head{width:100%;height: 100px;position:absolute;bottom:0px;background:url('/images/bottombg.png');z-index:9999;}
.logo{width:auto;height: 70px;float: left;margin:-1px 10px 10px 44px;}
.logo img{width: auto;height: 94px;}
.rightMenu{width: auto;float: right;height: auto;margin:5px 10px 10px 10px;}
.rightMenu ul{padding: 0px;margin: 29px;font-family: 'Fjalla One', sans-serif;text-transform: uppercase;}
.rightMenu ul li{display: inline;margin: 36px;}
.rightMenu ul li a{color:#000;text-decoration: none;font-size: 19px;}

.background-overlay{width: 100%;height: 104%;position: absolute;background:url('/overlay.png');z-index: 9998;display: none;}
.viewContent{z-index: 9999;width: 70%;height: auto;background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal;position: relative;margin: auto;top:8%;display: none;padding-bottom: 30px;}
.closeBtn{width: 32px;height: 32px;background: url(/close.png);position: absolute;right: -5px;top: -5px;cursor: pointer;}
.contentTitle{width: 95%;font-family: 'Open Sans', sans-serif;color: #000;font-size: 16px;margin: 10px auto auto auto;font-weight: bold;}
.language{width: auto;height: auto;margin: 23px 55px 10px 10px;float: right;}
.language img{float: left;border: 0px;margin-left: 5px;cursor: pointer;border-radius:17px;}


 

.contentText{width: 94%;padding-left: 30px;font-family: 'Open Sans', sans-serif;padding-top: 8px;}

.LeftPanel{width: 257px;float: left;height: auto;border-right: 1px solid #d2d2d2;min-height: 300px;margin-top: 8px;}
.LeftPanel .wrapTitle{width:100%;height: auto;text-align: center;font-family: 'Open Sans', sans-serif;font-size: 15px;}
.RightContent{width: 813px;height: auto;float: left;margin: 8px 0 0 17px;}
.CategoryImage{width: 170px;height: 185px;border:1px solid #d2d2d2;padding: 4px;float: left;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;box-shadow: 0; transition: box-shadow 1s;margin: 0 0 10px 12px}
.CategoryImage:hover{box-shadow: 0 0 10px #000;cursor: pointer;-webkit-box-shadow: 0 0 10px #000;-moz-box-shadow: 0 0 10px #000;-o-box-shadow: 0 0 10px #000;}
.CategoryImage img{width: 170px;height: 160px;border:0px;}
.CatName{width: 100%;height: auto;font-family: 'Open Sans', sans-serif;font-size: 14px;text-align: center;margin: 4px 0 0 0;}
.CategoryImage a{color: #000;text-decoration: none;}

.cat-container-wrap{width: 100%;height: auto;display: none;}

.CategoryName{width: 100%;height: auto;font-family: 'Open Sans',sans-serif;font-size: 15px;font-weight: bold;margin: 0 0 10px 15px;line-height: 27px;overflow: hidden;}
.goBackButton{width: 48px;height: 48px;float: left;cursor: pointer;background: url('/images/goback.png');margin: -9px 0 0 0;}

.refBox{width: 160px;height: 142px;float: left;padding: 4px;border:1px solid #d2d2d2;margin: 0 0 13px 13px;}
.refBox img{width: 100%;height: 100%;}

.clearAll{height:40px;clear:both;font-size:13px;}

#container4 { clear: left; float: left; width: 100%;  background: #F4EDCB;height:96%; cursor:pointer;-moz-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in;}
#container4:hover { -moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; }
#container3 {clear: left;float: left;width: 100%;position: relative;right: 25%;background: #8897A5;height:96%;cursor:pointer;-moz-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in;}
#container3:hover { -moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; }
#container2 { clear: left; float: left; width: 100%; position: relative; right: 25%; background: #F4F3F2;height:96%; cursor:pointer;-moz-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in;}
#container2:hover { -moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; }
#container1 { float: left; width: 100%; position: relative; right: 25%; background: #143C5B;height:96%; cursor:pointer;-moz-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in;}
#container1:hover { -moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; }
#col1 { float: left; width: 25%; position: relative; left: 75%; overflow: hidden;text-align:center;}
#col1 img{zoom:0.5;margin:117px 0 0 -48px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;
 }
 
#col2 { float: left; width: 25%; position: relative; left: 76%; overflow: hidden;text-align:center;  }
#col2 img{zoom:0.5;margin:25px 0 0 -75px;width:746px;}
#col3 { float: left; width: 25%; position: relative; left: 75.9%; overflow: hidden;  text-align:center;}
#col3 img{zoom:0.6;margin:202px 0 0 -155px;width:1040px;}
#col4 { float: left; width: 25%; position: relative; left: 75.4%; overflow: hidden; text-align:center;}
#col4 img{zoom:0.5;margin:117px 0 0 -114px;width:933px;}

.goon{width:80px !important;height:80px !important;border:0px;margin-top:0px !important;}

.hoverBox{width:100%;display:none;text-align:center;height:auto;position:absolute;top:2%;font-family:'Open Sans' Sans-Serif;font-size:27px;color:#fff;text-shadow:2px 2px 3px #000;}

.clear{clear:both;}

#pdf1Content{z-index: 9999;width: 70%;height: auto;background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal;position: relative;margin: auto;top:8%;display: none;padding-bottom: 30px;}
#closePdf1{width: 32px;height: 32px;background: url(/close.png);position: absolute;right: -5px;top: -5px;cursor: pointer;}

#pdf2Content{z-index: 9999;width: 70%;height: auto;background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal;position: relative;margin: auto;top:8%;display: none;padding-bottom: 30px;}
#closePdf2{width: 32px;height: 32px;background: url(/close.png);position: absolute;right: -5px;top: -5px;cursor: pointer;}

#pdf3Content{z-index: 9999;width: 70%;height: auto;background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal;position: relative;margin: auto;top:8%;display: none;padding-bottom: 30px;}
#closePdf3{width: 32px;height: 32px;background: url(/close.png);position: absolute;right: -5px;top: -5px;cursor: pointer;}

#pdf4Content{z-index: 9999;width: 70%;height: auto;background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal;position: relative;margin: auto;top:8%;display: none;padding-bottom: 30px;}
#closePdf4{width: 32px;height: 32px;background: url(/close.png);position: absolute;right: -5px;top: -5px;cursor: pointer;}

#pdf5Content{z-index: 9999;width: 70%;height: auto;background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal;position: relative;margin: auto;top:8%;display: none;padding-bottom: 30px;}
#closePdf5{width: 32px;height: 32px;background: url(/close.png);position: absolute;right: -5px;top: -5px;cursor: pointer;}

.NewsBox{width:480px;height:170px;border:1px solid #d2d2d2;border-radius:4px;-webkit-border-radius:4px;
-moz-border-radius:4px;-o-border-radius:4px;float:left;margin:0 10px 10px 0;}
.NewsPhoto{width:auto;height:auto;margin:2px;float:left;padding:4px;border:1px solid #d2d2d2;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;}
.NewsPhoto img{width:200px;height:157px;border:0px;}
.newsTitle{width:256px;float:left;font-family:'Open Sans',sans-serif;margin:4px;font-size:13px;}
.newsTitle a{color:#000;text-decoration:none;}
.newsContent{width:256px;float:left;font-family:'Open Sans',sans-serif;font-size:12px;color:#000;margin:4px;}
.moreLink{color:#000;}
.bottomHovered{font-family:'Comic Sans MS';padding-top:30px;display:none;color:Gray;font-style:italic;font-size:18px;font-weight:bold;text-shadow:1px 1px 1px #000;}

#container1 img{display:none;}

.textareaBig{width:200px;height:100px;}

#pdf1ContentClick, #pdf2ContentClick, #pdf3ContentClick, #pdf4ContentClick, #pdf5ContentClick{cursor:pointer;}

.ListImg{display:none;clear:both;}
.lmobile{display:none;}
 
     
@media screen and (min-width: 1600px) and (max-width:1821px) {
    #col2 img{margin:136px 0 0 0px;}   
    #col3 img{margin:435px 0 0 -83px;}
    #col4 img{margin:318px 0 0 -47px;}
    #col1 img{margin:257px 0 0 -48px;}
    .rightMenu{margin:5px 239px 10px 10px;}
}

@media screen and (min-width: 1821px) and (max-width:2026px) 
{
    #col2{left:75%;}
    #col2 img{margin:136px 0 0 -8px;}   
    #col3 img{margin:435px 0 0 -83px;}
    #col4 img{margin:318px 0 0 -47px;}
    #col1 img{margin:283px 0 0 4px;}
    .rightMenu{margin:5px 239px 10px 10px;}
}

@media screen and (min-width: 2025px){
    #col2 img{margin:136px 0 0 -162px;}   
    #col3 img{margin:435px 0 0 -83px;}
    #col4 img{margin:318px 0 0 -47px;}
    #col1 img{margin:156px 0 0 22px;}
    .rightMenu{margin:5px 331px 10px 10px;}
}

@media screen and (min-width: 1349px){
    #col2 img{margin:320px 0 0 -47px;width:623px;}   
    #col3 img{margin:232px 0 0 -101px;width:798px;}
    #col4 img{margin:254px 0 0 -47px;width:747px;}
    #col1 img{margin:307px 0 0 4px;width:663px;}
    .rightMenu{margin:5px 0px 10px 10px;zoom:0.9;}
}





 
    @media only screen and (max-width : 1200px) {
        .container{display:block;}
        .ListImg{clear:both;}
    }

    
    @media only screen and (max-width : 992px) {
        .container{display:none;}
        .logo{width:100%;text-align:center;margin:10px 0 21px 0;}
        .logo img{height:71px;}
        .lmobile .language{width:100%;float:none;clear:both;margin:10px auto auto auto;text-align:center;display:block;}
        .lmobile .language img{float:none;margin:0px;}
        .rightMenu{width:100%;margin:15px 0 0 0;float:none;}
        .rightMenu ul{width:100%;text-align:center;margin:0px;}
        .rightMenu ul li{margin: 0 0 10px 0; width: 100%; display: block;}
        .language{display:none;}
        .bottom-head{height:auto;position:inherit;}
        .ListImg{display:block;width:100%;clear:both;}
        .ListImg img{max-width:48%;border:0px;float:left;padding:3px;}
        .LeftPanel{display:none;}
        .contentText{padding-right:30px;}
        .lmobile{display:block;}
        
    }

    
    @media only screen and (max-width : 768px) and (min-width: 480px){
        .container{display:none;}
        .logo{width:100%;text-align:center;margin:10px 0 21px 0;}
        .logo img{height:71px;}
        .language{width:100%;float:none;clear:both;margin:10px auto auto auto;text-align:center;}
        .language img{float:none;margin:0px;}
        .rightMenu{width:100%;margin:15px 0 0 0;float:none;}
        .rightMenu ul{width:100%;text-align:center;margin:0px;}
        .rightMenu ul li{margin: 0 0 10px 0; width: 100%; display: block;}
        .bottom-head{height:auto;position:inherit;}
        .ListImg{display:block;width:100%;clear:both;}
        .ListImg img{max-width:48%;border:0px;float:left;padding:3px;}
        .LeftPanel{display:none;}
        .contentText{padding-right:30px;}
        .lmobile{display:block;}
    }

     
    @media only screen and (max-width : 480px) 
    {
        .container{display:none;}
        .logo{width:100%;text-align:center;margin:10px 0 21px 0;}
        .logo img{height:71px;}
        .language{width:100%;float:none;clear:both;margin:10px auto auto auto;text-align:center;}
        .language img{float:none;margin:0px;}
        .rightMenu{width:100%;margin:15px 0 0 0;float:none;}
        .rightMenu ul{width:100%;text-align:center;margin:0px;}
        .rightMenu ul li{margin: 0 0 10px 0; width: 100%; display: block;}
        .bottom-head{height:auto;position:inherit;}
        .ListImg{display:block;width:100%;clear:both;}
        .ListImg img{max-width:48%;border:0px;float:left;padding:3px;}
        .LeftPanel{display:none;}
        .RightContent{margin:0px;}
        .contentText{padding-right:30px;}
        .lmobile{display:block;}
    }

     
    @media only screen and (max-width : 320px) {
        .container{display:none;}
        .logo{width:100%;text-align:center;margin:10px 0 21px 0;}
        .logo img{height:71px;}
        .language{width:100%;float:none;clear:both;margin:10px auto auto auto;text-align:center;}
        .language img{float:none;margin:0px;}
        .rightMenu{width:100%;margin:15px 0 0 0;float:none;}
        .rightMenu ul{width:100%;text-align:center;margin:0px;}
        .rightMenu ul li{margin: 0 0 10px 0; width: 100%; display: block;}
        .bottom-head{height:auto;position:inherit;}
        .ListImg{display:block;width:100%;clear:both;}
        .ListImg img{max-width:48%;border:0px;float:left;padding:3px;}
        .LeftPanel{display:none;}
        .RightContent{margin:0px;}
        .contentText{padding-right:30px;}
        .lmobile{display:block;}
    }