/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

@font-face {
    font-family: MicroSquare-ExtraBold;
    src: url(../fonts/microsquare-extrabold.otf);
}

/* Main */

html, body {
    font-family: 'Roboto', sans-serif;
    color: #666B6F;
    position: relative;
    overflow-x: hidden;
}
a.darklink {
    color: #666B6F;
}

h1 {
    color: #46abb0;
}
a:hover
{
    text-decoration: none;
}
.item span{
    position: fixed !important;
}
input[type="text"]{
    padding: 0 18px;
}
textarea {
    padding: 10px 18px;
}
.certificatesinner-bottom {
    margin-top: 35px;
    max-width: 900px;
    margin: 35px auto 0;
    float: none;
}
.contact-block-left {
    width: 50% !important;
}
.commodities-map-text {
    font-size: 17px !important;
    font-weight: 600 !important;
}
.commodities-middle-text{
    margin-top: 50px;
}
.commodities-middle-text p{
    color: #54b8be !important;
    font-weight: 400 !important;
    text-align: justify;
}
.commodities-storage-graph{
    margin: auto;
    display: table;
}
.ecostore-text{
    margin-top: 90px;
}

.block {
    padding-top: 50px;
    padding-bottom: 30px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
}

.vbottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.vtop {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.down-nav.down_nav6{
    margin: 42px 0 160px;
}
.down-nav.down_nav5{
    margin: 42px 0 160px;
}
.down-nav.down_nav4{
    margin: 42px 0 160px;
}
.down-nav {
    text-align: center;
    margin: 42px 0 87px;
}
.down-nav .navigation {
    background-color: #54b8be;
    border-radius: 50px;
    color: #ffffff;
    width: 35px;
    height: 35px;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
}
.down-nav .navigation:hover {
    background-color: #3a8e1b;
    color: #ffffff;
}
#about .container
{
    width: 100%;
}

#about h1 {
    font-weight: 300;
    margin: 0 0 27px 0;
    line-height: 1;
}

#about p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #666B6F;
}
#aboutsection {
    max-width: 900px;
    margin: auto;
}

#about {
    padding-top: 24px;
}


.aboutsection_left {
    padding-right: 56px;
}
#about .logo {
    background-image: url(../images/logo.png);
    background-size: 447px;
    width: 100%;
    height: 228px;
    margin-left: 0;
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#missionsection
{
    max-width: 900px;
    margin: auto;
    padding-top: 48px;
}
#missionsection .aboutsection_left {
    padding-right: 15px;
    padding-left: 56px;
    padding-top: 13px;
}

#missionsection .aboutsection_left h1 {
    margin-bottom: 36px;
    margin-top: 0;
}

/*#missionsection .aboutsection_right .mission {
    margin: 0;
}*/
.down-nav.down_nav2 {
    margin: 63px 0 153px; /*119px*/
}

#menu{
    z-index: 1234;
}
/* footer */

#footer{
        margin-bottom: 100px;
}

.footer-top-part{
    margin-bottom: 30px;
}



.footer-middle-part {
    width: 100%;
    height: 139px;
}
.footer-menu{
    width: 87%;
    float: left;
    column-count: 2;
    margin-top: 19px;
}
.footer-menu ul{
    list-style-type: none;
    line-height: 17px;
    padding: 0 5px 0 0;
}
.footer-menu ul li{
    border-right: 1px solid #babcbd;
}
.footer-menu ul li a{
    color: #babcbd;
}
.footer-menu-to{
    border-right: none !important;
}
/*.languages {
    float: left;
}*/

.footer-details {
    float: right;
    padding-top: 19px;
}
.footer-details a{
    display: block;
    line-height: 17px;
    color: #babcbd;
}
.footer-details-to
{
    padding-top: 14px;
    color: #babcbd;
}
.footer-bottom-part {
    width: 100%;
}
.footer-bottom-left {
    float: left;
}
.footer-bottom-right {
    width: 27%;
    float: right;
    padding: 4px 0 0 0;
}
.footer-bottom-left a {
    display: block;
    line-height: 18px;
    color: #babcbd;
    text-decoration: underline;
}
.footer-bottom-right i {
    float: left;
    font-size: 50px;
    padding: 0 10px 0 0;
    color: #babcbd;
}
.footer-bottom-right p {
    line-height: 16px;
    margin: 2px 0 0 0;
    color: #babcbd;
}


/************ sss *************/

.slider-over-lay {
    position: absolute;
    bottom: 0;
}
.slider-over-lay img {
    width: 100%;
}
span.text_over {
    bottom: 42.5%;
    left: 39%;
    font-size: 24px;
    font-weight: 300;
    color: #666B6F;
    width: 100%;
    text-align: center;
    max-width: 43%;
    position: absolute;
}


/************ sss ************/


/*      footer responsive       */

@media screen and (max-width: 1199px) {
    .footer-menu{
        width: 100%;
    }
    .footer-bottom-right{
        display: inline-block;
        position: absolute;
        right: 25px;
    }
}


@media screen and (min-width: 1024px) {
    .narrow {
        padding-left: 75px;
        padding-right: 75px;
    }
}

button.send {
    background-color: #54b8be;
    border-radius: 50px;
    border: 0px;
    padding: 8px 15px;
    color: #ffffff;
    font-weight: 300 !important;
}
button.send:hover {
    background-color: #3a8e1b;
}

/* Main Navigation */

@media screen and (max-width: 768px) {

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #fff;
        z-index: 123;
    }

    .navbar-default .navbar-nav > li > a {
        color: #55b8be;
    }
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #55b8be;
        /*text-shadow: 1px 1px 1px #55b8be;*/
        font-weight: bold;
    }

    .active {
       /*background: #54b8be;*/
       /*border-bottom: 2px solid #54b8be;*/
    }

    .text-justify {
       z-index: -1;
       padding: 0;
    }
    #google-map p.block.narrow{
        text-align: justify;
    }
    .commodities-storage-graph{
        width: 85.501532vw;
        height: 41.145833333333336vw;
    }

}

