/*!
 * GAS LAB STYLE
 * Author: Unikove
 * Version: 1
 */

/*!
 * ENGLISH HELPER THEME(V1)
 */

.gsmodal-dialog,
.gsmodal:before {
    display: inline-block;
    vertical-align: middle
}

.innerbanner .innerbanner-info h1,
.innerbanner .innerbanner-info h2 {
    font-weight: 600;
    font-size: 125%;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .35);
    text-transform: uppercase;
    letter-spacing: 2px
}

.bannerwrap h2,
.innerbanner .innerbanner-info h2,
footer .sociallinks h2 {
    letter-spacing: 2px;
    text-transform: uppercase
}

.adjustedhigh {
    overflow: auto;
    max-height: calc(100vh - 100px);
    max-height: -webkit-calc(100vh - 100px)
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body,
button,
input,
select,
textarea {
    font-family: avenirltstd45book;
    font-size: 16px
}

button,
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0 !important;
    box-shadow: none !important
}

input[type=checkbox] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important
}

input[type=radio] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    appearance: radio !important
}

select {
    background-image: url(../images/selectarrow-white.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important
}

select.inverse {
    background-image: url(../images/selectarrow-black.png) !important
}

.bioclickPage,
[role=button] {
    cursor: pointer
}

li {
    list-style: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.inrstyle {
    font-weight: inherit
}

.gsfrom-label,
.gsmodal-title {
    font-weight: 700;
    color: #0b1f5c
}

.gstable>tbody>tr>td img,
.gstable>tbody>tr>th img,
.gstable>tfoot>tr>td img,
.gstable>tfoot>tr>th img,
.gstable>thead>tr>td img,
.gstable>thead>tr>th img,
.img-center,
.oursolutions .solutionbox .solutionbox-img img,
.ourteams.wecare .carbanwrap li .carbanlist img {
    margin: 0 auto
}

.gsmodal {
    text-align: center;
    padding: 0 !important
}

.gsmodal:before {
    content: '';
    height: 100%;
    margin-right: -4px
}

.gsmodal-dialog {
    text-align: left;
    width: 90%
}

.gsmodal-content {
    border: none;
    border-radius: 0
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .65
}

.gsmodal-close,
.gsmodal-header .close {
    width: 18px;
    height: 18px;
    opacity: .55;
    margin-top: 0
}

.gsmodal-header {
    color: #0b1f5c;
    padding: 15px 15px 10px;
    font-size: 125%;
    border-bottom: none
}

.gsmodal-header .close {
    position: relative;
    right: 0;
    top: 0
}

.gsmodal-close:hover,
.gsmodal-header .close:hover {
    opacity: .4
}

.gsmodal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.formeffect .form-group,
.gsmodal-body,
.n2o .ourapplications .techlist,
.ourapplications .techlist li a p,
.ourteams.wecare .carbanwrap li .carbanlist,
.querywrap .querywrapbody,
header .gsnavbar li,
header .gsnavbar li a.active,
header .gsnavbar li:hover ul li a.active {
    position: relative
}

.gsmodal-title {
    margin: 0
}

.gsmodal-body {
    padding: 10px 15px
}

.gsmodal-footer {
    padding: 20px;
    text-align: center;
    border: none
}

.gsmodal-footer .btn {
    min-width: 100px
}

.gsmodal-footer .btn+.btn {
    margin-left: 10px;
    margin-bottom: 0
}

.gsmodal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.gsmodal-footer .btn-block+.btn-block {
    margin-left: 0
}

.gsfrom-label {
    font-size: 87.5%;
    text-transform: uppercase;
    line-height: 14px
}

.gsfrom-feild {
    font-size: 16px;
    height: 36px;
    background: 0 0;
    border: none;
    font-weight: 500;
    border-bottom: 2px solid #60b7e4;
    color: #0b1f5c
}

.gsfrom-feild::-moz-placeholder {
    color: #222;
    opacity: 1;
    font-weight: 300;
    letter-spacing: 1px
}

.gsfrom-feild:-ms-input-placeholder {
    color: #222;
    font-weight: 300;
    letter-spacing: 1px
}

.gsfrom-feild::-webkit-input-placeholder {
    color: #222;
    font-weight: 300;
    letter-spacing: 1px
}

.bannerwrap h2,
footer .footernav h2,
footer .sociallinks h2 {
    font-weight: 700;
    font-size: 100%
}

p.gsfrom-feild {
    min-height: 36px;
    height: auto
}

.errormessage {
    font-size: 75%;
    color: red;
    display: block;
    padding: 0 5px;
    text-align: right
}

.formeffect .form-group .gsfrom-label {
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 12px;
    transition: .2s
}

.formeffect .form-group .form-control:focus~.gsfrom-label,
.formeffect .form-group .form-control:not(:focus):valid~.gsfrom-label {
    top: -12px;
    left: 0;
    font-size: 75%;
    color: #9a9a9a
}

.formeffect .form-group .form-control:not(:focus):valid~.form-show,
.formeffect .form-group .gsfrom-feild:focus~.form-show {
    display: block
}

.gsbtn {
    font-weight: 500;
    font-size: 16px;
    border-radius: 0;
    text-transform: uppercase;
    text-shadow: none !important;
    box-shadow: none !important
}

.gsbtn:hover {
    text-decoration: none;
    opacity: .85;
    color: #fff
}

.gsbtn-default,
.gsbtn-default:active,
.gsbtn-default:focus,
.gsbtn-default:hover {
    color: #0056a3;
    background: #fff
}

.gsbtn:active,
.gsbtn:focus {
    outline: 0;
    box-shadow: none
}

.gsbtn-default {
    border-color: #fff
}

.gsbtn-primary {
    color: #a3c13d;
    background: #0b1f5c;
    border-color: #0b1f5c
}

.gsbtn-primary:active,
.gsbtn-primary:focus,
.gsbtn-primary:hover {
    background: #0b1f5c !important;
    color: #a3c13d !important
}

.gsbtn-outline,
.gsbtn-outline:active {
    background: 0 0 !important
}

.gsbtn-lg {
    font-size: 18px
}

.gsbtn-sm,
.gsbtn-xs {
    font-size: 12px
}

.gsbtn-xs {
    padding-top: 2px;
    padding-bottom: 2px
}

.gstable {
    font-size: 87.5%
}

.gsbtn-outline {
    border-color: #777;
    color: #777
}

.gsbtn-outline:focus,
.gsbtn-outline:hover {
    color: #777;
    background: 0 0 !important
}

.gsbtn-outline-default {
    color: #fff;
    border-color: #fff
}

.gsbtn-outline-default:focus,
.gsbtn-outline-default:hover {
    color: #a3c13d
}

.gsbtn-outline-primary {
    color: #0b1f5c;
    border-color: #0b1f5c
}

.gsbtn-outline-primary:focus,
.gsbtn-outline-primary:hover {
    color: #0b1f5c !important
}

.gsbtn-outline-success {
    color: #a3c13d;
    border-color: #a3c13d
}

.gsbtn-outline-success:focus,
.gsbtn-outline-success:hover {
    color: #a3c13d !important;
    border-color: #a3c13d !important
}

.formmain,
.gstablewrap {
    padding: 15px 0
}

.gstablewrap.table-responsive {
    border: none
}

.gstable {
    font-weight: 500;
    color: #6d6e71;
    margin-bottom: 0
}

.gstable>tbody>tr>td,
.gstable>tbody>tr>th,
.gstable>tfoot>tr>td,
.gstable>tfoot>tr>th,
.gstable>thead>tr>td,
.gstable>thead>tr>th {
    border-color: transparent;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 22px
}

.gstable>thead>tr>th {
    vertical-align: bottom;
    text-transform: uppercase;
    color: #60b7e4;
    border-width: 1px;
    border-color: #0b1f5c;
    padding-top: 2px;
    padding-bottom: 2px
}

.gstable>tbody {
    border-bottom: 1px solid #0b1f5c
}

.gstable>caption+thead>tr:first-child>td,
.gstable>caption+thead>tr:first-child>th,
.gstable>colgroup+thead>tr:first-child>td,
.gstable>colgroup+thead>tr:first-child>th,
.gstable>thead:first-child>tr:first-child>td,
.gstable>thead:first-child>tr:first-child>th {
    border-top: 0
}

.gstable>tbody+tbody {
    border-width: 1px;
    border-color: #0b1f5c
}

.gstable .noresult {
    margin: 10px 0;
    text-align: center;
    opacity: .85;
    color: #999
}

@font-face {
    font-family: avenirltstd-heavy;
    src: url("../font/avenirltstd-heavy-webfont.woff2") format("woff2"), url("../font/avenirltstd-heavy-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: avenirltstd45book;
    src: url("../font/AvenirLTStd-Book.eot");
    src: url("../font/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("../font/AvenirLTStd-Book.woff2") format("woff2"), url("../font/AvenirLTStd-Book.woff") format("woff"), url("../font/AvenirLTStd-Book.svg#AvenirLTStd-Book") format("svg");
    font-weight: 350;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

:focus {
    outline: 0
}

a:hover {
    background-color: inherit;
    color: inherit
}

header {
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2)
}

header .gsnavbar {
    border: 0
}

.formmain .formdetails li img,
header .gsnavbar .navbar-nav {
    float: none
}

header .gsnavbar li {
    padding-left: 15px;
    padding-right: 15px
}

header .gsnavbar li ul {
    display: none;
    position: relative;
    padding: 0 0 15px;
    background: #e4e4e4;
    width: 100%
}

header .gsnavbar li ul li a {
    text-align: left;
    display: block;
    line-height: 50px;
    text-decoration: none;
    border-bottom: 1px solid #b2b2b2
}

header .gsnavbar li ul li a:after,
header .gsnavbar li ul li a:before {
    width: 0;
    background: #fff;
    height: 4px;
    content: '';
    position: absolute;
    transition: .2s
}

header .gsnavbar li a {
    line-height: 40px;
    display: block;
    color: #055297;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    font-family: avenirltstd-heavy
}

header .gsnavbar li a:after,
header .gsnavbar li a:before {
    width: 0;
    background: #fff;
    height: 5px;
    content: '';
    position: absolute;
    transition: .2s
}

header .gsnavbar li a:before {
    top: 0;
    left: 0;
    display: none
}

header .gsnavbar li a:after {
    bottom: 0;
    right: 0
}

header .gsnavbar li a.active:after,
header .gsnavbar li a.active:before {
    width: 50px;
    background: #92bbd8;
    height: 5px;
    content: '';
    position: absolute;
    transition: .2s;
    left: 50%;
    transform: translateX(-50%)
}

header .gsnavbar li a.active:after {
    width: 50px
}

header .gsnavbar li:hover a,
header .gsnavbar li:hover ul li a:hover {
    background: 0 0
}

header .gsnavbar li:hover a:after,
header .gsnavbar li:hover a:before {
    width: 50px;
    background: #9ebace;
    height: 16px;
    content: '';
    position: absolute;
    transition: .2s;
    left: 50%;
    transform: translateX(-50%)
}

header .gsnavbar li:hover a:before {
    top: 0
}

header .gsnavbar li:hover a:after,
header .gsnavbar li:hover ul li a:hover:after {
    bottom: 0;
    height: 5px
}

.desktopheader,
footer#footer,
header .gsnavbar li:hover .application_list,
header .gsnavbar li:hover ul {
    display: block
}

header .gsnavbar li:hover li a.borderNone:after,
header .gsnavbar li:hover li a.borderNone:before,
header .gsnavbar li:hover ul li a:after,
header .gsnavbar li:hover ul li a:before {
    width: 0;
    height: 6px;
    left: 0
}

header .gsnavbar li:hover ul li a:hover:after,
header .gsnavbar li:hover ul li a:hover:before {
    width: 30px;
    background: #9ebace;
    height: 6px;
    content: '';
    position: absolute;
    transition: .2s;
    transform: translateX(0);
    display: block
}

header .gsnavbar li:hover ul li a:hover:before {
    top: 0;
    display: none
}

header .gsnavbar li:hover ul li a.active:before {
    display: none
}

header .gsnavbar li:hover ul li a.active:after {
    background: #92bbd8;
    height: 4px;
    content: '';
    position: absolute;
    transition: .2s;
    width: 30px
}

header .gsnavbar.navbar {
    margin-bottom: 0
}

header .navbar-toggle {
    background: url(../images/menu.png) no-repeat;
    float: left;
    margin: 10px 4px;
    width: 31px;
    height: 20px
}

header .ssgas-navbar-brand {
    width: 180px;
    padding: 3px 15px
}

header .ssgas-navbar-brand img {
    width: 80%
}

header .ssgas-navbar-brand h1 {
    margin: 0;
    font-size: 0
}

header .gsnavbar li .application_list .innerlist h4.greentext,
header .gsnavbar li ul li a.greentext {
    color: #5fb248
}

.labdifferentiator.boilab,
header .gsnavbar li ul li a.greentext:hover:after,
header .gsnavbar li ul li a.greentext:hover:before {
    background: #5fb248
}

header .gsnavbar li ul li a.greentext.active:after,
header .gsnavbar li ul li a.greentext.active:before {
    background: #5fb248;
    left: 50%;
    transform: translateX(-50%)
}

header .gsnavbar li .application_list .innerlist h4.yellowtext,
header .gsnavbar li ul li a.yellowtext {
    color: #d2b202
}

.labdifferentiator.n2oplants,
header .gsnavbar li ul li a.yellowtext.active:after,
header .gsnavbar li ul li a.yellowtext.active:before,
header .gsnavbar li ul li a.yellowtext:hover:after,
header .gsnavbar li ul li a.yellowtext:hover:before {
    background: #d2b202
}

header .gsnavbar li ul li:last-child a {
    border-bottom: 0
}

header .gsnavbar li .application_list {
    position: relative;
    left: 0;
    top: auto;
    background: rgba(238, 234, 231, .9);
    width: 100%;
    display: none
}

header .gsnavbar li .application_list .innerlist {
    float: left;
    padding-right: 50px;
    width: 100%
}

header .gsnavbar li .application_list .innerlist h4 {
    font-size: 100%;
    border-bottom: 1px solid #b2b2b2;
    display: inline-block;
    color: #2c7eba;
    margin-left: 15px;
    padding: 15px 0 2px;
    font-weight: 700
}

header .gsnavbar li .application_list .innerlist ul {
    background: 0 0;
    float: left;
    position: relative
}

header .gsnavbar li .application_list .innerlist ul li a {
    text-align: left;
    font-size: 75%;
    border-bottom: 0;
    line-height: 40px
}

header .gsnavbar li .application_list .innerlist ul li.carbanlist a {
    line-height: 16px;
    padding-bottom: 6px
}

header .gsnavbar li:hover:after,
header .gsnavbar li:hover:before {
    left: 1px
}

header .gsnavbar li .application_list .innerlist.innerlistleft {
    width: 100%;
    padding-right: 0
}

header .gsnavbar li .application_list .innerlist.innerlistleft ul {
    padding-top: 20px
}

header .gsnavbar li .application_list .innerlist.innerlistleft ul li {
    display: block;
    width: auto;
    text-align: left;
    margin-bottom: 6px
}

header .gsnavbar li .application_list .innerlist.innerlistleft ul li a {
    line-height: 20px
}

header .gsnavbar li .application_list .innerlist.innerlistleft ul li.active a:after {
    left: 15px
}

@media (min-width:992px) {
    .mainwrap {
        padding-top: 62px
    }
}

.mainwrap.forguest {
    padding-top: 76px
}

.contentwrap,
.labsystem {
    padding: 30px 0
}

.contentwrap .contentheading {
    font-weight: 700;
    font-size: 131.3%;
    color: #0b1f5c;
    margin: 0
}

.contentwrap .contentheading span {
    display: inline-block;
    vertical-align: baseline;
    color: #60b7e4;
    position: relative;
    padding: 4px 0
}

.contentwrap .contentheading span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75%;
    height: 3px;
    background: #60b7e4;
    display: block
}

footer {
    background: url(../images/footerbg.jpg) 0 0/cover;
    color: #ddd;
    padding: 20px 0 0;
    letter-spacing: 1px;
    display: none
}

footer .footernav,
footer .sociallinks {
    padding-bottom: 0
}

footer .sociallinks h2 {
    color: #a3c13d;
    margin: 0
}

footer .sociallinks ul {
    padding: 15px 0;
    margin: 0
}

footer .sociallinks ul li {
    display: inline-block;
    padding: 0 14px;
    list-style: none
}

footer .sociallinks ul li a {
    font-size: 0;
    text-align: center;
    display: block;
    border-radius: 50%
}

footer .sociallinks ul li a:hover {
    opacity: .85
}

footer .footernav h2 {
    text-transform: uppercase;
    color: #60b7e4;
    margin-bottom: 5px;
    margin-top: 20px
}

footer .footernav h2 a {
    color: inherit;
    margin-bottom: 10px;
    display: inline-block
}

footer .footernav h2 a:focus,
footer .footernav h2 a:hover {
    color: #a3c13d;
    text-decoration: none
}

.bannerwrap .solutionwrap,
.labplant .lab-galery,
.labsystem ul,
.privacypolicy .tab-content,
.teachnologyPatner ul,
footer .footernav ul {
    padding: 0
}

footer .footernav ul li {
    padding: 3px 10px;
    list-style: none;
    display: inline-block
}

footer .footernav ul li a {
    text-transform: uppercase;
    color: #d1d3d4;
    font-weight: 400;
    font-size: 75%
}

footer .footernav ul li a.active,
footer .footernav ul li a:focus,
footer .footernav ul li a:hover {
    color: #89c340;
    text-decoration: none
}

footer .footernav .queryForm {
    display: inline-block;
    padding-bottom: 15px;
    width: 100%
}

footer .footernav .queryForm h2 {
    color: #fff;
    font-size: 100%;
    text-transform: none;
    font-weight: 400;
    margin-top: 0
}

footer .footernav .queryForm .form_left {
    float: left;
    width: 100%;
    padding-right: 0
}

footer .footernav .queryForm .form_right {
    float: left;
    width: 100%;
    padding-left: 0
}

footer .footernav .queryForm .form_right textarea {
    min-height: 83px
}

footer .footernav .queryForm .form_right .gsbtn {
    background: #89c340;
    border: none;
    color: #fff;
    font-size: 87.5%;
    font-weight: 400;
    min-width: 95px;
    height: 30px
}

footer .footernav .queryForm .form-control {
    background: #d1d3d4;
    color: #111
}

footer .footernav .queryForm form {
    position: relative;
    display: inline-block;
    width: 100%
}

footer .footernav .queryForm form .changeMsg {
    position: absolute;
    right: 0;
    bottom: -22px;
    font-size: 12px;
    color: #89c340
}

footer p {
    font-weight: 300;
    font-size: 81.3%;
    color: #777;
    padding: 28px 0;
    line-height: 14px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    border-top: 1px solid rgba(119, 119, 119, .3);
    letter-spacing: 0;
    margin: 0
}

.copyright {
    font-size: 65%;
    color: #d1d3d4;
    display: block;
    text-align: center
}

@media only screen and (max-width:1000px) and (min-width:768px) {
    header .gsnavbar li a {
        font-size: 14px
    }
    header .gsnavbar li {
        padding-left: 6px;
        padding-right: 6px
    }
    .slick-dots {
        display: none !important
    }
}

.sprite {
    background: url(../images/sprite.png) no-repeat;
    display: block
}

.logo {
    background-position: 0 0;
    width: 278px;
    height: 80px
}

.fb-icon {
    background-position: -334px -1px;
    width: 15px;
    height: 33px
}

.twitter-icon {
    background-position: -367px -1px;
    width: 29px;
    height: 33px
}

.linkdin-icon {
    background-position: -415px -1px;
    width: 33px;
    height: 33px
}

.icon-co2_01,
.icon-co2_02,
.icon-co2_03,
.icon-co2_04,
.iconN20_01,
.iconN20_02,
.iconN20_03,
.iconN20_04,
.iconbio_01,
.iconbio_02,
.iconbio_03,
.iconbio_04 {
    width: 100px;
    height: 100px
}

.icon-co2_01 {
    background-position: 0 -85px
}

.icon-co2_02 {
    background-position: -100px -85px
}

.icon-co2_03 {
    background-position: -200px -85px
}

.icon-co2_04 {
    background-position: -300px -85px
}

.iconbio_01 {
    background-position: 0 -185px
}

.iconbio_02 {
    background-position: -100px -185px
}

.iconbio_03 {
    background-position: -200px -185px
}

.iconbio_04 {
    background-position: -300px -185px
}

.iconN20_01 {
    background-position: 0 -285px
}

.iconN20_02 {
    background-position: -100px -285px
}

.iconN20_03 {
    background-position: -200px -285px
}

.iconN20_04 {
    background-position: -300px -285px
}

.mainwrap {
    padding-top: 50px
}

.bannerwrap.biobanner {
    background: url(../images/banner_biobanner.jpg) 0 0/cover no-repeat
}

.bannerwrap.n20banner {
    background: url(../images/banner_n2obanner.jpg) 0 0/cover no-repeat
}

.bannerwrap {
    background: url(../images/banner.jpg) 0 0/cover no-repeat;
    height: auto;
    text-align: center;
    position: relative;
    padding-bottom: 25px
}

.bannerwrap h2,
.herotabs {
    padding: 0;
    position: relative
}

.bannerwrap:after {
    content: '';
    z-index: 0;
    height: 250px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .23) 21%, rgba(0, 0, 0, .24) 22%, rgba(0, 0, 0, .85) 100%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .23) 21%, rgba(0, 0, 0, .24) 22%, rgba(0, 0, 0, .85) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .23) 21%, rgba(0, 0, 0, .24) 22%, rgba(0, 0, 0, .85) 100%)
}

