@font-face {
    font-family: 'nexabold';
    src: url('../fonts/NexaBold.eot'), /* IE9 Compat Modes */
        url('../fonts/NexaBold.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/NexaBold.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/NexaBold.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/NexaBold.svg#svgNexaBold') format('svg');
}

@font-face {
    font-family: 'nexalight';
    src: url('../fonts/NexaLight.eot'), /* IE9 Compat Modes */
        url('../fonts/NexaLight.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/NexaLight.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/NexaLight.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/NexaLight.svg#svgNexaLight') format('svg');
}
@font-face {
    font-family: 'nexaregular';
    src: url('../fonts/NexaRegular.eot'), /* IE9 Compat Modes */
        /* url('../fonts/NexaRegular.woff2') format('woff2'),  Super Modern Browsers */
        url('../fonts/NexaRegular.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/NexaRegular.ttf') format('truetype'); /* Safari, Android, iOS */
    /*        url('../fonts/NexaRegular.svg') format('svg');*/
}
@font-face {
    font-family: 'helfiticaBold';
    src: url('../fonts/HelveticaNeueBoldExt.eot'), /* IE9 Compat Modes */
        url('../fonts/HelveticaNeueBoldExt.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/HelveticaNeueBoldExt.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/HelveticaNeueBoldExt.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/HelveticaNeueBoldExt.svg#svgNexaLight') format('svg');
}
@font-face {
    font-family: 'helfitica';
    src:  url('../fonts/Helvetica.ttf') format('truetype')

}
body{
    overflow-x: hidden;
    color: #626366;
}
h1,
h2,
h3,
h4,
h5,
h6,
a {
    font-family: 'nexabold';
}

p {
    font-size: 16px;
    font-family: 'Helvetica';
    text-align: justify;
    font-weight: 100;
}

img {
    margin: auto;
}

.all-product-box p{
    min-height: 100px;
}


.unstyled{
    list-style: none;
    padding: 0;
}

.gallery {
    height: auto;
    position: relative;
    width: 100%;
    background: transparent;
}
.new-product-slider .gallery{
    height: 300px;
}
.gallery:not(:last-of-type) {
    margin-bottom: 40px;
}

.gallery-cell {
    counter-increment: gallery-cell;
    height: 100%;
    width: 100%;
}


#home-slider .flickity-prev-next-button{
    display: block;
    background-color: transparent;
}
.all-product-filter-result .col-md-2{
    margin-bottom: 15px;
}
.all-product-img {
    max-height: 180px;
    overflow: hidden;
}
.all-product-top{
    padding-top: 120px !important;
}
.gifActive img{
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    width: 100px;
}

.imageCell{
    width: 33.33%;
    margin-right: 20px !important;
    border-radius: 10px;
    max-height: 250px;
    overflow: hidden;
}
.new-product-image-gal .flickity-prev-next-button{
    top: 40%;
}
.max-height-213{
    max-height: 213px;
}
#home-slider .index-slider-overlay{
    position: absolute;
    background-color: #00000057;
    width: 100%;
    height: 100%;
    z-index: 9;
}
#home-slider .flickity-prev-next-button .arrow{
    fill: #fff;
}
.cor-text.text-center p:last-child {
    font-size: 15px;
}
#index-news-section .index-news-card h2{
    margin-top: 0px;
    font-size: 17px;
}
#index-news-section p{
    margin-top: 0px;
    font-size: 14px;
}
#index-news-section h3 i {
    color: #000;
}
#index-news-section .index-news-card-info-more .btn {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    margin-left: 8px;
    font-size: 16px;
}
#index-news-section .index-news-card-info-date h3 {
    margin-top: 0px;
    font-size: 14px;
}

.theMaxWidth{
    max-width: 100%;
}

#index-news-section .index-news-card-info {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-left: 16px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#index-news-section .index-news-card-img {
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    max-height: 250px;
    overflow: hidden;
}
#index-news-section .index-news-card {
    margin-top: 10px;
    border: 1px solid #000;
    border-radius: 20px;
    margin-bottom: 20px;
}
#home-slider .flickity-prev-next-button:focus{
    box-shadow: none;
}
#home-slider .flickity-prev-next-button{
    top: auto;
    bottom: 0px;
}
.lang-drop{
    float: left;
    padding-top: 14px;
}
.catalog-row-data .card-content{
    background-color: #000;
    color: #fff;
}
.catalog-row-data .card{
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #000;
}
.catalog-row-data a:hover{
    text-decoration: none;
}
.index-btn-all .btn{
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    margin-left: 8px;
    font-size: 16px;
    margin: 20px 0;
}
.catalog-row-data .card-content{
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
}
.catalog-row-data .card-content p{
    margin: 0;
}
#home-slider .carousel-cell {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.lang-drop a{
    color: #777;
    text-transform: capitalize;
}
.lang-drop > li > a:after{
    content: '\25BC';
    padding-left: 1px;
    top: -1px;
    position: relative;
    font-size: 7px;
    left: 7px;
}
.gallery-cell-image {
    display: block;
    min-height: 100%;
    width: 100%;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.33, 0.12, 0.56, 0.94);
    transition: opacity 0.25s cubic-bezier(0.33, 0.12, 0.56, 0.94);
}
.catalog-img img{
    border-radius: 10px;
    border: 3px solid #000;
    overflow: hidden;
    max-height: 370px;
}
.catalog-description{
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    padding: 5px 20px;
    position: absolute;
    bottom: 0;
}
.catalog-box-data{
    overflow: hidden;
    position: relative;
}
.catalog-main{
    padding-bottom: 30px;
}
.catalog-main .col-md-4{
    padding-bottom: 20px;
}
.product-filter-all ul{
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 15px;
}
.quarries-all-data .flickity-viewport{
    height: 400px !important; 
}
.all-product-filter-dropdown .dropdown-menu>li>a{
    border: 0;
    padding: 10px 0;
    outline: none;
}
.all-product-filter-dropdown  .dropdown-menu>li:last-child a{
    padding: 10px 0;
}
.all-product-filter-dropdown .filter-text-top{
    float: left;
    padding-right: 20px;
    padding-top: 4px;
    font-size: 17px;
}
.modalOp{
    background:#626366!important;
}
.modalHeaderOp{
    border-bottom: unset!important;
}
.theX{
    color:white!important;
    opacity: unset!important;
}
.all-product-filter-dropdown .button-group{
    float: left;
    padding-left: 50px;
}
.news-catg-section .new-events-event-card {
    margin-bottom: 70px;
}
.news-catg-section .new-events-event-card .new-events-event-card-img {
    border-radius: 20px;
    border: 3px solid #000;
    overflow: hidden;
    max-height: 370px;
    margin-bottom: 36px;
}
.news-catg-section .new-events-event-card .new-events-event-card-date span {
    float: left;
    padding-right: 8px;
    margin-top: -2px;
}
.news-catg-section .new-events-event-card .new-events-event-card-read-more a {
    background-color: #000;
    border-radius: 10px;
    height: 33px;
    font-size: 16px;
    color: #fff;
    width: 100%;
}
.news-catg-section{
    padding-top: 50px;
}
.all-product-color-filter ul{
    left: 330px;
}
.all-product-type-filter ul {
    left: 120px;
    border-radius: 10px;
    top: 30px;
}
.filter-search-form .btn{
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 8px 15px !important;
}
.filter-search-form .form-control{
    border-radius: 15px;
}
.all-product-filter-dropdown  .btn-default{
    padding: 5px 35px;
    border-radius: 15px;
}
.filter-peoduct-remove{
    background-color: #ebebeb;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px;
}
.filter-peoduct-remove a{
    color: #636363;
    font-size: 16px;
}
.filter-peoduct-remove i{
    color: #000;
    padding-right: 10px;

}
.all-product-filter-result{
    padding-bottom: 20px;
}
.gallery-cell-image.flickity-lazyloaded,
.gallery-cell-image.flickity-lazyerror {
    opacity: 1;
}

.gallery--default {
    height: 500px;
}

.gallery--default .gallery-cell {
    width: 100%;
}

.gallery--bgimg .gallery-cell {
    height: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.gallery--testimonials {
    background: #306535;
    color: white;
}

.gallery--testimonials .gallery-cell {
    counter-increment: gallery-cell;
    height: 100%;
    margin-right: 10px;
    min-height: 360px;
    width: 100%;
}





#home-slider .flickity-slider {
    width: 101%;
}

