/* Base */
* {outline:none;}
html, body {height: 100%;}
body {font-family: 'Myriad', sans-serif;font-size: 13px;line-height: 1.6;color: #8c8c8c;background-color: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Myriad', sans-serif;}
a {color: #404040;}
a:hover {color: #404040;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}
a.none:hover {text-decoration: none;}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 60px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
}

.modal-content img{
    width: 100%;
}

@media(max-width: 1024px){
    .modal{padding-top: 40%}
    .modal-content{
        width: 90%;
    }
}

/* The Close Button */
.close {
    color: #222222;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



/* The Modal (background) */
.modaltwo {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contenttwo {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contenttwo video{
    width: 100%;
}

@media(max-width: 1024px){
    .modaltwo{padding-top: 40%}
    .modal-contenttwo{
        width: 100%;
    }
}

/* The Close Button */
.closetwo {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closetwo:hover,
.closetwo:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Modal (background) */
.modalthree {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentthree {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contentthree video{
    width: 100%;
}

@media(max-width: 1024px){
    .modalthree{padding-top: 40%}
    .modal-contentthree{
        width: 100%;
    }
}

/* The Close Button */
.closethree {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closethree:hover,
.closethree:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Modal (background) */
.modalfour {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentfour {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contentfour video{
    width: 100%;
}

@media(max-width: 1024px){
    .modalfour{padding-top: 40%}
    .modal-contentfour{
        width: 100%;
    }
}

/* The Close Button */
.closefour {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closefour:hover,
.closefour:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalfive {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentfive {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contentfive iframe{
    width: 100%;
}

@media(max-width: 1024px){
    .modalfive{padding-top: 5%}
    .modal-contentfive{
        width: 100%;
    }
}

/* The Close Button */
.closefive {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closefive:hover,
.closefive:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalsix {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentsix {
    /*background-color: #fefefe;*/
    background-color: transparent;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    border: none;
    width: 80%;
}

.modal-contentsix iframe{
    width: 100%;
}

@media(max-width: 1024px){
    .modalsix{padding-top: 5%}
    .modal-contentsix{
        width: 100%;
    }
}

/* The Close Button */
.closesix {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closesix:hover,
.closesix:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Header */
.top {background-color: #328440;padding: 12px 0;color: #fff;}
.top p {margin: 0;font-weight: bold;font-family: "Myriad", sans-serif }
.top ul {margin: 0;padding: 0;}
.top li i {color: #fff;}
.top li a {color: #fff;}
.top li a img{width: 180%}
.top li a:hover {text-decoration: none;}
.top li a:hover,.top li a:hover i {color: #005FA6;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}

@media(max-width: 768px){
  .top li a img {width: 40%}
}
/* Navigation */
.navbar {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin-bottom: 0;}
.navbar .container {position: relative;}
.navbar-default {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 100%;border: none;border-bottom: 1px solid #e7e7e7;background-color: #fff;}
.navbar-default .navbar-nav > li > a {color: #66ba54;font-weight: normal;font-size: 13px;}
.navbar-default .navbar-nav > li > a:hover {background-color: transparent;color: #328440;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {background-color: transparent;color: #005FA6;}
.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus {color: #328440;background-color: transparent;}
.navbar-default .navbar-toggle {margin: 10px 0 0 15px;}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: none;background: #f3f3f3;}
.navbar-default .navbar-toggle i {font-size: 31px;}
.navbar-default .navbar-collapse {float: right;border-top: none;padding-left: 0;padding-right: 0;}
.navbar-brand>img {padding: 5px;width: 180px;}

@media screen and (max-width: 768px) {.navbar-default .navbar-collapse {padding-left: inherit;padding-right: inherit;}}
@media screen and (max-width: 992px) {.navbar-default .navbar-collapse {width: 100%;margin-left: 0;margin-right: 0;max-height: none;}}
@media (min-width:768px) {.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left: 0;}}

.main-navbar-nav {-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.main-navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px;line-height: 1;}
.main-navbar-nav li > .dropdown-menu {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;min-width: 225px;border: none;border-top: 2px solid #005FA6;}
.main-navbar-nav li > .dropdown-menu > li > a {padding: 10px;position: relative;color: #404040;line-height: 1.12857143;font-size: 12px;}
.main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus {color: #005FA6;background-color: transparent;}
.main-navbar-nav li > .dropdown-menu > li > a i {position: absolute;right: 20px;top: 50%;margin-top: -8px;font-size: 16px;}

@media screen and (min-width: 993px) {.main-navbar-nav .dropdown:hover > .dropdown-menu {display: block;}.main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {left: 225px;top: 0;margin-top: -2px;}}
@media screen and (max-width: 992px) {.main-navbar-nav > li {border-bottom: 1px solid #f3f3f3;}.main-navbar-nav > li:last-child {border-bottom: none;}.main-navbar-nav > li > a {padding-top: 12px;padding-bottom: 12px;}}

.navbar-brand {height: auto;padding: 0;}

@media screen and (max-width: 992px) {.navbar-toggle {display: block;}.navbar-collapse.collapse {display: none !important;}.main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li {float: none !important;}.navbar-collapse.collapse.in {display: block !important;overflow-y: auto !important;}}

/* Hero */
#desktop{
    display: block;
}
#mobile{
    display: none;
}

@media(max-width: 768px){
    #mobile{
        display: block;
    }
    #desktop{
        display: none;
    }
}
.hero_area {background-color: #222222 !important;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%}
.hero_content {padding: 0;margin: 0}
.hero_content img {width: 100%}
.item button {background-color: transparent;border:none;padding:0}


.hero_area2 {background-color: #328440 !important;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;padding: 0;}
.hero_content2 {padding: 0 0 20px 0;}
.hero_content2 img {width: 100%}
.hero_content2 p {color: #fff;font-size: 14px}
.hero_content2 button {font-family: 'Myriad', sans-serif;background-color: #66ba54;border-color: #66ba54;transition: 0.5s all ease-in-out}
.hero_content2 button:hover{background-color: #328440;border-color: #66ba54}


.hero_area3 {background-image: url(img/About-us.png);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;padding: 0}
.hero_content3 {padding: 50px 0}
.hero_content3 h2 {color: #fff;font-weight: 700;font-size: 30px;}
.hero_content3 p{color: #fff !important;font-size: 16px}
.hero_content3 .col-md-6 .container {width: 80%}
.item.board img{width: 100%;}

@media(max-width: 768px){
    .hero_content3 .col-md-6 .container {padding-top: 50px}
    .hero_content3 h2{font-size: 20px}
    .hero_content3 p{font-size: 12px;}
}



.hero_area4 {background-image: url(img/Project.png);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;padding: 0;}
.hero_content4 {padding: 80px 0;}
.hero_content4 h2 {color: #fff;font-weight: 700;font-size: 30px;}
.hero_content4 h3 {color: #d8d8d8;font-weight: 700;font-size: 20px;}
.hero_content4 .row{padding: 80px 0;background-color: #328440}
iframe.proj{width: 100%}
img.projimg{width: 100%}
p.loadmore{padding: 20px 0;color: #fff;transition: all ease-in-out 300ms}
p.loadmore:hover{color: #222222;}

@media(max-width: 768px){
    .hero_area4 {height: 100%}
    .hero_area4 h2{font-size: 20px}
}

.hero_area5 {background-color: #d8d8d8 !important;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;padding: 0;}
.hero_content5 {padding: 20px 0;}
.hero_content5 img {width: 15%;padding: 15px;transition: all 0.2s ease-in-out;}
.hero_content5 img:hover{
    -ms-transform: scale(1.1);  /*IE 9 */
    -webkit-transform: scale(1.1);  /*Safari 3-8 */
    transform: scale(1.1);
}
.hero_content5 h2 {text-align:center;color: #5a5d5d;font-weight: 700;font-size: 30px;}
div#subsidiary{text-align: center;padding: 25px}

@media(max-width: 768px){
    .hero_area5 {height: 100%}
    .hero_content5 h2{font-size: 20px}
    .hero_content5 img {width: 25%;padding: 5px}
    div#subsidiary{padding: 15px}
}




.hero_area6 {background-color: #66ba54 !important;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;padding: 0;}
.hero_content6 {padding: 10px 0 0 0;}
.hero_content6 img {width: 100%}
.hero_content6 h2 {color: #000;font-weight: 700;font-size: 30px;}
img.uhteam{width: 18%;margin-bottom: 10px}
@media(max-width: 768px){
    .hero_area6 {height: 100%}
    .hero_area6 h2{font-size: 20px}
    img.uhteam{width: 25%;margin-bottom: 10px}
}



/* Footer */
footer.site-footer {background: #66ba54;padding: 20px 0 0;float: left;width: 100%;}
footer.site-footer h4 {font-family: 'Myriad', sans-serif;font-size: 20px;font-weight: bold;color: #fff}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none;}
footer.site-footer ul a {color: #fff;font-size: 30px;}
footer.site-footer p {font-size: 13px;}
footer.site-footer p a {color: #fff;font-family: 'Myriad', sans-serif;font-size: 13px;}
footer.site-footer button {font-family: 'Myriad', sans-serif;font-size:13px;background-color: #328440;border-color: #328440;transition: 0.5s all ease-in-out}
footer.site-footer button:hover{background-color: #66ba54;border-color: #328440}
p.text {color: #666;}
#copyright {background: #328440;color: #ccc;padding: 15px 0;font-size: 12px;margin-top: 20px;}
#copyright h1, #copyright ul {margin: 0;float: left;font-size: 12px;color:#fff}
#copyright a {color: #fff;font-size: 12px;}
.site-footer li a:hover {color:#328440;}
ul.big li {float: left;width: 49%;}
ul.big li:nth-child(2n) {margin-left: 2%;}

@media (max-width:462px) {.fbox:last-child {margin-top: 20px;float: left;width: 100%;}}


/* Page */
.page-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px;}



/* Sidebar */
.widget h4,h2.page-title, h2.category-title {position: relative;margin-top: 0;padding-bottom: 20px;margin-bottom: 20px;font-size: 17px;font-weight: 700;color: #404040;width: 100%;}
.widget h4 {font-size: 15px;margin-left: 15px;}
.widget h4:after,h2.page-title:after, h2.category-title:after {content: '';position: absolute;width: 30px;background-color: #005FA6;height: 2px;left: 0;bottom: 0;}
.widget {margin-bottom: 30px;}
.sidebar ul {padding-left: 15px;padding-right: 15px;margin: 0;}
.sidebar ul li {list-style: none;}
.sidebar ul li a {padding: 3px 15px;display: block;margin-left: -15px;margin-right: -15px;color: #404040;}
.sidebar li.current a {background-color: #005FA6;margin-left: -15px;margin-right: -15px;color: #FFFFFF;}
.sidebar ul li a:hover {background-color: #005FA6;color: #FFFFFF;text-decoration: none;transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;}

/* Responsive */
@media screen and (max-width:462px) {
    .top {text-align: center;}.top ul.list-inline{float: none !important;text-align: center;}
    .hero_content {padding: 0;}
    .hero_content h1 {font-size: 32px;}
    .hero_content h2 {width: 90%;font-size: 21px;}
    /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/
    .boxes_area .box p {margin-bottom: 30px;}
    .services .media .media-left {padding-right: 15px;}
    
    .category-content .media-body {float: left;position: relative;width: 100%;}
    .category-content .media-body h3 {margin-top: 20px;}
    .category-main .meta {position: relative;width: 100%;}
    .category-main .meta .pull-left {margin-left: 40px;}
    .category-main .meta .pull-right {display: none;}
    
    .sidebar {margin-top: 40px;}
}
@media (min-width:463px) and (max-width:768px) {
    .fbox {float: left;}
    .fbox:nth-child(3) {float: right !important;}
}

@media (max-width: 768px) {
  .list-inline iframe {
    width: 100%;
  }
}


/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;background-color: #328440;color: #fff;}
#backtotop.visible{visibility:visible; opacity:1.0;}
#backtotop:hover{opacity:1;}