@media screen and (min-width: 768px) {

    #menu.navbar {
        border-radius: 0;
    }

    #menu.navbar-default {
        border: 0;
    }

    #menu {
        /*background-image: url(../images/bannerinner_sm.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 116px;*/
        margin: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: transparent;
    }

    .homepage {
        /*background-image: url(../images/bannersmall_sm.jpg);*/
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 411px;
        position: relative;
    }

    #menu .navbar-nav {
        width: 100%;
        text-align: center;
        margin: 0px;
    }

    #menu .navbar-nav > li {
        float: none;
        display: inline-block;
    }

    #menu .navbar-nav > li > a {
        padding: 5px;
        margin: 24px 30px;
        color: #ffffff;
        font-size: 18px;
    }

    #menu .navbar-nav > li > a:hover {
        color: #54b8be;
        border-bottom: 2px solid #54b8be;
    }

    #menu .navbar-nav > li .contacts:hover{
        color: #fff;
        border-bottom: none;
    }
    #menu .navbar-nav > li .active {
        color: #3a8e1b;
        border-bottom: 2px solid #3a8e1b;
        background-color: transparent;
    }

    #menu .navbar-nav > li .contacts {
        background-color:#55b8be;
        border-radius: 50px;
        padding: 5px 10px;
    }

    #menu .navbar-nav > li .contacts:hover {
        background-color: #3a8e1b;
    }

    #menu .navbar-nav > li .contacts.active {
        background-color: #3a8e1b;
        border: 0;
        color: #ffffff;
    }

}


/* Footer */

.footer-button {
    text-align: center;
}

button.jump-to-footer {
    background-color: #666a6e;
    border-radius: 50px;
    border: 0px;
    padding: 8px 15px;
    color: #fff;
    width: 163px;
    font-size: 18px;
    margin-top: 30px;
    outline: none;

}

.footer-button a {
    color: #fff;
    text-decoration: none;
}

#footer .languages {
    text-align: center;
    width: 50%;
    padding-bottom: 25px;
    margin: 50px auto;
    border-bottom: 1px solid #babcbd;
}

#footer .languages img {
    width: 30px;
    height: 30px;
}

#footer .languages span {
    margin: 10px 33px;
}

@media screen and (max-width: 1023px) {
    #footer .languages span {
        margin: 10px 20px;
    }
    span.text_over {
        font-size: 13px !important; 
        line-height: 14px;
    }
}

#footer .copyrights {
    text-align: center;
    color: #babcbd;
    margin: 25px 0;
}

/* Block: Slider */

#slider {
    position: relative;
    overflow: hidden;
}

#slider ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

#slider .buttons {
    position: absolute;
    left: 36%;
}

#slider .buttons .text {
    margin: 0 10px;
}

#slider .circle {
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-color: #54b8be;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

#slider .contact-us {
    background-color: #54b8be;
    border-radius: 50px;
    padding: 10px 20px;
    color: #ffffff;
    position: absolute;
}
.banner_text{
    position: absolute;
    top: 93px;
    right: 38%;
}
.banner_text h1{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 67px;
    line-height: 48px;
}
.banner_text h2{
    margin-top: -13px;
    font-weight: 300;
    margin-left: -5px;
    font-size: 33px;
    color: #ffffff;
}
.servicesslider .carousel-inner img{
    width: 100%;
}
.services-button .text:hover {
    background: #3a8e1b;
    color: #fff;
}
.servicesslider .carousel-inner .text{
    position: absolute;
    bottom: 48%;
    left: 39%;
    font-size: 24px;
    font-weight: 300;
    color: #666B6F;
    width: 100%;
    text-align: center;
    max-width: 43%;
}
.servicesslider .carousel-control{
    top: 48%;
    background-image: none;
    text-shadow: none;
    color: #000;
    opacity: 1;
    bottom: unset;
    z-index: 9;
}
.servicesslider .circle {
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-color: #54b8be;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}
.servicesslider .control_prev{
    left: 29%;
}
.servicesslider .control_next{
    right: 8%;
}

#vision h1{
    font-weight: 300;    
}

#technical h1{
    font-weight: 300;    
    margin: 0 0 25px; 
}

#technical p{
    font-weight: 300;
    color: #666B6F;
    font-size: 14px;
}

.servicesbox1left h1{
    font-weight: 300;
    margin-bottom: 23px;
    margin-top: 0;
}

#commodities h1{
    font-weight: 300;
    margin: 0 0 25px; 
}
#world-map p{
    font-weight: 300;
    color: #666B6F;
    font-size: 14px;
    text-align: justify;
}
button.jump-to-send {
    background-color: #54b8be;
    border-radius: 50px;
    border: 0px;
    padding: 8px 15px;
    color: #fff;
    width: 200px; /*163px*/
    font-size: 18px;
    position: absolute;
    bottom: 27%;
    right: 28.3%;
    outline: none;
    z-index: 9;
}
button.jump-to-send:hover{
    background-color: #3a8e1b;
}
.carousel-inner a {
    color: #337ab7;
    text-decoration: none;
}



@media screen and (min-width: 768px) {
    #slider li.slide1 {
        background-image: url(../images/slider/home/home-1-sm.jpg);
    }
    #slider li.slide2 {
        background-image: url(../images/slider/home/home-2-sm.jpg);
    }
    #slider li.slide3 {
        background-image: url(../images/slider/home/home-3-sm.jpg);
    }
    #slider.services li.slide1 {
        background-image: url(../images/slider/services-sm/services-sm.jpg);
    }
    #slider.commodities li.slide1 {
        background-image: url(../images/slider/commodities/commodities-sm.jpg);
    }
    #slider.technical li.slide1 {
        background-image: url(../images/slider/technical/technical-sm.jpg);
    }
    #slider.contact li.slide1 {
        background-image: url(../images/slider/contact/contact-sm.jpg);
    }
    #slider li {
        height: 731px;
    }
    #slider .contact-us {
        bottom: 200px;
        right: 175px;
    }
    #slider .buttons {
        bottom: 350px;
        font-size: 16px;
    }
}
@media screen and (max-width: 991px){
    .footer-bottom-right {
        position: absolute;
        width: 40%;
        float: right;
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 767px) {
    .down-nav .navigation{
        display: none; 
    }
    .contact-block-left{
        width: 100% !important;
    }
    #slider li.slide1 {
        background-image: url(../images/slider/home/home-1-xs.jpg);
    }
    #slider li.slide2 {
        background-image: url(../images/slider/home/home-2-xs.jpg);
    }
    #slider li.slide2 {
        background-image: url(../images/slider/home/home-3-xs.jpg);
    }
    #slider li {
        height: 300px;
    }
    .footer-menu {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    /*#footer .languages {
        text-align: center;
        width: 100%;
        margin: 20px 0;
        padding-bottom: 0;
    }*/
    .footer-det {
        padding-right: 0;
        padding-top: 10px;
        display: flex;
        justify-content: center;
        padding: 0;
    }
    .footer-menu ul {
         padding: 0; 
         line-height: 22px;
         width: auto;
        margin: 0 auto;
    }
    .footer-menu ul li {
        border-right: none;
    }
    .footer-midd {
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        justify-content: center;
    }
    .footer-details a {
        line-height: 22px;
    }

    .footer-details {
        padding-top: 0;
    }
    .footer-det {
        padding-right: 0px;
        padding-top: 10px;
        display: flex;
        justify-content: center;
        
    }
    .footer-bottom-right {
     position: unset; 
        width: 100%;
         float: none; 
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }
}