.afterbottom:after,
.herotabs li.active a:after {
    left: 50%;
    content: '';
    transform: translateX(-50%)
}

.bannerwrap h2 {
    color: #fff;
    z-index: 1;
    height: 80px
}

.bannerwrap .solutionwrap li {
    padding: 11px;
    display: inline-block
}

.bannerwrap .solutionwrap li .solutionlist {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #203461;
    text-align: center;
    overflow: hidden;
    line-height: 40px
}

.bannerwrap .solutionwrap li .solutionlist img {
    margin: 3px auto;
    display: inline-block
}

.bannerwrap .solutionwrap.biogasrow .solutionlist {
    background: #e1c10f
}

.bannerwrap .solutionwrap.n2orow .solutionlist {
    background: #89c340;
    position: relative
}

.bannerwrap .tab-content {
    margin-top: 76px
}

.herotabs {
    z-index: 2
}

.herotabs li {
    display: inline-block;
    padding: 0 40px
}

.herotabs li a {
    color: #9b9ca2;
    text-transform: uppercase;
    font-size: 112.5%;
    position: relative;
    text-decoration: none;
    font-family: avenirltstd-heavy
}

@media (min-width:320px) and (max-width:480px) {
    .bannerwrap .solutionwrap li .solutionlist img {
        margin: 0 auto;
        width: 28px;
        height: 28px
    }
    .bannerwrap .tab-content {
        margin-top: 20px
    }
    .herotabs li {
        padding: 0 20px
    }
    .herotabs li a {
        font-size: 93.5%
    }
}