#home-slider{
    position: relative;
}
/*.flickity-enabled.is-draggable .flickity-viewport {
        height: 100vh !important;
}*/

#home-slider .flickity-page-dots {
    bottom: 50px;
    display: none;
}

#home-slider .flickity-page-dots .dot {
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    background: transparent;
    opacity: 1;
}

#home-slider .flickity-page-dots .dot.is-selected {
    background: #fff;
}

.main-slider-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    width: 100%;
    height: 100vh;
}

.main-slider-text h2 {
    margin-left: auto;
    font-size: 74px;
    text-shadow: 4px 4px 2px rgb(0, 0, 0);
    font-family: 'nexabold';
}

.main-slider-text span {
    font-size: 39px;
    display: block;
    font-family: 'nexabold';
}





.index-sect-title h2 {
    font-size: 36px;
    color: #000;
}

.index-title-border {
    width: 150px;
    border-top: 2px solid #000;
}
/*home video*/
.video-responsive{
    position: relative;
    width: 100%;
}
.js-video {
    width: 100%;
}
.banner-div {
    position: absolute;
    z-index: 55;
    top: 0;
    width: 100%;
}
.banner-text {
    margin-top: 29%;
    text-align: center;
}

.banner-textInsideProducts {
    margin-top: 0%!important;
    text-align: center;
    height: 100%;
    background-position: center !important;
    background-size: contain;
    background-repeat: no-repeat;
    height: 400px;
}
.banner-text h2 {
    margin-left: auto;
    font-size: 40px;
    text-shadow: 4px 4px 2px rgb(0, 0, 0);
    font-family: 'nexabold';
    color: #FFF;
    padding-bottom: 15px;
}
/*end home video*/
#our-invesment {
    padding-top: 80px;
    padding-bottom: 100px;
}

.inves-data-box p {
    font-size: 19px;
    color: #626366;
    text-align: center;
}

.inves-data-box .inves-text {
    padding-top: 25px;
}

.inves-img img {
    margin: auto;
}

.index-inves-row {
    padding-top: 115px;
}

.eng-zaid-text {
    text-align: justify;
}

.eng-zaid-text p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    padding-bottom: 25px;
}

#eng-zaid {
    padding-top: 40px;
    padding-bottom: 80px;
}

.eng-zaid-row-data {
    padding-top: 80px;
}

.eng-zaid-row-data img {
    margin: auto;
}
.arabic-lang-img img{
    max-width: 66% !important;
    /*    filter: brightness(0) invert(1);*/
}
#index-people {
    /*    background-attachment: fixed;*/
    background-size: auto;
    background-image: url('../images/people-img.jpg');
    padding: 117px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    color: #fff;
}

.dropdown-menu .divider{
    margin: 9px 15px;
}
.section-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.index-peop-right-q {
    padding-top: 150px;
}
.col-center{
    display: inline-table;
    float: none;
    text-align: left;
    margin-right: -4px;
}
.index-people-text {
    padding-top: 40px;
}

.index-people-text h2 {
    font-size: 36px;
    font-family: 'nexabold';
    padding-bottom: 35px;
}

.index-people-text p {
    font-size: 22px;
}

.cor-text {
    /* padding-top: 10px; */
}

.cor-text p {
    color: #777777;
    font-size: 23px;
    font-family: 'nexalight';
}

.cor-data-box img {
    margin: auto;
    max-width: 100px;
}

.block-dis {
    display: block;
}

.index-cor-blue {
    font-size: 30px;
    color: #000;
    font-family: 'nexabold';
    display: inline-block;
    line-height: 24px;
}

#corporate {
    padding-top: 70px;
    padding-bottom: 65px;

}

.cor-data-row {
    padding-top: 80px;
}

.cor-img {
    min-height: 117px;
    overflow: hidden;
}
.product-list-filter-data{
    text-align: center
}
.product-list-center-col{
    float: none;
    display: inline-table;
    margin: 0 auto;
    margin-right: -3px;
}
.footer-col-data {
    padding-left: 0;
    list-style: none;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 1px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
.footer-col-data li a {
    color: #fff;
    font-size: 14px;
    font-family: 'helfitica' ;
    text-transform: capitalize;
}

.footer-col-data li a:hover {
    text-decoration: none;
    opacity: 0.80;
}

.footer-logo-img a:hover img{
    text-decoration: none;
    opacity: 0.80;
}

.main-footer {
    padding-top: 45px;
    background-color: #626366;
    position: relative;
    background: url(../footer.png) #626366 no-repeat 0 0;
    background-size: cover;
    margin-top: 0;
    overflow: hidden;
}
.foot-a:before {
    content: '\25BA';
    position: relative;
    left: -11px;
    font-size: 8px;
    top: -1px;
    color: #fff;
}
.footer-latest-twitt {
    color: #fff;
}

.footer-latest-twitt h2 {
    margin-top: 0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.footer-latest-twitt p {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.folowus-col ul li {
    float: left;
}

.folowus-col ul li:first-child a {
    padding-left: 0;
}

.folowus-col ul li a {
    font-size: 20px;
    margin-left: 4px;
}
.folowus-col ul li a i {
    color: #626366;
    background-color: #dadada;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 7px;
    border-radius: 20px;
    font-size: 17px;
}
.folowus-col ul li a i:hover {

    background-color: #fff;

}

.main-footer-last {
    padding-bottom: 15px;
    padding-top: 15px;
}

.footer-logo-img img{
    margin: auto 0;
}
#main-header .lang-drop{
    padding-top: 10px;
}
#main-header.inner-header .dropdown-menu{
    margin-top: 0px;
}
.main-footer-last p {
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}
.inner-big-image-div img{
    margin: auto 0;
}
#awards {
    padding-bottom: 60px;
    padding-top: 50px;
}
.inner-envir-data .enviro-img{
    float: left;
    padding-right: 30px;
    max-width: 158px;
}
.enviro-img img{
    width: 120px;
}
.inner-envir-data .enviro-text{
    text-align: justify;
    /* float: left; */
    overflow: hidden;
    letter-spacing: -0.5px;
}
.inner-envir-data h2{
    color: #00A28B;
    font-size: 30px;
    margin: 0;
}
.sustain-text-zaid h2{
    color: #009C85;
}

.sustain-img-last{
    position: relative;
}
.sustain-img-last img{
    width: 100%;
}
.sustain-img-last img{
    margin: auto 0;
}
.sustain-text-img{
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 156, 133, 0.5);
    width: 100%;
    padding: 15px 30px;
}
.sustain-text-img{
    color: #fff;
    font-size: 30px;
    margin-bottom: 0;
    font-weight: bold;
    font-family: 'nexabold';
}
.inner-envir-data .col-md-5{
    padding-bottom: 50px;
    min-height: 147px;
}
.index-video-slide {
    width: 100vw;
    height: 100vh;
}
.foot-a .foot-ul{
    list-style: none;
    padding-left: 10px;
    margin-bottom: 14px;
}
.foot-a .foot-ul a{
    color: #fff;
    font-size: 12px;

}
.footer-iso-img{
    list-style: none;
    padding-left: 0;
}
.footer-iso-img li{
    float: left;
    margin-right: 15px;
    max-width: 15%;
    padding-bottom: 13px;
}
.footer-iso-img li:first-child{
    margin-left: 0;
}
#background-video {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100vw;
    z-index: 2;
}

.background {
    position: fixed;
    z-index: -10;
}

#background-canvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: -10;
    background: url('http://www.meingottdeingott.de//images/2c2957a2.loop-poster.jpg') top center/cover no-repeat #958F84;
}

.award-data-row {
    padding-top: 80px;
}

.award-data-row .col-md-5 p,
.award-data-row .col-md-5 h2 {
    color: #2A3883;
}

.award-data-row .col-md-5 h2 {
    font-size: 33px;
}

.award-first-p {
    font-size: 23px;
}

.award-second-p {
    font-size: 26px;
}

.award-third-p {
    font-size: 21px;
}

.award-forth-p {
    font-size: 166px;
}

.king-award-hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #2A3883;
}

#inner-header .navbar-default {
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 32px 0;
    padding-bottom: 29px;
}

#inner-header .navbar-default .navbar-nav > li > a {
    font-size: 15px;
    margin-top: -32px;
    padding-top: 46px;
}