@media screen and (max-width: 992px){
    .commodities-storage-graph{
        width: 73vw;
    }
}
@media screen and (min-width: 992px) {
    #slider li.slide1 {
        background-image: url(../images/slider/home/home-1-md.jpg);
    }
    #slider li.slide2 {
        background-image: url(../images/slider/home/home-2-md.jpg);
    }
    #slider li.slide3 {
        background-image: url(../images/slider/home/home-3-md.jpg);
    }
    #slider.services li.slide1 {
        background-image: url(../images/slider/services/services-md.jpg);
    }
    #slider.commodities li.slide1 {
        background-image: url(../images/slider/commodities/commodities-md.jpg);
    }
    #slider.technical li.slide1 {
        background-image: url(../images/slider/technical/technical-md.jpg);
    }
    #slider.contact li.slide1 {
        background-image: url(../images/slider/contact/contact-md.jpg);
    }
    #slider li {
        height: 975px;
    }
    #slider .circle {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 24px;
}
    #slider .contact-us {
        bottom: 275px;
        right: 250px;
    }
    #slider .buttons {
        bottom: 470px;
        font-size: 22px;
    }
}



/* Page: Home */

.services-button {
    position: absolute;
    bottom: 217px;
    right: 253px;
}

.services-button a {
    border: 1px solid #3a8e1b;
    border-radius: 28px;
    padding: 10px 0; /*5px 0*/
    color: #3a8e1b;
    font-size: 18px;
    width: 300px; /*278px*/
    display: block;
    text-align: center;
    font-weight: 500;
}
.services-button a:hover {
    background: #3a8e1b;
    color: #fff;
}
.services-button a span {
    padding: 0 0 0 7px;
    font-size: 15px;
    display: inline-block;
    vertical-align: text-top;
}
#about .mission {
    background-image: url(../images/mission_sm.png);
    width: 300px;
    height: 280px;
}
@media screen and (min-width: 768px) {

    /*.services-button .text {
        bottom: 125px;
    }*/

    /*#about .logo {
        background-image: url(../images/logo_sm.png);
        width: 300px;
        height: 157px;
        margin-left: 20px;
    }*/

    

    #vision h1 {
    color: #ffffff;
    }

    #vision .buttons {
        position: relative;
    }

    #vision {
        background-image: url(../images/layer_sm.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        height: 735px;
        color: #ffffff;
        background-size: 100% 100%;
    }

    #vision .content {
        font-size: 12px;
    }

    #vision .buttons .menu-links {
        font-size: 30px;
        position: absolute;
        color: #ffffff;
    }


    #vision .buttons .menu-links.contact {
        left: 575px;
        top: 0;
    }

    #vision .buttons .menu-links.services {
        left: 460px;
        top: -300px;
    }

    #vision .buttons .menu-links.commodities {
        left: 360px;
        top: -150px;
    }

    #vision .buttons .menu-links.technical {
        left: 265px;
        top: 0;
    }


    #vision .buttons .menu-links .circle {
        border-radius: 50px;
        width: 30px;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        background-color: #ffffff;
        color: #54b8be; /*#666b6f*/
        margin-right: 15px;
        text-align: center;
        font-size: 15px;
        vertical-align: middle;
    }

    #vision .buttons .menu-links .menu-item {
        display: inline-block;
        vertical-align: middle;
    }

    #vision .buttons .menu-links .contact-us {
        background-color: #ffffff;
        border-radius: 50px;
        padding: 8px 15px; /*7px 30px*/
        color: #54b8be;
        position: absolute;
        width: 200px; /*170px*/
        font-size: 18px;
    }
    #vision .buttons .menu-links .contact-us:hover{
            background-color: #3a8e1b;
            color: #ffffff;
    }
    .buttons .menu-item:hover {
        text-decoration: underline;
    }
}

@media screen and (min-width: 992px) {
    
    /*.services-button .text {
        bottom: 225px;
        font-size: 18px;
        padding: 7px 20px;
    }*/

    /*#about .logo {
        background-image: url(../images/logo.png);
        width: 435px;
        height: 228px;
    }*/

    #about .mission {
        background-image: url(../images/mission.png);
        width: 410px;
        height: 382px;
        margin-top: 0;
    }

    #missionsection h1{
        margin-top: 0;
        text-align: right;
        margin-bottom: 30px;
    }

    #missionsection button.send{
        margin-top: 15px;
        width: 200px; /*163px*/
        font-size: 18px;
    }

    #vision {
        background-image: url(../images/layer_md.png);
        height: 980px;
    }

    #vision .content {
        font-size: 14px;
    }

    #vision .buttons .menu-links {
        font-size: 36px;
    }

    #vision .buttons .menu-links .circle {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-right: 25px;
        font-size: 27px;
        padding: 0 0 0 5px;
    }

    #vision .buttons .menu-links.contact {
        left: 750px;
        top: 400px;
    }

    #vision .buttons .menu-links.services {
        left: 365px;
        top: 0px;
    }

    #vision .buttons .menu-links.commodities {
        left: 265px;
        top: 170px;
    }

    #vision .buttons .menu-links.technical {
        left: 170px;
        top: 348px;
    }

    #vision .buttons .menu-links .navigation {
        margin-right: 50px;
    }
}