.herotabs li.active a {
    color: #a8d3f2
}

.herotabs li.active a:after {
    position: absolute;
    bottom: -12px;
    height: 6px;
    width: 80%;
    background: #a8d3f2
}

.practicalwrap {
    text-align: center;
    padding: 10px 0 30px
}

.practicalwrap h2 {
    font-size: 100%;
    color: #2b8941;
    font-weight: 400;
    padding-bottom: 20px
}

.practicalwrap p {
    color: #231f20;
    font-size: 87.5%;
    line-height: 24px;
    width: 85%;
    margin: 0 auto
}

.aboutsrow .aboutsrow-text p.green-text,
.practicalwrap p strong {
    color: #2b8941
}

.practicalwrap a {
    color: #95cb63;
    font-size: 20px;
    padding-top: 20px;
    display: inline-block
}

.practicalwrap a:hover {
    text-decoration: none
}

.featured {
    background: url(../images/featuredbanner.png) no-repeat;
    position: relative;
    background-size: cover
}

.featured:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #0e162a 0, rgba(14, 22, 42, .4) 79%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, #0e162a 0, rgba(14, 22, 42, .4) 79%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #0e162a 0, rgba(14, 22, 42, .4) 79%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    content: '';
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0
}

.featured .featuredanimate {
    position: relative;
    z-index: 3
}