#inner-header .navbar-default .navbar-nav > li > a:hover,
#inner-header .navbar-default .navbar-nav > li > a:focus {
    color: #626366;
    background-color: transparent;
    box-shadow: inset 0px 6px 0px #000;
    font-size: 15px;
}
.what-we-provide{
    background-size: auto;
    background-image: url(../images/we-pro-min.jpg);
    padding: 70px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    color: #fff;
}
.what-we-provide .section-overlay{
    background-color: rgba(0, 156, 133, 0.5);
}
.what-we-provide .inner-hr-title{
    border-top-color: #fff !important;
}
.we-pro-icon p{
    text-align: center;
    /* max-width: 150px; */
    padding-top: 20px;
    font-weight: bold;
    font-family: nexabold;
    font-size: 17px;
}
.what-we-provide h2{
    color: #fff !important;
}
.we-pro-icon img{
    max-height: 60px;
}


#inner-big-image {
    /*    position: relative;
        top:-82px;*/
    overflow: hidden;
}

#inner-big-image .inner-big-image-div {
    max-height: 400px;
    overflow: hidden;
}

.inner-image-text {
    position: absolute;
    left: 0;
    top: -170px;
    background-color: rgba(255, 255, 255, 0.71);
    padding: 10px 50px;
}

.inner-image-text p {
    color: #000;
    font-size: 48px;
    font-family: 'nexabold';
    margin: 0;
    text-transform: capitalize;
}

.inner-hr-title {
    border-top: 2px solid #000;
    width: 200px;
    margin-bottom: 30px;
}

.inner-title h2 {
    font-size: 22px;
    color: #000;
}

.image-holder-image{
    position: fixed;
    left: 0;
    right: 0;
    width: 42%;
}
.filter-iso{
    filter:brightness(0) invert(1);
}
.dot-circle-active{
    font-size: 50px;
    position: relative;
    top: -4.7px;
    right: 0.2px;
    display: none;
}
.inner-big-text-name {
    font-size: 20px !important;
    color: #293A80 !important;
    font-weight: bold;
}
.table-page.quailty-tabs-data .nav-tabs li span{
    display: inline-table;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    text-align: center;
    right: 0;
    margin: auto;
    display: block;
}
.all-product-box p{
    padding-top: 20px;
}
.all-product-box a{
    color: #000;
    font-size: 22px;
}
.inner-vission-mission h2 {
    font-size: 36px;
    color: #009B84;
}
#inner-value-section h2{
    color: #009B84;
    font-family: 'nexabold';
}   
.table-page .i-accordion .panel-heading,
.table-page .d-accordion .panel-heading,
.table-page .accordion-2a .panel-heading,
.table-page .accordion-2b .panel-heading,
.table-page .accordion-3 .panel-heading {
    cursor: pointer; 
}
.table-page .d-accordion .panel-heading.collapsed .fa-chevron-up:before {
    content: '\f078';
}
.table-page a.panel-heading{
    display: block;
    background-color: #009C85;
    border-color: #009C85;
    color: #fff;
    padding: 10px 30px;
    border-radius: 0;
    text-decoration: none;
}
.table-page a.panel-heading:hover{
    text-decoration: none !important;
}
.table-page .panel-group i{
    margin-right: 10px;
}
.second-span-item{
    display: initial !important;
    text-align: left;
    margin-left: -20px;
    padding-left: 0 !important;
    text-align: left;
}
/*div table*/
.Rtable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3em 0;
    padding: 0;
}
.Rtable-cell {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: left;
    padding: 15px 25px;
    padding-bottom: 0;
    overflow: hidden;
    list-style: none;
    border: solid 1px #CDCFD0;
    background: #fff;
    min-width: 71px;
}

.table-text-title{
    font-size: 24px;
    color: #626366;
    margin-bottom: 20px;
}
.Rtable--2cols > .Rtable-cell {
    width: 50%;
}
.Rtable--3cols > .Rtable-cell {
    width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
    width: 8.33333333%;
}
.Rtable--5cols > .Rtable-cell {
    width: 20%;
}
.Rtable--6cols > .Rtable-cell {
    width: 16.6%;
}
.all-day-new-design .divTableCell p{
    margin: 0;
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'nexabold';
}
.green-back-color{
    background-color: #00A891;
}
.green-back-color p{
    color: #fff !important;
}
/*end div table*/
.quailty-tabs-data.table-page .nav-tabs > li > a{
    padding: 0;
    min-height: 60px;
}
.quailty-tabs-data.table-page .nav>li>a>img{
    position: relative;
    top: 8px;
    right: 15px;
}

.quailty-tabs-data .shadow-tabs{
    top: 20px;
}
.table-page .nav-tabs{
    margin-top: -20px;
}
#inner-value-section {
    /*    background-image: url(../images/inner-back-img.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;*/
    padding-bottom: 60px;
    overflow: hidden;
}

#contact-map #map{
    height: 450px;
}
/*animation section*/
/*.scroll{
    position: fixed;
    top: 300px;
}
.front scroll img{
    height: 500px;
}*/
.animation-all-circle .circle-step{
    position: absolute;
    background-color: #00A28B;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #00A28B;
    z-index: 999;
}
.animation-all-circle .circle-step a{
    color: #fff;
    /*    font-family: 'nexaregular';*/
    font-family: 'nexabold';
    font-size: 14px;
}
.anim-box-text h2{
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    font-size: 17px;
}
.animation-all-circle .step1{
    top: 32px;
    left: 179px;
    z-index: 9999999;
}
.animation-all-circle .step2{
    top: 75px;
    left: 235px;
    z-index: 9999999;
}
.animation-all-circle .step3{
    top: 125px;
    left: 310px;
    z-index: 999999999;
}
.animation-all-circle .step4{
    top: 105px;
    left: 410px;
    z-index: 9999999;
}
.animation-all-circle .step5{
    top: 215px;
    left: 490px;
    z-index: 99999999;
}
.animation-all-circle .step6{
    top: 15px;
    left: 460px;
    z-index: 99999;
}
.animation-all-circle .step7{
    top: -5px;
    left: 555px;
}
.animation-all-circle .step8{
    top: 100px;
    left: 635px;
    z-index: 99999;
}
.animation-all-circle .step9{
    top: 85px;
    left: 745px;
    z-index: 999;
}
.animation-all-circle .step10{
    top: 45px;
    left: 865px;
    z-index: 9;
}
.animation-all-circle .step11{
    top: 90px;
    left: 995px;
    z-index: 9999;
}
.animation-all-circle .step12{
    top: 30px;
    left: 1102px;
    z-index: 99;
}
.anim-box-text{
    background-color: #00A28B;
    color: #fff;
    padding: 0 10px 20px;
    position: absolute;
    width: 280px;
    max-height: 250px;
    overflow: auto;
    border: 5px solid #fff;
    box-shadow: 0px 0px 0px 2px #00A28B;
}
.animation-step-text .step-text1{
    top: -112px;
    left: 195px;
    display: none;
    z-index: 999999;
}
.animation-step-text .step-text2{
    top: -27px;
    left: 248px;
    display: none;
    z-index: 999999;
}
.animation-step-text .step-text3{
    top: 23px;
    left: 325px;
    display: none;
    z-index: 99999999;
}
.animation-step-text .step-text4{
    top: 4px;
    left: 424px;
    display: none;
    z-index: 999999;
}
.animation-step-text .step-text5{
    top: 96px;
    left: 506px;
    display: none;
    z-index: 9999999;
}
.animation-step-text .step-text6{
    top: -130px;
    left: 473px;
    display: none;
    z-index: 9999;
}
.animation-step-text .step-text7{
    top: -172px;
    left: 573px;
    display: none;
}
.animation-step-text .step-text8{
    top: -43px;
    left: 653px;
    display: none;
    z-index: 9999;
}
.animation-step-text .step-text9{
    top: -14px;
    left: 762px;
    z-index: 99;
    display: none;
}
.animation-step-text .step-text10{
    top: -54px;
    left: 604px;
    display: none;
}
.animation-step-text .step-text11{
    top: -75px;
    left: 724px;
    z-index: 999;
    display: none;
}
.animation-step-text .step-text12{
    top: -89px;
    left: 838px;
    display: none;
    z-index: 9;
}
/*.main-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
}*/
.animation-all-circle .circle-step a:hover{
    text-decoration: none;
}
#animation-image .inner-title{
    padding-bottom: 70px;
}
.animat-white-border-img{
    position: absolute;
    z-index: 9999999;
}
.animat-white-border-img img{
    height: inherit !important;
    width: 50px;
}
/*step bar*/
.step-progress-bar .steps {
    background-color: rgba(0, 162, 139, 0.5);
    border-color: rgba(0, 162, 139, 0.5);
    border-style: solid;
    border-width: 1px 0;
    /*    box-shadow: 0 1px 2px rgba(0, 162, 139, 0.5) inset;*/
    display: block;
    height: 10px;
    list-style-type: none;
    margin: 0 0 30px;
    padding: 0;
    /*    width: 100%;*/
    width: 71%;
    padding-left: 80px;
    border-radius: 40px;
    width: 70%;
    /*    position: fixed;*/
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
}

