@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
/*************************
*******Typography******
**************************/

body { background: #fff; font-family: 'Open Sans', sans-serif; color:#4e4e4e; line-height: 22px; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Open Sans', sans-serif; }
h1 { font-size: 30px; color:#404040; }
h2 { font-size: 20px; color:#404040; }
h3 { font-size: 16px; color: #6dae00; line-height: 24px; }
h4 { font-size: 16px; }
a { color: #6dae00; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }
a:hover, a:focus { color: #d43133; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
iframe { width:100% !important; }
.btn-primary { padding: 8px 20px; background: #c52d2f; color: #fff; border-radius: 4px; border:none; margin-top: 10px; }
.btn-primary:hover, .btn-primary:focus { background: #c52d2f; outline: none; box-shadow: none; }
.btn-transparent { border: 3px solid #fff; background: transparent; color: #fff; }
.btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); }
a:hover, a:focus { color: #111; text-decoration: none; outline: none; }
.dropdown-menu { margin-top: -1px; min-width: 180px; }
.center h2 { font-size: 36px; margin-top: 0; margin-bottom: 20px; }
.media>.pull-left { margin-right: 25px; margin-left:5px; }
.media>.pull-right { margin-left: 20px; }
body > section { padding: 30px 0px 30px; }
.center { text-align: center; padding-bottom: 55px; }
.scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; }
.justify { font-size: 16px; line-height: 24px; font-weight: 400; text-align:justify; }
.text-justify { text-align:justify; }
.col-sm-8 .lead { padding-right: 30px; }
.transparent-bg { background-color: transparent !important; margin-bottom: 0; }
 @-webkit-keyframes scaleIn { 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes scaleIn { 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
.navbar-brand { padding: 0; margin:0; }
.header-menu { border: none; background: rgba(158, 194, 40, 1); background: -moz-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158, 194, 40, 1)), color-stop(50%, rgba(134, 168, 20, 1)), color-stop(100%, rgba(158, 194, 40, 1))); background: -webkit-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -o-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -ms-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: linear-gradient(to bottom, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec228', endColorstr='#9ec228', GradientType=0 );
}

.navbar-inverse .navbar-brand { font-size: 36px; line-height: 50px; color: #fff; }
/*************************
*******Home Page******
**************************/
header#header { /*background:url(../images/header-bg.jpg) repeat; */}
.row.top-header { padding: 10px 0; }
#main-slider { position: relative; border-bottom: 5px solid #9dc228; z-index: 98; margin-bottom: 20px; }
.no-margin { margin: 0; padding: 0; }
#main-slider .carousel .carousel-content { margin-top: 0px; text-align: center; }
#main-slider .carousel .carousel-inner .container { width:100%; padding:0;}
#main-slider .carousel .slide-margin { margin:405px 0 0 0; }
#main-slider .carousel h1, #main-slider .carousel h2 { color: #fff; text-shadow: 0 0 2px #000; }
#main-slider .carousel h1 { font-size:50px; font-weight:700; background:url(../images/slider-text-bg.png) repeat; padding: 10px;}
#main-slider .carousel .btn-slide { padding: 8px 20px; background: #c52d2f; color: #fff; border-radius: 4px; margin-top: 25px; display: inline-block; }
#main-slider .carousel .slider-img { text-align: right; position: absolute; }
#main-slider .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; height: 500px; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#main-slider .prev, #main-slider .next { position: absolute; top: 50%; background-color: #9dc228; color: #fff; display: inline-block; margin-top: -25px; height: 40px; line-height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 4px; z-index: 5; }
#main-slider .prev:hover, #main-slider .next:hover { background-color: #000; }
#main-slider .carousel-indicators {bottom: 0; margin-bottom: -40px;display: none;}
#main-slider .prev { left: 10px; }
#main-slider .next { right: 10px; }
#main-slider .carousel-indicators li { width: 20px; height: 20px; background-color: #7da210; margin: 0 15px 0 0; position: relative; border: 1px solid #7da210;}
#main-slider .carousel-indicators li:after { position: absolute; content: ""; width: 24px; height: 24px; border-radius: 100%; background: rgba(0, 0, 0, 0); border: 1px solid #7da210; left: -3px; top: -3px; }
#main-slider .carousel-indicators .active { width: 20px; height: 20px; background-color: #c52d2f; margin: 0 15px 0 0; border: 1px solid #c52d2f; position: relative; }
#main-slider .carousel-indicators .active:after { position: absolute; content: ""; width: 24px; height: 24px; border-radius: 100%; background: #9dc228; border: 1px solid #9dc228; left: -3px; top: -3px; }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
.footer { background: none repeat scroll 0 0 #2E2E2E; border-top: 5px solid #C52D2F; height: 84px; margin-top: 110px; }
/*************************
********* Portfolio CSS ******
**************************/
.comment_section { margin-top: 30px; position: relative; }
.post_comments img { width: 150px; height: 150px; margin-top: 35px; border: 5px solid #bde248; box-shadow: 0 0 6px #000; }
.post_reply_comments { background:#f3fed0; border-radius: 4px; padding: 30px; }
.post_reply_comments:before { border-color: transparent #9dc228 transparent transparent; border-style: solid; border-width: 15px; content: " "; height: 0; left: 150px; position: absolute; top: 20px; }
.post_reply_comments h1 { margin-bottom: 20px; margin-top: 0; }
.post_reply_comments p { padding-bottom: 0px; }
.media-body h1 { border-bottom:1px solid #9dc228 !important;} 
/******************
 404 page css
 ******************/
#footer { padding-top: 30px; padding-bottom: 30px; color: #fff; background: #9dc228; }
#footer a{ color: #fff;}
#footer a:hover{ text-decoration: underline; }
/******************/
#middle h1 { border-bottom: 1px solid #dcdcdc; margin: 0 0 20px; padding: 0 0 20px; }
 @font-face {
 font-family:'IskoolaPota-Regular';
 src: url('../fonts/IskoolaPota_gdi.eot');
 src: url('../fonts/IskoolaPota_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/IskoolaPota_gdi.woff') format('woff'), url('../fonts/IskoolaPota_gdi.ttf') format('truetype'), url('../fonts/IskoolaPota_gdi.svg#IskoolaPota-Regular') format('svg');
 font-weight: 400;
 font-style: normal;
 font-stretch: normal;
 unicode-range: U+0020-25CA;
}
.dropdown-toggle .fa.fa-angle-down::before {
 font-size: 16px;
 height: auto;
 line-height: 100%;
 vertical-align: bottom;
 width: auto;
}
.ggilogo img { width:auto; max-width:100%; height:50px; }
.navbar-header { float: left; padding: 0px; }
#middle h2 { text-align:center; position:relative;}
#project h2 { text-align:center; margin-bottom: 20px; position:relative; padding-bottom: 10px;  margin-top: 15px;}
#project h1 { position:relative;padding-bottom: 15px;}
#project h1::after {position:absolute;width:150px;height:1px;background:#9dc228;content:"";left:30%;bottom:0;}
#project #counter::before { content: "+"; font-weight: bold; position: absolute; right: 125px;top: -10px;}
#project #counter1::before { content: "+"; font-weight: bold; position: absolute; right: 115px;top: -10px;}
#project #counter2::before { content: "+"; font-weight: bold; position: absolute; right: 140px;top: -10px;}


.dropdown-menu li { border-bottom: 1px solid #6f9500; }
#middle .col-sm-4 .fa { font-size: 50px; color:#fff; border-radius: 100%; height: 100px; line-height: 90px; background:#9dc228; width:100px; border: 5px solid #7da210; }
#middle .middle-ul .col-sm-4 .fa { font-size: 30px; height: 80px; line-height: 70px; width:80px; }
#middle .col-sm-4 { text-align:center; margin:30px 0;padding: 0 30px; }
.project h1 { text-align:center; }
#project { background:#ffffee; border-top: 5px solid #9dc228; }
#ggi { border-top: 5px solid #9dc228; }
#banner { padding:0; border-bottom: 5px solid #9dc228; }
#banner img { max-width:100%; height:auto; width:100%; }
#banner .container-fluid { position:relative; }
#banner .page-header { margin: 0 0 0px!important; position:absolute; top:45%; left:8%; border: medium none; padding: 0; color: #9dc228;text-shadow: 0 0 2px #000;font-weight: 700;font-size: 36px; }
#banner iframe { width:100%!important; height:500px!important; display:inherit; }
#breadcrumb { padding:0; background:#e4f7a9; }
.middle-ul { list-style:none; padding-left: 0px; }
.middle-ul li { padding:0px 0; /*margin: 20px 0;*/ }
.contact-box { text-align:center; }
.contact-box p.lead { text-align:center; }
.contact-box .fa { margin-bottom: 20px; }
.ggilogo { padding-top: 10px; text-align: right; }
.breadcrumb > .active { color: #707070;}
.careers-form {}
.careers-form h3 { text-align:center;clear: both;}
.careers-form label { width:40%; float:left; padding-right: 2%;width: 38%;padding-top: 5px; text-align:right;}
.careers-form input, .careers-form select, .careers-form textarea { width:40%;border: 1px solid #ccc; padding: 5px;}
.careers-form input[type="checkbox"] { width:auto;}
.careers-form input[type="submit"] {color:#fff; cursor:pointer; border:none;width: auto;padding: 8px 25px;font-weight: bold;margin-left: 38%; margin-top: 20px; border-radius: 6px;
 background: rgba(158, 194, 40, 1); background: -moz-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158, 194, 40, 1)), color-stop(50%, rgba(134, 168, 20, 1)), color-stop(100%, rgba(158, 194, 40, 1))); background: -webkit-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -o-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -ms-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: linear-gradient(to bottom, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec228', endColorstr='#9ec228', GradientType=0 );
}
.careers-form input[type="submit"]:hover {background: rgba(133, 168, 20, 1); background: -moz-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 168, 20, 1)), color-stop(50%, rgba(158, 194, 40, 1)), color-stop(100%, rgba(133, 168, 20, 1))); background: -webkit-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -o-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -ms-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: linear-gradient(to bottom, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a814', endColorstr='#85a814', GradientType=0 );}

.application-popup .btn-info {color:#fff; cursor:pointer; border:none;width: auto;font-weight: bold; margin-top: 10px; padding:10px 30px; 
 background: rgba(158, 194, 40, 1); background: -moz-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158, 194, 40, 1)), color-stop(50%, rgba(134, 168, 20, 1)), color-stop(100%, rgba(158, 194, 40, 1))); background: -webkit-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -o-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: -ms-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); background: linear-gradient(to bottom, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec228', endColorstr='#9ec228', GradientType=0 );}
.application-popup .btn-info:hover  {background: rgba(133, 168, 20, 1); background: -moz-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 168, 20, 1)), color-stop(50%, rgba(158, 194, 40, 1)), color-stop(100%, rgba(133, 168, 20, 1))); background: -webkit-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -o-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -ms-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: linear-gradient(to bottom, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a814', endColorstr='#85a814', GradientType=0 );}

/*.modal-header { background:#9dc228;}
.modal-footer {background:#e4f7a9; }*/
.modal-dialog { width:60%;}
.modal-title { text-align:center;color: #9dc228; font-size: 20px;}
.modal-header .close { border: 1px solid #ccc; color: #333; margin-top: -2px; opacity: 1; padding: 5px 10px; border-radius: 4px;}
.modal-header .close:hover { background:#ededed; border: 1px solid #adadad;}
@media only screen and (min-width: 769px) and (max-width: 980px) {
#main-slider .carousel .item {
height:400px;
}
#main-slider .carousel .slide-margin {
margin-top:305px;
}
#main-slider .carousel .carousel-content {
margin:0;
}
aside.sidrbar {
margin-top: 0;
}
#footer {
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.navbar-inverse .navbar-nav > li > a {
width: auto !important;
padding: 12px 16px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 768px) {
#main-slider .carousel .item {
height:300px;
}
#main-slider .carousel .slide-margin {
margin-top:227px;
}
#main-slider .carousel .carousel-content {
margin:0;
}
aside.sidrbar {
margin-top: 0;
}
#footer {
text-align: center;
}
 .navbar-header {
float:none;
text-align: center;
}
.navbar-toggle {
background-color: #9dc228;
margin-top: 0!important;
}
.navbar-toggle .icon-bar {
background:#fff;
}
.navbar-inverse .navbar-nav .dropdown-menu {
margin-top:0;
}
.navbar-inverse .navbar-nav > li > a {
border-bottom: 1px solid #5d8200;
}
.navbar-brand {
float:none;
}
.navbar-inverse {
position: absolute;
top: 84px;
width: 100%;
background: none repeat scroll 0 0 transparent;
}
.navbar-inverse .navbar-nav > li > a {
background: rgba(158, 194, 40, 1);
background: -moz-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158, 194, 40, 1)), color-stop(50%, rgba(134, 168, 20, 1)), color-stop(100%, rgba(158, 194, 40, 1)));
background: -webkit-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: -o-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: -ms-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: linear-gradient(to bottom, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec228', endColorstr='#9ec228', GradientType=0 );
}
header#header {
position: relative;
z-index: 99;
}
.ggilogo {
text-align: center;
}
.ggilogo img {
max-width: 50%;
}
.dropdown-menu .dropdown .dropdown-menu {
position:relative;
left:0;
display: block !important;
}
 #middle h2::after, #project h2::after {
left: 33%;
}
.modal-dialog { width:90%;}
.careers-form label { width:100%; float:left;text-align:left;padding-right: 0%;margin: 0;}
.careers-form input, .careers-form select, .careers-form textarea { width:100%; float:left;}
.application-popup .careers-form h3 {padding-top: 20px; margin:0;}
#banner .page-header {top: 42%;}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
#middle h2::after, #project h2::after {
left: 40%;
}
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
#main-slider .carousel .item {
height:200px;
}
#main-slider .carousel .slide-margin {
margin-top:127px;
}
#main-slider .carousel .carousel-content {
margin:0;
}
aside.sidrbar {
margin-top: 0;
}
#footer {
font-size:11px;
text-align: center;
}
#main-slider .carousel h1 {
font-size: 30px;
}
h1 {
font-size: 25px;
}
 .navbar-header {
float:none;
text-align: center;
}
.navbar-toggle {
background-color: #9dc228;
margin-top: 0!important;
}
.navbar-toggle .icon-bar {
background:#fff;
}
.navbar-inverse .navbar-nav .dropdown-menu {
margin-top:0;
}
.navbar-inverse .navbar-nav > li > a {
border-bottom: 1px solid #5d8200;
}
.navbar-brand {
float:none;
}
.navbar-inverse {
position: absolute;
top: 84px;
width: 100%;
background: none repeat scroll 0 0 transparent;
}
.navbar-inverse .navbar-nav > li > a {
background: rgba(158, 194, 40, 1);
background: -moz-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158, 194, 40, 1)), color-stop(50%, rgba(134, 168, 20, 1)), color-stop(100%, rgba(158, 194, 40, 1)));
background: -webkit-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: -o-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: -ms-linear-gradient(top, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
background: linear-gradient(to bottom, rgba(158, 194, 40, 1) 0%, rgba(134, 168, 20, 1) 50%, rgba(158, 194, 40, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec228', endColorstr='#9ec228', GradientType=0 );
}
header#header {
position: relative;
z-index: 99;
}
.ggilogo {
text-align: center;
}
.ggilogo img {
max-width: 50%;
}
.dropdown-menu .dropdown .dropdown-menu {
position:relative;
left:0;
display: block !important;
}
#middle h2::after, #project h2::after {
left:24%;
}
.navbar-brand img {
 float: left;
 height: auto;
 max-width: 70%;
}
.navbar-header {
padding: 20px 0 0;
}
.modal-dialog { width:90%;}
.careers-form label { width:100%; float:left; text-align:left;padding-right: 0%;margin: 0;}
.careers-form input, .careers-form select, .careers-form textarea { width:100%; float:left;}
.application-popup .careers-form h3 {padding-top: 20px; margin:0;}
#banner .page-header {top: 35%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#banner iframe {
height:400px!important;
}
}
 @media only screen and (min-width: 600px) and (max-width: 767px) {
#banner iframe {
height:300px!important;
}
}
 @media only screen and (min-width: 480px) and (max-width: 599px) {
#banner iframe {
height:250px!important;
}
}
 @media only screen and (min-width: 300px) and (max-width: 479px) {
#banner iframe {
height:200px!important;
}
.pull-left {
width:100%;
text-align: center;
margin:0 0 30px !important;
}
.post_reply_comments {
padding:10px!important;
}
.post_reply_comments::before {
display:none;
}
.navbar-header {
 width: 100%;
}
.navbar-brand {
width: 100%;
float: left;
}
.navbar-brand img {
display: inline-block !important;
float: none;
max-width: 100%;
}
.ggilogo {
text-align: center;
}
.post_comments img {
margin-top: 10px;
}
}
/* Menu */
/*
.navbar-inverse { background:none; border:none;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background: rgba(133, 168, 20, 1); background: -moz-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 168, 20, 1)), color-stop(50%, rgba(158, 194, 40, 1)), color-stop(100%, rgba(133, 168, 20, 1))); background: -webkit-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -o-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -ms-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: linear-gradient(to bottom, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a814', endColorstr='#85a814', GradientType=0 );
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background: rgba(133, 168, 20, 1); background: -moz-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133, 168, 20, 1)), color-stop(50%, rgba(158, 194, 40, 1)), color-stop(100%, rgba(133, 168, 20, 1))); background: -webkit-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -o-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: -ms-linear-gradient(top, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); background: linear-gradient(to bottom, rgba(133, 168, 20, 1) 0%, rgba(158, 194, 40, 1) 50%, rgba(133, 168, 20, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a814', endColorstr='#85a814', GradientType=0 );
}
.navbar-inverse .navbar-nav > li > a { color:#fff;}
.dropdown-menu {background: #9dc228 ; border: none;border-radius: none; box-shadow: none;padding: 0px 0;}
.dropdown-menu > li > a { color:#fff; padding: 8px 20px; text-align: left;}
*/