.featured .featuredanimate h2 {
    font-size: 100%;
    color: #fff;
    font-weight: 700
}

.featured .featuredanimate .featureddetails {
    width: 100%;
    float: right;
    margin-top: 200px;
    overflow: hidden
}

.featured .featuredanimate .featureddetails a {
    color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 93.8%
}

.featured .featuredanimate .featureddetails .featuredlist {
    padding: 20px;
    background: #2a7fba;
    text-align: center
}

.featured .featuredanimate .featureddetails .featuredlist p {
    color: #fff;
    font-size: 93.8%;
    line-height: 20px
}

.featured .featuredanimate .featureddetails .featuredlist.featuredyellow {
    background: #e2c20f;
    float: right
}

.featured .featuredanimate .featureddetails .featuredlist.featuredgreen {
    background: #89c340;
    float: right
}

.clientwrap h2 {
    text-align: center;
    color: #0d3e8a;
    margin: 20px 0;
    font-size: 100%;
    font-weight: 700
}

.clientwrap .sliderwrap {
    overflow: hidden
}

.clientwrap .sliderwrap .sliderarea {
    position: relative;
    overflow: hidden;
    padding: 0 26px
}

.clientwrap .sliderwrap .sliderarea .itemslider {
    display: inline-block;
    padding: 0 3px
}

.clientwrap .sliderwrap .sliderarea .itemslider .clientlogo {
    position: relative;
    padding: 5px 10px;
    text-align: center;
    margin: 10px 0;
    display: inline-block
}

.clientwrap .sliderwrap .sliderarea .itemslider .clientlogo p {
    opacity: 0;
    background: #000;
    position: absolute;
    font-size: 75%;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    top: 0;
    left: 0;
    height: 100%;
    transition: .5s;
    line-height: 13px
}

.clientwrap .sliderwrap .sliderarea .itemslider .clientlogo:hover p {
    opacity: 1;
    z-index: 2;
    background: rgba(153, 205, 106, .9)
}

.afterbottom {
    font-size: 187.5%;
    position: relative
}

.afterbottom:after {
    width: 20px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    background: #84c25e
}

.brochurewrap {
    background: #1c3160;
    padding: 20px
}

.brochurewrap form {
    height: 40px;
    position: relative
}

.brochurewrap form input {
    border: 0;
    height: 100%;
    text-indent: 10px;
    float: left;
    width: 57%;
    color: #2c2c2c
}

.brochurewrap form .gsbtn {
    float: left;
    width: 43%;
    background: #0f1b36;
    color: #fff;
    text-transform: uppercase;
    height: 100%;
    border: 0;
    font-size: 75%
}

.brochurewrap form .changeMsgBro {
    position: absolute;
    right: 0;
    bottom: -22px;
    color: #89c340;
    font-size: 12px
}

.querywrap {
    background: #0e162a;
    margin-top: 0
}

.querywrap .querywrapbody .querywrapleft {
    padding: 0;
    position: relative
}

.querywrap .querywrapbody .querywrapleft:before {
    content: '';
    position: absolute;
    left: auto;
    width: 100%;
    height: 150px;
    z-index: 1;
    display: none;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, .03) 39%, rgba(14, 22, 42, .88) 81%, #0e162a 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .03) 39%, rgba(14, 22, 42, .88) 81%, #0e162a 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .03) 39%, rgba(14, 22, 42, .88) 81%, #0e162a 100%)
}

.labplant .lab-galery li.img01,
.labplant .lab-galery li.img02,
.labplant .lab-galery li.img03,
.labplant .lab-galery li.img04,
.plantswrap li .plants-image img,
.querywrap .querywrapbody .querywrapleft img,
.teachnologyPatner img,
.teamsliderwrap .teamslider .chairmanItem .chairman span img,
.teamsliderwrap .teamslider .teamiteams span img {
    width: 100%
}

.querywrap .querywrapbody .querywrapright {
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .03) 39%, rgba(14, 22, 42, .88) 81%, #0e162a 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .03) 39%, rgba(14, 22, 42, .88) 81%, #0e162a 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .03) 39%, rgba(14, 22, 42, .88) 81%, #0e162a 100%)
}

.querywrap .querywrapbody .querywrapright .querywrapright-content {
    color: #fff;
    text-align: center;
    max-width: 100%;
    float: right;
    margin: 0 15px
}

.querywrap .querywrapbody .querywrapright .querywrapright-content h2 {
    padding-bottom: 0;
    font-family: avenirltstd-heavy;
    font-size: 100%;
    position: relative
}

.querywrap .querywrapbody .querywrapright .querywrapright-content h2:after {
    content: '';
    width: 20px;
    height: 4px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #84c25e;
    bottom: -6px
}

.querywrap .querywrapbody .querywrapright .querywrapright-content p {
    font-size: 87.5%;
    line-height: normal;
    margin-bottom: 0
}

.querywrap .querywrapbody .querywrapright .querywrapright-content p a {
    margin-top: 10px;
    display: inline-block;
    color: #89c340;
    margin-bottom: 10px
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: url(../images/sprite.png) no-repeat;
    width: 23px;
    height: 38px;
    font-size: 0;
    border: 0
}

.slick-prev {
    left: 0;
    padding: 0;
    background-position: -367px -89px;
    width: 12px
}

.slick-next {
    right: 0;
    width: 12px;
    background-position: -379px -89px;
    padding: 0
}

.slick-slide img {
    display: inline-block;
    max-width: 100%
}

.slidewrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.carouselslide,
.carouselslide .item,
.carouselslide .slick-track {
    height: 100%
}

.carouselslide .slick-list {
    height: 100%;
    overflow: hidden
}

.carouselslide .item:first-child {
    background: url(../images/banner.jpg) 0 0/cover no-repeat
}

.carouselslide .item:nth-child(2) {
    background: url(../images/banner02.jpg) 0 0/cover no-repeat
}

.fbslider {
    height: 100%;
    padding: 20px
}

.fbslider li {
    float: left;
    margin: 10px;
    height: 100%
}

.fbslider li iframe {
    width: 100%;
    height: 100%;
    display: block;
    min-height: 360px;
    border: 1px solid red
}

.fbslider li body.plugin,
.social-feed-container .ssgasiframe .body.plugin {
    background: red
}

.fbslider li body.plugin .pluginSkinLightdiv._5pcb,
.pluginSkinLight ._5pcb,
.social-feed-container .ssgasiframe .body.plugin div._2p3a {
    width: 100% !important
}

.privacypolicy {
    padding: 12px 0 30px
}

.privacypolicy .privacyPera {
    padding-top: 10px
}

.privacypolicy span {
    display: block;
    padding-left: 25px;
    color: #444;
    padding-top: 4px;
    font-weight: 700
}

