:root {
    --color-main: #003baa;
}

html{
    scroll-behavior: smooth;

}

.hero-section {
    /*background: url('../img/Integral-Group-1024x754.png');*/
    background-repeat: no-repeat;
    background-position: center;
    min-height: 85vh;
    
    background-image: url(../images/bg-animation-v-4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#scroll {
    position: absolute;
    left: 50%;
    bottom: -20%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.footer .copyright-area {
    border: none;
}

.comment-form-wrapper, .contact-form-wrapper {
    background: none;
    padding: unset;
    border: unset;
    margin: 0;
    border-radius: unset;

}
.lets-talk{
    position: relative;
}


.comment-form-wrapper:hover, .contact-form-wrapper:hover {
    box-shadow: unset;
}

#form-custom input, #form-custom textarea, .search{
    border-radius: unset;
    color: #8b8d94;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    padding: 10px 12px 10px 12px;
    border-color: rgba(51,51,51,0.12);
    background-color: #fff;
    margin-bottom: 10px;
}



footer {
    background: #f2f2f2 !important;
}

.form-btn {
    border: unset;
    padding: 7px 15px !important
}

#form-custom .privite-police-btn {
    width: max-content !important;
    margin-bottom: -6px !important;

}

#address * {
    color: white;
}



.footer .copyright-area {
    padding: unset;
}

.footer-social-links ul li a {
    border-radius: unset;
    color: white;
    background: unset;
    border: 1px solid white;
}

#address {
    border-right: 2px solid white;
}

.bamboo-footer {
    display: flex;
}
.bamboo-footer-info p {
    text-align: right;
    margin: 0 0 5px;
}
.bamboo-footer-info p:last-child {
    margin-bottom: 0;
}
.bamboo-footer-socials {
    margin-left: 30px;
    padding-left: 20px;
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
}
.bamboo-footer-socials a {
    display: inline-block;
    height: 30px;
    margin-left: 15px;
}
.bamboo-footer-socials a img{
  width: 30px;
}
@media screen and (max-width: 375px) {
   .bamboo-footer-socials {
      flex-wrap: wrap;
      min-width: 90px;
   }
}

@media (max-width: 1000px) {
    .hero-section {
        /*background-size: contain; */
        margin-top: 40px;
        min-height: 50vh;
    }

    #socials {
        padding: 40px;
    }

    #scroll {
        bottom: -33%;
    }
}

/* BEGIN section about */
.section-about-main{
  font: normal 18px / 35px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-size: 26px;
    text-align: center;
    color: #013DA6;
    font-weight: 600;
    font-style: italic;
}

.section-about-description{
  font: normal 18px / 35px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-size: 22px;
    text-align: center;
    /* color: #013DA6; */
    font-weight: 400;    
}
/* END section about */

#mission_title{
  color: #013DA6;
  font-size: 36px;
  text-align: center;
  font-weight: 600;
}

#mission_pre_title{
  font-size: 26px;
}

#mission_pre_title_1{
  font-size: 26px;
  text-align: center;
}

#mission_title, #mission_pre_title,
#mission_params, #mission_map
{
	/* visibility: hidden;*/
}



.mission-icon > div{
  /*min-height: 50px;*/
}

#mPeoples.mIcon{
  background-image: url('../img/m-peoples.png') !important;
}

#mMoney.mIcon{
  background-image: url('../img/m-money.png') !important;
}

#mMap.mIcon{
  background-image: url('../img/m-map.png') !important;
}

#mCalendar.mIcon{
  background-image: url('../img/m-calendar.png') !important;
}

#mission_params .mission-icon .mIcon{
  /* background-image: url('../img/m-peoples.png');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /*min-height: 85vh;*/   
    min-height: 50px;
}

#mission_params .col-md-9 div:first-child{
  color: #F58634;
  font-size: 18px;
  font-weight: 600;
}

.anim_visibly_hidden {
   visibility: hidden;
}

.footer-logo{
  background-color: white;
}

/* BEGIN section Intro */

#intro_title{
  color: #013DA6;
  font-size: 32px;
  /* text-align: center; */
  font-weight: 600;
}

#intro_text{
  
}

#intro_image{
  
}

/* END section Intro */

/* BEGIN section Vission Mission Strategy */
.vision-mission-strategy-section{
  background: #EFF2F9;
  min-height: 50vh;
  padding-top: 10vh;
  padding-top: 10vh;
}

