﻿/* CSS Document */

html, body {height:100%}

body{background:#ffff; font-family: 'Open Sans Condensed', sans-serif; color:#666; font-size:14px;}

/* h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;} */

header {border-bottom:1px solid #000;} header .logo img {padding:5px 0px} 

.headersocial{margin:20px 0px; position:relative; right:0px}

.sociallist .icons{background:url(../images/icons/social-icons.png) no-repeat; width:60px; height:60px; float:left; margin:0px 4px}

.sociallist .fb{background-position:-0px 0px;}

.sociallist .tw{background-position:-60px 0px;}

.sociallist .in{background-position:-120px 0px;}

.sociallist .email{background-position:-180px 0px;}

.sociallist .icons:hover{opacity:0.6;} 



header .logo img{width:auto; max-width:100%; height:auto;}

header .navbar-default{margin:15px 0px; background:transparent; border:none!important}

header .nav > li > a {padding:5px 0px!important; margin:10px 20px 10px 0px}  

header .navbar-default .navbar-nav li a {font-family: Arial, Helvetica, sans-serif; color:#000!important; font-size:13px; font-weight:600;}

header .sidebar-nav {padding:9px 0;}

header .dropdown-menu .sub-menu {display:block; left:100%;position:absolute; top:0; visibility:hidden; margin-top:-1px; }

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background:#6EA956; color:#fff!important}

header .nav-tabs .dropdown-menu, header .nav-pills .dropdown-menu, header .navbar .dropdown-menu {margin-top: 0;}

header .navbar .sub-menu:before {border:7px solid transparent; border-left:none; border-right:7px solid rgba(0, 0, 0, 0.2); left:-7px; top: 10px;}

header .navbar .sub-menu:after{border-top:6px solid transparent; border-left:none; border-right:6px solid #fff; border-bottom:6px solid transparent; left:10px; top:11px; left:-6px}

header .nav > li > a.active, header .nav > li > a:hover{border-bottom:2px solid #3C593A; color:#3C593A!important; }

.dropdown {display:table-cell}



.carousel-inner .item img {width:100%; height:auto}

.carousel-caption {text-align:left; width:40%}

.carousel-caption .carousel-title {background:#000000; width:100%; padding:20px 20px; height:60px; position:relative;}

.carousel-caption .carousel-title:after {width:20%; height:60px; content:''; background:#6EA956; position:absolute; right:0; margin-top:-20px}

.carousel-caption .carousel-description {background:#4B464C; color:#fff; padding:10px 20px 30px 20px; position:relative}

.carousel-caption .carousel-description h4 {font-size:24px}

.carousel-caption .carousel-description p {margin:40px 0px}

.carousel-description a.view-more {background:#6EA956; color:#FFFFFF; padding:10px 30px; line-height:20px; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:background-color 1s ease; -webkit-transition:background-color 1s ease; -moz-transition:background-color 1s ease; -o-transition:background-color 1s ease; -ms-transition:background-color 1s ease;}

.carousel-description a.view-more:hover {background:#000000}

.carousel-description i {font-size:11px; margin:5px 10px 5px 3px}



#works {background:#fff;  display:block} #works img {width:auto; max-width:100%; height:180px}

#works h2 {color:#000000; text-transform:uppercase; font-size:22px; padding:10px 0px; position:relative; border-bottom:2px solid #d4d4d4} 

#works h2:before {content:''; background:#6EA956; background:rgb(110,169,85); width:10%; height:2px; position:absolute; top:44px;}

#works h3 {color:#000000; text-transform:uppercase; font-size:14px; padding:10px 10px; position:relative; left:10px; margin-left:20px} 

#works h3:before {content:''; border:5px solid #6EA956; position:absolute; top:14px; right:96%; margin-right:30px;}

#works a.view-more {background:#6EA956; color:#FFFFFF; padding:10px 10px; line-height:20px; text-decoration:none; box-shadow:2px 3px 5px #8F9E81; -webkit-box-shadow:2px 3px 5px #8F9E81; -o-box-shadow:2px 3px 5px #8F9E81; -moz-box-shadow:2px 3px 5px #8F9E81; -ms-box-shadow:2px 3px 5px #8F9E81; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:background-color 1s ease; -webkit-transition:background-color 1s ease; -moz-transition:background-color 1s ease; -o-transition:background-color 1s ease; -ms-transition:background-color 1s ease;}

#works a.view-more:hover {background:#000000}

#works .text-center {margin:30px 0px}



#events{padding:10px 0px 30px 10px;background:#6EA956;} #events img {width:100%;}

#events h2 {text-transform:uppercase; font-size:22px; color:#FFFFFF;  padding:10px 0px; position:relative; border-bottom:2px solid #d4d4d4} 

#events h2:before {content:''; background:#000; width:10%; height:2px; position:absolute; top:100%;}

#events p {margin:20px 0px; color:#fff}

#events .padding-0 {padding:0!important }

#events a.view-more {color:#FFFFFF; padding:10px 10px; background:#9BBD80;line-height:20px; text-decoration:none; box-shadow:2px 3px 5px #8F9E81; -webkit-box-shadow:2px 3px 5px #8F9E81; -o-box-shadow:2px 3px 5px #8F9E81; -moz-box-shadow:2px 3px 5px #8F9E81; -ms-box-shadow:2px 3px 5px #8F9E81; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:background-color 1s ease; -webkit-transition:background-color 1s ease; -moz-transition:background-color 1s ease; -o-transition:background-color 1s ease; -ms-transition:background-color 1s ease;}

#events a.view-more:hover{background:#000; color:#fff;}

#events .text-center {margin:30px 0px} #events a {color:#fff}





#news {padding:30px 0px;} #news .headline {margin:20px 0px} 

#news h2 {text-transform:uppercase; font-size:22px; padding:10px 0px; position:relative; border-bottom:2px solid #d4d4d4} 

#news h2:before {content:''; background:#6EA956; background:rgb(110,169,85); width:10%; height:2px; position:absolute; top:44px;}

#news .black {background:rgb(69,64,70)/*#454046*/; color:#FFFFFF; text-align:center; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; padding:0px 15px; display:block}

#news .black  h3 {font-size:22px; margin:0px 0px 30px}

#news .black p.spanner {text-transform:uppercase; padding:30px 0px 30px; text-align:center; color:#FFFFFF}

#news .black p {text-align:left; color:#9D9CA4;}  

#news .black p.read-more {font-size:1em; text-transform:uppercase; text-align:center; padding:20px 0px 30px 0px}

#news .black p.read-more > a {text-decoration:none; border:1px solid #9D9CA4; color:#9D9CA4; padding:10px 15px;}

#news .black p.read-more > a > i {font-size:0.8em}

#news .white {background:#fff; padding-bottom:30px}  

.white img {width:100%; text-align:center}

#news .white h3{margin:20px 15px 20px 15px} #news .white p {margin:10px 15px}

#news .white h3 {color:#2B2A2F; font-size:13px; font-weight:600; line-height:1.5em}

#news  a.view-more {background:#6EA956; color:#FFFFFF; padding:10px 15px; line-height:20px; text-decoration:none; box-shadow:2px 3px 5px #8F9E81; -webkit-box-shadow:2px 3px 5px #8F9E81; -o-box-shadow:2px 3px 5px #8F9E81; -moz-box-shadow:2px 3px 5px #8F9E81; -ms-box-shadow:2px 3px 5px #8F9E81; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:background-color 1s ease; -webkit-transition:background-color 1s ease; -moz-transition:background-color 1s ease; -o-transition:background-color 1s ease; -ms-transition:background-color 1s ease;}

#news  a.view-more:hover{background:#000; color:#fff;}

#news .text-center {margin:30px 0px 20px;}



#teal-bg {background:#6EA956; background:rgb(110,169,85); color:#FFFFFF; padding:40px 20px; text-align:center} 

#teal-bg h1 span {font-weight:bold} 

#teal-bg div {margin-top:20px; margin-bottom:20px}

#teal-bg a {font-size:24px; padding:10px 0px; color:#fff; border-bottom:2px solid #d4d4d4; position:relative} 

#teal-bg a:before {content:''; background:#006600; width:40%; height:2px; position:absolute; top:100%}

#teal-bg a:hover {color:#454046; text-decoration:none}
#slide-image {margin:50px 0px}  #slide-image  #owl-slide  .item {margin:0px 20px}
#slide-image #owl-slide .item img {display:block; width:100%; height:100%; margin:0 auto;}
#slide-image .caption {color:#454046; margin:15px 20px}
#slide-image .caption span {color:#6EA956; text-transform:uppercase; margin:0 auto}

/* inner page */

#about {padding:30px 10px; background:#fff} #about .text-center {text-align:center} #about .col-sm-9 {padding-right:40px}
#about h1 {text-transform:capitalize; font-size:18px; line-height:1.5em; position:relative; border-bottom:2px solid #d4d4d4;} 
#about h1:before {content:''; background:#6EA956; background:rgb(110,169,85); width:20%; height:2px; position:absolute; top:100%;}
#about h2 {text-transform:capitalize; font-size:20px; padding:10px 0px;} 
#about h2.span {line-height:1.5em;} #about h3.span {font-size:16px; font-weight:bold; line-height:1.25em; margin-top:-5px}
#about h3.span2 {font-size:20px; line-height:1.25em; margin-bottom:20px}
#about h4.text-title {color:#6EA956; text-decoration:underline} #about h4.text-title i {margin:0px 10px 0px 0px}
#about p {line-height:1.5em; text-align:justify;} #about p a {color:#6EA956;} #about p.two {color:#D03E18; font-weight:bold}
#about p a.text-underline{text-decoration:underline}  #about .text-bold {font-weight:bold}
#about p a:hover {color:#000000; text-decoration:none} #about p a.text-underline{text-decoration:underline}
#about ul.text-materials {margin-left:-35px; list-style:none} #about ul.text-materials li {margin:10px 0px; line-height:1.5em; }
#about ul.text-materials li ul li {list-style-type:disc; margin-left:-30px}
#about ul.text-materials li i {margin-right:10px; color:#6EA956; font-weight:bold;} 
#about .navigation-panel {margin:20px 0px}  #about .navigation-panel:first-child {margin-top:45px}
#about .navigation-panel h2 {position:relative; text-align:center; text-transform:capitalize; font-size:16px; color:#ffffff; position:relative; margin:30px 0px; padding:8px 20px; background:#720000; border-radius:10px; -moz-border-radius:10px; -webikit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-bottom-left-radius:0; border-bottom-right-radius:0}

#about .navigation-panel h2:before {content:''; position:absolute; top:100%; left:42%; z-index:5; height:10px; border:20px solid transparent; border-top:20px solid #720000}

#about .navigation-panel ul {position:relative; margin-top:-30px; background:#f0f0f0; width:100%; padding:10px 0px; border-radius:10px; -moz-border-radius:10px; -webikit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-top-left-radius:0; border-top-right-radius:0} 

#about .navigation-panel ul li {border-bottom:1px solid #a4a4a4; list-style:none; margin:5px 0px; padding:10px 0px}

#about .navigation-panel ul li:last-child{border:none}

#about .navigation-panel ul li a {color:#000000; font-weight:bold; padding:0px 10px}

#about .navigation-panel ul li a:hover {color:#6EA956; text-decoration:none}

#about .tab-content p {margin:10px 0px}

#about #tabPanel li {display:inline-block; margin:7px 10px 0px 0px}

#tabPanel.nav-tabs >li>a {color:#fff; background:rgba(69,64,70, 1)!important;}

/* #tabPanel .nav>li.active{background:#006600!important;} */

#tabPanel .nav>li>a:focus, #tabPanel.nav>li>a:hover{background:#006600!important;}
.tab-content .tab-pane {position: relative;}
#industry{margin:10px 0px; padding:0px 10px 30px 20px; overflow:hidden; background:#f4f4f4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
#industry h2 {color:#6EA956; font-size:16px; font-weight:bold; line-height:20px}
#industry p {margin:0px 0px 20px; line-height:1.7em}
#industry a {background:#006600; color:#ffffff!important; padding:5px 10px; float:right; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:background-color 1.5s ease; -webkit-transition:background-color 1.5s ease; -moz-transition:background-color 1.5s ease; -o-transition:background-color 1.5s ease; -ms-transition:background-color 1.5s ease; position:relative; top:15px}
#industry a:hover {background:#000000;}
#about .custom-anchor {display:block; background:#6EA956; color:#fff; float:right; margin:-40px -10px 10px 0px; cursor:pointer; text-decoration:none; padding:2px 8px 2px 8px; position:relative; z-index:3; -webkit-border-radius:.5em; -moz-border-radius:.5em; -o-border-radius:.5em; -ms-border-radius:.5em; border-radius:.5em;}
.contact  p {margin:15px 10px} .email-span {line-height:2em; color:#6EA956;} 
.head {background:#6EA956; color:#ffffff; font-size:1.25em; padding:10px 10px; margin:10px 0px; -webkit-border-radius:.5em; -moz-border-radius:.5em; -ms-border-radius:0.5em; -o-border-radius:.5em; border-radius:.5em;}
.margin-vertical {margin:20px auto} .margin-vertical img {text-align:center; width:100%} 
#about ul.list-unstyled {margin-left:-10px} #about ul.list-unstyled li {margin:10px }
#about ul.list-unstyled ul li {margin-left:-25px} table [class="responsive-table"] {width:100%}
td.details { width:21%; vertical-align:top; margin-left:10px}
table.responsive-table td{padding:10px 0px; background:#cccccc}  table.no-bg td {background:none!important}
table.table-border {background:#dddddd; display:table} table.table-border tr:first-child td {font-weight:bold} 
table.table-border td {height:40px; padding:10px 10px; display:table-cell}
table.table-border td, table.table-border tr{border-collapse: collapse; border:1px solid #f6f6f6}
table.table-border tr td:first-child {width:14%; text-align:left}
table.table-border tr td:nth-child(2) {width:40%; margin:0 auto; padding-left:20px}
table.table-border tr td:last-child {width:36%; padding-left:20px} 
.table-spec a {color:#CC3300} .table-spec td {border:1px solid #c4c4c4}
i.glyphicon-play{font-size:12px; color:#6EA956; margin:0px 5px}
form .table>tbody>tr>td {border:none} 
form  legend {border:none} .form-horizontal .control-label {text-align:left}
.margin-v-10 {display:block; border-top:1px solid #d8d8d8; line-height:1.5em}
.margin-v-10:before, .margin-v-10:after {clear:both}  .margin-v-10 div {margin:10px 0px} .margin-v-10 strong {color:#006600;} 
.sitemap li a {color:#000; line-height:2em} .sitemap li a:hover {text-decoration:underline; color:#6EA956;}
.table-data tr td:first-child {width:45%} .no-border {border:none!important}

footer{background:rgb(69,64,70)/*#454046*/; float:none; color:#FFFFFF; line-height:1.5em; font-size:12px}
#footer {padding:40px 0px 10px 0px}  #footer .logo img {width:auto; max-width:100%; height:auto} 
#footer p {margin:20px 6px 20px -10px}
#footer h3 {text-transform:uppercase; font-size:18px; padding:0px 0px 5px;  position:relative} 
#footer h3:before {content:''; background:#6EA956; width:30%; height:2px; position:absolute; top:100%; bottom:0;}
#footer ul {margin:15px 0px 15px -40px; padding:10px auto;} #footer .shift-top {margin-top:-15px}
#footer .shift-top li a {line-height:32px}
#footer ul li {list-style-type:none; margin-left:0px} #footer ul li:first-child {font-weight:bold; font-size:14px}
#footer ul li a {color:#FFFFFF; text-decoration:none} #footer ul li:first-child a {cursor:default}
#footer ul.important-links li {margin:10px 0px} #footer ul.important-links li a {font-weight:bold; font-size:12px}

#footer span {line-height:40px} 
.responsive-table.padding-table td {padding:10px 5px}
hr {background:#d4d4d4; height:2px; position:relative} 
hr:before {content:''; background:#6EA956; left:10%; width:80%; height:2px; position:absolute; top:0px;}
.blink-text, .blink-inner-text { animation-duration: 1s; animation-name:blink; animation-iteration-count: infinite;animation-direction: alternate;
 animation-timing-function: ease-in-out; color:#5E0B0D}
 .blink-inner-text {color:#6EA956}
@keyframes blink {

    0% {

        opacity: 1;

    }

    80% {

        opacity: 1;

    }

    81% {

        opacity: 0;

    }

    100% {

        opacity: 0;

    }

}



 

@media (max-width:767px) {

#carousel-example-generic .carousel-caption {margin:00px 0px; width:70%;}

#carousel-example-generic .carousel-caption p {font-size:14px;}

#carousel-example-generic .carousel-caption h4 {font-size:100%;} 

header .navbar-default .caret {margin-left:20px}

#about .custom-anchor {margin:10px 0px; clear:both; float:none}



}