.privacypolicy .title {
    font-family: avenirltstd-heavy;
    position: relative;
    font-size: 150%;
    color: #0d3e8a;
    padding-left: 15px;
    margin-bottom: 20px;
    display: inline-block
}

.privacypolicy .title:after {
    background: #84c25e;
    width: 35px;
    height: 4px;
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%)
}

.social-feed-container .ssgasiframe {
    width: 1100px;
    margin: 0 auto
}

.social-feed-container .ssgasiframe .body.plugin ._4-u2 {
    float: left;
    width: 450px
}

.tabingPrivacy {
    padding: 15px
}

.innerbanner.techbanner .innerbanner-info h2,
.innerbanner.techbanner .innerbanner-info img,
.tabingPrivacy li {
    display: inline-block
}

.tabingPrivacy li a {
    text-transform: uppercase;
    padding: 0 25px;
    color: #0d3e8a
}

.tabingPrivacy li.active a {
    font-weight: 600
}

img {
    -webkit-touch-callout: none
}

.innerbanner {
    height: 180px;
    position: relative
}

.innerbanner .innerbanner-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.innerbanner .innerbanner-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 15px
}

.innerbanner .innerbanner-info img {
    width: 80px;
    height: 80px
}

.innerbanner .innerbanner-info h2 {
    font-weight: 600;
    font-size: 125%;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .35)
}

.oursolutions {
    padding: 20px 0
}

.n2o .oursolutions .solutionbox .solutionbox-img img {
    width: 100%;
    height: 350px
}

.formmain .formarea form ul:last-child,
.oursolutions .solutionbox .solutionbox-img,
.teamsliderwrap .teamslider {
    text-align: center
}

.oursolutions .solutionbox .solutionbox-info {
    padding: 0 0 20px
}

.on_co2_section p,
.oursolutions .solutionbox .solutionbox-info .solutionbox-text {
    color: #fff
}

.ourapplications h2,
.plantswrap h2 {
    color: #0d3e8a;
    text-align: center;
    font-weight: 600;
    position: relative
}

.oursolutions .solutionbox .solutionbox-info .solutionbox-text h2 {
    background: rgba(42, 127, 185, .5);
    text-align: center;
    font-weight: 400;
    font-size: 150%;
    padding: 25px 10px;
    margin: -76px 0 0;
    position: relative;
    z-index: 1;
    font-family: avenirltstd-heavy
}

.oursolutions .solutionbox .solutionbox-info .solutionbox-text p {
    margin: 0;
    padding: 15px 30px 45px;
    font-weight: 200;
    background: #2a7fb9;
    font-size: 100%;
    font-family: avenirltstd45book
}

.oursolutions .solutionbox .solutionbox-info .morelink {
    display: block;
    color: #fff;
    font-family: avenirltstd-heavy;
    font-size: 75%;
    padding: 10px 0 8px;
    position: absolute;
    left: 0;
    bottom: 18px;
    text-align: center;
    width: 100%
}

.oursolutions .solutionbox .linkchangeNew {
    color: #fff;
    text-decoration: none
}

.oursolutions .solutionbox-info.bio-info .solutionbox-text h2 {
    background: rgba(73, 116, 39, .5)
}

.n2o .oursolutions .solutionbox-info.bio-info .solutionbox-text p {
    background: #d2b202;
    min-height: 170px;
    font-size: 125%;
    line-height: 1.42857143
}

.oursolutions .solutionbox-info.bio-info .solutionbox-text p {
    background: #5fb248;
    font-size: 112.5%;
    min-height: 240px;
    padding-bottom: 5px
}

.ourapplications h2 {
    font-size: 150%;
    margin: 0
}

.n2o .ourapplications,
.plantswrap.aboutsrow ul {
    padding-top: 30px
}

.labdifferentiator h2:after,
.ourapplications h2:after,
.ourteamswrap .ourteams-content h2:after,
.teamsliderwrap .teamslider h2:after {
    content: '';
    width: 40px;
    height: 4px;
    background: #84c25e;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -35px
}

.ourapplications .techlist {
    padding: 20px 0;
    display: inline-block;
    width: 100%
}

.ourapplications .techlist li {
    padding: 10px 0;
    text-align: center
}

.n2o .ourapplications .techlist .overlay {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 5px;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity .3s linear
}

.n2o .ourapplications .techlist li:hover .n2o .ourapplications .techlist .overlay {
    visibility: visible;
    opacity: 1
}

.ourapplications .techlist li a {
    color: #1e4587;
    font-size: 100%;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
    display: block
}

.labsystem ul li span img,
.ourapplications .techlist li a .applicationicon img {
    width: 60px
}

.ourapplications .techlist li a p:after {
    content: '';
    width: 20px;
    height: 2px;
    background: #617cab;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -10px
}

.labsystem ul li {
    text-align: center;
    padding-bottom: 10px
}

.labsystem ul li h2 {
    color: #454545;
    font-size: 120%;
    text-transform: uppercase
}

.labsystem ul li p {
    max-width: 80%;
    margin: 0 auto;
    min-height: 40px;
    color: #454545;
    font-size: 87.5%;
    padding-bottom: 10px
}

.plantswrap {
    background: #f0f0f0;
    padding: 20px 0
}

.plantswrap ul {
    display: inline-block;
    width: 100%;
    padding: 0
}

.plantswrap h2 {
    font-size: 150%;
    margin: 0 0 20px
}

.plantswrap h2:after,
.teachnologyPatner h3:after {
    content: '';
    width: 40px;
    height: 4px;
    background: #84c25e;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -20px
}

.plantswrap li {
    margin-bottom: 25px
}

.plantswrap .clienslide {
    width: 90%;
    margin: 0 auto
}

.labdifferentiator.boilab h2:after,
.labdifferentiator.n2oplants h2:after,
.plantswrap.bgwhieght {
    background: #fff
}

.labdifferentiator {
    background: #2a7fba;
    padding: 40px 0;
    margin-bottom: 20px;
    text-align: center
}

.labdifferentiator p {
    color: #fff;
    opacity: .7;
    font-size: 87.5%;
    padding-bottom: 15px
}

.labdifferentiator h2 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 120%;
    margin: 10px 0 25px;
    position: relative
}

.n2o .labdifferentiator h3 {
    text-align: left
}

.labdifferentiator h3 {
    color: #fff;
    font-family: avenirltstd-heavy;
    font-weight: 700;
    font-size: 225%
}

.labdifferentiator h3 img {
    vertical-align: middle;
    margin-right: 10px
}

.labdifferentiator h3 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 87.5%
}

.labdifferentiator ul {
    color: #fff;
    text-align: left;
    list-style-type: circle;
    padding: 20px 30px 0
}

.labdifferentiator ul li {
    list-style-type: disc;
    font-size: 87.5%;
    padding-bottom: 15px;
    font-family: avenirltstd45book;
    font-weight: 400
}

.backlink,
.contactBanner h2 span,
.formmain .title,
.industryBanner h2 span {
    font-family: avenirltstd-heavy
}

.mapbox {
    width: 100%;
    margin: 30px 0 -10px
}

.mapbox .iframe {
    width: 100%;
    padding: 0;
    margin: 0
}

header .gsnavbar li:hover .innerlist a.borderNone:after,
header .gsnavbar li:hover .innerlist a.borderNone:befoe {
    display: none
}

.hyperlink {
    margin-top: -30px
}

.hyperlink .carbanlist a.greentext.bioclickPage {
    font-size: 90%
}

.teachnologyPatner {
    background: #fff;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0
}

.teachnologyPatner h3 {
    color: #0d3e8a;
    text-align: center;
    font-weight: 600;
    font-size: 150%;
    margin: 0 0 15px;
    position: relative
}

.contactBanner h2:after,
.formmain .title:after {
    background: #84c25e;
    height: 4px;
    content: '';
    position: absolute
}