.step-progress-bar .steps > li {
    float: left;
    margin: 0;
    min-height: 1px;
    padding: 0;
    position: relative;
    margin-left: 0;
}

.step-progress-bar .two.steps > li {
    width: 100%;
}

.step-progress-bar .three.steps > li {
    width: 50%;
}

.step-progress-bar .four.steps > li {
    width: 33.33333%;
}

.step-progress-bar .five.steps > li {
    width: 25%;
}

.step-progress-bar .six.steps > li {
    width: 20%;
}

.step-progress-bar .seven.steps > li {
    width: 16.66667%;
}

.step-progress-bar .eight.steps > li {
    width: 14.28571%;
}

.step-progress-bar .nine.steps > li {
    width: 12.5%;
}

.step-progress-bar .ten.steps > li {
    width: 11.11111%;
}
.step-progress-bar .twel.steps > li {
    /*    width: 60px;*/
    width: 8.4%;
}

.step-progress-bar .steps > li:first-child {
    width: 0;
    margin-left: 0px;
    background-color: #00A28B;
    border-color: #00A28B;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    content: "";
    height: 10px;
    left: -82px;
    top: -2px;
    border-radius: 60px;
    padding-left: 70px;
    margin-right: -70px;
}

.step-progress-bar .steps > li > a {
    background-color: #fff;
    border: 4px solid #00A28B;
    border-radius: 50%;
    color: #00A28B;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    right: -10px;
    line-height: 28px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -11px;
    width: 30px;
    z-index: 99;
}

.step-progress-bar .steps > li > a:hover {
    background-color: #eee;
    background-image: linear, to bottom, #eeeeee, #dddddd;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    color: #777b80;
}

/*.step-progress-bar .steps > li > a:before,
.step-progress-bar .steps > li > a:after {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(213, 222, 229, 0.5) inset;
    content: "";
    display: block;
    height: 6px;
    height: 8px;
    position: absolute;
    top: 7px;
    top: 10px;
    width: 4px;
}*/

.we-pro-icon {
    padding-bottom: 20px;
}
.step-progress-bar .steps > li > a:before {
    left: -2px;
}

.step-progress-bar .steps > li > a:after {
    right: -2px;
}

.step-progress-bar .steps > li > a:hover:before {
    left: -5px;
}

.step-progress-bar .steps > li > a:hover:after {
    right: -5px;
}

.step-progress-bar .steps > li:first-child > a:before {
    display: none;
}

.step-progress-bar .steps > li:last-child > a:after {
    display: none;
}

.step-progress-bar .steps > .complete > a,
.step-progress-bar .steps > .complete > a:hover {
    background-color: #fff;
    background-image: linear, to bottom, #339aff, #2894ff;
    border-color: #00A28B;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    color: #00A28B;
}

.step-progress-bar .steps > .complete > a:before,
.step-progress-bar .steps > .complete > a:after {
    display: none;
}

.step-progress-bar .steps > .complete + .complete:before {
    background-color: #00A28B;
    background-image: linear, to bottom, #00A28B, #00A28B;
    /*    border-color: #00A28B;
        border-style: solid;
        border-width: 1px 0;*/
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    content: "";
    height: 10px;
    position: absolute;
    left: -10px;
    top: -1px;
    width: calc(100% - 1px);
    z-index: 2;
    border-radius: 60px;
    padding-left: 50px;
}
.comp-last-li:before{
    padding-left: 130px !important;
}

#step-progress-bar-sec{
    float: left;
    width: 100%;
    margin-top: 70px;
}
/*end step bar*/
/*end animation section*/
#inner-text-data {
    padding-top: 40px;
    padding-bottom: 40px;
}

.inner-value-icon-text {
    padding-top: 30px;
}
.send-request{
    padding-top: 90px;
    padding-bottom: 90px;
}
.inner-value-icon-text h2 {
    font-size: 16px;
    color: #009B84;
    font-family: 'nexaregular';
    font-weight: bold;
}
.contact-us-label-text span {
    color: #009B84;
    font-size: 17px;
    font-weight: bold;
}
.contact-us-label-text label {
    text-align: left !important;
    font-weight: 100;
    font-family: 'Helvetica';
    font-size: 18px;
}
.applayNow-btn-join {
    font-size: 20px !important;
    background-color: #000 !important;
    color: #fff !important;
    font-family: 'nexabold' !important;
    padding: 6px 58px !important;
    border-radius: 0 !important;
    margin-top: 30px !important;
    border: none
}
.contact-right-col-data p{

    font-size: 18px;
    color: #626366;
}
.contact-right-col-data p a{
    color: #000 !important;
    text-decoration: none;
    font-family: 'helfitica' !important;
}
.inner-value-icon img{
    position: absolute;
    top: 0;
    bottom: 33px;
    margin: auto;
    left: 0;
    right: 0;
}
.inner-value-icon-text p {
    font-size: 16px;
    color: #626366;
    font-family: 'Helvetica';
    text-align: justify;
    text-align-last: center;
    width: 90%;
    margin: auto;
}

.inner-value-icon {
    height: 50px;
    position: relative;
}

.inner-value-icon-row {
    margin-bottom: 40px;
    min-height: 170px;
}
.quailty-text-arrow ul{
    padding-left: 0;
    list-style: none;
}
.quailty-text-arrow li{
    float: left;
    padding-right: 90px;
}
.quailty-text-arrow  span{
    font-size: 16px;
    font-family: 'Helvetica';
    text-align: justify;
    font-weight: 100;
}
.quailty-text-arrow li img{
    margin-top: -5px;
}
#inner-header .navbar-header {
    margin-top: -15px;
}


#inner-header .navbar-default .navbar-toggle {
    border-color: #000;
    top: 6px;
}

#inner-header .navbar-default .navbar-toggle .icon-bar {
    background-color: #2a3880;
}
.quailty-tabs-data li{
    padding: 0;
    margin-bottom: -8px;
}

/*second inner tabs*/

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-width: 0;
    color: #fff;
}

#second-inner-tabs-data .tab-pane .col-md-4 {
    padding-top: 85px;
}

.active-li{
    background-color: transparent;
    box-shadow: inset 0px 6px 0px #02937d;

}
.inner-gradient{
    height: 83px;
    position: relative;
    z-index: 9;
    top: 104px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
}
.sec-innerright-text {
    padding-top: 40px;
    padding-bottom: 40px;
}
.stone-connect-contact p{
    font-size: 18px;
    font-weight: bold;
}
.stone-connect-contact img{
    float:left;
}
.sec-innerright-text p {
    font-size: 12px;
    color: #626366;
    font-family: 'Open Sans', sans-serif;
}

#second-inner-tabs-data .tab-pane .col-md-4 img {
    display: inline;
}
.footer-width-15{
    width: 15% !important;
}
.footer-width-25{
    width: 25% !important;
}
.quailty-tabs-data .nav-tabs > li > a {
    border: none;
    color: #626366;
    background: #fff;
    font-size: 14px;
    padding: 10px 0;
    border-radius: 0 !important;
    text-align: center;
    font-family: 'nexaregular';
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
.quailty-tabs-data .nav>li>a>img {
    height: 40px;
}
.shadow-tabs{
    float: left;
    width: 100%;
    -webkit-box-shadow: inset 0 20px 20px -20px #8c8c8c;
    -moz-box-shadow: inset 0 20px 20px -20px #8c8c8c;
    box-shadow: inset 0 20px 20px -20px #8c8c8c;
    padding: 10px 0;
    position: relative;
    z-index: 97;
    top: 20px;
}
.quailty-tabs-data li span{
    font-size: 24px;
    font-family: 'nexabold';
    position: relative;
    left: 17px;
    top: 4px;
}
.q-p-sp{
    font-size: 15px !important;
    position: relative  !important;
    top: -10px  !important;
    font-family: 'Helvetica';
    text-align: justify;
    font-weight: 100;
}

.tabs-text-quailty ul{
    padding-left:0;
    list-style: none;
}
#second-inner-tabs .nav>li>a>img {
    float: left;
    padding-right: 20px;
    margin-top: -9px;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
    border: none;
    color: #fff ;
    background: #000 !important;
}
.nav-tabs > li > a:hover{

    color: #fff !important;

}
/*.nav-tabs > li > a::after {
    content: "";
    background: #00a28b;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}*/