@media screen and (min-width: 1200px) {
    
    /*.services-button .text {
        bottom: 232px;
    }*/

    /*#about .logo {
        margin-left: 73px;
    }
*/
    #vision {
        background-image: url(../images/layer.png);
        height: 1033px;
    }

    #vision h1{
       margin-top: 45px;  /*88px*/
    }

    #vision .content p.first{
       margin-top: 30px;  
    }


    #vision .buttons .menu-links.contact {
        left: 720px;
    }

    #vision .buttons .menu-links.services {
        left: 45%;
    }

    #vision .buttons .menu-links.commodities {
        left: 34%;
    }

    #vision .buttons .menu-links.technical {
        left: 23%;
    }


    /*.servicesbox1left{
        margin-top: 38px;
    }*/

    .servicesbox1right{
        margin-top: 130px;
    }
    .servicesbox1right .vbottom{
        margin-bottom: 59px;                                                                                                                                                    
    }
    .servicesbox1right .block{
        padding-top: 0;
    }
    .servicesbox1right button.send{
        width: 220px; /*158px*/
        font-size: 17px;
    }


    .certificatesinner {
        /* margin-left: 170px; */
        margin-top: 35px;
        max-width: 900px;
        margin: 35px auto 0;
        float: none;
    }
    .certificatesinner h1{
        font-weight: 300;
        margin-bottom: 22px;
    }
    .certificatesinner .vtop{
        float: left;
    }
    .certificatesinner_btn button.send{
        font-size: 17px;
        font-weight: 300;
        padding: 8px 25px;
    }
    #world-map  button.send{
        font-size: 18px;
        font-weight: 300;
        padding: 8px 42px;
    }

}

@media screen and (min-width: 1500px) {
    body{
        max-width: 1440px;
        margin: 0 auto;
    }
}



@media screen and (min-width: 1500px) {

    #vision .buttons .menu-links.services {
        left: 43%;
    }

    #vision .buttons .menu-links.commodities {
        left: 31%;
    }

    #vision .buttons .menu-links.technical {
        left: 18%;
    }
}

@media screen and (min-width: 1900px) {
    .text-right{
        width: 55%;
    }

    #vision .buttons .menu-links.services {
        left: 50.5%;
    }

    #vision .buttons .menu-links.commodities {
        left: 38%;
    }

    #vision .buttons .menu-links.technical {
        left: 24%;
    }
}

.quote {
    width: 65%;
    margin: 39px auto 0px;
}
.quote .mb-0 {
    font-size: 18px;
    margin: 0;
    font-weight: 500;
    padding: 0 24px 0 0;
    text-align: left; 
}
.quote .blockquote-reverse {
    border: 0;
    margin-bottom: 0;
    padding: 0;
}
.quote .blockquote-footer {
    margin-top: 27px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 14px 0 0;
}
.quote .blockquote-footer:after {
    display: none;
}

/* Page: Services */

#services .service-icon {
    color: #54b8be;
    font-weight: 700;
    text-align: center;
}

#services .service-icon::before {
    content: "";
    display: block;
    margin: 30px auto 10px auto;
}

#services .service-icon.unloading::before {
    background-image: url(../images/icons/afname-container.png);
    width: 65px;
    height: 88px;
}

#services .service-icon.quality::before {
    background-image: url(../images/icons/quality.png);
    width: 63px;
    height: 82px;
}

#services .service-icon.stocking::before {                          
    background-image: url(../images/icons/hangar.png);
    width: 86px;
    height: 44px;
}

#services .service-icon.bulk-stock::before {
    background-image: url(../images/icons/weegschaal.png);
    width: 72px;
    height: 67px;
}

#services .service-icon.redestribution::before {
    background-image: url(../images/icons/camion-grijs.png);
    width: 79px;
    height: 47px;
}

#services .service-icon.shipping::before {
    background-image: url(../images/icons/ship1.png);
    width: 107px;
    height: 47px;
}

#services button.send {
    background-color: #3a8e1b;
}


#certificates .certificate-image {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 12px;
}

#certificates p{
    font-size: 12px;
    color: #666B6F;
    font-weight: 300; 
}

#certificates .certificate-image::before {
    content: "";
    display: block;
    height: 180px;
    width: 140px;
    margin: 0px;
}

#certificates .certificate-image.iso-9001::before {
    background-image: url(/docs2023/qualityiso.png);
    background-size: 140px 170px;
    background-repeat: no-repeat;
}

#certificates .certificate-image.iso-22000::before {
    background-image: url(/docs2023/foodsafetyiso.png);
     background-size: 140px 170px;
    background-repeat: no-repeat;
}
#certificates .certificate-image.rainforest::before {
   background-image: url(../../images/certificates/rainforest.png);
   background-size: 100px 100px;
   background-position: 0;
   background-repeat: no-repeat;
}
#certificates .certificate-image.aeo::before {
    background-image: url(../images/certificates/aeo.png);
}

#certificates .certificate-image.bio::before {
    background-image: url(../images/certificates/tuv.png);
    background-size: 160px 90px;
    background-position: 0px 51px;
    background-repeat: no-repeat;
}

#certificates .certificate-image.utz::before {
    background-image: url(../images/certificates/utz.png);
}

#certificates .certificate-image.liffe::before {
    background-image: url(../images/certificates/liffe.png);
}

#certificates .certificate-image + p {
    text-align: justify;
}

#certificates .side-padding {
    padding-left: 15px;
    padding-right: 30px;
    float: left;
}

#certificates .triangl {
    font-size: 12px;
    padding-right: 8px;
}

#certificates {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(227,227,227,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
}

/* Page: Commodities */
#commodities .circles {
    background-image: url(../images/circles_s.png);
    /*width: 300px;
    height: 353px;
    margin-left: 20px;*/
    height: 388px;
    background-size: cover;
}
@media screen and (min-width: 768px) {

    

    #world-map .storage-graph {
        background-position: center;
        background-repeat: no-repeat;
    }

    #world-map .map {
        background-image: url(../images/world_map_sm.png);
        height: 290px;
        background-position: center;
        background-repeat: no-repeat;
    }

}