.vms_img{
  max-width: 60px;
  max-height: 60px;
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.vms_title{
  color: #013DA6;
    font-size: 28px;
    /* text-align: center; */
    font-weight: 600;
}
/* END section Vission Mission Strategy */

/* BEGIN section Services and Digital Infrastructure */
#service-and-digital-infrastructure{
  background-color: #003fa4;
  background-image: url('../img/Service-and-Digital-Infrastructure-2.png');
  background-position: right bottom;
  margin-top:0;
}

#sadi_title{
  font-size: 30px;
  color: white;
}

.service-and-digital-infrastructure-section{
  
}

.sadi_items{
  color: white;
  height: 15vh;
  height: 9vh;
}

.sadi_pre_items{
  color: white;
  height: 15vh;
  height: 9vh;
}

.sadi_item_number{
  color: #fee200;
  font-weight: 600;
  font-size: 36px;
  margin-right: 10px;
}

.sadi_pre_items .sadi_item_number{}

.sadi_item_text{
  padding-left: 10px;
}
#sadi_item_1{
  margin-top: 10vh;
  margin-top: 3vh;
}

#sadi_pretitle{
    margin-top: 5vh;
    font-size: 20px;
    color: white;
}

@media only screen and (max-width: 1024px){  
  #service-and-digital-infrastructure{
  background-size: 50% auto;
}
}
/* END section Services and Digital Infrastructure */

/* BEGIN section Why Integral Commodities */
#why-integral-commodities{
  
}
.why-integral-commodities-section{
  
}

#wic_title{
  color: #013DA6;
    font-size: 28px;
    /* text-align: center; */
    font-weight: 600;
}
.wic_img{
  max-width: 60px;
  max-height: 60px;
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.wic_text{
  
}
/* END section Why Integral Commodities */

/* BEGIN section Regional producers */
#dc_regional-producers{
  background-color: #003fa4;
}
.regional-producers-section{
  background-color: #003fa4;
}

#mission_pre_title_1{
  /*
  font-size: 26px;
  text-align: center;
  */
}
.pre_title{
  font-size: 26px;
}
.color-white{
  color: white;
}

.color-yellow {
    color: #fee200;
}

#rp-address .mission-icon .mIcon{
  /* background-image: url('../img/m-peoples.png');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /*min-height: 85vh;*/   
    min-height: 50px;
}

#rp-address .col-md-9 div:first-child{
  /*color: #F58634;
  font-size: 18px;
  font-weight: 600;*/
}

.dc_rpa-number{
  /* font-size: 26px; */
  align-self: stretch;
}

.dc_rpa-title{
  /*font-size: 18px;*/  
}

.dc_rpa-city{
  
}

.dc_rpa-industry{
  
}

@media (max-width: 768px) {
  .dc_rpa-number{ 
    text-align: left!important;
  }
}

/* END section Regional producers */

/* BEGIN section Logistics intro */
.logistics-intro{
  background: url(../img/logistics-about.png);
  background: url(../img/logistics-about-2.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 75%;
}

@media only screen and (max-width: 75em){  
  .logistics-intro{
  background: none;
}
}
/* END section Logistics intro */

/* BEGIN section Logistics services */
#logistics-services{
  
}

#logistics-services .wic_img{
  background-position-y: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 80px;
}

.ls-items{
  background-color: #003fa4;
}

#logistics-services #wic_item_3 .wic_img,
#logistics-services #wic_item_3 .wic_img{
  max-width: 120px;
}

#logistics-services #wic_item_1 .wic_img{
  background-image: url(../img/ls-1.png);
}

#logistics-services #wic_item_2 .wic_img{
  background-image: url(../img/ls-2.png);
}

#logistics-services #wic_item_3 .wic_img{
  background-image: url(../img/ls-3.png);
}

#logistics-services #wic_item_4 .wic_img{
  background-image: url(../img/ls-4.png);
}

#logistics-services #wic_item_5 .wic_img{
  background-image: url(../img/ls-5.png);
}

#logistics-services #wic_item_6 .wic_img{
  background-image: url(../img/ls-6.png);
}
#logistics-services #wic_item_7 .wic_img{
  background-image: url(../img/ls-7.png);}

#logistics-services #wic_item_8 .wic_img{
  background-image: url(../img/ls-8.png);
}

#logistics-services .wic_img img{
  display:none;
}
#logistics-services .wic_text{
  color: white;
}
/* END section Logistics services */