.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
    transform: scale(1);
}
.quailty-tabs-data .nav-tabs{
    /*    border-bottom: 1px solid #ccc;*/
    padding-bottom: 1px;
}
.tab-nav > li > a::after {
    background: #5a4080 none repeat scroll 0 0;
    color: #fff;
}
.nav-tabs > li:nth-child(even).active > a, .nav-tabs > li:nth-child(even) > a:hover, .nav-tabs > li:nth-child(even) > a.hover, .nav-tabs > li:nth-child(even):hover {
    /*    background-color: #ccc !important;*/
}
.quailty-tabs-data .nav-tabs > li > a:hover img, .quailty-tabs-data .nav-tabs > li > a.hover img,.quailty-tabs-data .nav-tabs>li.active>a>img {
    filter: brightness(0) invert(1);
}
/*.tab-pane {
        padding: 15px 0;
}*/


/*.tab-content {
        padding: 20px
}*/

.nav-tabs > li {
    /*    width: 20%;*/
    text-align: center;
}

.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

#second-inner-tabs-data .row {
    margin: 0;
}

#second-inner-tabs-data .col-md-8 {
    padding-left: 0;
}

.second-inner-infra img {
    float: left;
    padding-right: 15px;
}

.second-inner-infra span {
    position: relative;
    top: 5px;
    font-family: 'helfiticaBold';
    color: #A5A7AA;
    font-size: 12px;
}
.no-filter-img{
    filter: initial !important;
}
/*end second inner tabs*/

.new-inner-ul-col .col-md-6 {
    padding: 0;
}

.new-inner-ul-col .col-md-6 ul {
    padding-left: 0;
    list-style: none;
}

.new-inner-ul-col .col-md-6 ul .fa {
    color: #f68c58;
    padding-right: 10px;
}


/*inner img para*/

.seco-inner-mouse-port {
    /*	background-image: url('http://lab3d.io/experiments/parallax/vs.png');
    background-repeat: no-repeat;
    margin: 1.5em auto;*/
    overflow: hidden;
    position: relative;
    height: 500px;
    width: 100%;
    /*max-width: 800px;*/
}

.sec-row-img-para {
    padding-top: 25px;
}

.seco-inner-mouse-port img {
    position: absolute;
    overflow: hidden;
    top: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.inner-image-para-big {
    position: relative;
}

.inner-image-para-box {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.65);
    width: 40%;
    height: 100%;
}

.inner-image-para-box-last {
    right: 0;
    left: auto;
    position: absolute;
    top: 0;
    background-color: rgba(255, 255, 255, 0.65);
    width: 40%;
    height: 100%;
}
.new-events-section {
    margin-top: 150px;
}
.new-events-section .new-events-archive .new-events-archive-list a{
    font-size: 16.82px;
    font-family: 'NexaBold';
    color: #606060;
    padding-bottom: 5px;
    float: left;
    width: 100%;
}
.inner-news-related{
    border-bottom : 2px solid #ececec;
    padding-top: 10px;
    padding-bottom: 10px;
}
.new-events-section .new-events-archive .new-events-archive-list ul {
    list-style: none;
    padding-left: 0;
}
.new-events-section .new-events-event-card .new-events-event-card-date p {
    font-size: 13px;
    margin-top: 0px;
    font-family: 'NexaRegular';
    color: #606060;
}
.new-events-section .new-events-event-card .new-events-event-card-date span {
    float: left;
    padding-right: 8px;
    margin-top: -2px;
}
.inner-image-para-box img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.seco-inner-mouse-port-last {
    overflow: hidden;
    position: relative;
    height: 500px;
    width: 100%;
}

.inner-image-para-box-last img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.new-events-section .new-events-latest-news .new-events-latest-news-list li, .new-events-section .new-events-latest-news .new-events-latest-news-list a {
    font-size: 16.82px;
    font-family: 'NexaRegular';
    color: #606060;
    padding-top: 10px;
    padding-bottom: 10px;
}
.new-events-section .new-events-event-card .new-events-event-card-img {
    border-radius: 20px;
    overflow: hidden;
    max-height: 370px;
    margin-bottom: 36px;
}
/*end img para*/
#our-invesment .col-md-12 p {
    font-size: 15px;
    text-align: justify;
    font-family: 'helfitica' !important;
}
#second-inner-tabs .nav-tabs {
    box-shadow: 0 -8px 5px -5px #ccc;
    margin-top: 5px;
}
/*iso hover*/

.index-iso-data figure {
    margin: 0;
}

.index-iso-data .content {
    background: #eee;
    float: left;
    padding: 30px;
    min-width: 1020px;
    width: 100%;
}

.index-iso-data .image-link {
    height: 200px;
    float: left;
    height: 220px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
    text-align: center;
    padding-top: 65px;
    border: 1px solid #e1e1e1;
    margin-top: 76px;
}

.index-iso-data .image-link h2 {
    margin-top: 0;
    font-size: 19px;
    text-align: left;
    padding-top: 10px;
    min-height: 94px;
    margin-bottom: 0px;
}
.image-holder-description p{
    font-size: 16px !important;
    text-align: left;
    padding-bottom: 3px;
}
.image-holder-description a{
    font-size: 16px;
    padding: 5px 29px;
    border: 0;
    background-color: #fff;
    color: #606060;
    border-radius: 0;
}
.index-iso-data .image-link .image-holder-description {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    height: 100%;
    opacity: 0;
    padding: 12px 25px;
    position: absolute;
    z-index: 4;
    width: 100%;
}
.index-iso-data .image-link:hover .image-holder-description {
    opacity: 1;
}
.index-iso-data .image-link.effect-3 .image-holder-description {
    bottom: -200px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.index-iso-data .image-link.effect-3:hover .image-holder-description {
    bottom: 0px;
}
/*end hover*/
/*start media*/
@media (min-width:300px) and (max-width:767px) {
    .nav-tabs > li > a {
        min-height: 90px;
        text-align: center;
    }
    #second-inner-tabs .nav>li>a>img {
        float: none;
        padding-right: 0;
        margin-top: -9px;
    }
}
@media all and (max-width:724px) {
    /*    .nav-tabs > li > a > span {
            display: none;
        }*/
    .nav-tabs > li > a {
        padding: 5px 5px;
    }
}
.inner-paren-big-text{
    position: relative;
}


/*@media(min-width:775px) {
    #main-header.inner-header{
        position: absolute;
        width: 100%;
        z-index: 99;
    }
}*/
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

}
@media (min-width:768px) and (max-width:992px) {

    .col-md-5ths{
        padding-left: 15px !important;
    }

    .footer-logo-img{
        padding-top: 0;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (max-width: 992px) {
    .col-md-5ths.col-sm-6.col-xs-12.padding-top-50 img{
        margin: auto 0;
    }
    .foot-a:before{
        left: -1px;
    }
    .what-we-provide{
        padding: 20px 0;
    }
    .we-pro-icon p{
        max-width: inherit;
    }
    .what-we-provide .padding-top-100{
        padding-top: 30px;
    }
    .about-new-data h3{
        font-size: 18px;
    }
}
@media (min-width:768px) and (max-width:940px) {
    .table-page.quailty-tabs-data .nav-tabs li span {
        display: inline-table;
        position: inherit;
        /* left: inherit; */
        top: inherit;
        -webkit-transform: inherit;
        transform: inherit;
        text-align: inherit;
        max-width: inherit;
        display: block;
        padding-top: 20px;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

}
@media(max-width:1200px) {
    .Rtable-cell{
        padding: 15px;
        min-width: 40px;
    }
    .table-div-tr {
        padding-bottom: 15px;
    }
}
/*@media (min-width:1024px) and (max-width:1600px) {
    #animation-image .scroll{
        top: 200px;
    }
}*/
.col-1-style{
    padding: 0;

}

.sec-sp{
    padding-bottom: 0;
}
.carousel-index{

}
.img-power{
    bottom: -17px !important;
}
.sec-style{
    padding-bottom: 0 !important;

}
.sec-style-div{
    margin-bottom: 0 !important;
}
.sec-style2{
    padding-top: 10px !important;
}

.tableSp td,.tableSp th{
    border: solid 1px #CDCFD0;
    padding: 5px 5px;
    text-align: center;
    font-family: 'helfitica';
    font-size: 13px;
}
.tableSp th,.tdRow{
    color: #fff;
}
.cell-div{
    width: 100%;
}
#ul-qulity li:before{
    content: "\f0da";
    font-family: FontAwesome;
    color: #000;
    font-size: 27px;
    position: relative;
    top: -6px;
    padding-right: 5px;
    right: 0;
    padding-right: 9px;
}
/*#ul-qulity li:before{
   content: '';
   display: inline-block;
   width: 25px;
   height: 25px;
   position: relative;
   top: 7px;
   background-image: url('../right-arrow-quail.png');
}*/
.img-msg{
    width: 50px;
}
#span-sp{
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -10px;
}
.recaptcha-career{
    margin-left: 25% !important;
}
.h2-sp{
    padding-bottom: 15px !important;
    color: #fff;
}
#stan-msg{
    position: relative;
    color: #fff;
    padding-top: 24px;
    padding-bottom: 74px;
    background-position: 100% 71% !important;
    background-size: cover !important;
}
.stan-img{
    filter: brightness(0) invert(1);
}
#stan-msg h2{
    color: #fff !important;
}
.fa-sp{
    font-size: 28px;

    margin-top: -7px;
}
.a-color>li>a{
    color:#fff !important;

}