@media screen and (min-width: 1200px) {
    
    #slider li.slide1 {
        background-image: url(../images/slider/home/home-1-lg.jpg);
    }
    #slider li.slide2 {
        background-image: url(../images/slider/home/home-2-lg.jpg);
    }
    #slider li.slide3 {
        background-image: url(../images/slider/home/home-3-lg.jpg);
    }
    #slider.services li.slide1 {
        background-image: url(../images/slider/services/services-lg.jpg);
    }
    #slider.commodities li.slide1 {
        background-image: url(../images/slider/commodities/commodities-lg.jpg);
    }
    #slider.technical li.slide1 {
        background-image: url(../images/slider/technical/technical-lg.jpg);
    }
    #slider.contact li.slide1 {
        background-image: url(../images/slider/contact/contact-lg.jpg);
    }
    #slider li {
        height: 1028px;
    }
    #slider .buttons .text {
        margin: 0 15px;
    }
    #slider .contact-us {
        bottom: 280px;
        right: 400px;
    }
    #slider .buttons {
        bottom: 495px;
        font-size: 24px;
    }
}
@media screen and (min-width: 992px) {

    #commodities .circles {
        /*background-image: url(../images/circles_s.png);*/
        background-image: url(../images/circles_s.png);
        width: 422px;
        height: 496px;
        margin-left: 50px;
    }

    #world-map .storage-graph {
        height: 506px;
    }

    #world-map .map {
        background-image: url(../images/world_map.png);
        height: 506px;
        margin-top: 60px;
    }

}

#world-map {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(227,227,227,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
}

#world-map .map-text {
    color: #3a8e1b;
    margin: 50px auto;
}

#world-map .icons {
    font-weight: 700;
    margin-bottom: 15px;
}

#world-map .icons::before {
    content: "";
    display: block;
    margin: 0 auto 10px auto;
}

#world-map .icons.coffe::before {
    background-image: url(../images/icons/coffee.png);
    width: 76px;
    height: 60px;
    margin-top: 40px;
}

#world-map .icons.sugar::before {
    background-image: url(../images/icons/cocoa-copy.png);
    width: 66px;
    height: 73px;
    margin-top: 26px;
}

#world-map .icons.cocoa::before {
    background-image: url(../images/icons/suiker-copy.png);
    width: 100px;
    height: 48px;
    margin-top: 52px;
}

#world-map .icons.honey::before {
    background-image: url(../images/icons/honing-copy.png);
    width: 69px;
    height: 71px;
    margin-top: 29px;
}



#world-map .side-padding {
    padding-left: 30px;
    padding-right: 30px;
}

/* Page: Technical */

@media screen and (min-width: 768px) {

    .homepage {
        background-image: url(../images/homebannner.jpg);
        height: 771px;
    }
    #technical .diagram {
        /*width: 380px;*/
        height: 263px;
        margin-top: 0;
    }
    .btn{
        position: absolute;
        width: 75px;
        margin-left: 15px;
        text-indent: -9999px;
        padding: 0;
    }
    .btn1{
        top: 24px;
        left: 0;
    }
    .btn2{
        top: 101px;
        left: 0;
    }
    .btn3{
        top: 172px;
        left: 0;
    } 
    .btn4{
        top: 242px;
        left: 0;
    }
    .btn5{
        top: 24px;
        right: 0;
    }
    .btn6{
        top: 101px;
        right: 0;
    }
    .btn7{
        top: 172px;
        right: 0;
    } 
    .btn8{
        top: 242px;
        right: 0;
    } 
}

@media screen and (min-width: 1200px) {

    #technical .diagram {
        width: 538px;
        height: 472px;
        margin-left: 50px;
        position: relative;

    }
    .btn{
        position: absolute;
        width: 132px;
        margin-left: 15px;
        text-indent: -9999px;
    }
    .btn1{
        top: 48px;
        left: 0;
    }
    .btn2{
        top: 185px;
        left: 0;
    }
    .btn3{
        top: 312px;
        left: 0;
    } 
    .btn4{
        top: 438px;
        left: 0;
    }
    .btn5{
        top: 48px;
        right: 0;
    }
    .btn6{
        top: 185px;
        right: 0;
    }
    .btn7{
        top: 312px;
        right: 0;
    } 
    .btn8{
        top: 438px;
        right: 0;
    }           
}

#ecostore {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(227,227,227,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
}

#ecostore .ecostore-image {
    background-image: url(../images/ecostore.png);
    width: 285px;
    height: 127px;
    margin: auto;
}

#ecostore .ecostore-heading {
    color: #3a8e1b;
    text-align: center;
}

#ecostore .condition {
    font-weight: 700;
    margin-bottom: 15px;
}

#ecostore .condition::before {
    content: "";
    display: block;
    height: 74px;
    width: 60px;
    margin: 30px auto 10px auto;
    background-image: url(../images/icons/doc.png);
}

#ecostore .triangl {
    font-size: 12px;
    padding-right: 8px;
}

/* Page: Contact */

#contact input {
    width: 100%;
    margin: 10px auto;
    height: 35px;
    border: 1px solid #979797;
}

#contact textarea {
    width: 100%;
    margin: 10px auto;
    border: 1px solid #979797;
}

#contact .contact-information > * {
    color: #54b8be;
    margin: 10px 0 10px 15px;
    font-size: 18px;
}
#contact .contact-information a{
    color: #54b8be;
}
#contact .contact-information a:hover{
    color: #3a8e1b;
}

#contact button.send {
    background-color: #3a8e1b;
    min-width: 96px;
    padding: 8px 15px 6px;
    font-size: 18px;
}
#contact button.send:hover{
    background-color: #55b8be;
}

#google-map {
    position: relative;
    padding-top: 28px;    
}
#google-map p.block.narrow {
    font-weight: 400; /*100*/
    color: #666B6F;
    font-size: 15px;
}
#google-map .google-map {
    height: 350px;
    width: 100%;
    margin-top: 28px;    
}

#google-map .logo {
    background-image: url(../images/logo_sm.png);
    width: 300px;
    height: 157px;
    position: absolute;
    bottom: 50px;
    left: 50%;
}

.contact_block {
    padding-top: 95px;
}
.contact_block h1 {
    margin-bottom: 22px;
    font-weight: 100;
    margin-top: 0;
}
.contact_block p {
    line-height: 17px;
}
.contact_form {
    margin: 5px 0 0 0;
}

.contact_form input {
    margin-bottom: 13px !important;
    width: 101% !important;
}