/* BEGIN section Logistics -> Operations in pictures */
#loip_title, #lc_title, #npr_title, #ip-services_title{
  color: #013DA6;
  font-size: 28px;
  font-weight: 600;
}
.loip_title-wrapper{
  display: flex;
    align-items: center;
    justify-content: center;
}
/* END section Logistics -> Operations in pictures */

/* BEGIN section Logistics -> Contacts */
#logistics-contacts{}
.lc_item{
  
}
.lc_wrapper{
  background-color: white;
  height: 100%;
}

.lc_item-title{
  text-align: left;
  color: black;
    font-weight: 600;
}

.lc_item-text{
  text-align: left;
}

/* END section Logistics -> Contacts */

/* BEGIN section Non-profit -> Aims to */
#np-aims-to{
  background-image: url(../img/cw-aims-to--bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 75%;
  background-color: #004D9F;
}
#np-aims_title{
  font-size: 24px;
}
#np-aims_text p{
  color: white;
}
.npr-author{
  color:  #013DA6;
}
.npr-author span{  
  font-weight: 600;
}

.intro-nonprofit-projects{
  background-image: none;
}
/* END section Non-profit -> Aims to */

/* BEGIN section Oil & Petroleum -> Intro */
.ip-intro{
  background-image: url(../img/ip-intro-bg-white.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.op-intro-text,
.op-intro-text p{
  color: black;
}
.ip-service-include .vms_img{
  
}
/* END section Oil & Petroleum -> Intro */
/* BEGIN section Oil & Petroleum -> Services include */
.ip-services-incl-section{}
.ip-services-incl-section .vision-mission-strategy-section{
  background-color: white;
}
.ip-service-include .vms_img{
  max-width: inherit;
    max-height: inherit;
    width: initial;
}
#ip-services_title{
  
}
.ip-service-include-text{
  text-align: left;
}
/* END section Oil & Petroleum -> Services include */

/* BEGIN Green Energy -> section 2 */
#ge-vission-mission-strategy .vision-mission-strategy-section{
  background-color: #003fa4;
  background-color: #EFF2F9;
  background-image: url('../img/ge-section-2-bg-2.png');
  background-position: right bottom;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top:0;
}

/* END Green Energy -> section 2 */

/* BEGIN Green Energy -> section 3 | Goals */
#logistics-services.green-energy #wic_item_1 .wic_img{
  background-image: url(../img/ge-goals-1.png);
}

#logistics-services.green-energy #wic_item_2 .wic_img{
  background-image: url(../img/ge-goals-2.png);
}

#logistics-services.green-energy #wic_item_3 .wic_img{
  background-image: url(../img/ge-goals-3.png);
}

#logistics-services.green-energy #wic_item_4 .wic_img{
  background-image: url(../img/ge-goals-4.png);
}

#logistics-services.green-energy #wic_item_5 .wic_img{
  background-image: url(../img/ge-goals-5.png);
}

#logistics-services.green-energy #wic_item_6 .wic_img{
  background-image: url(../img/ge-goals-6.png);
}
#logistics-services.green-energy #wic_item_7 .wic_img{
  background-image: url(../img/ge-goals-7.png);}
  
#logistics-services.green-energy #wic_item_3 .wic_img{
  max-width: 60px;
}


/* END Green Energy -> section 3 | Goals */


/* BEGIN Green Energy -> section 3 | The challenge is greater... */
.style-number{
    font-size: 28px;
    font-weight: 600;
}
/* END Green Energy -> section 3 | The challenge is greater... */

/* BEGIN Green Energy -> section 3 | Turning constraints into opportunities */
.green-energy .vision-mission-strategy-section{
  background-color: white;
}
/* END Green Energy -> section 3 | Turning constraints into opportunities */

/* BEGIN section Manage Projects -> Intro */
.ip-intro.swiprode-intro{
  background-image: url(../img/swiprode-intro-bg-white.jpg);  
}
/* END section Manage Projects -> Intro */

/* BEGIN section Integral Supply and Trading -> Intro */
.logistics-intro.isat-intro{
  background-image: url(../img/isat-intro-bg-white.jpg); 
  background-position: center center;
  background-size: cover;  
}

#ge-vission-mission-strategy .vision-mission-strategy-section.isat-section {
    
    background-color: white;
    background-image: none;
}
/* END section Integral Supply and Trading -> Intro */

/* BEGIN page Digital Projects -> Intro */
#intro.intro-digital-projects{
  background-image: none;
}
/* END page Digital Projects -> Intro */