.indexHover:hover{
    background-color: transparent;

    box-shadow: inset 0px 3px 0px #fff;
    margin-top: -34px;
    padding-top: 49px !important;
}
.indexHover2:hover{
    background-color: transparent;
    box-shadow: inset 0px 5px 0px #fff;
    margin-top: -16px  !important;
    padding-top: 31px !important;
}
.logo-foot-last{
    max-width: 80%;
}

.top-nav-collapse .navbar-nav a{
    /*    transition: .25s;*/
    padding-bottom: 0 !important;
}
.inner-header .navbar-nav>li>a{
    padding-bottom: 26px !important;
}
.fa-q-sp{
    color: #000;
    font-size: 27px;
    position: relative;
    top: 4px;
    padding-right: 5px;
}
.spClass path {
    stroke: #fff;
    fill: transparent;
    stroke-width: 3px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}
.spClass path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
.spClass path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}
.spClass path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.spClass{
    display: block !important;
    width: 20px;
    height: 52px;
    position: absolute;
    right: 5%;
    margin-left: -30px;
    z-index: 1;
    bottom: 35px;
}

.top-nav-collapse .dropdown-menu a{
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

#main-header .dropdown-menu>li>.drop-a:hover{
    color:#b3b3b3 !important;

}
@media(max-width:991px){
    .image-holder-image {
        position: static;
        left: auto; 
        right: auto; 
        width: auto; 
    }
    .index-iso-data .image-link{
        padding-top: 25px;
    }
}
@media(max-width:768px){
    #inner-big-image .inner-big-image-div {
        margin-top: 91px;
    }
    /*    .inner-image-text {
    
            top: -45px;
        }*/


    .indexHover:hover {
        background-color: transparent;
        box-shadow: inset 0px 0px 0px #fff;
        margin-top: -23px;
        padding-top: 10px !important;
    }


    .indexHover2:hover {
        background-color: transparent;
        box-shadow: inset 0px 0px 0px #fff;
        margin-top: -16px !important;
        padding-top: 25px !important;
    }
}
@media(max-width:430px){
    .recaptcha-career{
        margin-left: 5% !important;
    }
}


@keyframes spClass
{
    0% {/* opacity:0 */}
    40% {/* opacity:1 */}
    80% {/* opacity:0 */}
    100% {/* opacity:0 */}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}
.up{
    position: fixed;
    z-index: 55;
    top: 327px;
    left: 21px;
    cursor: pointer;
    font-size: 50px;
    color: #fff;
    text-shadow: 0 0 5px black;
}

/* new header style */

.navbar-collapse{
    float: right;
}

.main-navbar-nav>li>.dropdown-menu{
    border-bottom: 6px solid #ccc !important;  
    background: rgba(0, 0, 0, .5);
    box-shadow: none !important;
}

.top-nav-collapse .dropdown-menu{
    margin-top: 16px !important;
    padding-bottom: 0px !important;
}

.main-navbar-nav .dropdown-menu>li>a {
    border-bottom: 1px solid #ccc !important;
    text-align: center;
    color: #fff !important;;
}

.main-navbar-nav .dropdown-menu>li:last-child a{
    border-bottom: 0 !important;
}
@media(min-width:767px) {

    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        background-color: #000!important;
    }
}


#main-header .navbar-default {
    border-color: transparent;
    background-repeat: repeat-x;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0) 150%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0) 150%);
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradie;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 12px rgb(0, 0, 0);
}

#main-header .navbar-default .navbar-nav>li>a {
    color: #fff;
    text-transform: capitalize;
}

#main-header .nav>li>a {
    padding: 10px 17px;
    font-size: 15px;
    font-family: 'nexabold';
}

#main-header .navbar {
    padding: 34px 0;
    padding-bottom: 25px;
}

#main-header .navbar-brand {
    margin-top: -18px;
    padding-left: 0;
}


#inner-header .navbar-default {
    background-color: #fff;
    border: 0;
    margin: 0;
    box-shadow: 0px 4px 12px 0px #ccc;
    padding: 30px 0px 25px 0;
    border-radius: 0px;
}

#inner-header .navbar-default .navbar-nav > li > a {
    font-size: 15px;
    margin-top: -32px;
    padding-top: 46px;
    text-transform: capitalize;
}
#main-header .navbar-default .navbar-nav > .active > a,
#main-header .navbar-default .navbar-nav > li > a:hover,
#main-header .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
    box-shadow: inset 0px 6px 0px #fff;
    font-size: 15px;
    margin-top: -36px;
    padding-top: 46px;
}

#inner-header .navbar-default .navbar-nav > .active > a,
#inner-header .navbar-default .navbar-nav > .active > a:hover,
#inner-header .navbar-default .navbar-nav > .active > a:focus {
    color: #626366;
    background-color: transparent;
    box-shadow: inset 0px 6px 0px #000;
    font-size: 15px;
    margin-top: -32px;
    padding-top: 46px;
}
@media(max-width:768px) {
    .navbar-collapse {
        text-align: center;
        float: none !important;
    }
    .main-footer .col-xs-12 {
        margin-left: 9%;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    #main-header .navbar {
        padding: 10px 0;
        padding-bottom: 10px;
        background-color: #000;
        background-image: none;
    }
}
@media (min-width:768px) and (max-width:992px) {
    #main-header .nav>li>a {
        padding: 10px 6px;
        font-size: 13px;
    }
    #inner-header .navbar-default .navbar-brand {

        z-index: 99999;
        position: relative;
        width: 35%;
        margin-top: -22px;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    .image-holder-image{
        position: inherit;
    }
}
#inner-header .navbar-header {
    margin-top: -15px;
}

@media (min-width:992px) and (max-width:1200px) {
    #inner-header .nav>li>a {
        padding: 10px 5px;
        text-align: center;
    }
}
@media (min-width:1024px) and (max-width:1200px) {
    #main-header .nav>li>a{
        padding: 10px 11px;
    }
}

#inner-header .navbar-default .navbar-toggle {
    border-color: #000;
    top: 6px;
    z-index: 55;
}

#inner-header .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.heder-index-menu-list:focus, .heder-index-menu-list:hover {
    background-color: rgba(231, 231, 231, 0) !important;
}
#inner-header .dropdown-menu {
    border-bottom: 6px solid #000 !important;
    background-color: #fff;
    z-index: 999;
}

.dropdown-menu>li {
    padding: 0px 20px;
}

.dropdown-menu>li>a {
    text-transform: capitalize;
    border-bottom: 1px solid #000;
    padding: 12px 0px;
    color: #777;
    text-align: center;
}

.dropdown-menu>li>a:hover {
    color: #ccc;
    background-color: transparent;
}