.industryBanner {
    background: url(../images/industry/tophead.png) 0 0/cover no-repeat;
    text-align: center
}

.industryBanner h2 img {
    width: 55px
}

.industryBanner h2 span {
    color: #fff;
    padding: 0 10px;
    font-size: 71.5%;
    line-height: 26px;
    display: inline-block
}

.labplant h2 {
    color: #2b8941;
    font-size: 100%;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
    padding: 20px 0
}

.labplant .lab-galery li {
    float: left;
    padding: 5px;
    text-align: center
}

.labplant .lab-galery li img {
    max-width: 100%
}

.labpoints {
    padding: 10px 0 50px
}

.labpoints ul {
    padding: 30px 0 0 40px
}

.labpoints ul li {
    list-style-type: disc;
    color: #454545;
    font-size: 87.5%
}

.backlink {
    color: #2a7fb9;
    font-size: 112.5%;
    text-decoration: none
}

.contactBanner {
    background: url(../images/banner/contact.jpg) 0 0/cover no-repeat;
    text-align: center;
    height: 78px;
    position: relative
}

.contactBanner h2 {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 250%;
    width: 100%
}

.contactBanner h2:after {
    width: 34px;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%)
}

.contactBanner h2 span {
    color: #fff;
    padding: 0 10px;
    font-size: 71.5%
}

.formmain .title {
    position: relative;
    font-size: 150%;
    color: #0d3e8a;
    padding-left: 15px;
    margin-bottom: 20px
}

.formmain .title:after {
    width: 35px;
    bottom: -5px;
    left: 15px
}

.formmain .formarea form ul {
    padding: 0;
    margin: 0
}

.formmain .formarea form ul li {
    padding-bottom: 15px
}

.formmain .formarea form ul li .selectcontary {
    display: inline-block;
    width: 65px;
    text-align: center;
    margin-right: 10px;
    position: relative;
    background: #e0dfdf
}

.formmain .formarea form ul li .selectcontary:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 2px solid #7ea4c7;
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 10px;
    z-index: 0;
    transform: translateY(-50%);
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg)
}

.formmain .formarea form ul li .selectcontary select {
    background: 0 0;
    height: 30px;
    font-size: 87.5%;
    width: 100%;
    padding: 0 5px;
    font-weight: 600;
    position: relative;
    border: 1px solid #d4d4d4;
    z-index: 1
}

.formmain .formarea form ul li input {
    background: #f6f5f5;
    border: 1px solid #d4d4d4;
    width: 100%;
    height: 30px;
    padding: 0 10px
}

.formmain .formarea form ul li textarea {
    background: #f6f5f5;
    border: 1px solid #d4d4d4;
    width: 100%;
    min-height: 240px;
    padding: 10px
}

.formmain .formarea form ul li button,
.formmain .formarea.formarea02 button {
    background: #0d3e8a;
    border: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 100%;
    min-width: 128px;
    height: 40px;
    font-weight: 500;
    font-family: avenirltstd45book
}

.formmain .formarea form ul li.fileattached input {
    background: 0 0;
    border: 0;
    padding-left: 0
}

.formmain .formarea form ul li.first-child input {
    width: calc(100% - 80px)
}

.formmain .formarea.formarea02 textarea {
    background: #f6f5f5;
    border: 1px solid #d4d4d4;
    width: 100%;
    min-height: 160px;
    padding: 10px
}

.formmain .formdetails {
    padding-left: 0;
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding-top: 30px
}

.formmain .formdetails li {
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-align: center
}

.formmain .formdetails li .querycontent {
    padding-left: 0;
    float: none;
    width: 100%
}

.formmain .formdetails li .querycontent h2 {
    margin: 5px 0 0;
    font-family: avenirltstd-heavy;
    font-size: 118%;
    color: #0d3e8a;
    text-transform: uppercase
}

.formmain .formdetails li .querycontent p {
    margin: 5px 0 0;
    color: #000;
    clear: both
}

.formmain .formdetails li .querycontent .salewrap {
    padding: 10px 0 0
}

.formmain .formdetails li .querycontent .salewrap p {
    font-size: 87.5%;
    text-align: left
}

.formmain .formdetails li .querycontent .salewrap p span {
    vertical-align: middle;
    display: inline-block
}

.formmain .formdetails li .querycontent .salewrap p span img {
    width: 35px
}

.formmain .formdetails li .querycontent .salewrap p small {
    display: inline-block;
    width: 80%;
    vertical-align: middle
}

.formmain.careerwrap .title {
    border-top: 1px solid #ddd;
    text-align: center;
    padding-top: 55px
}

.formmain.careerwrap .title:after {
    left: 50%;
    transform: translateX(-50%)
}

.formmain.careerwrap .formarea form ul li textarea {
    min-height: 100px
}

.dryslider {
    padding-bottom: 50px
}

.dryslider .clientwrap .sliderwrap .sliderarea .itemslider .clientlogo p {
    width: 100%;
    line-height: 130px
}

.selectcontary select {
    color: #b8b8b8;
    font-weight: 300
}

.mobileheader,
.selectcontary option[value=""][disabled],
header .gsnavbar li span p {
    display: none
}

.selectcontary option {
    color: #000
}

.aboutsrow .aboutsrow-text p {
    color: #231f20;
    font-size: 87.5%;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10px
}

.ourteamswrap {
    position: relative;
    margin-bottom: 60px
}

.ourteamswrap img {
    position: relative;
    top: 114px
}

.ourteamswrap .ourteams-content {
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 10px 0 18px;
    margin: 0;
    background: #11192c
}

.ourteamswrap .ourteams-content h2 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 100%;
    margin: 0 0 25px;
    position: relative
}

.ourteamswrap .ourteams-content p {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 87.5%
}

.ourteams.wecare {
    background: #f0f0f0;
    margin-top: 40px
}

.ourteams.wecare .carbanwrap {
    padding: 0 0 40px;
    margin-top: 150px;
    display: inline-block;
    width: 100%
}

.ourteams.wecare .carbanwrap li .carbanlist:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTE2MmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(14, 22, 42, 0) 0, rgba(14, 22, 42, 0) 30%, rgba(14, 22, 42, 0) 31%, rgba(14, 22, 42, .93) 85%, rgba(14, 22, 42, .95) 86%, #0e162a 100%);
    background: -webkit-linear-gradient(top, rgba(14, 22, 42, 0) 0, rgba(14, 22, 42, 0) 30%, rgba(14, 22, 42, 0) 31%, rgba(14, 22, 42, .93) 85%, rgba(14, 22, 42, .95) 86%, #0e162a 100%);
    background: linear-gradient(to bottom, rgba(14, 22, 42, 0) 0, rgba(14, 22, 42, 0) 30%, rgba(14, 22, 42, 0) 31%, rgba(14, 22, 42, .93) 85%, rgba(14, 22, 42, .95) 86%, #0e162a 100%);
    width: 100%;
    height: 180px;
    left: 0;
    bottom: 0;
    content: '';
    position: absolute
}

.ourteams.wecare .carbanwrap li .carbanlist h3 {
    position: absolute;
    bottom: 15px;
    font-size: 20px;
    color: #fff;
    z-index: 2;
    width: 100%;
    text-align: center
}

.ourteams.wecare .aboutsrow-text {
    width: 100%;
    text-align: center
}

.ourteams.wecare .aboutsrow-text p {
    font-size: 87.5%;
    width: 80%;
    padding-bottom: 20px;
    margin: 0 auto
}

.ourteams.wecare .ourteamswrap .ourteams-content {
    margin: -274px 0 0
}

.wecareheading {
    color: #2b8941;
    font-size: 150%;
    padding: 15px 0 10px;
    text-align: center;
    font-family: avenirltstd-heavy
}

.teamsliderwrap {
    background: #f0f0f0;
    padding-top: 40px;
    margin-bottom: 50px
}

.teamsliderwrap .teamslider h2 {
    color: #0f49a2;
    text-align: center;
    font-weight: 600;
    font-size: 150%;
    margin: 10px 0 25px;
    position: relative
}

.teamsliderwrap .teamslider .chairmanItem .chairman span,
.teamsliderwrap .teamslider .teamiteams span {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block
}

.teamsliderwrap .teamslider .chairmanItem .chairman h3,
.teamsliderwrap .teamslider .teamiteams h3 {
    color: #231f20;
    font-size: 100%;
    font-family: avenirltstd-heavy;
    text-transform: uppercase
}

.teamsliderwrap .teamslider .chairmanItem ul {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 40px
}

.teamsliderwrap .teamslider .chairmanItem ul li {
    color: #231f20;
    font-size: 87.5%;
    position: relative;
    padding: 0 0 15px 35px
}

.teamsliderwrap .teamslider .chairmanItem ul li:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    left: 5px;
    top: 10px;
    background: #0f49a2;
    border-radius: 50%
}

