/* normal */
* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { font-family: Arial; font-size: 20px; color: #000000; }
input, select, textarea { font-family: Arial; font-size: 20px; color: #000000; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; text-decoration:none; color: #000000;  }
ul , li , ol { list-style-type:none; }
h1, h2, h3, h4, h5, h6 {
    font-weight: normal; font-family: 'Open Sans', sans-serif;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.container { width:1030px; margin:0 auto; padding: 0px 15px; }

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }
/* layout */
#layout { margin: 0 auto;  }
/* header */
#header-part { position:relative;   }
.header-bar { position:relative;  }
/* top-bar */
.header-bar .top-bar { padding: 40px 0px 0px; text-align: right; }
.header-bar .top-bar a { display: inline-block;}
#header-part .logo { float:left;  position: relative; margin-top: -35px; }
#header-part .logo a { display: block;   }
/* nav bar */
.nav-bar { display: block; float:right; padding: 86px 0px 33px; }
.nav-bar > ul > li {  float: left;  margin-left: 41px; position:relative; }
.nav-bar > ul > li > a {  font-size:24px; font-family: 'Open Sans', sans-serif; font-weight: bold;  text-transform: uppercase; padding-bottom: 2px; }
.nav-bar > ul > li:hover > a {color:#a1c112; border-bottom:solid 5px #a1c112;  }
.nav-bar > ul > li.active > a {color:#a1c112; border-bottom:solid 5px #a1c112;   }	
/* sub menu */
.nav-bar > ul > li > ul { display:none;  position: absolute;  width: 200px; z-index: 999999; top: 100%; left: 0; background-color: #fff; box-shadow:0px 0px 5px rgba(0,0,0,0.3);} 
.nav-bar > ul > li > ul > li { float: none;  width: 100%; position:relative; } 
.nav-bar > ul > li > ul > li > a  { display: block; padding: 5px 15px; color:#000; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight: bold; } 
.nav-bar > ul > li:hover > ul { display:block; }
.nav-bar > ul > li > ul > li:hover > a { background: #eeeeee; }

/* banner */
.banner-bar .flexslider{ border-bottom:solid 17px #9fc110; }
.banner-bar .flexslider ul li { position:relative;  }
.banner-bar .flexslider .overlay-text {
    position: absolute;
    top: 50%;
    transform: translate(0%, -80%);
    -webkit-transform: translate(0%, -80%);
    -moz-transform: translate(0%, -80%);
    width: 100%;
}
.banner-bar .flexslider ul li h2 {  font-size:100px; font-weight:800; color:#b9d250; text-shadow: 0px 0px 46px rgba(0,0,0,0.46); }
.banner-bar .flexslider ul li span { font-size:60px; font-family: 'Open Sans', sans-serif; font-weight: bold;  color:#fff; text-shadow: 0px 0px 46px rgba(0,0,0,0.46); }
.flex-control-nav { display:none; }
.flex-direction-nav { display:none; }
/* content */
#content-part { overflow: hidden; width:100%;  }
.content-bar h2 {  font-size: 38px;  font-weight: 800;  color: #024227;  line-height:32px; text-transform:uppercase;  padding: 40px 0px 35px; }
.content-bar p {  font-size: 20px;  line-height:30px;  font-family: 'Open Sans', sans-serif; padding-bottom:30px; }
.content-bar a { color:#9fc110; border-bottom:solid 2px #9fc110; font-style:normal; }
.content-bar a:hover { color:#000; }
.content-bar p:nth-child(9n){ padding-bottom:85px; }
/* footer part */
#footer-part {  overflow: hidden; width:100%; background-color: #024227;  }
.footer-bar {     display: table; width:100%; }  
.footer-bar span {  font-size: 16.3px; line-height: 15.55px; display:table-cell; width:50%; padding: 38px 0px 45px; color:#fff; } 
.footer-bar span a  {   color:#fff; } 
.footer-bar .right-bar { text-align:right; }

/* toggle */
.mtoggle {
    display: none;
    cursor: pointer;
    float: right;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1030px) {
    .container {
        width: 100%;
    }
    .banner-bar .flexslider ul li img {
        width: 150%;
    }
    .banner-bar .flexslider ul li h2 {
        line-height: 80px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1023px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 959px) {
    #header-part .logo {
        max-width: 200px;
        width: 100%;
        margin-top: -25px;
    }
    #header-part .logo img {
        max-width: 100%;
    }
    .header-bar .top-bar {
        padding: 20px 0px 0px;
    }
    .nav-bar {
        padding: 50px 0px 25px;
    }
    .banner-bar .flexslider ul li h2 {
        font-size: 70px;
        line-height: 70px;
    }
    .banner-bar .flexslider ul li span {
        font-size: 40px;
        line-height: 30px;
    }
    .nav-bar ul li {
        margin-left: 30px;
    }
    .nav-bar ul li a {
        font-size: 22px;
    }
    .content-bar h2 {
        font-size: 32px;
        padding: 40px 0px 20px;
    }
    .footer-bar span.left-bar { width:40%; }
    .footer-bar span.right-bar { width:60%; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #header-part {
        padding-bottom: 15px;
    }
    .mtoggle {
        display: inline-block;
        margin-top: 38px;
    }
    .nav-bar {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0px;
        z-index: 99;
        background: rgba(255,255,255,0.9);
        padding: 20px 0px 15px;
    }
    .nav-bar > ul > li {
        float: none;
        margin: 0;
        position: relative;
    }
    .nav-bar > ul > li > .sub {
        position: absolute; 
        top: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        display: inline-block;
    }
    .nav-bar > ul > li > .sub:after {
        position: absolute;
        top: 0px;
        left: 0px;
        content: "+";
        width: 100%;
        height: 100%;
        line-height: 30px;
        font-size: 20px;
        font-weight: 700;
        color: #000000;
        text-align: center;

    }
    .nav-bar > ul > li > a {
        display: block;
        padding: 0px 15px;
    }
    .nav-bar > ul > li:hover > a, .nav-bar > ul > li.active > a {
        border-bottom: 0px;
    }
    .nav-bar > ul > li:hover {
        background: #eeeeee;
    }
    /* .nav-bar ul li.active a {
    color: #000000;
} */
    .footer-bar span.left-bar, .footer-bar span.right-bar {
        width: 100%;
        text-align: center;
        display: block;
        padding: 10px 0px;
    }
    .footer-bar span.left-bar {
        padding-top: 30px;
    }
    .footer-bar span.right-bar {
        padding-bottom: 30px;
    }
    .content-bar p {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 20px;
    }
    .nav-bar > ul > li > ul > li {
        margin: 0px;
    }
    .nav-bar > ul > li > ul {
        display: none;
        position: relative;
        width: 100%;
        box-shadow: inherit;
        background: inherit;
    }
    .nav-bar > ul > li > ul > li > a {
        padding: 5px 20px;
    }
    .nav-bar > ul > li > ul > li:hover > a {
        background: #f2f2f2;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 639px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 539px) {
    .banner-bar .flexslider ul li h2 {
        font-size: 42px;
        line-height: 45px;
    }
    .banner-bar .flexslider ul li span {
        font-size: 20px;
        line-height: 24px;
    }
    .banner-bar .flexslider .overlay-text {
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
    }
    .content-bar h2 {
        font-size: 28px;
        padding: 30px 0px 15px;
    }
    .content-bar p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 15px;
    }
    #header-part .logo {
        max-width: 170px;
        margin-top: -20px;
    }
    .mtoggle {
        margin-top: 28px;
    }
    .footer-bar span.left-bar, .footer-bar span.right-bar {
        line-height: 22px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}	

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 359px) {

}