.contact-information div {
    margin-top: 13px !important;
}
.contact_form textarea {
    width: 101%  !important;
    min-height: 165px;
}
.control_prev span.circle {
    padding: 0 5px 0 0;
}

.control_next span.circle {
    padding: 0 0 0 5px;
}
.carousel-control span.circle i {
    font-size: 28px;
    line-height: 1.1;
}
@media (min-width: 1200px)
{
    .contact_block .col-lg-offset-2 {
        margin-left: 13.6%;
    }
    .contact_block .col-lg-3 {
        width: 27%;
    }
    .contact-information {
        margin-left: 5%;
    }
    #google-map .google-map {
        height: 778px;
    }
    /*.servicesbox1right {
        width: 45%;
    }*/

    .servicesbox1right .vbottom {
        width: 32%;
    }
}

@media (max-width: 1500px)
{
    .servicesslider .carousel-inner .text
    {
        bottom: 34.7vw;
        left: 39vw;
        font-size: 1.63vw;
    }
    .servicesslider .carousel-control {
        top: 33.4vw;
    }
    
}   

@media (max-width: 1200px)
{
    #vision .buttons .menu-links.services {
        left: 44.3%;
    }
    #vision .buttons .menu-links.commodities {
        left: 32.3%;    
    }
    #vision .buttons .menu-links.technical {
        left: 19.3%;
    }
    button.jump-to-send {
        right: 13.3%; /*20.3%*/
    }
}

@media (min-width: 990px) and (max-width: 1024px)
{
    
    .servicesslider .carousel-control {
        top: 34vw;
    }
    
}
@media (min-width: 815px) and (max-width: 859px){
    #vision .buttons .menu-links.services {
        left: 63.3%;
    }
    #vision .buttons .menu-links.commodities {
        left: 49.3%;
    }
    #vision .buttons .menu-links.technical {
        left: 34.3%;
    }
}
@media (min-width: 860px) and (max-width: 918px){
    #vision .buttons .menu-links.services {
        left: 64.3%;
    }
    #vision .buttons .menu-links.commodities {
        left: 49.3%;
    }
    #vision .buttons .menu-links.technical {
        left: 33.3%;
    }
}
@media (min-width: 919px) and (max-width: 991px){
    #vision .buttons .menu-links.services {
        left: 65.3%;
    }
    #vision .buttons .menu-links.commodities {
        left: 48.3%;
    }
    #vision .buttons .menu-links.technical {
        left: 32.3%;
    }
}


@media (max-width: 767px)
{
    #menu.homepage {
        height: 74vw;
        background-size: 142%;
        background-position: top right;
        background-repeat: no-repeat;
    }
    .services-button {
        display: block !important;
        margin: -27.5vw 0 29vw;
    }
    .services-button .text {
        font-size: 2vw;
        right: 20vw;
    }
    
    .servicesslider .carousel-control {
        top: 54.1vw;
    }
    
    
    .servicesslider .carousel-inner .text {
        bottom: 55.9vw;
        left: 11vw;
        font-size: 2.5vw;
    }
    #menu {
        background-image: url(../images/homebannner.jpg);
        height: 35vw;
        background-size: 142%;
        background-position: top right;
        background-repeat: no-repeat;
    }
    button.jump-to-send {
        width: 135px; /*115px*/
        font-size: 12px;
        bottom: 20%;
        right: 13vw;
    }
  
        
    button.jump-to-footer {
        width: 116px;
        font-size: 14px;
    }
    .hidden-xs{
        background-position: center;
        background-repeat: no-repeat;
        margin: 30px 0;
    }
}

@media (max-width: 560px)
{
    button.jump-to-send {
       /* width: 120px; *//*100px*/
        /*font-size: 12px;
        bottom: 15%;
        right: 11vw;
        padding: 4px 7px;*/
        background-color: #54b8be;
        border-radius: 50px;
        border: 0px;
        padding: 8px 15px;
        color: #ffffff;
        font-weight: 300 !important;
    }
    #vision .buttons .menu-links .contact-us{
        background-color: #54b8be;
        border-radius: 50px;
        border: 0px;
        padding: 8px 15px;
        color: #ffffff;
        font-weight: 300 !important;
        position: relative;
        margin: 0 auto;
        display: block;
        width: 150px;
    }
    #footer .languages{
        margin-bottom: 30px;
    }
    #footer {
        margin-bottom: 0px;
    }
  
    .services-button {
        margin: -29.5vw 0 30vw;
    }
    .servicesslider .carousel-inner .text {
        bottom: 53.9vw;
        left: 4vw;
        font-size: 2.8vw;
    }
    .servicesslider .circle {
        border-radius: 50px;
        width: 25px;
        height: 25px;
        display: inline-block;
        line-height: 28px;
        background-color: #54b8be;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
    }
    .servicesslider .control_prev {
        left: 0;
    }
    .servicesslider .control_next {
        right: 0;
    }
    .servicesslider .carousel-control {
        top: 59.5vw;
    }
   
    .carousel-control span.circle i {
        font-size: 23px;
    }
}

@media (max-width: 320px)
{
    button.jump-to-send {
       /* width: 120px; *//*100px*/
        /*font-size: 12px;
        bottom: 15%;
        right: 11vw;
        padding: 4px 7px;*/
        background-color: #54b8be;
        border-radius: 50px;
        border: 0px;
        padding: 8px 15px;
        color: #ffffff;
        font-weight: 300 !important;
        left: 30%;
    }
    
}

@media (max-width: 330px)
{
    .services-button {
        margin: -34vw 0 30vw;
    }
    .services-button .text {
        font-size: 3.5vw;
    }
    
}
.inner_page {
    background-image: url(../images/bannerinner.jpg);
    height: 218px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#servicessection1 {
    max-width: 900px;
    margin: 95px auto 0;
}

#services {
    padding-top: 0;
}
.servicesbox1left {
    padding: 0 55px 0 17px;
}

.servicesbox1right {
    margin-top: 65px;
}

.down-nav.down_nav3 {
    margin: 27px 0 150px; /*50px*/
}
.certificatesinner_head {
    margin-bottom: 36px;
}
#commodities_row {
    max-width: 900px;
    margin: 95px auto 0;
}

#commodities_row .commodities1_right {
    padding-top: 67px;
}