.teamsliderwrap .teamslider .teamiteams p {
    padding-top: 25px;
    font-size: 87.5%
}

@media (min-width:768px) {
    .adjustedhigh {
        max-height: calc(100vh - 65px);
        max-height: -webkit-calc(100vh - 65px)
    }
    .gsmodal-dialog,
    .industryBanner h2 img {
        width: auto
    }
    .gsmodal-sm {
        width: 360px
    }
    .gsmodal-md {
        width: 560px
    }
    .gstablewrap.table-responsive {
        margin-bottom: auto
    }
    header .navbar-header {
        width: 220px
    }
    header .gsnavbar .navbar-nav {
        float: right
    }
    header .gsnavbar li ul {
        position: absolute
    }
    header .gsnavbar li ul li a {
        text-align: center;
        font-size: 93.8%
    }
    header .gsnavbar li ul li a:after,
    header .gsnavbar li ul li a:before,
    header .gsnavbar li:hover ul li a.active:after,
    header .gsnavbar li:hover ul li a:hover:after {
        height: 6px
    }
    header .gsnavbar li a {
        line-height: 80px
    }
    header .gsnavbar li a.active:after,
    header .gsnavbar li a.active:before,
    header .gsnavbar li a:after,
    header .gsnavbar li a:before,
    header .gsnavbar li:hover a:after {
        height: 16px
    }
    header .gsnavbar li a:before {
        display: block
    }
    header .ssgas-navbar-brand {
        width: 100%;
        padding: 15px
    }
    header .gsnavbar li:nth-child(3) ul li a {
        font-size: 93.8%
    }
    header .gsnavbar li .application_list {
        position: fixed;
        top: 80px
    }
    header .gsnavbar li .application_list .innerlist {
        width: 25.5%
    }
    .labplant .lab-galery li img,
    header .gsnavbar li .application_list .innerlist.innerlistleft {
        width: 100%
    }
    header .gsnavbar li .application_list .innerlist.innerlistleft ul li {
        width: 19%;
        vertical-align: middle;
        display: inline-block;
        padding-right: 20px
    }
    .mainwrap.forguest {
        padding-top: 62px
    }
    footer {
        padding: 35px 0 0
    }
    footer .sociallinks {
        padding-bottom: 15px;
        text-align: left
    }
    footer .footernav {
        padding-bottom: 30px
    }
    .contactBanner h2 span,
    footer .footernav ul li a {
        font-size: 100%
    }
    .labsystem ul li,
    footer .footernav .queryForm {
        padding-bottom: 0
    }
    .labdifferentiator p,
    .labsystem ul li h2,
    footer .footernav .queryForm h2 {
        font-size: 150%
    }
    footer .footernav .queryForm .form_left {
        width: 50%;
        padding-right: 8px
    }
    footer .footernav .queryForm .form_right {
        width: 50%;
        padding-left: 8px
    }
    .mainwrap {
        padding-top: 80px
    }
    .bannerwrap {
        height: 427px;
        padding-bottom: 0
    }
    .bannerwrap h2 {
        font-size: 34px;
        height: 110px;
        padding: 20px 0 55px
    }
    .bannerwrap .solutionwrap li {
        padding: 24px
    }
    .bannerwrap .solutionwrap li .solutionlist {
        line-height: 106px;
        width: 106px;
        height: 106px
    }
    .practicalwrap {
        padding: 35px 0 30px
    }
    .practicalwrap h2 {
        font-size: 200%
    }
    .n2o.practicalwrap p {
        font-size: 20px;
        margin: unset;
        width: 100%
    }
    .practicalwrap p {
        font-size: 118.5%;
        line-height: 29px
    }
    .featured .featuredanimate h2 {
        font-size: 187.5%
    }
    .featured .featuredanimate .featureddetails {
        width: 70%;
        margin-top: 20px
    }
    .featured .featuredanimate .featureddetails a {
        font-size: 50%;
        text-decoration: underline
    }
    .featured .featuredanimate .featureddetails .featuredlist {
        font-size: 200%;
        text-align: left;
        padding: 20px 0 20px 66px
    }
    .featured .featuredanimate .featureddetails .featuredlist p {
        font-size: 68%;
        line-height: 30px
    }
    .featured .featuredanimate .featureddetails .featuredlist.featuredyellow,
    .teachnologyPatner img {
        width: 60%
    }
    .featured .featuredanimate .featureddetails .featuredlist.featuredgreen {
        width: 80%
    }
    .clientwrap h2 {
        margin: 48px 0;
        font-size: 187.5%
    }
    .clientwrap .sliderwrap .sliderarea .itemslider {
        padding: 0 20px
    }
    .clientwrap .sliderwrap .sliderarea .itemslider .clientlogo {
        width: auto;
        display: block
    }
    .clientwrap .sliderwrap .sliderarea .itemslider .clientlogo p {
        line-height: normal;
        font-size: 120.5%;
        padding: 10px 15px 15px
    }
    .afterbottom:after {
        width: 70px;
        height: 8px
    }
    .brochurewrap,
    .plantswrap {
        padding: 40px 0
    }
    .brochurewrap form {
        height: 60px
    }
    .brochurewrap form input {
        width: 70%;
        text-indent: 28px
    }
    .brochurewrap form .gsbtn {
        font-size: 150%;
        width: 30%
    }
    .querywrap {
        margin-top: 20px
    }
    .querywrap .querywrapbody .querywrapleft:before {
        right: -1px;
        width: 250px;
        height: 100%;
        display: block
    }
    .querywrap .querywrapbody .querywrapright {
        position: relative;
        height: 100%;
        background: 0 0
    }
    .querywrap .querywrapbody .querywrapright .querywrapright-content {
        text-align: right;
        margin: 70px 35px 0 0;
        max-width: 350px
    }
    .querywrap .querywrapbody .querywrapright .querywrapright-content h2 {
        padding-bottom: 25px;
        font-size: 187.5%
    }
    .querywrap .querywrapbody .querywrapright .querywrapright-content h2:after {
        left: 63%;
        width: 70px;
        height: 8px;
        bottom: 14px
    }
    .querywrap .querywrapbody .querywrapright .querywrapright-content p {
        font-size: 100%;
        line-height: 27px
    }
    .querywrap .querywrapbody .querywrapright .querywrapright-content p a {
        margin-top: 24px
    }
    .slick-prev {
        background-position: -406px -89px;
        width: 24px
    }
    .slick-next {
        background-position: -430px -89px;
        width: 24px
    }
    .formmain .title,
    .privacypolicy .title {
        font-size: 200%;
        margin-bottom: 40px
    }
    .formmain .title:after,
    .privacypolicy .title:after {
        width: 45px;
        height: 6px
    }
    .privacypolicy .tab-content {
        padding: 0 60px
    }
    .innerbanner {
        height: 340px
    }
    .innerbanner .innerbanner-info {
        padding: 0 30px
    }
    .innerbanner .innerbanner-info img {
        width: 180px;
        height: 180px
    }
    .innerbanner .innerbanner-info h2 {
        font-size: 34px;
        text-shadow: 4px 4px 7px rgba(0, 0, 0, .65)
    }
    .labsystem,
    .oursolutions {
        padding: 60px 0
    }
    .n2o .oursolutions {
        padding: 20px 0 45px
    }
    .oursolutions .solutionbox .solutionbox-info {
        padding: 0 40px
    }
    .oursolutions .solutionbox .solutionbox-info .solutionbox-text h2 {
        padding: 25px 30px;
        font-size: 260%;
        margin: -140px 0 0
    }
    .oursolutions .solutionbox .solutionbox-info .solutionbox-text p {
        font-size: 140%;
        min-height: 227px;
        max-height: 230px;
        overflow: auto;
        padding: 20px 30px 40px
    }
    .oursolutions .solutionbox .solutionbox-info .morelink {
        bottom: 0
    }
    .ourapplications h2,
    .ourteamswrap .ourteams-content h2 {
        font-size: 250%
    }
    .labdifferentiator h2:after,
    .ourapplications h2:after,
    .ourteamswrap .ourteams-content h2:after,
    .teamsliderwrap .teamslider h2:after {
        width: 70px;
        height: 8px;
        bottom: -15px
    }
    .formmain,
    .ourapplications .techlist li {
        padding: 30px 0
    }
    .ourapplications .techlist li a p:after {
        width: 30px;
        margin-left: -15px;
        bottom: -5px
    }
    .innerbanner.techbanner {
        height: 225px
    }
    .labsystem ul li p {
        font-size: 112.5%;
        min-height: 80px
    }
    .plantswrap h2 {
        font-size: 250%;
        margin: 0 0 45px
    }
    .plantswrap h2:after,
    .teachnologyPatner h3:after {
        width: 70px;
        height: 8px;
        bottom: -15px;
        margin-left: -35px
    }
    .plantswrap .clienslide {
        width: 70%
    }
    .labdifferentiator h2 {
        font-size: 240%;
        margin: 20px 0 55px
    }
    .labdifferentiator h3 span {
        font-size: 93.5%
    }
    .labdifferentiator ul li {
        font-size: 125%;
        padding-bottom: 35px
    }
    .teachnologyPatner h3 {
        font-size: 250%;
        margin: 0 0 25px
    }
    .industryBanner h2 span {
        font-size: 100%;
        line-height: normal
    }
    .labplant h2 {
        font-size: 150%;
        max-width: 50%;
        padding: 35px 0
    }
    .labplant .lab-galery li.img01 {
        width: 27.2%
    }
    .labplant .lab-galery li.img02 {
        width: 72.8%
    }
    .labplant .lab-galery li.img03 {
        width: 39%
    }
    .labplant .lab-galery li.img04 {
        width: 61%
    }
    .labpoints ul {
        padding: 30px 0 0 80px
    }
    .labpoints ul li,
    .ourteams.wecare .aboutsrow-text p,
    .teamsliderwrap .teamslider .chairmanItem .chairman h3,
    .teamsliderwrap .teamslider .chairmanItem ul li,
    .teamsliderwrap .teamslider .teamiteams h3,
    .teamsliderwrap .teamslider .teamiteams p {
        font-size: 125%
    }
    .contactBanner {
        height: 148px
    }
    .contactBanner h2 {
        width: auto;
        left: 50%
    }
    .contactBanner h2:after {
        height: 6px;
        width: 64px
    }
    .formmain .formarea form ul li {
        padding-bottom: 20px
    }
    .formmain .formarea form ul li .selectcontary select,
    .formmain .formarea form ul li input {
        height: 40px
    }
    .formmain .formarea form ul li button,
    .formmain .formarea.formarea02 button {
        font-size: 150%;
        min-width: 268px;
        height: 68px
    }
    .formmain .formarea form ul:last-child {
        text-align: left
    }
    .formmain .formdetails {
        padding-left: 80px;
        border-top: 1px solid transparent;
        margin-top: 0;
        padding-top: 0
    }
    .formmain .formdetails li {
        padding-bottom: 40px;
        text-align: left
    }
    .formmain .formdetails li img {
        float: left
    }
    .formmain .formdetails li .querycontent {
        float: left;
        padding-left: 20px;
        width: calc(100% - 53px)
    }
    .aboutsrow .aboutsrow-text p {
        font-size: 125%;
        width: 80%;
        padding-bottom: 20px
    }
    .ourteamswrap img {
        margin: auto;
        top: auto
    }
    .ourteamswrap .ourteams-content {
        padding: 75px 0 18px;
        margin: -140px 0 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMTYyYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMGUxNjJhIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMGUxNjJhIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiMwZTE2MmEiIHN0b3Atb3BhY2l0eT0iMC44MSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMwZTE2MmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGUxNjJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top, rgba(14, 22, 42, 0) 0, rgba(14, 22, 42, 0) 1%, rgba(14, 22, 42, .8) 34%, rgba(14, 22, 42, .81) 35%, #0e162a 52%, #0e162a 100%);
        background: -webkit-linear-gradient(top, rgba(14, 22, 42, 0) 0, rgba(14, 22, 42, 0) 1%, rgba(14, 22, 42, .8) 34%, rgba(14, 22, 42, .81) 35%, #0e162a 52%, #0e162a 100%);
        background: linear-gradient(to bottom, rgba(14, 22, 42, 0) 0, rgba(14, 22, 42, 0) 1%, rgba(14, 22, 42, .8) 34%, rgba(14, 22, 42, .81) 35%, #0e162a 52%, #0e162a 100%)
    }
    .ourteamswrap .ourteams-content p {
        font-size: 125%;
        width: 80%
    }
    .ourteams.wecare {
        margin-top: -40px
    }
    .ourteams.wecare .carbanwrap {
        margin: 0
    }
    .wecareheading {
        font-size: 225%
    }
    .teamsliderwrap .teamslider h2 {
        font-size: 160%
    }
    .teamsliderwrap .teamslider .chairmanItem .chairman span {
        width: 300px;
        height: 300px
    }
    .teamsliderwrap .teamslider .chairmanItem ul {
        width: 90%
    }
    .teamsliderwrap .teamslider .teamiteams span {
        width: 170px;
        height: 170px
    }
}

.teamsliderwrap .slick-arrow {
    top: 20%
}

@media only screen and (max-width:480px) and (min-width:320px) {
    .ourteams.wecare {
        margin-top: 95px
    }
    .ourteams.wecare .carbanwrap {
        margin-top: 84px;
        padding-bottom: 10px
    }
    .ourteams.wecare .carbanwrap li {
        margin-bottom: 15px
    }
    .ourteams.wecare .carbanwrap li:last-child {
        margin-bottom: 0
    }
}

@media(max-width:767px) {
    .innerbanner-info h1,
    .industryBanner span {
        font-size: 15px !important
    }
    header .gsnavbar li span {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }
    .mobileheader,
    header .gsnavbar li span p {
        display: block
    }
    body header .gsnavbar li ul.mobilemenu {
        display: block !important
    }
    header .gsnavbar li:hover ul {
        display: none !important
    }
    .desktopheader,
    header .gsnavbar li:hover a:after,
    header .gsnavbar li:hover a:before {
        display: none
    }
    ul.nav.navbar-nav li span p i {
        width: 50px;
        font-size: 22px;
        margin-left: 28px
    }
}

.co2_section {
    margin-top: 30px
}

.on_co2_section {
    color: #fff;
    background-color: #267eb8
}

.carbon_link a,
.carbon_page_ulpage,
.carbon_page_ulpage .carbon_li,
.storege_solution p {
    color: #fff !important
}

.advance_pagegas_lab,
.carbon_page_ulpage,
.storege_solution {
    background-color: #267eb8 !important
}

.advance_pagegas_lab p {
    color: #fff !important;
    margin-bottom: 40px !important
}

.ft-none {
    display: none !important
}