.dropdown-menu>li:last-child a {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 26px;
    border: 0px;
    border-bottom: 6px solid #2a3880;
    border-radius: 0px;
    padding-bottom: 22px;
    box-shadow: inset 0 24px 12px -20px #ccc;
    font-size: 14px;
    font-family: 'nexaregular';
    min-width: 200px;

    color: #fff;
    z-index: 0;
}
@media(max-width : 380px){
    .navbar-brand {
        width: 65%;
        margin-top: -15px;
    }
}
@media(max-width:991px){

    #inner-header .navbar-default .navbar-nav > .active > a,#main-header .navbar-default .navbar-nav > li > a{
        box-shadow:none;
    }
    #inner-header .navbar-default .navbar-nav > li > a:hover, #inner-header .navbar-default .navbar-nav > li > a:focus,
    #main-header .navbar-default .navbar-nav > .active > a:focus,#main-header .navbar-default .navbar-nav > .active > a:hover{
        box-shadow:none;
    }
    #inner-header .navbar-default .navbar-nav > .active > a, #inner-header .navbar-default .navbar-nav > .active > a:hover,
    #inner-header .navbar-default .navbar-nav > .active > a:focus,#main-header .navbar-default .navbar-nav > li > a:hover,
    #main-header .navbar-default .navbar-nav > .active > a,#main-header .navbar-default .navbar-nav > .active > a:hover,
    #main-header .navbar-default .navbar-nav > .active > a:focus{
        box-shadow:none;
    }
    #second-inner-tabs{
        top:90px;
    }

}

@media (max-width: 1024px){

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        text-align: center;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        /*        width: 100%;*/
        border-top: 0px;
    }

    #inner-header .navbar-header {
        /*padding-bottom: 15px;*/
    }
    .lang-drop {
        float: none;
    }

}
@media (max-width:1024px){
    .innerHead-sp > li > a {
        margin-top: 0 !important;
        padding-top: 15px !important;

    }
    .xSection{
        height: 1185px ;
    }
    .innerHead-sp>li>.dropdown-menu {

        z-index: 2;
        margin-top: 5px !important;
    }

    #inner-slider .gallery-cell img {
        width:80%;
    }
    /*
        #inner-big-image .inner-big-image-div {
            height: 110px;
        }*/
    #inner-header .dropdown-menu{
        border-bottom: 0px solid #000 !important;
        left: 0;
        right: 0;
        width: 150px;
        margin: auto;
        top: 35px;
    }
    #inner-header .navbar-default .navbar-nav > li > a:hover ~ .dropdown-menu{
        display: none !important;
    } 
}

@media (max-width:1100px){
    #main-header .navbar-brand img {
        max-height: 60px;
        margin-top: -5px;
    }
}

@media (max-width: 768px){
    #main-header .navbar-brand img{
        margin-top: 0;
    }
}

@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        text-align: center;
    }

    .main-navbar-nav>li>.dropdown-menu{
        border-bottom: 0 !important; 
    }
}
.menuHeaderArrow > li > a:after {
    content: '\25BC';
    padding-left: 1px;
    top: -1px;
    position: relative;
    font-size: 7px;
    left: 7px;
}
.menuHeaderArrow li > a:only-child:after {
    content: '';
}
#main-header .navbar-brand img {
    max-height: 65px;
    margin-top: -15px;
}
.arabic-lang-img img {
    max-width: 66% !important;
    /*    filter: brightness(0) invert(1);*/
    width: 30px;
    float: left;
    margin-right: 10px;
}
.arabic-lang-img2 img{
    max-width: 66% !important;

}

@media(max-width:500px){
    .index-peop-right-q {
        padding-top: 280px;
    }
}
@media(max-width:420px){
    .index-peop-right-q {
        padding-top: 280px;
    }
}
@media(max-width:380px){
    .index-peop-right-q {
        padding-top: 230px;
    }
}

#inner-header .navbar-brand img {
    max-height: 65px;
    margin-top: -15px;
}
@media(max-width:768px){
    #inner-header .navbar-brand img ,#main-header .navbar-brand img {
        margin-top: -6px;
    }
}
.xs-row{
    margin-bottom: 20px;
}
.xs-row ul li a{
    color: #fff;
    font-size: 14px;
    font-family: 'helfitica' !important;
    text-transform: capitalize;

}
.xs-row ul li a:hover{
    text-decoration: none;
}
.drop-xs-row{
    padding-left: 8px;
}
.drop-xs-row li a{
    font-size: 13px !important;
    padding-left: 4px;

}
.xs-row ul>li :before{
    content: "\25BA";
    color: #fff;
    font-size: 14px;
    position: relative;
    top: 0px;
    right: 7px;

}

.drop-xs-row li:before{
    content: "" !important; 
}
.drop-xs-row:before{
    content: "" !important;
    position: relative;
    top: 0;
    padding: 0 !important;
}

/*.js-xs-row .col-xs-4{
    width: 100%;
    margin: auto; 
    margin-bottom: 10px;
}*/
.js-xs-row .drop-xs-row{
    width: 100%;  
}
.drop-xs-row a:before{
    content: "" !important;
}
#inner-header{
    position: fixed;
    z-index: 99999999999999;
    top: 0;
    width: 100%;
}
.top-nav-collapse .navbar-brand img {
    transition: .5s;
    max-height: 50px !important;
    margin-top: -6px !important;
}
@media(max-width:768px){
    #span-sp {
        display: block;
        text-align: left;
        left: auto;
    }
    .footer-logo-img{
        padding-top: 0px !important;
        margin-bottom: 10px !important;
    }
    .container-quality{
        margin-top: 40px;
    }
    .quailty-tabs-data li{
        margin-bottom: 0px;
    }
    .new-product-image-gal .imageCell{
        width: 100%;
    }
    .new-product-image-gal .flickity-prev-next-button {
        top: 50%;
    }
    .new-product-slider .gallery {
        height: 200px;
    }
}
#our-invesment,#corporate,#home-slider{
    overflow: hidden;
}
.nav-tabs bdo{
    unicode-bidi: embed;
    direction: rtl;
}

.special-padding-certi{
    padding-bottom: 60px;
    padding-top: 60px;
}
@media (max-width: 1024px){
    #main-header .navbar-default .navbar-nav > .active > a,
    #main-header .navbar-default .navbar-nav > li > a:hover,
    #main-header .navbar-default .navbar-nav > li > a:focus {
        box-shadow: none !important;
    }
}
@media (max-width: 768px){
    .sp-lastT{
        font-weight: normal !important;
        font-size: 21px !important;;
    }
    .inner-value-icon-text p{
        text-align: center;
    }
}
.fuClass1{
    margin-bottom: 5px;

    padding-top:5px;
}
.fuClass2{
    padding-top: 24px;
}
.fuClass3{
    padding-top: 20px;
}
.fuClass4{
    padding-top: 18px;
}


#inner-text-data{
    overflow: hidden;
}
@media(max-width:768px){
    .text-center-768{
        text-align: center;
    }
    .index-iso-data .image-link {
        height: 170px !important;

    }
    .styleTab1,.styleTab3{
        padding-top: 6px !important;;
    }
    .styleTab2{
        padding-top: 17px !important;
    }
    .catalog-img img{
        width: 100%;
    }
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: transparent;
}

#main-header .top-nav-collapse .dropdown-menu  {
    background-color: rgb(0, 0, 0) !important;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0) 150%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0) 150%);
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradie;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.clear-envero{
    height: 17px;
}
.about-new-data{
    padding-bottom: 50px;
}
.about-new-data .text-sp-ed{
    color: #009B84;
}
.about-new-data h3{
    margin-top: 0;
    text-align: left;
}
.about-new-data h3 i{
    color: #009c85;
}
.about-new-data .col-md-4{
    text-align: center;
}
.about-new-data p{
    text-align: left;
}
#about-pop-new .text-sp-ed{
    color: #009B84;
}
#about-pop-new{
    padding-bottom: 30px;
}
#about-pop-new .index-iso-data .image-link{
    #about-pop-new
}
.product-img-galery-slider .flickity-viewport{
    height: 400px !important;
}
.white-popup-block{
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}
/*.product-pop-slider img{
    width: 300px;
}*/
.table-page .modal-dialog {
    width: 700px;
    margin: 140px auto;
}
.table-page .flickity-enabled.is-draggable .flickity-viewport {
    height: 60vh !important;
}
.table-page .modal-footer{
    border-top: 0;
}
.popup-gallery a{
    display: none;
}
.popup-gallery a:first-child{
    display: block;
}
.all-product-box {
    min-height: 300px;
}
#home-slider .flickity-viewport{
    height: 100vh !important;
}
#home-slider .flickity-prev-next-button.next{
    right: 25%;
    top: 50% !important;
}
#home-slider .flickity-prev-next-button.previous{
    left: 25%;
    top: 50% !important;
    opacity: 1;
}
.index-slider-text h2{
    margin: 0;
}
#home-slider .index-slider-text{
    position: absolute;
    top: 48vh;
    width: 590px;
    left: 50%;
    margin-left: -295px;
    color: #fff;
}
.new-product-image-gal .flickity-enabled.is-draggable .flickity-viewport {
    height: 100% !important;
}