#commodities {
    padding-top: 0;
}
#technical_row {
    max-width: 900px;
    margin: 95px auto 0;
}

#technical .diagram img {
    width: auto;
    max-height: 520px;
}
#technical {
    padding-top: 0;
}
@media(max-width: 1200px)
{
    div#servicessection1 {
        max-width: 100%;
        margin: 35px auto 0;
    }
    .servicesbox1right .vbottom {
        width: 32%;
    }
    #certificates .side-padding {
        padding-left: 15px;
        padding-right: 15px;
        width: 33%;
    }
    span.text_over {
        font-size: 17px; /*20px*/
        bottom: 42.5%;
    }
    .servicesslider .carousel-control {
        top: 33.4vw !important
    }
}
@media (min-width: 767px) and (max-width: 768px)
{
    .servicesbox1right {
        margin-top: 0;
        width: 100%;
    }
    .servicesbox1left {
        padding: 0;
        width: 100%;
    }
    .services-button {
        bottom: 14.5vw !important;
    }

}
@media (min-width: 767px)
{
    #aboutsection .aboutsection_right {
        float: right;
    }
}
@media (min-width: 767px) and (max-width: 1500px)
{
    .homepage {
        height: 51.4vw;
    }
    .services-button {
        bottom: 14.2vw;
        right: 16.866666666666667vw;
    }
    .services-button a {
        padding: 0.3333333333333333vw 0;
        font-size: 1.2vw;
        width: 18.533333333333335vw;
    }
    .services-button a span {
        padding: 0 0 0 0.4666666666666667vw;
        font-size: 1vw;
    }
    #menu.navbar-default .navbar-collapse {
        background: transparent;
    }

    #menu .navbar-nav > li > a {
        margin: 24px 2vw;
    }
    #about .logo {
        background-size: 29.8vw;
        height: 15.2vw;
        background-position: center;
    }
    #aboutsection {
        max-width: 95%;
    }
    #missionsection {
        max-width: 95%;
    }
    #about .mission {
        width: 27.333333333333332vw;
        height: 25.466666666666665vw;
        background-size: 27.333333333333332vw;
        margin: auto;
    }
    .inner_page {
        height: 14.533333333333333vw;
    }
}

@media (min-width: 1200px) and (max-width: 1500px)
{
    #aboutsection {
        max-width: 70%;
    }
    #missionsection {
        max-width: 70%;
    }
    #vision .buttons .menu-links.technical {
        left: 17%;
    }
    #vision .buttons .menu-links.commodities {
        left: 347px;
    }
    #vision .buttons .menu-links.services {
        left: 496px;
    }
    #vision {
        background-size: cover;
    }
}
@media (min-width: 992px) and (max-width: 1200px)
{
    #aboutsection {
        max-width: 70%;
    }
    #missionsection {
        max-width: 70%;
    }
    #vision .buttons .menu-links.technical {
        left: 97px;
    }
    #vision .buttons .menu-links.commodities {
        left: 252px;
    }
    #vision .buttons .menu-links.services {
        left: 400px;
    }
    #vision {
        background-size: cover;
    }
}
@media (min-width: 768px) and (max-width: 1200px)
{
    #vision .content {
        font-size: 14px;
        width: auto;
        text-align: left;
    }
    #vision {
        background:#666b6f;
        padding-bottom: 70px;
        height: auto;
    }
    #vision .buttons .menu-links .circle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 25px;
        font-size: 16px;
        padding: 0 0 0 5px;
    }
    #vision .buttons .menu-links .contact-us {
        background-color: #ffffff;
        border-radius: 50px;
        padding: 8px 15px;
        color: #54b8be;
        position: relative;
        width: 200px;
        font-size: 18px;
        display: flex;
        margin: 10px auto;
    }
     #vision .buttons .menu-links {
        font-size: 30px;
        position: relative;
        color: #ffffff;
        top: auto !important;
        left: auto !important;
        right: 0 !important;
        margin: 0 auto;
    }
}
@media (min-width: 767px) and (max-width: 990px)
{
    /*#vision {
        height: 615px;
        background-size: cover;
    }
    #vision .container
    {
        width: 100%;
    }
    #vision .buttons .menu-links .circle {
        width: 60px;
        height: 60px;
        line-height: 62px;
        margin-right: 25px;
        font-size: 27px;
        padding: 0 0 0 5px;
    }

    #vision .buttons .menu-links.services {
        left: 37%;
        top: 0px;
    }

    #vision .buttons .menu-links.commodities {
        left: 29%;
        top: 88px;
    }

    #vision .buttons .menu-links.technical {
        left: 20.6%;
        top: 180px;
    }
    .vision_text {
        padding: 0 0 0 15px;
    }

    #vision .col-sm-5.col-lg-5.text-right.content {
        width: 45%;
    }
    #vision .buttons .menu-links.contact {
        left: 685px;
        top: 190px;
    }*/
    
    #vision .buttons .menu-links .circle {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
   
    #vision .buttons .menu-links.contact {
        left: 545px;
        top: 0;
    }
    .servicesslider .carousel-control {
        top: 33.7vw;
    }
}
@media (max-width: 815px) and (max-width: 990px)
{
    #vision .buttons .menu-links.services {
        left: 64.4%;
    }
    #vision .buttons .menu-links.commodities {
        left: 48.5%;
    }
    #vision .buttons .menu-links.technical {
        left: 33.3%;
    }
}
@media (max-width: 814px)
{
    #vision .buttons .menu-links.services {
        left: 62.4%;
    }
    #vision .buttons .menu-links.commodities {
        left: 48.5%;
    }
    #vision .buttons .menu-links.technical {
        left: 34.3%;
    }
}