.new-product-image-gal .carousel-cell {
    width: 25%;
    height: 200px;
    margin-right: 10px;
    background: #8C8;
    border-radius: 5px;
    counter-increment: carousel-cell;
}

.new-product-image-gal .carousel-cell.is-selected {
    background: #ED2;
}
.pag-next-prev a{
    padding: 8px 10px !important;  
}

.linkes-news a{
    color: #000  !important;
}
.linkes-news a:hover,.linkes-news .active-number{
    background-color: #000 !important;
    color: #fff !important;
}
/* cell number */
.new-product-image-gal .carousel-cell:before {
    display: block;
    text-align: center;
    content: counter(carousel-cell);
    line-height: 200px;
    font-size: 80px;
    color: white;
}
@media(max-width:768px) {
    #step-progress-bar-sec{
        margin-top: 0;
    }
    .arrow-animation-images{
        padding-bottom: 30px;
    }
    /*    .animation-step-text .step-text2{
            top: -47px;
        }*/
    #corporate{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #inner-value-section .cor-img{
        width: 60px;
        min-height: 65px;
        margin: auto;
    }
    .power-plant-second-section{
        margin-top: 80px !important;
    }
    .power-plant-second-section .inner-value-icon img{
        width: 80px;
    }
    .power-plant-second-section .inner-value-icon-text {
        padding-top: 30px;
    }
    .power-plant-second-section .inner-value-icon-row{
        margin-bottom: 0px;
        padding-bottom: 40px;
    }
    .power-plant-second-section .inner-value-icon-text h2{
        margin: 0;
    }
    .index-sect-title h2{
        font-size: 25px;
    }
    /*    .quailty-tabs-data .nav-tabs li{
            height: 100px;
            overflow: hidden;
        }*/
    .enviro-img img{
        width: 70px;
    }
    .inner-envir-data h2{
        font-size: 20px;
    }
    #stan-msg h2{
        font-size: 24px !important;
    }
    .quailty-tabs-data .padding-top-60{
        padding-top: 30px;
    }
    #corporate .cor-data-row {
        padding-top: 40px;
    }
    #corporate .cor-data-box img{
        width: 60px;
    }
    #corporate .cor-data-row .col-center{
        margin-bottom: 40px;
    }
    #corporate .index-cor-blue{
        font-size: 22px;
    }
    .index-iso-data .image-link h2{
        font-size: 15px;
        min-height: 30px !important;
    }

    .inner-value-icon-row{
        min-height: 170px;
    }
    .index-iso-data .image-link .image-holder-description{
        padding-top: 10px;
    }
    #index-people .index-people-text h2{
        font-size: 25px;
    }
    #inner-value-section .cor-text p{
        font-size: 18px;
        margin-bottom: 5px;
    }
    #inner-value-section .index-cor-blue{
        font-size: 22px;
    }
    .index-iso-data .image-link{
        height: 150px;
        margin-top: 30px;
    }
    .index-iso-data .image-holder-image{
        width: 90px;
    }
    #our-invesment{
        padding-top: 30px;
    }
    #corporate .cor-text p{
        margin-bottom: 0;
        font-size: 19px;
    }
    #corporate .cor-img{
        min-height: 65px;
    }
    .contactus-content.padding-top-80{
        padding-top: 40px;
    }
    .contact-us-label-text .margin-top-45{
        margin-top: 0;
    }
    .footer-latest-twitt.col-xs-6{
        width: 50% !important;
    }
    .sustain-img-last{
        margin-bottom: 20px;
    }
    .sustain-last-col.padding-top-80 {
        padding-top: 40px;
    }
    .margin-bottom-100 {
        margin-bottom: 30px;
    }
    .inner-title h2{
        font-size: 19px;
    }
    .inner-vission-mission h2,#inner-value-section h2{
        font-size: 25px;
        margin: 0;
    }
    .inner-hr-title{
        margin-bottom: 15px;
        margin-top: 5px;
    }
    #animation-image{
        margin-top: 20px !important;
    }
    .col-xs-12{
        width: 100% !important;
    }
    .footer-logo-img img{
        width: 50%;
        float: left;
    }

    .anim-box-text{
        width: 8%;
    }
    /*    .step-progress-bar .steps > li > a{
            position: relative;
        }*/
    /*    .step-progress-bar .steps > li{
            width: 25%;
            margin-bottom: 20px;
        }*/
    .step-progress-bar .steps{
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .table-page.quailty-tabs-data .nav-tabs li span {
        display: inline-table;
        position: inherit;
        /* left: inherit; */
        top: inherit;
        -webkit-transform: inherit;
        transform: inherit;
        text-align: inherit;
        max-width: inherit;
        display: block;
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 0;
    }
    .quailty-tabs-data .nav>li>a>img {
        height: 27px;
    }
    .table-page.quailty-tabs-data .nav-tabs li a{
        height: 60px;
    }
    #main-header.inner-header .navbar-default .navbar-toggle{
        border-color: #007261;
    }
    #main-header.inner-header .navbar-default .navbar-toggle .icon-bar{
        background-color: #007261;
    }
    .quailty-tabs-data .nav-tabs > li > a > span{
        display: block;
        padding-top: 10px;
        left: 0;
        font-size: 12px !important;
    }
    .inner-gradient{
        height: initial;
    }
    .inner-image-text{
        position: relative;
        left: 0px;
        top: -65px;
        padding: 10px 20px;
        /* background-color: transparent; */
    }
    .sustain-text-img{
        padding: 3px 10px;
        font-size: 18px;
    }
    .sustain-last-col .col-md-6.col-xs-12{
        padding-bottom: 40px;
    }
    .sustain-text-img p{
        font-size: 18px;
    }
    #inner-text-data {
        /* padding-top: 0; */
        padding-bottom: 30px;
        margin-top: -50px;
    }
    .folowus-col ul li a{
        font-size: 15px;
    }
    .img-video-mobile{
        display: block !important;
    }
    .footer-col-data li a i{
        width: 30px;
        height: 30px;
        padding-top: 8px;
    }
    #home-slider .flickity-page-dots {
        bottom: 5px;
    }
    #main-header .navbar-brand {
        margin-top: -9px !important;
        float: left;
        width: 170px;
    }
    .js-video{
        margin-top: 50px;
    }
    .banner-text h2{
        font-size: 17px !important;
    }
    .banner-text{
        margin-top: 35%;
    }
    #index-people{
        padding: 40px 0;
    }
    .col-md-5ths.col-sm-6.col-xs-12.padding-top-50 img{
        margin: auto !important;
        margin-bottom: 20px !important;
    }
    .main-slider-text {
        display: inherit;
        display: inherit;
        display: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -webkit-box-align: inherit;
        -ms-flex-align: center;
        align-items: inherit;
        color: white;
        width: 100%;
        height: 100%;
        padding-top: 100px;
    }
    .main-slider-text h2 {
        font-size: 20px;
    }
    .main-slider-text span {
        font-size: 17px;
    }

    ul.footer-col-data.footer-iso-img{
        margin-bottom: 25px;
        margin-top: 0;
    }
    .folowus-col ul li{
        float: left;
        display: inline-block;
    }
    .main-footer .col-xs-12 {
        text-align: center;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .award-data-row {
        text-align: center;
    }
    .footer-col-data {
        float: left;
        width: 100%;
        text-align: center;
        margin: auto;
    }
    .footer-iso-img li{
        display: inline-block;
        float: left;
        margin-top: 10px;
    }
    .footer-latest-twitt h2{
        text-align: left;
    }
    .award-forth-p {
        font-size: 66px;
    }
    .inner-image-text p {
        font-size: 15px;
    }
    .step-progress-bar .steps > li:first-child{
        margin-right: -50px;
        left: -52px;
    }
    .index-slider-text h2{
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }
    #home-slider .index-slider-text{
        top: 50vh;
        width: 100vw;
        left: 0;
        right: 0;
        margin-left: 0;
    }
    #home-slider .flickity-prev-next-button.next{
        right: 0%;
        top: 55% !important;
    }
    #home-slider .flickity-prev-next-button.previous{
        left: 0;
        top: 55% !important;
    }
}