@media (max-width: 767px)
{
    span.text_over {
        font-size: 12px !important;
        line-height: 12px;
    }
    .servicesslider .circle {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    .carousel-control span.circle i {
        font-size: 24px;
    }
    .servicesslider .carousel-control {
        top: 33.5vw !important;
    }
    .servicesslider .control_next {
        right: 9vw;
    }
    .servicesslider .control_prev {
        left: 30vw;
    }
    #missionsection {
        max-width: 100%;
    }
    #aboutsection {
        max-width: 100%;
    }
    #about .logo {
        background-size: 315px;
        height: 165px;
        background-position: center;
    }
    #about .mission {   
        margin: auto;
    }
    .aboutsection_left {
        padding-right: 15px;
        padding-top: 13px;
    }
    #missionsection .aboutsection_left {
        padding-right: 15px;
        padding-left: 15px;
    }
    #about h1 {
        margin: 0 0 5px 0;
    }
    #missionsection .aboutsection_left h1 {
        margin-bottom: 5px;
        margin-top: 0;
    }
    .quote {
        width: 100%;
        margin: 30px auto 0px;
        padding: 0 15px;
    }
    .quote .mb-0 {
        padding: 0 0 0 0;
    }
    .quote .blockquote-footer {
        margin-top: 12px;
        padding: 0;
    }
    .down-nav {
        margin: 35px 0 0px;
    }
    .down-nav.down_nav2 {
        margin: 0 0 15px;
    }
    .homepage {
        display: none;
    }
    #vision h1 {
        text-align: left;
    }
    #menu.navbar-default .navbar-toggle {
        border: none;
        padding: 0;
        margin: 0;
        position: absolute;
        right: 25px;
        top: 35%;
    }
    #menu.navbar-default .navbar-toggle:focus, #menu.navbar-default .navbar-toggle:hover
    {
        background-color: transparent;
    }

    #menu.navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        width: 30px;
        margin-bottom: 6px;
    }
    #menu.navbar-default .navbar-collapse {
        top: 49%;
        position: absolute;
        width: 100%;
        right: 0;
        left: 0;
        margin: 0;
    }
    .inner_page {
        display: none;
    }
    .servicesbox1right .vbottom {
        width: 49%;
    }
    #services .service-icon br {
        display: none;
    }
    .servicesbox1right {
        margin-top: 0px;
    }
    #certificates .side-padding {
        width: 100%;
    }
    #certificates .certificate-image::before {
        height: 180px;
    }
    div#servicessection1 {
        margin: 0px auto 0;
    }
    div#services {
        padding-top: 0;
    }
    .servicesbox1left {
        padding: 0;
    }
    div#commodities {
        padding: 0 10px;
    }

    .down-nav.down_nav4 {
        margin: 10px 0 20px; /*20px*/
    }
    #world-map .icons::before {
        margin: 0 0 10px;
    }
    #world-map .map-text {
        margin: 10px 15px 0 15px;
    }
    #contact .contact-information br {
        display: none;
    }
    .down-nav {
        margin: 0 0 25px;
    }
    #google-map {
        padding-top: 15px;
    }
    .servicesslider .carousel-inner .text {
        max-width: 80%;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #commodities .circles {
        width: 253px;
        height: 297px;
        margin-left: 0;
        background-size: cover;
    }
    #commodities_row .commodities1_right {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #technical_row {
        margin: 35px auto 0;
    }
    #commodities_row {
        margin: 35px auto 0;
        padding: 0 5px 0 5px;
    }
    #servicessection1 {
        margin: 35px auto 0;
    }
    .contact_block {
        padding-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #vision .buttons .menu-links .contact-us {
        background-color: #54b8be;
        border-radius: 50px;
        border: 0px;
        padding: 8px 15px;
        color: #ffffff;
        font-weight: 300 !important;
        position: relative;
        margin: 0 auto;
        display: block;
        width: 150px;
    }
    span.menu-item {
        padding: 15px;
    }
}
@media (max-width: 650px){
    .servicesslider .control_prev {
        left: 0;
    }
    .servicesslider .control_next {
        right: 0;
    }
    .slider-over-lay {
        bottom: -10px;
    }
    span.text_over {
        font-size: 14px !important;
        line-height: 14px !important;
        background: #fff;
        padding: 10px;
        width: 100%;
        border-radius: 20px;
        max-width: 70%;
        right: 0;
        left: 0;
        margin: auto;
    }
    .slider-over-lay img {
        width: 100%;
        visibility: hidden;
    }
    #vision .buttons .menu-links .contact-us {
        background-color: #54b8be;
        border-radius: 50px;
        border: 0px;
        padding: 8px 15px;
        color: #ffffff;
        font-weight: 300 !important;
        position: relative;
        margin: 0 auto;
        display: block;
        width: 150px;
    }
}
@media (max-width: 420px)
{
    #menu.navbar-default .navbar-collapse {
        top: 52%;
    }
    #about .logo {
        background-size: 190px;
        height: 100px;
    }
    #about .mission {
        width: 190px;
        height: 190px;
        background-size: 190px;
        background-repeat: no-repeat;
    }
    .servicesslider .carousel-control {
        top: 63.5vw;
    }
    h1 {
        font-size: 30px;
    }
    .servicesslider .carousel-inner .text {
        bottom: 54.9vw;
        left: 0;
        font-size: 3.2vw;
        max-width: 73%;
        text-align: center;
        right: 0;
        margin: auto;
    }
    .servicesslider .carousel-control {
        top: 53vw;
    }
    #footer .languages span {
        margin: 10px 12px;
    }
    .servicesbox1right .vbottom {
        width: 100%;
    }
    .certificatesinner_head {
        margin-bottom: 0;
    }
    #menu {
        background-image: url(../images/bannerinner_mobile.jpg);
        border: none;
    }
    #menu h5 {
        display: block !important;
        color: #fff;
        font-weight: 900;
        font-size: 7.3vw;
        position: absolute;
        top: 21.428571428571427vw;
        left: 15px;
    }
}
@media (max-width: 320px)
{
    h1 {
        font-size: 25px;
    }
    #about p, #vision p, .servicesbox1left p {
        font-size: 12px;
        line-height: 1;
    }
    #menu.navbar-default .navbar-toggle {
        right: 14px;
    }
}

@media screen and (max-width: 520px){
    .footer-det {
        width: 100%;
    }
    .footer-midd {
        width: 100%;
    }
    .servicesslider .carousel-control {
        top: 33vw !important;
    }
}

@media screen and (max-width: 450px){

    span.text_over {
        font-size: 11px !important;
        max-width: 80%;
    }
    .servicesslider .carousel-control {
        top: 32.5vw !important;
    }
    .servicesslider .control_prev {
        left: 0px;
        width: 32px;
    }
    .servicesslider .control_next {
        right: 0;
        width: 32px;
    }
}
@media screen and (max-width: 360px){

    .servicesslider .carousel-control {
        top: 31vw !important;
    }
}