/* ============== VARIABLES ============== */

/* 
   Media Queries
*/
@breakpoint-mobile:           320px;
@breakpoint-mobile-landscape: 480px;
@breakpoint-tablet:           768px;
@breakpoint-tablet-landscape: 1024px;
@breakpoint-desktop-small:    1240px;
@breakpoint-desktop:          1440px;


@font-size: 18px;
@font-lineheight:1.6;
@font: 'Noto Sans', sans-serif;
@karla: 'Karla', sans-serif;
@amiri: 'Amiri', sans-serif;


@color: #555351;
@hover: #d86018;


@mq-retina: ~"(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
@mq-mob: ~"only screen and (min-width: @{breakpoint-mobile})";
@mq-mob-l: ~"only screen and (min-width: @{breakpoint-mobile-landscape})";
@mq-tab: ~"only screen and (min-width: @{breakpoint-tablet})";
@mq-tab-l: ~"only screen and (min-width: @{breakpoint-tablet-landscape})";
@mq-sd: ~"only screen and (min-width: @{breakpoint-desktop-small})";
@mq-desktop: ~"only screen and (min-width: @{breakpoint-desktop})";

@and-mq-mob: ~" and (max-width: @{breakpoint-mobile})";
@and-mq-mob-l: ~" and (max-width: 479px)";
@and-mq-tab: ~" and (max-width: 767px)";
@and-mq-tab-l: ~" and (max-width: 1023px)";
@and-mq-sd-l: ~" and (max-width: 1440px)";
@and-mq-desktop: ~" and (max-width: @{breakpoint-desktop})";

.absolute-centered(@mw, @mh) {
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  max-width: @mw;
  max-height: @mh;
}

.rotation(@deg:90deg){
    .transform(rotate(@deg));
}

.placeholder(@color) {
    &::-webkit-input-placeholder {
        color: @color;
    }
    &:-moz-placeholder {
        color: @color;
    }
  &:-ms-input-placeholder { /* IE 10+ */
      color: @color;
  }
}

.transform(...) { //function used in within other functions
  -webkit-transform: @arguments;
  -moz-transform: @arguments;
  -o-transform: @arguments;
  -ms-transform: @arguments;
  transform: @arguments;
}

.placeholder(@font-size, @line-height, @font, ) {
    ::-webkit-input-placeholder {font: @font-size @font; color:@color;}
    :-moz-placeholder {font: @font-size @font; color:@color;}
    ::-moz-placeholder {font: @font-size @font; color:@color;}
    :-ms-input-placeholder {font: @font-size @font; color:@color;}
}

/* ============== WORDPRESS STYLES ============== */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-align-right{
  text-align: right!important;
}
.text-align-left{
  text-align: left!important;
}
.text-align-center{
  text-align: center!important;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
        white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}


/* Button */
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* h2 title & Links/Buttons*/

.section-h2-title-white{
  text-align:center;
    h2{
        text-align: center;
        color: #fff;
        font-size: 40px;
        font-family: @karla;
        font-weight: 400;
        margin-bottom: 45px;
        margin-top: 0;
        letter-spacing: -1px;
        &:after{
            content: '';
            display: block;
            width: 62px;
            height: 2px;
            background: #dfcb9c;
            margin: 20px auto 0;
        }
        @media only screen @and-mq-tab-l{
            font-size: 30px;
        } 
    }
    p{
        font-weight: 300;
        font-size: 20px;
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
    }
}

.section-h2-title-black{
  text-align:center;
    h2{
        text-align: center;
        color: #474647;
        font-size: 40px;
        font-family: @karla;
        font-weight: 400;
        margin-bottom: 45px;
        margin-top: 0;
        letter-spacing: -1px;
        &:after{
            content: '';
            display: block;
            width: 62px;
            height: 2px;
            background: #dfcb9c;
            margin: 20px auto 0;
        }
        &.text-align-left, &.text-align-right{
          &:after{
            margin: 20px 0;
          }
        }
        @media only screen @and-mq-tab-l{
            font-size: 30px;
        } 
    }
    p{
        font-weight: 300;
        font-size: 20px;
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
        padding: 0 20px;
    }
}

a.btn-all-white{
  color: #fff!important;
  border: 1px solid #fff;
  padding: 10px 25px;
  font-size: 18px;
  transition: box-shadow .5s;
  cursor: pointer;
  text-transform: uppercase;
  font-family: 'Karla', sans-serif;
  &:hover{
    transition: box-shadow .5s;
    box-shadow: 4px 3px 0px #f4f3f2;
  }
}

a.btn-dark-orange{
color: #fff!important;
    background-color: #d86018;
    border: 1px solid #d86018;
    padding: 10px 25px;
    font-size: 18px;
    width: 100%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    cursor: pointer;
    text-transform: uppercase;
    font-family: @karla;
    &:hover{
    background-color: #fff;
   color: #d86018!important;
   transition: 0.5s;
   border:1px solid #d86018;
    }
  &.contact-us{
    padding: 10px 55px;
    position: relative;
    &:before{
    content: '';
   position: absolute;
   left: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
   background-image: url(https://www.stagingdemo.agility.com/wp-content/uploads/2018/10/icon-contact-white.png);
   width: 25px;
   height: 25px;
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
    }
    &:hover{
    &:before{
    content: '';
   position: absolute;
   left: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
   background-image: url(https://www.stagingdemo.agility.com/wp-content/uploads/2018/10/icon-contact-dark-orange.png);
   width: 25px;
   height: 25px;
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
    }
    }
  }
}

a.btn-white{
color: #d86018;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 10px 25px;
    font-size: 18px;
    width: 100%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Karla', sans-serif;
    &:hover{
    background-color: #d86018;
    border: 1px solid #d86018;
   color: #fff;
   transition: 0.5s;
   border:none;
    }
    &.contact-us{
    padding: 10px 55px;
    position: relative;
    &:before{
    content: '';
   position: absolute;
   left: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
   background-image: url(https://www.stagingdemo.agility.com/wp-content/uploads/2018/10/icon-contact-white.png);
   width: 25px;
   height: 25px;
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
    }
    &:hover{
    &:before{
    content: '';
   position: absolute;
   left: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
   background-image: url(https://www.stagingdemo.agility.com/wp-content/uploads/2018/10/icon-contact-dark-orange.png);
   width: 25px;
   height: 25px;
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
    }
    }
    }
    &.instant-quote{
    padding: 10px 55px;
    position: relative;
    &:before{
    content: '';
   position: absolute;
   left: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
   background-image: url(https://www.stagingdemo.agility.com/wp-content/uploads/2018/10/icon-quote-dark-orange.png);
   width: 25px;
   height: 25px;
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
    }
    &:hover{
    &:before{
    content: '';
   position: absolute;
   left: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
   background-image: url(https://www.stagingdemo.agility.com/wp-content/uploads/2018/10/icon-instant-quote-white.png);
   width: 25px;
   height: 25px;
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
    }
    }
    }
}

a.btn-white-orange{
color: #d86018!important;
    background-color: #fff;
    border: 1px solid #d86018;
    padding: 10px 25px;
    font-size: 18px;
    width: 100%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    cursor: pointer;
    text-transform: uppercase;
    font-family: @karla;
    &:hover{
    background-color: #d86018;
   border: 1px solid #d86018;
   color: #fff!important;
   transition: 0.5s;
    }
}

a.btn-red{
color: #fff!important;
    background-color: #af272f;
    border: 1px solid #af272f;
    padding: 10px 25px;
    font-size: 18px;
    width: 100%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    cursor: pointer;
    text-transform: uppercase;
    font-family: @karla;
    &:hover{
    background-color: #d86018;
   border: 1px solid #d86018;
   color: #fff!important;
   transition: 0.5s;
    }
}

a.btn-white-blue{
background-color: #fff;
    padding: 10px 25px;
    color: #a0d1ca;
    border: 1px solid #a0d1ca;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    font-family: @karla;
    &:hover{
    background-color: #a0d1ca;
   color: #fff;
   transition: 0.5s;
   border:1px solid #fff;
    }
}

a.btn-blue{
background-color: #a0d1ca;
    padding: 10px 25px;
    color: #fff;
    border: 1px solid #a0d1ca;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    font-family: @karla;
    &:hover{
    background-color: #fff;
   color: #a0d1ca;
   transition: 0.5s;
   border:1px solid #a0d1ca;
    }
}

/* ============== HEADERS ============== */
/* ============= New Homepage - Header / Hero  ============= */

/* ============= Header Menu - Scroll ============= */
@media screen and (min-width: 1024px){
  .header-change{
    .top-header{
      display: none;
    }
    .bottom-header{
      .logo-header-scroll{
        display: block!important;
        width: 15%!important;
          float: left;
          padding-top: 10px;
          padding-right: 10px;
      }
    }
    .menus-container-new{
      width: 55%!important;
      float: left;
      ul.primary-menu{
        li{
          padding: 25px 10px!important;
        }
      }
    }
    .our-network-container{
      width: 30%!important;
      float: left;
    }
  }
}

@media screen and (max-width: 1023px){
  .header-change{
    .top-header{
      .mobile-action-links{
        display: none!important;
      }
    }
  }
}
/* ============= End of Header Menu - Scroll ============= */

 /* ============= START OF HEADER ============= */
#header-new{
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
  .top-header{
    padding: 15px 5px;
    font-size: 16px;
    .logo-header{
      width: 30%;
      float: left;
      img{
        width: 180px;
      }
    }
    .header-links{
      width: 70%;
      float: left;
      text-align: right;
      margin-top: 12px;
      .search-column{
          float: right;
          margin-left: 20px;
            margin-top: -5px;
        .search-form{
          border: 1px solid #e8e8e8;
            background: #f5f4f4;
            position: relative;
            border-radius: 5px;
          input {
              border: none;
              padding: 0 30px 0 15px;
              background: transparent;
              font-weight: 300;
              width: 250px;
          }
          button {
              position: absolute;
              border: none;
              box-shadow: none;
              top: 0;
              right: 5px;
              width: 30px;
              height: 30px;
              background: transparent url(https://www.agility.com/wp-content/themes/agility/images/search.png) no-repeat center;
          }
        }
      }
      .language-switcher{
        float: right;
        padding-left: 20px;
          margin-top: 2px;
          a{
            color: #ea7600!important;
          }
      }
      ul.links{
        display: block;
        float: right;
        li{
          list-style: none;
          display: inline-block;
          border-right: 1px solid #c4bfb6;
          a{
            color: #ea7600;
            padding-left: 40px;
            padding-right: 20px;
            display: block;
          }
          &:first-child{
            background-image: url('https://www.agility.com/wp-content/uploads/2018/11/icon-track-light-orange.png');
            background-repeat: no-repeat;
            background-size: 15px;
              background-position: 10px;
          }
          &:nth-child(2){
            background-image: url('https://www.agility.com/wp-content/uploads/2018/11/icon-vgm-light-orange.png');
            background-repeat: no-repeat;
            background-size: 20px;
              background-position: 5px;
          }
          &:nth-child(3){
            background-image: url('https://www.agility.com/wp-content/uploads/2018/11/icon-sign-in-light-orange.png');
            background-repeat: no-repeat;
            background-size: 20px;
              background-position: 5px;
          }
        }
      }
    }
    .mobile-action-links {
        width: 100%;
        padding: 0;
        background: #fff;
    }
  }

  /* ============= Media Screen for Top Header ============= */
  @media screen and (min-width: 1024px) and (max-width:1200px){
    .top-header{
      .logo-header{
        width: 20%;
      }
      .header-links{
        width: 80%;
        ul.links{
          padding: 0;
          li{
            a{
              padding-left: 35px;
              padding-right: 15px;
            }
          }
        }
        .search-column{
          .search-form{
            input{
              width: 150px;
            }
          }
        }
      }
    }
  }

  @media screen and (min-width: 1024px){
    .top-header{
      .language-switcher.mobile{
        display: none;
      }
      .menu-button{
        display: none;
      }
      .mobile-action-links {
          display: none !important;
      }
    }
  }

  @media screen and (max-width: 1023px){
    .top-header{
      box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
      position: relative;
      font-size: 15px;
      padding: 15px 5px 5px;
      .container{
        padding: 0 10px;
      }
      .mobile-action-links {
          display: block;
      }

      .desktop-action-links {
          display: none !important;
      }
      .logo-header{
        width: 50%;
        img{
          width: 180px;
        }
      }
      .language-switcher.mobile{
        display: block;
        float: right;
          padding-top: 10px;
          margin-right: 60px;
      }
      .header-links{
        width: 100%;
        border-top: 1px solid #e5e3dd;
          padding-top: 15px;
          margin-top: 10px!important;
        ul.links{
          float: left!important;
          width: 50%;
          text-align: left;
          padding: 5px 0;
          margin: 0;
          li{
            background-position: 0;
            &:nth-child(3){
              border: none;
            }
            a{
              padding-left: 30px;
              padding-right: 10px;
            }
          }
        }
        .our-network-container{
            width: 50%;
            float: right;
            padding-bottom: 10px;
            .our-network-button{
              width: 48%;
              text-align: center;
              float: left;
              margin-right: 2%;
              a{
                font-size: 14px;
                display: block;
                padding: 5px 0;
              }
            }
            .contact-button{
              width: 48%;
              text-align: center;
              float: right;
              a{
                font-size: 14px;
                display: block;
                padding: 5px 0;
              }
            }
        }
      }
      /* Burger Nav Menu */
      .menu-button{
        .menuBtn{
            height: 30px;
            width: 30px;
            position: absolute;
            right: 20px;
            top: 20px;
            z-index: 101;
            span{
              background-color: #d86018;
              border-radius: 1px;
              height: 3px;
              width: 100%;
              position: absolute;
              left: 50%;
              top: 50%;
              margin: -1px 0 0 -15px;
              transition: height 100ms;
              &:after, &:before {
              content: '';
              background-color: #d86018;
              border-radius: 1px;
              height: 3px;
              width: 100%;
              position: absolute;
              transition: all 200ms;
            }
            &:after {
              top: -7px;
            }
            &:before {
              bottom: -7px;
            }
          }
          &.act {
            span {
              height: 0;
              &:after, &:before {
                background-color: #d86018;
                top: 1px;
              }
              &:after {
                transform: rotate(45deg);
              }
              &:before {
                transform: rotate(-45deg);
              }
            }
          }
          }
      }
    }
  }

  @media screen and (max-width: 480px){
    .top-header{
      .header-links{
        ul.links{
          width: 100%;
        }
        .our-network-container{
          width: 100%;
          margin-top: 15px;
        }
      }
    }
  }

  /* ============= Bottom Header -  Menus / Network / Contact ============= */
  .bottom-header{
    box-shadow: 0 0px 1px rgba(0,0,0,0.2);
    .logo-header-scroll{
      display: none;
    }
    .our-network-container{
      width: 30%;
      float: right;
      padding-top: 15px;
      .our-network-button{
        width: 48%;
        text-align: center;
        float: left;
        margin-right: 2%;
          a{
          display: block;
          padding: 5px 0;
          @media only screen and (max-width: 1440px){
            padding: 10px 0!important;
            font-size: 16px!important;
          }
          @media only screen and (max-width: 1439px) and (min-width: 1024px){
            font-size: 13px!important;
          }
          }
      }
      .contact-button{
        width: 48%;
        text-align: center;
        float: left;
        margin-left: 2%;
          a{
          display: block;
          padding: 5px 0;
          @media only screen and (max-width: 1440px){
            padding: 10px 0!important;
            font-size: 16px!important;
          }
          @media only screen and (max-width: 1439px) and (min-width: 1024px){
            font-size: 13px!important;
          }
          }
      }
    }
  }

  /* ============= Media Screen for Top Header ============= */
  @media screen and (min-width: 1024px) and (max-width:1200px){
    .bottom-header{
      .menus-container-new{
        ul.primary-menu{
          li{
            padding: 25px 5px!important;
            a{
              font-size: 12px!important;
            }
          }
        }
      }
    }
  }

  @media screen and (min-width: 1024px){
    .logo-header-scroll{display: none;}
    .bottom-header{
      .menus-container-new{
        width: 70%;
        float: left;
        ul.primary-menu {
          padding: 0;
          margin: 0;
          li{
            position: relative;
              display: inline-block;
              padding: 25px 15px;
              &:hover{
                background-color: #ea7600;
                transition: 0.5s;
                a{
                  color: #fff;
                }
                > ul.sub-menu{
                  display: block;
                }
              }
              &.current-menu-ancestor{
                a{
                  color: #ea7600;
                }
                &:hover{
                  a{
                    color: #fff;
                  }
                  ul.sub-menu{
                    li{
                      &.current_page_item{
                        a{
                          color:#ea7600;
                        }
                      }
                      &.current-menu-ancestor{
                        a{
                          color: #ea7600;
                        }
                        ul.sub-menu{
                          li{
                            a{
                              color: #8c857b;
                              &:hover{
                                color: #ea7600;
                              }
                            }
                            &.current-menu-item{
                              a{
                                color: #ea7600;
                              }
                            }
                          }
                        }
                      }
                      a{
                        color:#8c857b;
                        &:hover{
                          color: #ea7600;
                        }
                      }
                    }
                  }
                }
              }
              a{
                color: #8c857b;
                cursor: pointer;
                font-size: 16px;
                transition: 0.5s;
              }
            }
            ul.sub-menu{
              display: none;
              position: absolute;
              background-color: #f9f9f9;
              min-width: 300px;
              box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
              z-index: 1;
              border-top: 5px solid #ea7600;
              top: 67px;
              left: 0;
              transition: 0.5s;
              padding: 15px 0!important;
              li.menu-item-has-children{
                background: transparent url(https://www.agility.com/wp-content/uploads/2018/11/icon-arrow-right-orange.png) no-repeat center right;
                background-size: 6%;
                background-position: 95%;
                transition: 0.5s;
                &:hover{
                  transition: 0.5s;
                  background: transparent url(https://www.agility.com/wp-content/uploads/2018/11/icon-arrow-right-gray.png) no-repeat center right;
                  background-size: 6%;
                  background-position: 95%;
                }
              }
              li{
                display: block;
                transition: 0.5s;
                padding: 0!important;
                &:hover{
                  background: none;
                  color: #fff;
                }
                a{
                  transition: 0.5s;
                  padding: 10px 25px!important;
                  color: #8c857b;
                  display: block;
                  &:hover{
                    color:#ea7600;
                    transition: 0.5s;
                  }
                }
                ul.sub-menu{
                  position: absolute;
                  left: 300px;
                  top: -20px;
                  li{
                    a{
                      background:none;
                    }
                    ul.sub-menu{
                      max-height: 400px;
                      overflow-y: scroll;
                    }
                  }
                }
              }
            }
        }
      }
    }
  }

  @media screen and (max-width: 1023px){
    .bottom-header{
      background-color: #f1f1f1;
      .container{
        padding: 0!important;
      }
      .our-network-container{
        display: none;
      }
      /* Navigation Menu */
      .menus-container-new{
        display: none;
        &.act{
          height: 80vh;
          overflow: auto;
        } 
        ul.primary-menu{
          padding: 15px 25px;
          li{
            list-style: none;
            padding: 15px 0;
            border-bottom: 1px solid #fff;
            &.menu-item-has-children > a{
              position: relative;
              &:before{
                content: "";
                  background: transparent url(https://www.agility.com/wp-content/uploads/2018/11/icon-arrow-right-gray.png) no-repeat center;
                  background-size: 100%;
                  -webkit-transition: all 0.25s;
                  transition: all 0.25s;
                  width: 21px;
                  height: 10px;
                  display: block;
                  float: right;
                  position: relative;
                  top: 10px;
                  -webkit-transform: rotate(-10deg);
                  -moz-transform: rotate(-10deg);
                  -ms-transform: rotate(-10deg);
                  -o-transform: rotate(-10deg);
                  transform: rotate(90deg);
              }
              &.submenu-active {
                            &:before {
                              background: transparent url(https://www.agility.com/wp-content/uploads/2018/11/icon-arrow-right-orange.png) no-repeat center;
                    background-size: 100%;
                                .rotation(180deg);
                            }
                        }
            }
            a{
              color: #8c857b;
                cursor: pointer;
                font-size: 18px;
                &.submenu-active{
                  color: #d86018;
                }
            }
            ul.sub-menu{
              display: none;
              margin-top: 15px;
                margin-bottom: 15px;
                background-color: #fff;
                padding: 20px;
              li{
              padding: 5px 0;
                a{
                  font-weight: 300;
                }
                ul.sub-menu{
                  margin: 0;
                }
              }
            }
          }
        }
      }
    }
  }


  /*  ============= OUR NETWORK DROPDOWN  ============= */

  .our-network-dropdown-menu-new{
    display: none;
    background-color: #f1f1f1;
    padding: 40px 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  font-size: 14px;
    @media screen and (max-width:1023px){
      height: 500px;
      overflow: scroll;
      padding: 30px 0 50px;
    }
    .network-items{
      display: inline-block;
        width: 20%;
        vertical-align: text-top;
        height: 400px;
        min-height: 350px;
        border-right: 1px solid #dad8d8;
        padding-left: 20px;
        padding-right: 20px;
        @media screen and (max-width: 1023px){
          height: auto;
          min-height: auto;
          border: none;
          width: 100%;
        }
        &:last-child{
          border-right:none;
        }
        h2{
          font-size: 20px;
          padding-left: 0;
          color: #d86018;
          margin-top: 5px;
          @media screen and (max-width: 1023px){
            font-size: 16px;
          }
        }
        .term-list{
          -webkit-columns: 2;
          -moz-columns: 2;
              columns: 2;
        @media screen and (max-width:1023px){
            -webkit-columns: 3;
            -moz-columns: 3;
                columns: 3;
                margin-bottom: 25px;
        }
          .country-name{
            padding-bottom: 5px;
            a{
              color: #8c857b;
              &:hover{
                color: #d86018;
              }
            }
          }
        }
    }
  }
  
  /*  ============= CONTACT US DROPDOWN  ============= */
  .contact-us-menu{
    display: none;
    background-color: #f1f1f1;
    padding: 80px 0;
    text-align: center;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    @media screen and (max-width: 767px){
      height: 500px;
      overflow: scroll;
      padding: 40px 0 150px;
    }
    h3{
      margin: 0 0 50px;
      color: #474647;
      @media screen and (max-width: 767px){
          margin: 0 0 30px;
        }
    }
    .contact-us-btn-b{
      width: 100%;
      margin: 25px auto;
      @media screen and (max-width: 767px){
        margin: 0 auto;
      }
      .button{
        /*width: 23%;*/
        width: 31.33%;
        float: left;
        margin-right: 2%;
          @media screen and (max-width: 1023px){
            margin-bottom: 10px;
            width: 48%;
          }
          @media screen and (max-width: 767px){
            margin-bottom: 10px;
            width: 100%;
            margin-right: 0;
          }
        a{
          display: block;
          @media screen and (max-width: 1023px){
              font-size: 14px;
            }
        }
      }
    }
  }
} /*  ============= END OF HEADER  ============= */



/*  ============= HERO SECTION  ============= */

#hero-section{
  overflow-x: hidden;
  .hero-content{
    position: relative;
    &:before{
    content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(-90deg , rgba(0, 0, 0, 0.5) 60%, rgba(0,0,0,0.5)80%);
      opacity: .75;
    }
    .hero-banner-image{
      background-size: cover;
        background-position: 50%;
        height: 650px;
        @media only screen and (max-width: 767px){
          height: 500px;
        }
        .container{
          position: relative;
          height: 650px;
          @media only screen and (max-width: 767px){
            height: 500px;
          }
          .text{
            text-align: left;
            width: 100%;
            position: absolute;
            top: 29.5%;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            &.arabic{
              display: none;
            }
            @media only screen and (max-width: 1023px) and (min-width: 768px){
              top: 28%;
              img{
                width: 300px;
              }
            }
            @media only screen and (max-width: 767px){
              top: 37%;
              padding: 20px;
              text-align: center;
              left: 0;
            }
            h1{
              color: #fff;
              text-transform: uppercase;
              font-size: 85px;
              margin-bottom: 0;
              font-weight: 600;
              text-shadow: 2px 2px 5px #474647;
              @media only screen and (max-width: 1240px) and (min-width: 1024px){
                font-size: 67px;
              }
              @media only screen and (max-width: 767px){
                font-size: 50px;
              }
            }
            h2{
              color: #fff;
              text-transform: uppercase;
              font-size: 33.5px;
              margin-top: 0;
              font-weight: 600;
              text-shadow: 2px 2px 5px #474647;
              @media only screen and (max-width: 1240px) and (min-width: 1024px){
                font-size: 26px;
              }
              @media only screen and (max-width: 767px){
                font-size: 20px;
              }
            }
            p{
              color: #fff;
              width: 40%;
              margin: 30px 0;
              font-size: 19px;
              @media only screen and (max-width: 1023px){
                width: 70%;
                margin: 30px auto;
              }
              @media only screenand (max-width: 767px){
                width: 90%;
              }
            }
          }
          .forms{
            position: absolute;
          top: 16%;
          right: 4%;
          width: 28%;
          z-index: 1;
          box-shadow: 0 0 10px #c4bfb6;
            @media only screen and (max-width: 1439px) and (min-width: 1024px){
              width: 40%;
              left: 56%!important;
              top: 20%;
              a{
                font-size: 14px!important;
              }
              h3{
                font-size: 20px;
              } 
            }
            @media only screen and (max-width: 1023px) and (min-width: 768px){
              top: 20%;
              right: 25%;
              left: 46%;
              width: 50%;
            }
            @media only screen and (max-width: 767px){
              display: none!important;
            }
            .track-new-form{
            background: rgba(0,0,0,0.7);
            padding: 25px 20px 15px;
            /*border-top-left-radius: 5px;
            border-top-right-radius: 5px;*/
              h3{
                color: #ed8500;
              font-weight: 400;
              font-size: 20px;
              margin-top: 0;
              background-repeat: no-repeat;
              background-size: contain;
              margin-bottom: 15px;
              @media only screen and (max-width: 1023px) and (min-width: 768px){
                font-size: 18px;
              }
              }
              .input-field{
                width: 70%;
              float: left;
                input{
                  width: 95%;
                  border-radius: 3px;
                  padding: 0px 10px;
                  border: 1px solid rgba(0,0,0,0.3);
                  color: #8c857b;
                  background-color:#f0f0f0;
                  -webkit-transition: all 0.30s ease-in-out;
                -moz-transition: all 0.30s ease-in-out;
                -ms-transition: all 0.30s ease-in-out;
                -o-transition: all 0.30s ease-in-out;
                height: 40px;
                  margin-bottom: 0;
                  &::placeholder{
                    color:rgba(0,0,0,0.5);
                  }
                  &:focus{
                    box-shadow: 0 0 10px #e5e3dd;
                    border: 1px solid #ddd;
                  }
                }
              }
              .button-form{
                width: 30%;
                float: left;
                margin: 0 auto;
                text-align: center;
                .button-track{
                  margin-top: 5px;
                  a{
                    padding: 5px 15px;
                  }
                }
                .button-vgm{
                  margin-top: 12px;
                  a{
                    color: #ed8500;
                    font-size: 16px;
                  font-weight: 400;
                  }
                }
                
              }
            }
            .instant-quote{
            background: rgba(0,0,0,0.8);
            padding: 25px 20px 15px;
            background-color: #d86018;
              h3{
                color: #fff;
              font-weight: 400;
              font-size: 20px;
              margin-top: 0;
              background-repeat: no-repeat;
              background-size: contain;
              margin-bottom: 15px;
              @media only screen and (max-width: 1023px) and (min-width: 768px){
                font-size: 18px;
              }
              }
              .shipa-text{
                width: 70%;
                float: left;
                p{
                  color: #fff;
                  font-size: 16px;
                  padding-right: 10px;
                @media only screen and (max-width: 1023px) and (min-width: 768px){
                  font-size: 14px;
                }
                }
              }
              .shipa-link{
                width: 30%;
                float: left;
                text-align: center;
                a{
                  padding: 5px 15px;
                }
              }
            }
            .customer-portal{
            background: rgba(0,0,0,0.7);
            padding: 15px 20px 25px;
            /*border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;*/
              h3{
                color: #ed8500;
              font-weight: 400;
              font-size: 20px;
              margin-top: 0;
              background-repeat: no-repeat;
              background-size: contain;
              margin-bottom: 15px;
              @media only screen and (max-width: 1023px) and (min-width: 768px){
                font-size: 18px;
              }
              }
              .customer-text{
                width: 70%;
                float: left;
                p{
                  color: #fff;
                  font-size: 16px;
                  padding-right: 10px;
                @media only screen and (max-width: 1023px) and (min-width: 768px){
                  font-size: 14px;
                }
                }
              }
              .customer-btn{
                width: 30%;
                float: left;
                text-align: center;
                .signin-btn{
                  margin-top: 5px;
                  a{
                    padding: 5px 15px;
                  @media only screen and (max-width: 1023px){
                    padding: 5px 10px;
                  }
                  }
                }
                .link{
                  margin-top: 12px;
                  a{
                    color: #ed8500;
                    font-size: 16px;
                  font-weight: 400;
                  }
                }
              }
            }
          }
        }
    }
  }
}

@media screen and (max-width: 767px){
  section#hero-section{
    position: relative;
  }
}

/* =============  START OF FORM  =============  */

.track-form, .sign-in-form, .vgm-form {
    width: 100%;
    float: left;
    clear: both;
    padding: 25px;
    background: rgba(71, 70, 71, 0.9);
    top: 15px;
    display: none;
    position: relative;
  .bt.blk {
      background: #d86018;
      border: none;
      color: #fff;
      font-weight: normal!important;
      text-transform: uppercase;
      padding: 6px 0px;
      transition: 0.5s;
      border:1px solid #d86018;
      font-size: 16px;
      &:hover{
       background-color: #fff;
       color: #d86018;
       transition: 0.5s;
       border:1px solid #d86018;
      }
  }
  #pMsg {
      color: #dbc89e!important;
      text-align: left;
      padding-bottom: 20px;
  }
}

.track-form .sub-message {
    color: #fff;
    padding-top: 10px;
}

.track-form, .vgm-form{
  .input-field-track{
    display: inline-block;
    width: 49%;
    input{
      margin-bottom: 0;
      width: 100%;
    }
    .error-messages-head, .error-messages-vgm-head{
      width: 100%;
    }
  }
  .buttons{
    vertical-align: top;
  }
}
.track-form .close-form, .sign-in-form .close-form, .vgm-form .close-form {
    width: 28px;
    height: 32px;
    margin-bottom: 20px;
    display: block;
    background: transparent url(https://www.agility.com/wp-content/uploads/2018/11/close-new.png) no-repeat center;
    background-size: 100%;
    position: absolute;
  right: 6%;
  top: 10%;
}
.track-form h3, .sign-in-form h3, .vgm-form h3 {
    color: #fff;
    font-size: 26px;
    text-align: left;
    margin: 30px 0 35px;
}
.track-form h3{
  background-image: url('https://www.agility.com/wp-content/uploads/2018/11/icon-track-white.png');
  background-repeat: no-repeat;
  padding-left: 50px;
  background-size: contain;
}
.vgm-form h3{
  background-image: url('https://www.agility.com/wp-content/uploads/2018/11/icon-vgm-white.png');
  background-repeat: no-repeat;
  padding-left: 50px;
  background-size: contain;
}
.sign-in-form h3{
  background-image: url('https://www.agility.com/wp-content/uploads/2018/11/icon-sign-in-white.png');
  background-repeat: no-repeat;
  padding-left: 50px;
  margin-bottom: 15px;
  background-size: auto;
  background-position: 0 10px;
  @media screen and (max-width:767px){
    background-size: 25px 22px;
    background-position: 0;
    padding-left: 60px;
  }
}

.track-form input, .sign-in-form input, .vgm-form input {
  width: 50%;
    height: 45px!important;
    background: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 16px;
    color: #3e3e3e;
    border-color: transparent;
    outline: none;
    float: left;
    margin-right: 2px;
}
.track-form input[type="submit"], .sign-in-form input[type="submit"], .vgm-form input[type="submit"] {
    background-color: #d86018;
    border: none;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    width: auto;
    padding: 5px 25px;
    transition: 0.5s;
    border:1px solid #d86018;
    &:hover{
     background-color: #fff;
     color: #d86018;
     transition: 0.5s;
     border:1px solid #d86018;
    }
}
.track-form .buttons, .sign-in-form .buttons, .vgm-form .buttons {
    display: inline-block;
    width: 49%;
}
.track-form .buttons a, .sign-in-form .buttons a, .vgm-form .buttons a {
    display: block;
    width: 95%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
.track-form .buttons a:last-child, .sign-in-form .buttons a:last-child, .vgm-form .buttons a:last-child {
    float: right;
}
#aSignup, #aTranstrack {
    color: #ed8500;
    font-size: 18px;
    &:hover{
      color:#d86018;
    }
}

@media only screen and (min-width: 1024px){
  .track-form, .sign-in-form, .vgm-form {
      position: fixed;
      top: 150px;
      width: 500px;
      z-index: 9999;
      right: -100%;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      display: block !important;
      padding: 50px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width:1023px){
  .track-form, .sign-in-form, .vgm-form {
      position: fixed;
      top: 135px;
      width: 500px;
      z-index: 9999;
      right: -100%;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      display: block !important;
      padding: 50px 30px;
  }
}

@media only screen and (max-width: 480px){
  .track-form, .sign-in-form, .vgm-form {
      top: 179px!important;
  }
}

@media only screen and (max-width: 767px){
  .track-form h3,
  .vgm-form h3,
  .sign-in-form h3{
    font-size: 20px;
    padding-left: 30px;
  }
  .track-form,
  .sign-in-form,
  .vgm-form{
    padding: 20px;
    position: absolute;
    top: 120px;
    background: rgba(71, 70, 71, 1);
  }
  .track-form .close-form, 
  .sign-in-form .close-form,  
  .vgm-form .close-form{
    position: absolute;
    top: 5%;
  } 
}
/*  ============= END OF FORM FOR ONCLICK  ============= */


/* ============== THEME ============== */
body {
    font: @font-size/@font-lineheight @font;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    color: #474647;
    &.rtl {
        direction: rtl;
        font-family: 'Noto Naskh Arabic', sans-serif;
    }
    @media only screen and (min-width: 1024px) {
        padding-top: 150px;
    }
    @media only screen and (max-width: 1023px) {
        padding-top: 135px;
    }
    @media only screen and (max-width: 480px) {
        padding-top: 179px;
    }
}
body.page-template-worldwide-directory #hero,
body.page-template-worldwide-directory-elementor #hero{
  height: 82vh;
}
body.single-network #hero{
  height: 91vh;
}
body.single-network #hero:before,
body.page-template-worldwide-directory #hero:before,
body.page-template-worldwide-directory-elementor #hero:before{
  background-image: none;
}
body.page-template-worldwide-directory #hero #hero-image,
body.page-template-worldwide-directory-elementor #hero #hero-image,
body.single-network #hero #hero-image{
  height: 100% !important;
}
body.page-template-tradelanes #hero .container{
  max-width: unset;
  background: rgba(0,0,0,0.45);
}
body.page-template-tradelanes #hero:before{
  content: unset;
}
body.page-template-tradelanes .hero-title{
  text-align: center;
  margin-top: 1%;
}
body.page-template-tradelanes .hero-title .h1-subtitle{
  max-width: 55%;
  margin: 10px 0;
}
body.page-template-tradelanes .hero-title .read-more{
  display: block;
  margin: 10px auto;
  font-size: 1.5em;
}
body.page-template-tradelanes .hero-title .read-more a{
  color:  white;
  border:  1px solid #fff;
  padding: 10px 20px;
}
body.page-template-tradelanes .hero-title .h1-subtitle .subpage-title-wrapper{
  margin-top:0px;
}
body.page-template-tradelanes .hero-title .down-arrow a{
  color: #fff;
}
body.page-template-tradelanes .our-network-corner{
    width: 600px!important;
    a{
        font-size: 35px;
    }
}
body.search-results .articles-list .row{
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1201px){
  body.page-template-tradelanes .hero-title .h1-subtitle .subpage-title-wrapper .excerpt{
    font-size: 20px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1200px){
  body.page-template-tradelanes .hero-title .h1-subtitle .subpage-title-wrapper .excerpt{
    font-size: 20px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 992px){
  body.page-template-tradelanes .hero-title .h1-subtitle{
    max-width: 65%;
  }
  body.page-template-tradelanes .hero-title .h1-subtitle .subpage-title-wrapper .excerpt{
    font-size: 20px;
    line-height:1.5;
  }
}
@media screen and (max-width: 768px){
  body.page-template-tradelanes .hero-title .h1-subtitle{
    max-width: 75%;
  }
  body.page-template-tradelanes .hero-title .h1-subtitle .subpage-title-wrapper .excerpt{
    font-size: 20px;
  }
}
@media screen and (max-width: 480px){
  body.page-template-tradelanes .hero-title .h1-subtitle{
    max-width: 95%;
  }
  body.page-template-tradelanes .hero-title .h1-subtitle .subpage-title-wrapper .excerpt{
    font-size: 18px;
  }
}

.addtoany_content {
  clear: both;
  max-width: 1480px;
  margin: 50px auto;
}

/* Lazy Load for Homepage */
section.home-careers .lazy-bg, section.home-infrastructure .lazy-bg, section.home-logistics-parks .lazy-bg, section.home-services .lazy-bg{
  background-image:none!important;
}

/* START OF PASSWORD PROTECTED */
.post-password-form {
  padding-right: 15px;
  padding-left: 15px;
  font-size: 20px;
  margin: 70px auto;
  p {
    margin: 0 0 40px;
  }
}
@media (min-width: 768px) {
  .post-password-form {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .post-password-form {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .post-password-form {
    width: 1170px;
  }
}
/* END OF PASSWORD PROTECTED */

.elementor-widget-text-editor{
  font: 18px/1.6 'Noto Sans', sans-serif;
}
.elementor,
.elementor-widget-heading .elementor-heading-title{
  font-family: @font;
}

a{
  color: #ed8b00;
}

.slick-slide{
  overflow: hidden;
}

.container {
    width: 100%;
    max-width: 1600px;
    padding: 0 25px;
    margin: 0 auto;
    @media @mq-tab-l {
      padding: 0 30px;
    }
    @media @mq-sd {
      padding: 0 50px;
    }
    @media @mq-desktop {
      padding: 0 60px;
    }
}

.on-mobile {
  @media @mq-tab {
    display: none !important;
  }
}
.on-desktop {
  @media (max-width: 767px) {
    display: none !important;
  }
}

img {
    max-width: 100%;
}

a,
button,
a:focus,
a:visited {
    outline: none;
    text-decoration: none;
    color: #ed8b00;
    transition: 0.5s;
    cursor: pointer;
}

a:hover {
    outline: none;
    text-decoration: none;
    color: #d86018;
    transition: 0.5s;
}

a{
  &.learn{
    color: #ed8b00;
    &:hover{
      color:#d86018;
    }
  }
}


a{
  &.learn {
    display: block;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 500;
    clear: both;
    &.center {
        text-align: center;
    }
    @media @mq-tab-l {
        font-size: 24px;
    }
    @media @mq-sd {
        font-size: 28px;
    }
  }
}

a{
  &.read-more-link{
    display: inline-block;
    text-decoration: none;
    &:after{
      content: '';
      display: block;
      width: 0;
      height: 1px;
      background: #d86018;
      transition: width .3s;
    }
    &:hover{
      &:after{
         width: 100%;
        transition: width .3s;
      }
    }
  }
}

// Venture - Tech News

.row {
  &.article-loop {
  margin-bottom: 40px;  
  }
}

.col-md-6 {
  .articles-list {
    margin-top: 40px;
  }
}

.tech-img {
  img {
    object-fit: cover;
    width: 100%;  
    height: 209px !important;
  }
}

.technews-content {  
  p {
    color: #474647;
    font-family: 'Noto Sans', 
    Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    height: 38px;
    overflow: hidden;
  }
}

a{
  &.technews_more{
    font-size: 16px;
    font-weight: 600;
    &:hover{
      color: #af272f;
    }
  }
}

.jet-listing-grid__item {
  padding: 10px 0 !important;
}

a {
 &.alltechnews-link {
    font-family: "Noto Sans", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding: 20px 20px 0px 0px;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #e1e2dc;
    &:hover {
      color: #af272f;
    }
  }
}

.ventures-news-section {
  .col-md-6 {
    .col-sm-6 {
      @media only screen and (min-width: 481px) {
        width: 50%;
        float: left;
      }
    }
  }
  .insights-ventures {
    h2 {
      @media only screen and (max-width: 991px) {
        margin-top: 40px !important;
      }  
    }
    iframe {
      width:100%;
      border:none;
      min-height: 850px;
      @media only screen and (max-width: 480px) {
        min-height: 1150px !important;
      }  
    }
  }
  h2 {
    @media only screen and (max-width: 800px) {
      font-size: 25px !important;
    }
  }
  h3 {
    font-family: 'Karla', Sans-serif;
    font-size: 22px; 
    font-weight: 600;
    a {
      color: #474647 !important; 
      font-size: inherit !important;
    }
  }
}

// 3. Inputs
.input-reset {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    height:30px;
    border-radius: 0px;
    border: 1px solid @color;
    font-weight: 300;
    font-size: 14px;
    font-family: @font;
    outline: 0;
    color: #3e3e3e;
    padding: 0 10px;
  max-width: 100%;
}
.input {
    .input-reset;
    .placeholder(14px, @font, @color);
}

//select
select::-ms-expand {display:none;} //IE 11 fix
.select {
    .input-reset;
    padding: 0 30px 0 10px;
    background: transparent url('../../images/sprite-select.png') no-repeat center right;
    text-indent:0.01px;
    text-overflow:'';
    cursor:pointer;
}
// initialize input resets
input[type="text"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
  .input;
  &.error{
    color: red;
    border-color: red;
  }
}
select {
  .select;
  &.error{
    color: red;
    border-color: red;
  }
}
::-webkit-input-placeholder {color: @color;}
:-moz-placeholder {color: @color;}
::-moz-placeholder {color: @color;}
:-ms-input-placeholder {color: @color;}

.error ::-webkit-input-placeholder {color: @color;}
.error :-moz-placeholder {color: @color;}
.error ::-moz-placeholder {color: @color;}
.error :-ms-input-placeholder {color: @color;}

.back-link{
  padding-top: 40px;
  &.all-ventures{
    padding-top: 60px;
  }
  &.ventures{
    a, p{
      display: inline-block;
    }
    a{
      &.first{
        border-right: 1px solid #3e3d3c;
        padding-right: 25px;    
        margin-right: 25px;
      }
    }
    p{
      font-size: 28px;
      color: #8c857b;
    }
  }
}

.bt {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  padding: 10px 25px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-family: @font;
    background: @hover;
    &:hover, &:focus {
      color: #fff;
    }
    &.blk {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ed8b00;
    font-weight: 500;
    padding: 10px 50px;
  }
}

.gr__agility_com #footer .contact-section a.bt{
    padding:10px 50px!important;
}

.menu-action {
    position: relative;
    float: right;
    right: -5px;
    .menu-text {
        position: absolute;
        bottom: -4px;
        left: 0;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 300;
        width: 100%;
        text-align: center;
        transition: .25s ease-in-out;
        color: @color;
        &.invisible {
            opacity: 0;
            visibility: hidden;
        }
    }
    @media @mq-tab {
        margin-top: -10px;
        .menu-text {
          bottom: -9px;
        }
    }
}

.logo {
    width: 171px;
    height: 45px;
    float: left;
    a {
      display: block;
      img {max-width: 100%;}
  }
    @media @mq-tab {
    width: 266px;
    height: 70px;
    }
}


.wpml-ls-legacy-dropdown {
    width: auto;
}
.wpml-ls-legacy-dropdown a {
    color: @hover;
    border: none;
    background: none;
    padding: 0;
    line-height: 20px;
}
.wpml-ls-legacy-dropdown a span {
    display: block;
    line-height: 20px;
    text-align: right;
}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    color: @hover;
    background: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "\f107";
    border: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: @hover;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    right: 4px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-bottom: 1px solid #cdcdcd;
    padding: 5px 0;
    background: #fff;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
    background: #eae5e5;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a span {
  text-align: center;
}


.search-container {
    float: right;
    .search-form {
        border: 1px solid @color;
        background: #f5f4f4;
        position: relative;
        input {
            border: none;
            padding: 0 30px 0 10px;
            background: transparent;
            font-weight: 300;
            width: 250px;
        }
        button {
            position: absolute;
            border: none;
            box-shadow: none;
            top: 0;
            right: 0;
            width: 30px;
            height: 30px;
            background: transparent url('../../images/search.png') no-repeat center;
        }
    }
}


.c-hamburger {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 45px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background: none;
  top: 3px;
  @media @mq-tab {
    top: 8px;
  }
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 13px;
  left: 5px;
  right: 5px;
  height: 2px;
  background: @color;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: @color;
  content: "";
}

.c-hamburger span::before {
  top: -9px;
}

.c-hamburger span::after {
  bottom: -9px;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
.c-hamburger--htx.is-active {
  top: 11px;
}
.c-hamburger--htx.is-active span {
  background: none;
}
.c-hamburger--htx.is-active + .menu-text {
    bottom: -14px;
    opacity: 0;
    visibility: hidden;
    @media @mq-tab {
      bottom: -19px;
    }
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
@media @mq-sd {
    body.home.heroFullOpened #hero-image {
        height: 850px!important;
    }
}
#map-wrap{
    width: 100%;
    height: 100%;
}

.single-technology_news{
  h2{
    text-align: left!important;
    &:after{
      margin: 20px 0 0!important;
    }
  }
}

.single-stand_alone_page{
  #hero{
    #hero-image{
      height: 450px!important;
    }
    .hero-video{
      position: absolute;
      right: 4%;
      @media screen and (max-width: 1023px){
        left: 4%;
        bottom: 20px;
      }
      @media screen and (max-width: 480px){
        width: 92%;
      }
    }
    .hero-title{
      @media screen and (max-width: 1440px) and (min-width:1024px){
        max-width: 50%;
      }
    }
  }
}

.single-core_services.postid-65{
  #hero{
    .hero-intro-text{
      @media screen and (max-width: 767px){
        display: block;
        left: 4%;
        width: 92%;
      }
    }
  }
}

#hero {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  min-height: 100px;
  .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    padding-bottom: 45px;
    right: 0;
    margin: auto;
    @media screen and (max-width:1023px){
      padding-top: 60px;
    }
    @media screen and (max-width: 480px){
      padding-top: 40px;
    }
    .hero-logo {
      max-width: 65%;
      img {
        max-width: 100%;
      }
      &.arabic{
        display: none;
      }
      &.bottom {
        left: 0;
        bottom: 45px;
        position: absolute;
        left: 30px;
        @media @mq-tab-l {
        left: 50px;
        }
        @media @mq-desktop {
        left: 60px;
        }
      }
    }
  }
  .container.worldwide-directory {
    pointer-events: none;
  }
  #hero-image-news-tradelanes,
  #hero-image {
      background-size: cover;
      background-position: center;
      height: 600px!important;
      @media screen and (max-width: 480px){
        height: 450px!important;
      }
  }
  #hero-image-news-tradelanes{
      height: 450px!important;
  }

  .our-network-corner {
    opacity: 0.9;
      width: 100%;
      position: absolute;
      bottom: -15px;
      right: 0;
      background-color: @hover;
      border-top: 5px solid #ee8505;
      max-width: 100%;
      z-index: 3;
      a {
          background-color: @hover;
          color: #fff;
          display: block;
          font-size: 22px;
          line-height: 35px;
          text-align: center;
          padding: 10px 25px;
          font-family: @karla;
          span {
              margin-right: 5px;
          }
      }
      @media @mq-tab {
        bottom: -30px;
        width: 450px;
        a {
          font-size: 28px;
          padding: 25px;
        }
      }
      @media @mq-desktop {
        width: 600px;
        a {
          font-size: 40px;
          line-height: 45px;
          padding: 30px;
        }
      }
      @media @mq-desktop {
        width: 700px;
      }
  }

  .request-quote {
      position: absolute;
      bottom: 60px;
      left: 25px;
      a, a button, button {
          text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
          text-transform: uppercase;
          color: #a9dbda;
          font-size: 14px;
          font-weight: 500;
          padding-right: 20px;
      position: relative;
      line-height: 30px;
      display: inline-block;
          &:before {
      content: "\f404";
      display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #a7dada;
        font-size: 30px;
        line-height: 30px;
        opacity: 0;
        visibility: 0;
        transition: all 0.25s;
        position: absolute;
        top: 0;
        right: 0;
          }
      }
      @media @mq-tab {
        left: 30px;
        bottom: 20px;
    a {
      font-size: 28px;
      padding-right: 30px;
      &:before {
        font-size: 50px;
      }
    }
      }
      @media @mq-tab-l {
        left: 50px;
      }
  }
  @media @mq-tab {
      margin-bottom: 30px;
  }

  .hero-cta-button{
    margin-top: 50px;
      @media screen and (max-width: 480px){
        margin-top: 20px;
      }
    a{
      @media screen and (max-width:480px){
        font-size: 13px;
        padding: 10px;
      }
    }
  }

  .hero-intro-text{
    position: absolute;
    left: 60px;
    bottom: 60px;
    font-size: 30px;
    color: #fff;
    @media screen and (min-width:768px) and (max-width:1439px){
      bottom: 30px;
      font-size: 25px;
      left: 30px;
    }
    @media screen and (max-width:767px){
      display: none;
    }
  }
  .hero-video{
    width: 450px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 280px;
    float: right;
    bottom: 80px;
    box-shadow: 0px 0px 20px #474647;
    @media screen and (max-width:1023px){
      float: none;
      width: 350px;
      height: 200px;
      bottom: 0px;
    }
    @media screen and (max-width:480px){
      width:100%;
    }
    &:before{
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
      opacity: .75;
    }
    .hero-video-text{
      position: absolute;
      bottom: 5%;
      width: 100%;
      text-align: center;
      @media screen and (max-width:1023px){
        bottom: 0%;
      }
      .play-video-icon{
        display: block;
        width: 130px;
        height: 130px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
        border-radius: 80px;
        @media screen and (max-width:1023px){
          width: 100px;
          height: 100px;
          background-size: 50%;
        }
      }
      h2{
        color: #fff;
        font-family: 'Karla', sans-serif;
        font-weight: bold;
        margin-top: 30px;
        font-size: 22px;
        @media screen and (max-width:1023px){
          font-size: 16px;
        }
      }
    }
  }
}

.request-quote.homepage {
  .link-separator {
    display: block;
    margin-bottom: 15px;
  }
}

.desktop-term-tabs-container {
    display: inline-block;
    a {
        display: block;
        width: 165px;
        float: left;
        margin-right: 25px;
        color: #fff!important;
        font-size: 20px;
        position: relative;
        font-weight: 300;
        &:after {
            content: "";
            width: 13px;
            height: 10px;
            background: transparent url('../../images/light-arrow-down.png') no-repeat center;
            display: inline-block;
            margin-left: 10px;
            transition: all 0.25s;
        }
        &:last-child {
          margin-right: 0;
        }
        &.region-items-shown {
          font-weight: 500;
            &:after {
                background: transparent url('../../images/bold-arrow-up.png') no-repeat center;
            }
        }
        @media @mq-desktop {
            width: 250px;
        }
    }
}

@media (max-width: 1023px) {
   .desktop-term-tabs-container {
        display: none;
    }
}

.statistics-numbers {
  margin-top: 50px;
    &.has-title {
        padding-top: 15px;
        position: relative;
        .statistics-title {
            position: absolute;
            margin: 0;
            padding: 0 15px;
            background-color: #fff;
            font: 700 24px @karla;
            color: #e8e3d8;
            margin: 0;
            z-index: 1;
            left: 50%;
            top: 5px;
            -ms-transform: translateX(-50%); /* IE 9 */
            -webkit-transform: translateX(-50%); /* Safari */
            transform: translateX(-50%);
        }
        @media @mq-tab-l {
            .statistics-title {
                font-size: 38px;
                top: -5px;
            }
        }
        @media @mq-desktop {
            .statistics-title {
                font-size: 50px;
                top: -13px;
            }
        }
    }
  .statistics-numbers-wrapp {
    border: 5px solid #f3f0e7;
    padding: 50px 30px;
        @media @mq-tab {
            border-width: 8px;
        }
        @media @mq-desktop {
            padding: 70px 30px;
        }
  }
  .numbers-column {
    text-align: center;
    margin-bottom: 30px;
    .numbers {
      color: #ea7600;
      font-size: 28px;
      padding-bottom: 10px;
      margin-bottom: 10px;
      position: relative;
      font-family: @karla;
      &:before {
        content: '';
        position: absolute;
        width: 100px;
        height: 1px;
        background: #dbc89e;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
      }
      .plus-sign {
        font-weight: 700;
        margin-top: -3px;
        display: inline-block;
        vertical-align: top;
        margin-left: 5px;
      }
    }
    .numbers_title {
      font-size: 14px;
      color: #dbc89e;
      font-weight: 300;
    }
    &:last-child {
      margin-bottom: 0;
    }
        @media @mq-tab {
            margin-bottom: 0;
        }
    @media @mq-desktop {
            .numbers {
              font-size: 60px;
              .plus-sign {
                margin-top: -5px;
              }
            }
            .numbers_title {
              font-size: 28px;
            }
    }
  }
    @media @mq-tab {
        margin-top: 70px;
            .numbers {
              .plus-sign {
                margin-top: -3px;
              }
            }
    }
    @media @mq-desktop {
        margin-top: 90px;
    }
}

.mobile-action-links {
  float: left;
  width: 100%;
  background: #fff;
  .header-links {
    float: none;
    .top-area {
      display: block;
      margin-bottom: 0;
      text-align: center;
      .row {
        margin-left: -25px;
        margin-right: -25px;
      }
      .language-selector {
        width: 33.33%;
      }
      .links {
        width: 66.66%;
        li {
          width: 50%;
          a {
            margin-right: 10px;
            padding-right: 10px;

          }
        }
      }
    }
    .bottom-area {
      display: none;
    }
  }
}

@media @mq-tab {
  body.singFormOpen {
    .sign-in-form {
      right: 0;
    }
  }
  body.trackFormOpen {
    .track-form {
      right: 0;
    }
  }
  body.vgmFormOpen {
    .vgm-form{
      right:0;
    }
  }
}

.solas-link{
  padding-top: 18px;
}

#contact_business_information,
#business_information,
#contact_industry_information,
#industry_information{
  display:none;
}

.hero-form,
.request-form,
.register-form,
.media-center-form {
  position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    right: -100%;
    /*-webkit-transition: all 0.4s;
    transition: all 0.4s;*/
    padding: 30px;
    background: #14254c;
    @media @mq-mob @and-mq-mob-l{
      bottom: 0;
      overflow-y:scroll;
    }
    .close-request-form {
      position: absolute;
      top: 35px;
      right: 2px;
      font-size: 40px;
      line-height: 40px;
      color: #c8c3bd;
    }
    .request-form-container,
    .register-form-container,
    .media-center-form-container {
      overflow: auto;
      position: relative;
    }
    div.wpcf7-response-output {
      margin: 30px 0;
      border: none;
      background: @hover;
      color: #fff;
      text-align: center;
      padding: 25px;
    }
    fieldset {
      .dots {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
        i {
          display: block;
          width: 10px;
          height: 10px;
          border: 2px solid #c8c3bd;
          margin-right: 10px;
          float: left;
          &.active {
            background: #c8c3bd;
          }
        }
      }
      legend {
        border: none;
        color: #fff;
        font-weight: bold;
            float: left;
            clear: both;
      }
      .form-group {
        margin-bottom: 10px;
        .wpcf7-form-control-wrap {
          display: block;
          input, select {
            width: 100%;
            height: 40px;
            background-color: #ede8e2;
            border-color: #ede8e2;
            &.error {
              color: red;
              border-color: red;
            }
          }
          textarea {
            width: 100%;
            height: 120px;
            background-color: #ede8e2;
            border-color: #ede8e2;
            &.error {
              color: red;
              border-color: red;
            }
          }
          select {
            background-position: 98% 50%;
          }
          @media (max-width: 1239px) {
            select {
              background-size: 20px;
            }
          }
          input.error::-webkit-input-placeholder {color: red!important;}
        input.error:-moz-placeholder {color: red!important;}
        input.error::-moz-placeholder {color: red!important;}
        input.error:-ms-input-placeholder {color: red!important;}
        }
        label.error {
          display: none!important;
        }
      }
      .form-actions {
        display: inline-block;
        width: 100%;
        margin-top: 20px;
        .bt {
          margin-right: 20px;
          cursor: pointer;
          padding: 8px 35px;
          &:last-child {
            margin-right: 0;
          }
          @media @mq-desktop {
            font-size: 28px;
            padding: 20px 100px;
          }
        }
      }
      &#industry_information {
        .form-group {
          .wpcf7-checkbox {
            .wpcf7-list-item {
              width: 100%;
            }
          }
        }
      }
  }
    @media @mq-tab {
    padding: 50px;
    top: 100px;
    .close-request-form {
      display: none;
    }
    .request-form-container,
    .register-form-container,
    .media-center-form-container {
      overflow: hidden;
        height: auto!important;
        margin: 0 auto;
        width: 90%;
      }
    fieldset {
      margin-left: -10px;
      margin-right: -10px;
      max-width: 1300px;
      &#business_information {
        max-width: 865px;
      }
      .dots {
        padding: 0 10px;
      }
      legend {
        padding: 0 10px;
      }
      .form-group {
        width: 50%;
        float: left;
        max-width: 440px;
        .wpcf7-form-control-wrap {
          padding: 0 10px;
        }
      }
      .form-actions {
          padding: 0 10px;
        }
        &#industry_information {
          .form-group {
          width: 100%;
          max-width: 100%;
            .wpcf7-form-control-wrap.industry {
              max-width: 440px;
            }
            .wpcf7-checkbox {
              margin-left: -10px;
              margin-right: -10px;
              display: block;
              .wpcf7-list-item {
                width: 50%;float: left;
                padding: 0 10px;
                margin: 0;
              }
            }
          }
        }
    }
    }
    @media @mq-tab-l {
      fieldset {
        &#personal_information {
        .form-group {
          width: 33.33%;
        }
      }
      &#industry_information {
          .form-group {
            .wpcf7-checkbox {
              .wpcf7-list-item {
                width: 33.33%;
              }
            }
          }
        }
      .form-actions {
          padding: 0 10px;
        }
    }
    }
    .wpcf7-list-item {
      input[type="checkbox"] {position: absolute;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
    input[type="checkbox"]+.wpcf7-list-item-label {
      display: inline-block;height: auto;padding-left: 25px;vertical-align: middle;cursor: pointer;width: 100%;color: #fff;position: relative;font-size: 14px;line-height: 17px;font-weight: 300;
      &:before {
        content: " ";
          position: absolute;
          left: 0;
          top: 0px;
          width: 15px;
          height: 15px;
          background: #c8c3bd;
      }
    }
    input[type="checkbox"]:checked+.wpcf7-list-item-label {
      &:after {
        content: "✓";
          position: absolute;
          left: 0;
          top: 1px;
          width: 15px;
          height: 15px;
          z-index: 1;
          line-height: 15px;
          color: @color;
          text-align: center;
          font-size: 15px;
      }
    }
  }
  @media @mq-desktop {
    padding: 70px 90px;
    fieldset {
      .dots {
        margin-bottom: 30px;
        i {
          width: 12px;
          height: 12px;
        }
      }
      legend {
        font-size: 32px;
        font-weight: 400;
        margin-bottom: 30px;
      }
      .form-group {
          .wpcf7-form-control-wrap {
            input, select {
              height: 50px;
              font-size: 26px;
            }
            textarea {
              height: 120px;
              font-size: 26px;
            }
          }
        }
        .form-actions {
          margin-top: 60px;
        }
        &#industry_information {
          .form-group {
            .wpcf7-checkbox {
              .wpcf7-list-item {
                margin-bottom: 10px;
              }
            }
            .wpcf7-form-control-wrap.industry {
              margin-bottom: 30px;
            }
          }
        }
    }
    .wpcf7-list-item {
      input[type="checkbox"]+.wpcf7-list-item-label {
        font-size: 20px;
      }
    }
  }
}

.postid-137, .postid-72{
  #hero{
    .hero-video{
      @media screen and (min-width: 1440px){
        bottom: 135px;
      }
      @media screen and (max-width: 1023px){
        bottom: 0;
      }
    }
  }
}
#hero {
    &:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background-image: linear-gradient(to bottom, rgba(0,0,0,0) 55%,rgba(0,0,0,0.95) 85%);*/
    background-image: linear-gradient(to right, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 70%);
    opacity: .5;
  }


  .hero-more-videos{
    a{
      position: absolute;
      bottom: 60px;
      width: 450px;
      right: 3.7%;
      text-align: center;
      font-size: 16px;
      text-transform: uppercase;
      color: #fff;
      border: 2px solid #fff;
      padding: 10px;
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
      background-size: 4%;
      background-position-x: 10%;
      &:hover{
        opacity: 0.5;
      }
      @media screen and (max-width: 1439px) and (min-width: 1024px){
        bottom: 20px;
        right: 3%;
      }
      @media screen and (max-width: 1023px){
        position: absolute;
        bottom: 20px;
        width: 350px;
        left: 25px;
        right: 0;
        text-align: center;
        font-size: 16px;
        padding-left: 20px;
      }
      @media screen and (max-width: 480px){
        width: 90%;
        left: 5%;
        bottom: 5px;
      }
    }
  }
  .chooser-wrapper {
    display: none;
    position: absolute;
    width: 320px;
    border: 2px solid #d95e18;
    background-color: #eee;
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    bottom: 0px;
    .chooser-closer-wrapper {
      position: relative;
      .chooser-closer {
        position: absolute;
        right: 10px;
        top: 4px;
        width: 5px;
        height: 5px;
      }
    }
    .button-wrapper {
      width: 300px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      margin-bottom: 30px;
      text-align: center;
      a {
        padding-right: 0px;
      }
      button {
        width: 220px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        height: 30px;
        margin-top: 10px;
        color: #d95e18;
        text-shadow: none;
        padding-right: 0px;

      }
    }
  }
}


body.requestFormOpen {
  .request-form, .register-form, .media-center-form {
    right: 0;
  }
  #hero .request-quote a {
    &:before {
      opacity: 1;
      visibility: visible;
    }
  }
}

body.contactFormOpen {
  .hideform-wrapper {
    right: 0;
    display: block;
  }
  #hero .request-quote a {
    &:before {
      opacity: 1;
      visibility: visible;
    }
  }
}

.post-video-section{
  margin-top: 50px;
  .heroSlider-fixed{padding:0;}
  h2{
    &:before{
      display: none;
    }
  }
  .container{
    padding: 0;
  }
  .video-click{
      position: relative;
      background-repeat: no-repeat;
      height: 450px;
      background-size: cover;
      background-position: center;
      margin-right: 1%;
      width: 49%;
      float: left;
      @media screen and (max-width: 767px){
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
      }
      &:before{
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, #000000 70%);
          opacity: 1;
          width: 100.1%;
      }
      .video-text{
          position: absolute;
          bottom: 10%;
          width: 100%;
          text-align: center;
          .play-video-icon{
              display: block;
              width: 160px;
              height: 160px;
              margin: 0 auto;
              background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
              border-radius: 80px;
          }
          h3{
              color: #fff;
              font-family: 'Karla', sans-serif;
              font-weight: bold;
              margin-top: 70px;
              font-size: 30px;
              margin-bottom: 0;
          }
          p{
              color: #ddcba4;
              font-family: 'Karla', sans-serif;
              font-size: 25px;
          }

      }
  }
  .sub-video-click{
          position: relative;
          background-repeat: no-repeat;
          height: 250px;
          background-color: #101316;
          background-position: center;
          background-size: cover;
          width: 20%;
          float: left;
      &:before{
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, #000000 80%);
          opacity: 1;
      }
      &:last-child{
          border-right: none;
      }
      .video-text{
          position: absolute;
          bottom: 0;
          width: 100%;
          text-align: center;
          .play-video-icon{
              display: block;
              width: 50px;
              height: 50px;
              margin: 0 auto 10px;
              background: rgba(255,255,255, 0.2) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
              border-radius: 80px;
              background-size: 40%;
              z-index: 9;
              position: relative;
          }
          h3{
              color: #fff;
              font-family: 'Karla', sans-serif;
              font-weight: bold;
              margin-top: 10px;
              font-size: 18px;
              margin-bottom: 0;
          }
          p{
              color: #ddcba4;
              font-family: 'Karla', sans-serif;
              font-size: 15px;
              line-height: 17px;
          }

      }
  }
  @media screen and (max-width:768px){
      .sub-video-click{
          width: 50%;
      }
  }
  @media screen and (max-width:480px){
      .video-click{
          width: 100%;
      }
      .sub-video-click{
          width: 100%;
      }
  }

  /* Third Version - Slider */
  .slider{
      .sub-video-click{
          width: 100%;
          .play-btn{
              position: absolute;
              left: 5%;
              bottom: 5%;
          }
          .video-desc{
              position: absolute;
              bottom: 8px;
              text-align: right;
              width: 100%;
              padding: 0 20px;
              h3{
                font-size: 16px;
                color: #fff;
              }
          }
      }
  }
  .slick-slide{
      height: auto!important;
      padding: 10px 10px 0 0;
  }
  .slick-dots {
      text-align: center;
      margin: 0 0 10px 0;
      padding: 0;
      li {
          display:inline-block;
          margin-left: 4px;
          margin-right: 4px;
      &.slick-active {
        button {
          background-color:black;
        }
      }
      button {
          font: 0/0 a;
          text-shadow: none;
          color: transparent;
          background-color:#999;
          border:none;
          width: 15px;
          height: 15px;
          border-radius:50%;
      }
    }
  }

  /* Custom Arrow */
  .prev{
      color: #000;
      position: absolute;
      top: 50%;
      left: 35px;
      font-size: 1.5em;
      padding: 7px 37px 15px 18px;
      background: rgba(255,255,255, 0.5);
      border-radius: 100px;
      cursor: pointer;
      :hover{
          cursor: pointer;
          color: black;
      }
      .fa{
          font-size: 38px;
          font-weight: 600;
          cursor: pointer;
      }
  }
  .next{
      color: #000;
      position: absolute;
      top: 50%;
      right: 35px;
      font-size: 1.5em;
      padding: 7px 32px 15px 23px;
      background: rgba(255,255,255, 0.5);
      border-radius: 100px;
      cursor: pointer;
      :hover{
          cursor: pointer;
          color: black;
      }
      .fa{
          font-size: 38px;
          font-weight: 600;
          cursor: pointer;
      }
  }

  @media screen and (max-width:1023px){
      .prev, .next{
          position: absolute;
          top: 40%;
          padding: 5px 33px 20px 15px;
      }
  }
}
.home-articles {
  position: relative;
    margin-top: 50px;
  .slick-dots {
    position: absolute;
    top: 320px;
    left: 25px;
    margin: 0;
    padding: 0;
    li {
      float: left;
      list-style-type: none;
      button {
        text-indent: 99999px;
        overflow: hidden;
        width: 12px;
        height: 13px;
        margin-right: 5px;
        border: 2px solid #b1aaa4;
        padding: 0;
        background: transparent;
      }
      &.slick-active {
        button {
          background: #8c857b;

        }
      }
    }
    @media @mq-tab {
      top: auto;
      bottom: 60px;
      left: 60px;
      li button {
        border-width: 2px;
      }
    }
    @media @mq-tab-l {
      bottom: 50px;
      left: 100px;
    }
    @media @mq-desktop {
      bottom: 80px;
    }
  }
  .insights-title {
    display: inline-block;
    background: #504f4d;
    margin-bottom: 15px;
    h2 {
      margin: 0;
      a {
        padding: 10px 25px;
        display: block;
        color: #fff;
        font-size: 18px;
                font-family: @karla;
        i {
          width: 30px;
                    height: 12px;
          margin-left: 20px;
                    background: url('../../images/insights-arrow.png') no-repeat center;
                    background-size: 100%;
                    display: inline-block;
        }
      }
    }
    @media @mq-tab {
      position: absolute;
      top: 30px;
      left: 30px;
      z-index: 1;
      h2 a {
        padding: 10px 30px;
      }
    }
    @media @mq-tab-l {
      left: 50px;
      h2 a {
        padding: 10px 50px;
                font-size: 24px;
      }
    }
        @media @mq-desktop {
            h2 a {
                font-size: 30px;
                i {
                    margin-left: 30px;
                    width: 40px;
                    height: 17px;
                }
            }
        }
  }
  .sticky-posts {
    .article-content {
      position: relative;
      .image {
        width: 100%;
        height: 300px;
        background-position: center;
        background-size: cover;
        display: block;
        margin-bottom: 50px;
      }
      .post-info-container {
        .post-info-content {
          .title {
            margin: 0;
            position: absolute;
            top: 15px;
            width: 100%;
            left: 0;
            background-color: rgba(0, 0, 0, 0.6);
            a {
              font-size: 18px;
              line-height: 1.2;
              color: #dbc89e;
              display: block;
              padding: 10px 25px;
                            font-family: @karla
            }
          }
          .post-excerpt {
            font-size: 14px;
            color: #8c857b;
            margin-bottom: 20px;
            padding: 0 25px;
                        font-weight: 300;
            .entry-date {
              display: block;
              font-weight: 500;
              margin-bottom: 5px;
            }
          }
          .read-more {
            padding: 0 25px;
            display: block;
            font-size: 18px;
            font-weight: 500;
          }
        }
      }
    }
    @media @mq-tab {
      .article-content {
        padding: 15px 0;
        .image {
          margin-bottom: 0;
          height: 350px;
          background-position: center right;
        }
        .post-info-container {
          position: absolute;
          top: 0;
          left: 30px;
          background-color: rgba(0, 0, 0, 0.6);
          height: 100%;
          width: 100%;
          max-width: 450px;
          .post-info-content {
            .title {
              position: static;
              background-color: transparent;
              margin: 90px 0 25px;
              a {padding: 0 30px;}
            }
            .post-excerpt {
              margin-bottom: 20px;
              color: #fff;
              padding: 0 30px;
              .entry-date {
                display: none;
              }
            }
            .read-more {
              padding: 0 30px;
            }
          }
        }
      }
    }
    @media @mq-tab-l {
      .article-content {
        .image {
          height: 450px;
        }
        .post-info-container {
          left: 50px;
          max-width: 650px;
          .post-info-content {
            .title {
              margin: 115px 0 25px;
              a {
                padding: 0 50px;
                font-size: 34px;
              }
            }
            .post-excerpt {
              font-size: 18px;
              margin-bottom: 25px;
              padding: 0 50px;
            }
            .read-more {
              font-size: 28px;
              padding: 0 50px;
            }
          }
        }
      }
    }
    @media @mq-desktop {
      .article-content {
        .image {
          height: 550px;
        }
        .post-info-container {
          .post-info-content {
            .title {
              margin: 135px 0 35px;
                            font-size: 40px;
            }
            .post-excerpt {
                            font-size: 22px;
              margin-bottom: 35px;
            }
          }
        }
      }
    }
  }
    @media @mq-tab-l {
        margin-top: 70px;
    }
    @media @mq-desktop {
        margin-top: 90px;
    }
}

.tradelanes-search .site-search{
  z-index: 9;
}

.page-template-all-news .articles-section .page-head,
.page-template-all-technology-news .articles-section .page-head,
.page-template-single-investor_relations-all-investor-relations .articles-section .page-head{
  display:inline-block;
}
.page-template-all-news .articles-section .tradelanes-search,
.page-template-all-technology-news .articles-section .tradelanes-search,
.page-template-single-investor_relations-all-investor-relations .articles-section .tradelanes-search{
  margin-top: 0 !important;
  float: right;
}
.page-template-all-news .articles-section,
.page-template-all-technology-news .articles-section,
.page-template-single-investor_relations-all-investor-relations .articles-section,
.home-section-title {
    h2,.page-head {
        color: #474647;
        font-size: 24px;
        margin: 0 0 10px;
        font-family: @karla;
        @media (max-width: 767px) {
          text-align: center;
        }
    }
    .page-head{
      font-size: 32px !important;
      margin-bottom: 50px;
    }
    p {
        font-size: 15px;
        margin: 0;
        color: #8c857b;
        font-weight: 300;
        @media (max-width: 767px) {
          text-align: center;
        }
    }
    &.center {
        h2, p {
            text-align: center;
        }
    }

    @media @mq-tab-l {
        h2,.page-head {
            font-size: 32px;
            margin-bottom: 15px;
        }
        .page-head{
          font-size: 42px !important;
          margin-bottom: 50px !important;
        }
        p {font-size: 20px;}
    }
    @media @mq-desktop {
        h2,.page-head {font-size: 45px;}
        .page-head{font-size: 60px !important;}
        p {font-size: 26px;}
    }
}

.home-services {
    margin-top: 50px;
    .home-section-title {
        margin-bottom: 30px;
    }
    .services-columns {
        .service-column {
            margin-bottom: 30px;
            &:last-child {
                margin-bottom: 0;
                .column-content {
                    background: #f9f9f8;
                }
            }
        }
        h3 {
            margin: 0;
            border-bottom: 1px solid #ea7600;
            padding-bottom: 5px;
            color: #ea7600;
            font-size: 18px;
            font-weight: 400;
        }
        .column-content {
            display: inline-block;
            width: 100%;
            .item-content {
                display: block;
                width: 50%;
                float: left;
                padding: 15px;
                .images, .images-hover  {
                    background-repeat: no-repeat;
                    background-position: center;
                    position: relative;
                    margin-bottom: 10px;
                    height: 80px;
                    text-align: center;
                    img {
                        transition: all 0.25s;
                        max-width: 113px;
                        max-height: 100%;
                        display: inline-block;
                        .absolute-centered(113px,100%);
                        &:nth-of-type(2) {
                            opacity: 0;
                            visibility: hidden;
                        }
                    }
                }
                h4 {
                    text-align: center;
                    margin: 0 0 25px;
                    font-size: 14px;
                    color: #dbc89e;
                    font-family: @karla;
                    transition: all 0.25s;
                    position: relative;
                    line-height: 1.3;
                    &:before {
                        content: '';
                        width: 49px;
                        height: 17px;
                        background: url('../../images/service-hover-arrow.png');
                        background-size: 100%;
                        opacity: 0;
                        visibility: hidden;
                        left: -100%;
                        bottom: -25px;
                        position: absolute;
                        display: block;
                    }
                }
                .images-hover{
                    display: none;
                }
                &:hover {
                    background: @hover;
                    .images-hover{
                        display: block;
                    }
                    .images {
                        display: none;
                    }
                    h4 {
                        color: #fff;
                        &:before {
                            left: 0;
                            right: 0;
                            margin: auto;
                            opacity: 1;
                            visibility: visible;
                            transition: all 0.25s;
                        }
                    }
                }
            }
        }
        @media @mq-tab {
            .service-column {
                &:first-child {
                    .column-content {
                        .item-content {
                            width: 33.33%;
                        }
                    }
                }
            }
        }
        @media @mq-tab-l {
            .service-column {
                h3 {
                    text-align: center;
                    padding-bottom: 10px;
                }
                &:first-child {
                    width: 60%;
                    float: left;
                }
                &:last-child {
                    width: 40%;
                    float: left;
                }
            }
        }
    }
    @media @mq-tab-l {
        margin-top: 70px;
    }
    @media @mq-sd {
       margin-top: 100px;
       margin-bottom: 30px;
    }
    @media @mq-desktop {
        margin-top: 130px;
        margin-bottom: 40px;
        .home-section-title {
            margin-bottom: 70px;
        }
        .services-columns {
            .service-column {
                h3 {
                    font-size: 28px;
                }
                .column-content .item-content {
                    padding: 30px 15px;
                    .images {
                        margin-bottom: 10px;
                    }
                    h4 {
                        margin-bottom: 30px;
                        font-size: 26px;
                    }
                }
            }
        }
    }
}

.home-industries {
  margin-top: 50px;
  @media @mq-tab-l {
    position: relative;
        padding-top: 55px;
  }
  @media @mq-sd {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 90px;
        padding-top: 68px;
  }
    .industries-title {
        h2 {
            padding: 10px 25px 25px;
            background: #ea7600;
            color: #fff;
            margin: 0;
            position: relative;
            font-family: @karla;
            font-size: 28px;
            font-weight: 400;
            &:before {
                width: 30px;
                height: 1px;
                background: #fff;
                content: '';
                position: absolute;
                bottom: 15px;
                left: 25px;
            }
        }
        p {
            margin: 0;
            color: #ea7600;
            padding: 15px 25px;
            font-size: 15px;
            font-weight: 300;
        }
        @media @mq-tab-l {
          position: absolute;
        z-index: 1;
        right: 0;
        top: -11px;
        background: #fff;
        width: 62%;
        p {
          color: #8c857b;
        }
        }
        @media @mq-desktop {
        top: -11px;
        width: 63%;
        h2 {
          padding: 25px 50px 35px;
          font-size: 45px;
          &:before {
            bottom: 25px;
            left: 50px;
            width: 100px;
          }
        }
        p {
          color: #8c857b;
          font-size: 26px;
          padding-left: 50px;
        }
        }
    }
    .industries-wrapp {
        background: #f4f3f2;
        padding: 15px 0;
        > .container {
          display: table;
        }
        .images-content {
            .indutry-item {
                margin-bottom: 10px;
                .industry-action {
                    display: table-cell;
                    height: 130px;
                    overflow: hidden;
                    position: relative;
                    background-size: cover;
                    background-position: center;
                    vertical-align: middle;
                    width: 1023px;
                    padding: 0 25px;
                    &:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(0, 0, 0, 0.5);
                        z-index: 0;
                    }
                    img {
                        display: none;
                    }
                    h3 {
                        margin: 0;
                        text-align: center;
                        position: relative;
                        z-index: 1;
                        color: #fff;
                        font-size: 28px;
                        font-weight: 700;
                        font-family: @karla;
                        @media (max-width: 767px) {
                          font-size: 20px;
                        }
                        @media (max-width: 480px) {
                          padding-left: 20px;
                          padding-right: 20px;
                        }
                        &:before, &:after {
                            content: '';
                            display: block;
                            position: absolute;
                            top: 50%;
                            right: 0;
                            width: 17px;
                            height: 3px;
                            margin-top: -2px;
                            background-color: #fff;
                            -webkit-transform-origin: 50% 50%;
                            -ms-transform-origin: 50% 50%;
                            transform-origin: 50% 50%;
                            -webkit-transition: all 0.25s;
                            transition: all 0.25s;
                            cursor: pointer;
                        }
                        &.closed {
                            &:before {
                                -webkit-transform: rotate(0deg);
                                -ms-transform: rotate(0deg);
                                transform: rotate(0deg);
                                opacity: 1;
                            }
                            &:after {
                                webkit-transform: rotate(-90deg);
                                -ms-transform: rotate(-90deg);
                                transform: rotate(-90deg);
                            }
                        }
                        &.opened {
                            &:before {
                                -webkit-transform: rotate(-90deg) !important;
                                -ms-transform: rotate(-90deg) !important;
                                transform: rotate(-90deg) !important;
                                opacity: 0!important;
                            }
                            &:after {
                                -webkit-transform: rotate(0deg);
                                -ms-transform: rotate(0deg);
                                transform: rotate(0deg);
                            }
                        }
                    }
                }
                &:last-child {
                    margin-bottom: 0;
                }
                .mobile-industry-content {
                  display: none;
                  .presentation {
                    background-color: #fff;
                    padding: 15px;
                    p {
                      font-size: 14px;
                      color: #8c857b;
                      margin: 0;
                      font-weight: 300;
                    }
                    a.link {
                      display: block;
                      color: #ed8b00;
                      font-size: 18px;
                      margin-top: 20px;
                      font-weight: 500;
                    }
                  }
                }
            }
            @media @mq-tab-l {
            display: table-cell;
            float: left;
            margin-left: -5px;
            margin-right: -5px;
            .indutry-item {
              padding: 0 2.5px;
              width: 33.33%;
              float: left;
              margin-bottom: 5px;
              .industry-action {
                display: block;
                background: none!important;
                height: auto;
                padding: 0px;
                width: 100%;
                &:before {
                  opacity: 0;
                  background-color: rgba(238, 125, 34, 0.8);
                }
                img {
                  display: block;
                  max-width: 100%;
                }
                h3 {
                  opacity: 0;
                  position: absolute;
                  top: 50%;
              left: 0;
                  font-size: 18px;
                  width: 100%;
                  -ms-transform: translateY(-50%); /* IE 9 */
                -webkit-transform: translateY(-50%); /* Safari */
                transform: translateY(-50%);
                font-weight: 400;
                  &:before, &:after {
                    display: none;
                  }
                }
                &.active {
                  &:before {
                    opacity: 1;
                  }
                  h3 {
                opacity: 1;
                visibility: visible;
                  }
                }
              }
              .mobile-industry-content {
                    display: none!important;
                  }
              &:nth-last-child(-n+3) {
                margin-bottom: 0;
              }
            }
          }
          @media @mq-sd {
            .indutry-item {
              .industry-action {
                h3 {
                  font-size: 22px;
                }
              }
            }
          }
          @media @mq-desktop {
            .indutry-item {
              .industry-action {
                h3 {
                  font-size: 28px;
                }
              }
            }
          }
        }
        .text-container {
          display: none;
          @media @mq-tab-l {
            display: table-cell;
            width: 60%;
            padding: 50px;
            vertical-align: middle;
            .text-content {
              h3 {
                margin: 0 0 25px;
                font-size: 24px;
                color: #8c857b;
                font-family: @karla;
                font-weight: 400;
              }
              p {
                margin: 0 0 25px;
                font-size: 16px;
                color: #8c857b;
                font-weight: 300;
              }
              .link {
                display: block;
                padding: 10px 25px;
                background-color: #fff;
                text-align: right;
                color: #a9dbda;
            font-size: 16px;
            font-weight: 500;
              }
              &.default {
                text-align: center;
                color: #8c857b;
                font-size: 30px;
                font-weight: 300;
                line-height: 1.5;
                p {
                  display: inline-block;
                  max-width: 630px;
                  margin: 0;
                  font-size: 28px;
                }
              }
              &:not(.default) {
                display: none;
              }
            }
          }
          @media @mq-sd {
            padding: 50px 70px 0px;
            .text-content {
              h3 {
                margin: 0 0 30px;
                font-size: 32px;
              }
              p {
                margin: 0 0 30px;
                font-size: 20px;
              }
              .link {
            font-size: 20px;
              }
              &.default {
                p {
                  font-size: 35px;
                }
              }
            }
          }
          @media @mq-desktop {
            padding: 100px 70px 0px;
            .text-content {
              h3 {
                font-size: 45px;
              }
              p {
                font-size: 22px;
              }
              .link {
            font-size: 28px;
              }
            }
          }
        }
        @media @mq-tab-l {
        display: table;
        width: 100%;
        padding: 30px 0;
      }
    }
}

.home-infrastructure {
  margin-top: 50px;
  .home-section-title {
    margin-bottom: 30px;
    @media @mq-tab-l {
      margin-bottom: 50px;
    }
  }
  .learn {
      display: block;
      color: #ed8b00;
      font-size: 18px;
      margin-top: 20px;
      font-weight: 500;
      clear: both;
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .learn {
      font-size: 24px;
    }
  }
  @media @mq-sd {
    .learn {
      font-size: 28px;
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
}
.infrastructure-wrapp {
  .indutry-item {
    margin-bottom: 30px;
    .desktop-title {
      display: none;
    }
    .image {
      width: 100%;
      height: 200px;
      background-position: center;
      background-size: cover;
      margin-bottom: 10px;
    }
    .presentation {
      h3 {
        margin: 0 0 5px;
        font-size: 16px;
        font-weight: 500;
        color: #8c857b;
      }
      p {
        margin: 0;
        font-size: 14px;
        font-weight: 300;
        color: #8c857b;
      }
    }
  }
  @media @mq-tab {
    margin-left: -15px;
    margin-right: -15px;
    .indutry-item {
      width: 50%;
      padding: 0 15px;
      float: left;
      &:nth-of-type(2n+1) {
        clear: left;
      }
    }
  }
  @media @mq-tab-l {
    .indutry-item {
      width: 25%;
      &:nth-of-type(2n+1) {
        clear: none;
      }
    }
  }
  @media @mq-sd {
    padding: 25px 15px;
    background: #f4f3f2;
    margin: 0;
    display: inline-block;
    width: 100%;
    .indutry-item {
      padding: 0;
      position: relative;
      margin-bottom: 0;
      .desktop-title {
        display: block;
        font-weight: 500;
        font-size: 24px;
        color: #8c857b;
        margin: 0 0 10px;
      }
      .image {
        height: 250px;
        margin-bottom: 0px;
      }
      .presentation {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 0.25s;
        width: 100%;
        height: 250px;
        background-color: rgba(238, 125, 34, 0.8);
        h3 {
          display: none;
        }
        p {
          font-size: 18px;
          color: #fff;
          text-align: center;
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%); /* IE 9 */
          -webkit-transform: translateY(-50%); /* Safari */
          transform: translateY(-50%);
          padding: 15px;
        }
      }
      &:hover {
        .presentation {
          opacity: 1;
          visibility: visible;
        }
      }
    }
  }
  @media @mq-desktop {
    .indutry-item {
      .desktop-title {
        font-size: 28px;
      }
      .image {
        height: 300px;
      }
      .presentation {
        height: 300px;
        p {
          font-size: 22px;
          padding: 25px;
          line-height: 1.4;
        }
      }
    }
  }
}

#footer {
    margin-top: 50px;
  .top-content {
    .container {
      @media (max-width: 1023px) {
        padding: 0;
      }
    }
  }
  .contact-section {
    background: #504f4d;
    padding: 30px 15px;
    text-align: center;
    border-bottom: 5px solid #fff;
    h2 {
      margin: 0 0 10px;
      color: #fff;
      font-size: 30px;
      font-weight: 400;
      font-family: @karla;
      padding: 0 10px;
    }
    p {
      margin: 0;
      color: #fff;
      font-size: 14px;
      font-weight: 300;
      padding: 0 10px;
      margin-bottom: 30px;
    }
    a.bt {
      margin-top: 20px;
    }
    @media @mq-tab-l {
      width: 30%;
      float: left;
      border-bottom: none;
      text-align: left;
      padding: 50px;
      padding-left: 0;
      position: relative;
      z-index: 1;
      h2, p {
        padding-left: 0;
        padding-right: 0;
      }
    }
    @media @mq-desktop {
      h2 {
        font-size: 45px;
      }
      p {
        font-size: 26px;
      }
      a.bt {
        font-size: 28px;
        margin-top: 30px;
      }
    }
  }
  .app-section {
    background: #c8c3bd;
    padding: 30px 15px 15px;
    h2 {
      margin: 0 0 10px;
      color: #fff;
      font-size: 24px;
      font-weight: 400;
      font-family: @karla;
      padding: 0 10px;
    }
    p {
      margin: 0;
      color: #fff;
      font-size: 14px;
      font-weight: 300;
      padding: 0 10px;
    }
    ul {
      margin: 20px 0 0;
      list-style-type: none;
      padding: 0 10px 15px;
      border-bottom: 2px solid #fff;
      text-align: center;
      li {
        display: inline-block;
        a {
          display: block;
          img {
            max-width: 100%;
            max-height: 29px;
          }
        }
        &:first-child {
          float: left;
        }
        &:last-child {
          float: right;
        }
      }
    }
    @media @mq-tab {
      ul {
        li {
          float: left;
          margin-right: 10px;
          a {
            img {max-height: 30px;}
          }
          &:last-child {
            float: left;
            margin-right: 0;
          }
        }
      }
    }
    @media @mq-tab-l {
      h2 {
        font-size: 28px;
      }
    }
    @media @mq-desktop {
      h2 {
        font-size: 45px;
      }
      p {
        font-size: 26px;
      }
      ul {
        margin-top: 30px;
      }
    }
  }
  .social-container {
    @media @mq-mob-l {
      background: #c8c3bd;
      padding: 30px 0;
      overflow: auto;
    }
    @media @mq-tab-l {
      width: 60%;
      float: right;
      padding: 50px 0 50px 25px;
    }
  }
  .socials-section {
    background: #c8c3bd;
    padding: 0 25px 30px;
    overflow: hidden;
    h2 {
      margin: 0 0 0px;
      color: #fff;
      font-size: 22px;
      font-weight: 400;
      font-family: @karla;
      float: left;
      line-height: 29px;
      margin-right: 30px;
    }
    p {
      margin: 0;
      color: #fff;
      font-size: 14px;
      font-weight: 300;
      display: none;
    }
    ul {
      margin: 0;
      list-style-type: none;
      padding: 0;
      li {
        float: left;
        display: block;
        margin-right: 25px;
        a {
          display: block;
          i {
            font-size: 29px;
            color: #fff;
            line-height: 29px;
          }
        }
        &:last-child {
          margin-right: 0;
        }
      }
    }
    @media @mq-tab-l {
      h2 {
        font-size: 28px;
      }
    }
    @media @mq-desktop {
      h2 {
        font-size: 45px;
      }
      p {
        font-size: 26px;
      }
    }
  }
  @media @mq-mob-l {
    .socials-section {
      float: left;
      padding: 0px 25px;
      width: 50%;
      h2 {
        margin: 0 0 10px;
        width: 100%;
        line-height: 1.1;
        padding-left: 0;
      }
      p {
        display: block;
        padding-right: 0;
      }
      ul {
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
      }
    }
    .app-section {
      float: left;
      padding: 0px 25px;
      width: 50%;
      border-right: 2px solid #fff;
      h2 {
        padding-left: 0;
        padding-right: 0;
      }
      p {
        padding-left: 0;
        padding-right: 0;
      }
      ul {
        border-bottom: none;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        li {
          a {
            img {
              max-height: 27px;
            }
          }
        }
      }
    }
  }
  @media @mq-tab-l {
        margin-top: 70px;
    .top-content {
      background: #c8c3bd;
      overflow: auto;
      position: relative;
      &:before {
        content: '';
        width: 40%;
        height: 100%;
        background-color: #504f4d;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
      }
    }
    .socials-section {
      width: 40%;
    }
    .app-section {
      width: 60%;
      border-right: none;
    }
  }
  @media @mq-desktop {
        margin-top: 90px;
    .app-section {
      ul {
        li {
          a img {
            max-height: 40px;
          }
        }
      }
    }
    .socials-section {
      ul {
        margin-top: 30px;
        li a i {
          font-size: 35px;
          line-height: 40px;
        }
      }
    }
  }
}

.footer-terms {
  padding: 10px 0;
  .links {
    display: none;
  }
  .rights {
    a, span {
      display: inline-block;
      margin-right: 10px;
      color: #474647;
      font-size: 12px;
      font-weight: 300;
    }
  }
  @media @mq-tab {
    overflow: auto;
    .links {
      display: block;
      float: left;
      a, span {
        display: inline-block;
        margin-right: 10px;
        color: #474647;
        font-size: 12px;
        font-weight: 300;
      }
    }
    .rights {
      float: right;
    }
  }
  @media @mq-desktop {
    .links, .rights {
      a, span {
        font-size: 22px;
      }
    }
  }
}

/* New - Footer */
#new-footer{
  background-color: #474647;
  margin-top: 50px;
  @media screen and (min-width:1440px){
    margin-top: 90px;
  }
  @media screen and (min-width:1024px){
    margin-top: 70px;
  }
  .top-content-menus{
    padding-top: 50px;
    .column{
      width: 25%;
      float: left;
      @media screen and (max-width:768px){
        width: 50%;
        float: left;
      }
      @media screen and (max-width: 550px){
        width: 100%;
      }
      h4{
        color: #fff;
        text-transform: uppercase;
        font-family: Karla;
        font-weight: bold;
        margin-bottom: 10px;
      }
      ul{
        padding: 0;
        li{
          margin-bottom: 5px;
          a{
            font-size: 14px;
            color: #fff!important;
            &:hover{
              color: #ed8b00!important;
            }
          }
        }
      }
    }
    #coreservices-menus-footer, #industrysolutions-menus-footer, #specialized-menus-footer{
      display: none;
      padding-left: 20px;
      padding-top: 0px;
    }
  }
  .bottom-content{
    margin-top: 40px;
    border-bottom: 1px solid #fff;
    ul{
      padding: 0;
      display: block;
      li{
        width: 25%;
        display: inline-block;
        vertical-align: middle;
        &.agility-logo{
          width: 15%;
          padding-right: 30px;
          @media screen and (max-width: 1240px){
            width: 25%;
          }
          @media screen and (max-width: 767px){
            width: 100%;
          }
        }
        &.agility-description{
          width: 40%;
          padding-right: 30px;
          p{
            font-size: 14px;
          }
          @media screen and (max-width: 1240px){
            width: 74%;
          }
          @media screen and (max-width: 767px){
            width: 100%;
            margin-top: 20px;
          }
          p{
            color: #fff;
          }
        }
        &.socials-icons{
          width: 19%;
          text-align: center;
          @media screen and (max-width: 1240px){
            width: 50%;
            text-align: left;
            margin-top: 20px;
          }
          @media screen and (max-width: 767px){
            width: 100%;
          }
          ul{
            li{
              width: auto;
              a{
                color: #fff;
                font-size: 25px;
                margin-right: 15px;
                &:hover{
                  color: #ed8b00;
                }
              }
            }
          }
        }
        &.download-application{
          width: 24%;
          text-align: right;
          @media screen and (max-width: 1240px){
            width: 49%;
            text-align: left;
            margin-top: 20px;
          }
          @media screen and (max-width: 767px){
            width: 100%;
          }
          ul{
            li{
              width: auto;
            }
          }
          img{
            max-height: 27px;
            margin-left: 10px;
            @media screen and (max-width: 767px){
              margin-left: 0;
            }
          }
        }
      }
    }
  }
  .copyright{
    padding: 20px 0;
    margin-bottom: 40px;
    .column{
      width: 50%;
      float: left;
      color: #fff;
      @media screen and (max-width: 767px){
        width: 100%;
      }
      span{
        margin: 0 10px;
        font-size: 14px;
      }
      a{
        color: #fff;
        font-size: 14px;
        &:hover{
          color:#ed8b00;
        }
      }
      &.left{
        text-align: left;
      }
      &.right{
        text-align: right;
        @media screen and (max-width: 767px){
          margin-top: 20px;
          margin-bottom: 40px;
          text-align: left;
        }
      }
    }
  }
}
/* End of New - Footer */

#top {position: relative;margin-right: 10px;float: right;
  a {position: fixed;bottom: 25px;float: right;transition: all .5s;opacity: 0;transform: translateY(-200px) rotateX(180deg);z-index: 2;right: 15px;
    width: 150px;
    border: 1px solid #c8c3bd;color: #c8c3bd;font-size: 12px;font-weight: 500;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 10px 35px 10px 25px;
    img {
      position: absolute;
      right: 18px;
        top: 12px;
        max-height: 15px;
    }
    @media @mq-sd {display: none;}
  }
}

.single-case_studies{
  .section-page-content{
    margin-top: 0;
    .post-title-main{
      margin: 0 0 80px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      &:before{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 0);
        opacity: 0.4;
      }
      @media only screen and (max-width: 1024px){
        margin: 0 0 40px;
      }
      h1{
        margin-bottom: 0;
        padding: 80px 0;
        color: #fff;
        font-family: Noto sans;
        text-align: center;
        width: 60%;
        margin: 0 auto;
        font-size: 35px;
        font-weight: bold;
        line-height: 1.5em;
        @media only screen and (max-width: 767px){
          width: 100%;
          line-height: 1.2em;
          font-size: 30px;
        }
      }
    }
    .post-content{
      @media screen and (min-width: 1025px){
        width: 80%;
        padding: 0 50px;
        margin: 0 auto;
      }
      @media only screen and (max-width: 1024px){
        margin-top: 40px;
      }
      p{
        color: #474647;
        font-size: 20px;
      }
    }
  }
  .post_navigation{
    @media only screen and (min-width: 1025px){
      margin-top: 50px;
    }
  }
}

.single-stand_alone_page{
  .page-hero{
    .hero-title{
      h1{
        @media screen and (min-width:1024px){
          font-size: 60px;
        }
        @media screen and (min-width:768px){
          font-size: 45px;
        }
      }
    }
  }
}
.page-hero {
  .hero-form {
    h2 {
      color: #eeeeee;
    }
  }
  .hero-title {
    height: 247px;
    @media screen and (max-width: 480px){
      height: 150px;
    }
    p {
      text-shadow: 0px 0px 10px #000000;
      font-style: italic;
      color: #fff;
      margin-top: 20px;
      @media (min-width: 1000px) {
       font-size: 22px !important;
    }
  }
    h1 {
      margin: 0;
      color: #fff;
      font-size: 45px;
      font-weight: 400;
      font-family: @karla;
      text-shadow: 0px 0px 10px #000000;
      display: inline-block;
      @media (max-width:480px){
        font-size: 32px;
      }
        span.orange{
          color: #ea7600;
        }
            .subpage-title-wrapper {
                display: flex;
                align-items: center;
                overflow: hidden;
                margin-top: 5px;
                span {
                    &:not(.line) {
                        font-size: 24px;
                        font-weight: 300;
                        font-family: @font;
                        padding-bottom: 10px;
                    }
                    &.line {
                        border-top: 2px solid #fefefd;
                        flex-grow: 1;
                        margin: 1px 10px 0;
                    }
                }
            }
    }
    @media @mq-tab {
      h1 {
        font-size: 60px;
      }
    }
    @media @mq-tab-l {
      h1 {
        max-width: 950px;
        font-size: 75px;
                .subpage-title-wrapper {
                    margin-top: 10px;
                    span {
                        &:not(.line) {
                            font-size: 38px;
                        }
                    }
                }
      }
    }
  }
    .hero-intro {
        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 65px;
        left: 25px;
        font-size: 32px;
        font-family: @karla;
        font-weight: 400;
        color: #eeece5;
        line-height: 1.2;
        @media (max-width:480px){
          font-size: 25px;
        }
        @media @mq-tab {
            bottom: 30px;
        }
        @media @mq-tab-l {
            left: 30px;
            font-size: 44px;
        }
        @media @mq-sd {
            left: 50px;
            bottom: 50px;
            font-size: 55px;
        }
        @media @mq-desktop {
            left: 60px;
            bottom: 60px;
            font-size: 65px;
        }
    }
}

.page-hero.no-image {
    .container {
        position: static!important;
        margin-top: 50px!important;
        padding-bottom: 0 !important;
        @media @mq-tab-l {
            margin-top: 70px!important;
        }
        @media @mq-desktop {
            margin-top: 90px!important;
        }
    }
    h1 {
        color: #dbc89e;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 40px;
            height: 2px;
            background: #dbc89e;;
            @media @mq-tab-l {
                width: 70px;
            }
        }
        .subpage-title-wrapper {
            span {
                &.line {
                    border-top: 2px solid #dbc89e;
                }
            }
        }
    }
}

.statistics-numbers{
  &.about-us{
    @media screen and (min-width: 1440px){
      margin-top: 0;
    }
  }
}
.about-presentation {
    margin-top: 50px;
  .presentation-item {
    margin-bottom: 50px;
        &:last-child {
            margin-bottom: 0;
        }
    .images {
      .image1 {text-align: center;
        img {
          max-width: 100%;
          display: inline-block;
        }
      }
    }
    .presentation-container {
      .text-content {
        margin-top: -20px;
        background-color: rgba(110, 109, 107, 0.9);
        padding: 40px 20px 20px;
        position: relative;
        z-index: 1;
        h2 {
          margin: 0 0 20px;
          padding-bottom: 10px;
          position: relative;
          font-size: 24px;
          color: #dbc89e;
          font-family: @karla;
          font-weight: 400;
          &:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: #dbc89e;
          }
        }
        p {
          font-size: 14px;
          color: #fff;
          font-weight: 300;
          line-height: 1.5;
          &:last-child {
            margin-bottom: 0;
          }
        }
      }
      .read {
          display: block;
          font-size: 18px;
          margin-top: 20px;
          font-weight: 500;
          clear: both;
      }
    }
    &.two-images {
      padding-top: 30px;
      position: relative;
      &:before {
        content: '';
        position: absolute;
        width: 70px;
        height: 1px;
        top: -10px;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #dbc89e;
      }
      .images {
        position: relative;
        margin-bottom: 30px;
        display: inline-block;
        width: 100%;
        .image2 {
          display: none;
        }
      }
      .presentation-container {
        .text-content {
          margin-top: 0;
          padding: 20px 0 0;
          background-color: transparent;
          p {
            color: #8c857b;
          }
        }
      }
    }
  }
  @media @mq-tab-l {
        margin-top: 70px;
    .presentation-item {
      margin-bottom: 70px;
      position: relative;
      display: inline-block;
      width: 100%;
      .images {
        max-width: 66%;
        float: right;
      }
      &.two-images {
        .images {
          max-width: 100%;
          .image1 {
            display: none;
          }
          .image2 {
            display: block;
            img {
              max-width: 100%;
            }
          }
        }
        .presentation-container {
          .text-content {
            display: table;
            width: 100%;
            h2 {
              margin: 0;
              padding: 0;
              display: table-cell;
              width: 34%;
              vertical-align: middle;
              &:before {
                display: none;
              }
            }
            .presentation {
              padding-left: 30px;
              border-left: 2px solid #dbc89e;
            }
          }
        }
      }
      &:not(.two-images) {
        .presentation-container {
          position: absolute;
          top: 50%;
          left: 0;
          width: 45%;
          max-width: 650px;
          -ms-transform: translateY(-50%); /* IE 9 */
            -webkit-transform: translateY(-50%); /* Safari */
            transform: translateY(-50%);
            .text-content {
              margin-top: 0;
              padding: 45px 30px;
            }
            .read {
              padding-left: 30px;
              font-size: 24px;
            }
        }
      }
    }
  }
  @media @mq-desktop {
        margin-top: 90px;
    .presentation-item {
      margin-bottom: 100px;
      &.two-images {
        .images {
          margin-bottom: 50px;
        }
        .presentation-container {
          .text-content {
            h2 {
              font-size: 45px;
            }
            .presentation {
              padding-left: 70px;
              p {
                font-size: 22px;
              }
            }
          }
        }
        .read {
          font-size: 28px;
        }
      }
      &:not(.two-images) {
        .presentation-container {
            .text-content {
              padding: 50px 75px 50px 50px;
              h2 {
              font-size: 45px;
              margin-bottom: 30px;
            }
              .presentation {
              p {
                font-size: 22px;
              }
            }
            }
            .read {
              padding-left: 50px;
              font-size: 28px;
            }
        }
      }
    }
  }
}

.single-investor_news, .single-post{
  .section-page-content{
    margin-top: 70px;
    @media screen and (max-width: 1023px){
      margin-top: 40px;
    }
    h1{
      @media only screen and (min-width: 1024px){
        margin: 0 0 50px;
      }
    }
  }
}


.post-title {
  span {
    display: block;
    margin-top: 10px;
  }
}

.section-page-content,
.post-content {
  h2{
    text-align: center;
      color: #474647;
      font-size: 40px;
      font-family: 'Karla', sans-serif;
      font-weight: 400;
      margin-bottom: 45px;
      margin-top: 0;
      letter-spacing: -1px;
      &:after{
        content: '';
        display: block;
        width: 62px;
        height: 2px;
        background: #ddcba4;
        margin: 20px auto 0;
      }
  }
  h1{
    color: #8c857b;
    font-size: 20px;
    &:before {
      display: none;
    }
    @media @mq-tab-l {
      font-size: 28px;
    }
  }
  p.has-image {
    margin-left: 0;
    margin-right: 0;
    img.alignleft {
      margin: 5px 20px 20px 0;
    }
        img.alignright {
            margin: 5px 0 20px 20px;
        }
  }
}


.section-page-content {
  margin-top: 50px;
  overflow: hidden;
  &.portal {
    margin-top: 0px;
    iframe {
      width: 100%;
      min-height: 500px;
      @media @mq-mob-l {
        min-height: 300px;
      }
      @media @mq-tab {
        height: 700px;
      }
      @media @mq-tab-l {
        height: 600px;
      }
      @media @mq-sd @and-mq-sd-l {
        height: 550px !important;
      }
      @media @mq-desktop {
        height: 700px;
      }
    }
  }
  h1 {
    margin: 0 0 20px;
    position: relative;
    padding-bottom: 10px;
    color: #dbc89e;
    font-family: @karla;
    font-weight: 400;
    font-size: 24px;
    &:before {
      position: absolute;
      content: '';
      bottom: -10px;
      left: 0;
      width: 40px;
      height: 2px;
      background-color: #dbc89e;
    }
  }
  ul li, p {
    font-size: 18px;
    color: #474647;
    line-height: 1.6;
    font-weight: 300;
        &.has-image {
            margin-left: -25px;
            margin-right: -25px;
            max-width: inherit;
            img {
                height: auto!important;
                margin: 0;
                &.aligncenter {
                    margin: 0 auto;
                }
            }
        }
        &:last-child {
            margin-bottom: 0;
        }
  }
  table {
        width: 100%;
        margin-bottom: 15px;
        th {
            color: #fff;
            background-color: #d95e18;
            font-size: 13px;
            font-weight: 500;
            padding: 10px 5px;
        }
        tr {
            td {
                font-size: 13px;
                font-weight: 300;
                padding: 5px;
                &:first-child {
                    font-weight: 700;
                }
                /* &:last-child {
                    font-weight: 700;
                }*/
            }
        }
        tr:nth-of-type(2n-1) {
            background: #f7f3ed;
        }
    }
    hr {
        max-width: 100px;
        margin-top: 50px;
        margin-bottom: 50px;
        border-top: 2px solid #dbc89e;
    }
    hr:last-child {
        margin-bottom: 0;
    }
  @media @mq-tab {
    margin-top: 70px;
        hr {
            max-width: 80%;
        }
        &.no-image {
            margin-top: 50px!important;
        }
  }
  @media @mq-tab-l {
    h2, h1 {
      margin: 0 0 30px;
      font-size: 45px;
      &:before {
        width: 60px;
      }
    }
    ul li, p {
      /* font-size: 22px; */
      max-width: 100%;
            &.has-image {
                margin-left: 0;
                margin-right: 0;
            }
    }
    table {
      max-width: 75%;
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
    table {
            th {
                font-size: 22px;
                padding: 10px;
            }
            tr {
                td {
                    font-size: 22px;
                    padding: 10px;
                }
            }
        }
        &.no-image {
            margin-top: 50px!important;
        }
  }
}

.page-template-default .section-page-content p {
    margin-bottom: 20px;
}
@media @mq-tab-l {
    .page-template-default .section-page-content {
        margin: 90px 0;
    }
}
@media @mq-desktop {
    .page-template-default .section-page-content {
        margin: 120px 0;
    }
}

@media (max-width: 1023px) {
  .table-container {
    margin-left: -25px;
      margin-right: -25px;
  }
}

h2.section-title,
h1.section-title {
  font-size: 24px;
  font-weight: 400;
  font-family: @karla;
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 0 30px;
  padding-bottom: 10px;
  color: #8c857b;
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #8c857b;
  }
  @media @mq-tab-l {
    font-size: 32px;
    margin-bottom: 40px;
    &:before {
      width: 50px;
    }
  }
  @media @mq-desktop {
    margin-bottom: 50px;
    font-size: 45px;
    &:before {
      width: 60px;
    }
  }
}


.video-section {
  margin-top: 50px;
  @media @mq-tab-l {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
  @media (max-width: 1023px) {
    .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
  .video-wrapp {
    padding: 15px;
    background-color: #504f4d;
    a {
      display: block;
      border: 2px solid #dbc89e;
      position: relative;
      > img {
        max-width: 100%;
        min-width: 100%;
      }
      .action-content {
        display: block;
        text-align: center;
        top: 50%;
            -ms-transform: translateY(-50%); /* IE 9 */
          -webkit-transform: translateY(-50%); /* Safari */
          transform: translateY(-50%);
          position: absolute;
          left: 0;
          right: 0;
          img {
            max-width: 50px;
            margin-bottom: 10px;
          }
          span {
            color: #fff;
            font-size: 18px;
            font-family: @karla;
            display: block;
          }
      }
    }
    @media @mq-tab {
      padding: 30px;
      a {
        .action-content {
            img {
              max-width: 100px;
              margin-bottom: 20px;
            }
            span {
              font-size: 34px;
            }
        }
      }
    }
    @media @mq-sd {
      padding: 50px;
    }
    @media @mq-desktop {
      a {
        .action-content {
            img {
              max-width: 210px;
              margin-bottom: 30px;
            }
            span {
              font-size: 75px;
            }
        }
      }
    }
  }
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Articles - News/Technology News/Investor News/Etc. */
.articles-section  {
  margin-top: 50px;
  @media @mq-tab-l {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
  .section-page-title {
    color: #8c857b;
    margin-bottom: 40px;
    &:before {
      background-color: #8c857b;
    }
  }
  .articles-list{
    .article-loop {
      margin-bottom: 40px;
      .image {
        position: relative;
        margin-bottom: 15px;
        a {
          display: block;
          img {
            max-width: 100%;
            height: auto;
          }
        }
        .date {
          position: absolute;
          top: 15px;
          left: -15px;
          background: #ee7d22;
          padding: 5px 25px;
          color: #fff;
          font-weight: 400;
          font-family: @karla;
          font-size: 18px;
          &:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 15px 15px 0;
            border-color: transparent #d95e18 transparent transparent;
          }
        }
      }
      .article-info {
        h3 {
          margin: 0 0 15px;
          a {
            color: #d86018;
            font-size: 22px;
            font-family: @karla;
          }
        }
        .content {
          margin-bottom: 15px;
          color: #8c857b;
          font-size: 14px;
          font-weight: 300;
          line-height: 1.6;
          p:last-child {
            margin-bottom: 0;
          }
        }
        .learn {
          clear: none;
          margin: 0;
          display: inline-block;
          text-decoration: none;
          &:after{
            content: '';
            display: block;
            width: 0;
            height: 1px;
            background: #d86018;
            transition: width .3s;
          }
          &:hover{
            &:after{
               width: 100%;
              transition: width .3s;
            }
          }
        }
      }
      @media @mq-tab {
        .image {
          width: 230px;
          float: left;
          margin-bottom: 0;
        }
        .article-info {
          padding-left: 250px;
        }
      }
      @media @mq-tab-l {
        .image {
          width: 300px;
        }
        .article-info {
          padding-left: 325px;
          padding-bottom: 50px;
          position: relative;
          .content {
            margin-bottom: 0;
          }
          .learn {
            font-size: 18px;
            position: absolute;
            bottom: 0;
            left: 325px;
          }
        }
      }
      @media @mq-sd {
        .image {
          width: 380px;
          .date {
            top: 20px;
            left: -25px;
            font-size: 22px;
            &:before {
              border-width: 0 25px 25px 0;
            }
          }
        }
        .article-info {
          padding-left: 410px;
          h3 {
            margin-bottom: 30px;
            a {font-size: 28px;}
          }
          .content {
            font-size: 17px;
          }
          .learn {
            font-size: 24px;
            left: 410px;
          }
        }
      }
      @media @mq-desktop {
        .image {
          .date {
            font-size: 26px;
          }
        }
        .article-info {
          h3 {
            a {font-size: 38px;}
          }
          .content {
            font-size: 22px;
          }
          .learn {
            font-size: 28px;
          }
        }
      }
    }
  }
}

/* Start of Talking Points/Related Content/Download */
.section-page-content,
.talking-points {
    background-color: #f4f3f2;
    padding:  25px;
    margin-top: 50px;
    @media (max-width: 1023px) {
        .container {
        }
    }
    h2 {
        margin: 0 0 15px;
        font-size: 24px;
        color: #474647;
        font-weight: 400;
    }
    .talking-points-columns {
        .column {
            margin-bottom: 50px;
            .icon {
                width: 130px;
                height: 130px;
                position: relative;
                background-color: #d95e18;
                border-radius: 50%;
                margin: 0 auto 15px;
                img {
                    .absolute-centered(70%,70%);
                }
            }
            h3 {
                margin: 0 0 15px;
                color:  #d95e18;
                font: 500 18px @font;
                text-align: center;
            }
            .description {
                color: #8c857b;
                font: 300 14px @font;
                text-align: center;
                line-height: 1.6;
                max-width: 300px;
                margin: 0 auto;
                p:last-child {
                    margin-bottom: 0;
                }
            }
            .learn {
                text-align: center;
            }
        }
    }
    @media @mq-tab {
        h2 {
            font-size: 40px;
            margin-bottom: 40px;
        }
        .talking-points-columns {
            .column {
                border-left: 1px solid #fff;
                &:first-child {
                    border-left: none;
                }
                margin-bottom: 0;
            }
        }
    }
    @media @mq-tab-l {
        padding: 30px 0;
        margin-top: 70px;
        .talking-points-columns {
            .row {
                margin-left: -25px;
                margin-right: -25px;
            }
            .column {
                padding: 0 25px;
                .description {
                    max-width: 100%;
                }
            }
        }
    }
    @media @mq-sd {
        padding: 40px 0;
        .talking-points-columns {
            .row {
                margin-left: -35px;
                margin-right: -35px;
            }
            .column {
                padding: 0 35px;
                h3 {
                    font-size: 22px;
                }
                .description {
                    font-size: 19px;
                }
            }
        }
    }
    @media @mq-desktop {
        padding: 80px 0;
        margin-top: 90px;
        .talking-points-columns {
            .row {
                margin-left: -50px;
                margin-right: -50px;
            }
            .column {
                padding: 0 50px;
                .icon {
                    width: 210px;
                    height: 210px;
                    margin-bottom: 30px;
                    img {
                        max-width: 100%;
                        max-height: 100%;
                    }
                }
                h3 {
                    font-size: 26px;
                }
            }
        }
    }
}
.related-content-section,
.downloads-section,
.case-studies {
    margin-top: 50px;
    .related-content-section-title,
    .downloads-section-title,
    .case-studies-title {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
        &:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 4px;
            margin-top: -1px;
            background-color: #e8e3d8;
        }
        h2 {
            display: inline-block;
            padding: 0 15px;
            background-color: #fff;
            font: 700 24px @karla;
            color: #e8e3d8;
            margin: 0;
            position: relative;
            z-index: 1;
        }
    }
    .text-section,
    .case-studies-columns {
        .column {
            margin-bottom: 50px;
            display: inline-block;
            width: 100%;
            .image {
                text-align: center;
                margin-bottom: 25px;
                img {
                    display: inline-block;
                }
            }
            h3 {
                margin: 0 0 25px;
                padding-bottom: 20px;
                font-size: 24px;
                span {
                  display: block;
                  margin-top: 10px;
                  font-size: 18px;
                }
            }
            .column-content {
                font: 300 14px @font;
                color: #8c857b;
                line-height: 1.6;
                .learn {
                    margin-top: 20px;
                    transition : all 0.5s;
                    text-decoration: none;
                    &:after{
                      content: '';
                      display: block;
                      width: 0;
                      height: 1px;
                      background: #d86018;
                      transition: width .3s;
                    }
                    &:hover{
                      &:after{
                         width: 100%;
                        transition: width .3s;
                      }
                    }
                    &.opc0 {
                        opacity: 0;
                        visibility: hidden;
                    }
                    &.less {

                    }
                }
                &.not-shown {
                    display: none;
                    border-bottom: 1px solid #8c857b;
                }
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    @media @mq-tab-l {
        margin-top: 70px;
        .related-content-section-title,
        .downloads-section-title,
        .case-studies-title {
            margin-bottom: 50px;
            h2 {
                font-size: 38px;
            }
        }
        .text-section,
        .case-studies-columns {
            .column {
              position: relative;
                h3 {
                    font-size: 30px;
                }
                .learn {
                  position: absolute;
                  margin-top: 0;
                  bottom: 15px;
                }
                .column-content {
                    font-size: 18px;
                    padding-bottom: 65px;
                    &.not-shown {
                      padding-left: 0 !important;
                      padding-right: 0 !important;
                    }
                }
                > div:first-child {
                    padding-right: 0;
                }
                &:nth-of-type(2n) {
                    > div:first-child {
                        padding-right: 0;
                    }
                    .column-content {
                        padding-left: 25px;
                    }
                    .section-page-title {
                        padding-left: 25px;
                        &:before {
                            left: 25px;
                        }
                    }
                }
                &:nth-of-type(2n-1) {
                    > div:first-child {
                        float: right;
                        padding-left: 0;
                    }
                    .column-content,
                    .section-page-title {
                        padding-right: 25px;
                    }
                }
            }
        }
    }
    @media @mq-desktop {
        margin-top: 90px;
        .related-content-section-title,
        .downloads-section-title,
        .case-studies-title {
            margin-bottom: 60px;
        }
        .related-content-section-title,
        .downloads-section-title,
        .case-studies-title {
            h2 {
                font-size: 50px;
            }
        }
        .text-section,
        .case-studies-columns {
            .column {
                h3 {
                    font-size: 40px;
                    margin-bottom: 35px;
                    span {
                    font-size: 30px;
                  }
                }
                .column-content {
                    font-size: 22px;
                    .learn.more {
                        margin-top: 30px;
                    }
                }
            }
        }
    }
}
.downloads-section {
    background: #f4f3f2;
    padding: 80px 0;
}
.related-content-section .row{
  display: flex;
  flex-wrap: wrap;
}
.related-content-section h3,
.downloads-section h3{
  text-align: left;
  color: #ed8b00;
  i{
    padding: 7px;
    background: #D35C11;
    border-radius: 50%;
    margin: 0 10px 0 10px;
    color: white;
    font-size: 85%;
  }
}
.related-content-section div.vert-marg img.img-responsive.col-xs-12{
  padding-left: 0;
}
.related-content-section h3{
  margin-bottom: 0 !important;
  text-align: left;
  font-size: 200% !important;
}
.related-content-section .text-section .column-content{
  font-size: 125% !important;
}
.related-content-section .text-section .column h3{
  /*margin-top: 15px;*/
}
.related-content-section .vert-marg img{
  position:relative;
  bottom: 10%;
}
/* End of News - Talking Points/Related Content/Download  */

/* News - Social Connection  */
.social-connection {
  padding: 50px 0 0;
  @media @mq-tab {
    padding-top: 50px;
  }
  @media @mq-tab-l {
    padding-top: 50px;
  }
  @media @mq-sd {
    .row {
      margin-left: -35px;
      margin-right: -35px;
      > div {
        padding: 0 35px;
      }
    }
  }
  @media @mq-desktop {
    padding-top: 50px;
  }
}

.twitter-feed-container {
  background: #504f4d;
  max-height: 450px;
  padding: 15px;
  margin-bottom: 50px;
  .twitter-header {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    a {
      display: block;
      i {
        float: left;
        color: #ffffff;
        font-size: 24px;
        line-height: 30px;
      }
      span {
        &.tw {
          float: left;
          display: block;
          line-height: 30px;
          margin-left: 15px;
          font-size: 18px;
          font-weight: 300;
          color: #ffffff;
        }
        &.ag {
          display: block;
          float: right;
          line-height: 30px;
          font-size: 20px;
          font-weight: 400;
          font-family: @karla;
          color: #ffffff;
        }
      }
    }
    @media @mq-desktop {
      margin-bottom: 20px;
      a {
        i {
          font-size: 40px;
          line-height: 50px;
        }
        span {
          &.tw {
            line-height: 50px;
            margin-left: 25px;
            font-size: 30px;
          }
          &.ag {
            line-height: 50px;
            font-size: 45px;
          }
        }
      }
    }
  }
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
        border-radius: 0px;
        border-color: transparent;
        border-width: 0px;
        background-color: #fff;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #ed973e;
    border-radius: 0px;
    width: 10px!important;
      margin: 0px!important;
  }
  .mCSB_scrollTools {
    width: 10px;
  }
  #ctf .ctf-item {
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px;
    &:last-child {
      margin-bottom: 0;
    }
    .ctf-author-box {
      min-height: inherit;
      margin-bottom: 10px;
      .ctf-tweet-date {
        font-weight: 400;
        font-size: 14px;
        font-family: @font;
        color: #8c857b!important;
        line-height: 20px;
      }
      .ctf-author-name {
        margin-top: 0;
        margin-left: 0;
        font-weight: 400;
        font-size: 14px;
        font-family: @font;
        color: #8c857b!important;
        line-height: 20px;
      }
      .ctf-author-screenname {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        font-family: @font;
        color: #8c857b!important;
        line-height: 20px;
        margin-left: 10px;
        margin-right: 0;
      }
    }
    .ctf-tweet-text {
      font-weight: 300;
      font-size: 14px;
      font-family: @font;
      color: #8c857b!important;
      line-height: 20px;
      a {
        font-weight: 500;
        color: #8c857b!important;
      }
    }
    &.ctf-retweet {
      .ctf-context {
        .ctf-retweet-icon {
          display: none;
        }
        .ctf-retweet-text {
          font-family: @font;
          font-size: 14px;
          color: #8c857b;
          font-weight: 300;
        }
      }
    }
    @media @mq-desktop {
      margin-bottom: 25px;
      padding: 25px;
      .ctf-author-box {
        margin-bottom: 15px;
        .ctf-tweet-date {
          font-size: 20px;
          line-height: 25px;
        }
        .ctf-author-name {
          font-size: 24px;
          line-height: 25px;
        }
        .ctf-author-screenname {
          font-size: 20px;
          line-height: 25px;
          margin-left: 15px;
        }
      }
      .ctf-tweet-text {
        font-size: 24px;
        line-height: 30px;
      }
      &.ctf-retweet {
        .ctf-context {
          .ctf-retweet-text {
            font-size: 20px;
          }
        }
      }
    }
  }
}

.twitter-column {
  @media @mq-tab {
    position: relative;
    .twitter-feed-container {
      margin-bottom: 0;
      max-height: 385px;
    }
    &:before {
      content: "";
      width: 1px;
      height: 100%;
      background-color: #504f4d;
      position: absolute;
      right: -15px;
      top: 0;
    }
  }
  @media @mq-tab-l {
    .twitter-feed-container {
      max-height: 500px;
    }
  }
  @media @mq-sd {
    &:before {
      right: -35px;
    }
    .twitter-feed-container {
      max-height: 550px;
    }
  }
  @media @mq-desktop {
    &:before {
      right: -35px;
    }
    .twitter-feed-container {
      padding: 25px 20px 25px 25px;
      max-height: 720px;
    }
  }
}

.youtube-column {
  .youtube-header {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    a {
      display: block;
      i {
        float: left;
        color: #282928;
        font-size: 24px;
        line-height: 30px;
      }
      span {
        &.yt {
          float: left;
          display: block;
          line-height: 30px;
          margin-left: 15px;
          font-size: 18px;
          font-weight: 300;
          color: #282928;
        }
        &.ag {
          display: block;
          float: right;
          line-height: 30px;
          font-size: 20px;
          font-weight: 400;
          font-family: @karla;
          color: #8c857b;
        }
      }
    }
    @media @mq-desktop {
      a {
        i {
          font-size: 40px;
          line-height: 50px;
        }
        span {
          &.yt {
            line-height: 50px;
            margin-left: 25px;
            font-size: 30px;
          }
          &.ag {
            line-height: 50px;
            font-size: 45px;
          }
        }
      }
    }
  }
  .youtube_channel {
    .ytc_video_container {
      .ytc_thumb>span:before {
        background-image: url('../../images/video-play-button.png');
        width: 90px;
        height: 90px;
        margin-top: -45px;
        margin-left: -45px;
        background-size: 100%;
        z-index: 2;
        opacity: 1;
        @media (max-width: 767px) {
          width: 60px;
          height: 60px;
          margin-top: -30px;
          margin-left: -30px;
        }
      }
      .ytc_thumb>span:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
      }
      &.ytc_video_1 {
        margin-bottom: 10px;
      }
      &.ytc_video_2 {
        width: ~"calc(50% - 5px)"!important;
        float: left;
      }
      &.ytc_video_3 {
        width: ~"calc(50% - 5px)"!important;
        float: right;
      }
    }
  }
}
/* END of News - Social Connection  */


/* Case Studies/Related Content/Download */
.related-content-section,
.downloads-section,
.case-studies {
    margin-top: 50px;
    .related-content-section-title,
    .downloads-section-title,
    .case-studies-title {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
        &:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 4px;
            margin-top: -1px;
            background-color: #e8e3d8;
        }
        h2 {
            display: inline-block;
            padding: 0 15px;
            background-color: #fff;
            font: 700 24px @karla;
            color: #e8e3d8;
            margin: 0;
            position: relative;
            z-index: 1;
        }
    }
    .text-section,
    .case-studies-columns {
        .column {
            margin-bottom: 50px;
            display: inline-block;
            width: 100%;
            .image {
                text-align: center;
                margin-bottom: 25px;
                img {
                    display: inline-block;
                }
            }
            h3 {
                margin: 0 0 25px;
                padding-bottom: 20px;
                font-size: 24px;
                span {
                  display: block;
                  margin-top: 10px;
                  font-size: 18px;
                }
            }
            .column-content {
                font: 300 14px @font;
                color: #8c857b;
                line-height: 1.6;
                .learn {
                    margin-top: 20px;
                    transition : all 0.5s;
                    &.opc0 {
                        opacity: 0;
                        visibility: hidden;
                    }
                    &.less {

                    }
                }
                &.not-shown {
                    display: none;
                    border-bottom: 1px solid #8c857b;
                }
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    @media @mq-tab-l {
        margin-top: 70px;
        .related-content-section-title,
        .downloads-section-title,
        .case-studies-title {
            margin-bottom: 50px;
            h2 {
                font-size: 38px;
            }
        }
        .text-section,
        .case-studies-columns {
            .column {
              position: relative;
                h3 {
                    font-size: 30px;
                }
                .learn {
                  position: absolute;
                  margin-top: 0;
                  bottom: 15px;
                }
                .column-content {
                    font-size: 18px;
                    padding-bottom: 65px;
                    &.not-shown {
                      padding-left: 0 !important;
                      padding-right: 0 !important;
                    }
                }
                > div:first-child {
                    padding-right: 0;
                }
                &:nth-of-type(2n) {
                    > div:first-child {
                        padding-right: 0;
                    }
                    .column-content {
                        padding-left: 25px;
                    }
                    .section-page-title {
                        padding-left: 25px;
                        &:before {
                            left: 25px;
                        }
                    }
                }
                &:nth-of-type(2n-1) {
                    > div:first-child {
                        float: right;
                        padding-left: 0;
                    }
                    .column-content,
                    .section-page-title {
                        padding-right: 25px;
                    }
                }
            }
        }
    }
    @media @mq-desktop {
        margin-top: 90px;
        .related-content-section-title,
        .downloads-section-title,
        .case-studies-title {
            margin-bottom: 60px;
        }
        .related-content-section-title,
        .downloads-section-title,
        .case-studies-title {
            h2 {
                font-size: 50px;
            }
        }
        .text-section,
        .case-studies-columns {
            .column {
                h3 {
                    font-size: 40px;
                    margin-bottom: 35px;
                    span {
                    font-size: 30px;
                  }
                }
                .column-content {
                    font-size: 22px;
                    .learn.more {
                        margin-top: 30px;
                    }
                }
            }
        }
    }
}
/* END od Case Studies / Related Content / Download */


/* News - Highlights  */
.page-boxes-columns {
  h2.section-page-title {
    color: #8c857b;
    &:before {
      background-color: #8c857b;
    }
  }
  margin-top: 50px;
  background-color: #fff;
  padding: 0 25px;
  @media @mq-tab-l {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 0px;
  }
  @media (max-width: 1023px) {
    .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
  .column-item {
    @media (max-width: 550px) {
      width: 100%;
    }
    margin-bottom: 30px;
    float: left;
    width: 50%;
    &:nth-of-type(2n+1) {
      clear: left;
    }
    h3 {
      margin: 0 0 15px;
      a {
        font-weight: 500;
        color: #8c857b;
        font-size: 20px;
      }
    }
    .image {
      width: 100%;
      height: 210px;
      position: relative;
      a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        span {
          display: none;
        }
      }
    }
    .description {
      a {
        position: relative;
        background-color: #ee8734;
        padding: 15px 15px 30px;
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 300;
        &:before {
          content: '';
            width: 49px;
            height: 17px;
            background: url('../../images/service-hover-arrow.png');
            background-size: 100%;
            right: 15px;
            bottom: 10px;
            position: absolute;
            display: block;
        }
      }
    }
    @media (min-width: 992px) {
      width: 25%;
      margin-bottom: 0;
      &:nth-of-type(2n+1) {
        clear: none;
      }
    }
    @media @mq-sd {
      .image {
        a {
          span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(238, 135, 52, 0.8);
            color: #fff;
            font-size: 24px;
            font-weight: 500;
            text-align: center;
            transition: all 0.25s;
            line-height: 180px;
            opacity: 0;
            visibility: hidden;
            &:before {
              content: '';
                width: 49px;
                height: 17px;
                background: url('../../images/service-hover-arrow.png');
                background-size: 100%;
                left: 0;
                top: 50%;
                margin: auto;
                position: absolute;
                display: block;
                margin-top: 10px;
                transition: all 0.25s;
                right: 0;
            }
          }
          &:hover {
            span {
              opacity: 1;
              visibility: visible;
            }
          }
        }
      }
      .description {
        a {
          background: none;
          padding-left: 0;
          padding-right: 0;
          font-size: 16px;
          color: #8c857b;
          &:before {
            display: none;
          }
        }
      }
    }
    @media @mq-desktop {
      h3 {
        a {
          font-size: 26px;
        }
      }
      .image {
        a {
          span {
            font-size: 28px;
          }
        }
      }
      .description {
        a {
          font-size: 22px;
        }
      }
    }
  }
}
/* END of News - Highlights  */

.approach-section {
  margin-top: 50px;
  .approach-wrapp {
    background-color: #efeeec;
    padding: 25px;
    .approach-columns {
      .approach-item {
        margin-bottom: 30px;
        .image {
          display: block;
          width: 100%;
          height: 170px;
          background-size: cover;
          background-position: center;
          position: relative;
          h3 {
            margin: 0;
            font-weight: 500;
            font-size: 24px;
            color: #fff;
            position: absolute;
            left: 15px;
            bottom: 15px;
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
          }
        }
        .description {
          display: block;
          padding: 15px;
          color: #fff;
          font-size: 14px;
          font-weight: 300;
          background: #ee8734;
          min-height: 90px;
          span {
            display: block;
            img {
              max-width: 30px;
              margin-top: 5px;
            }
          }
        }
      }
    }
  }
  @media (max-width: 1023px) {
    .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
  @media @mq-tab {
    .approach-wrapp {
      overflow: auto;
      .approach-columns {
        margin-left: -15px;
        margin-right: -15px;
        .approach-item {
          padding: 0 15px;
          width: 50%;
          float: left;
          .image {
            height: 200px;
          }
        }
      }
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .approach-wrapp {
      padding: 30px;
      .approach-columns {
        .approach-item {
          width: 33.33%;
          .image {
            height: 240px;
          }
        }
      }
    }
  }
  @media @mq-sd {
    .approach-wrapp {
      .approach-columns {
        margin-left: 2.5px;
        margin-right: 2.5px;
        .approach-item {
          padding: 0 2.5px;
          position: relative;
          margin-bottom: 5px;
          .image {
            height: 275px;
            h3 {
              font-size: 30px;
              top: 50%;
              text-align: center;
              padding: 15px;
              -ms-transform: translateY(-50%); /* IE 9 */
                -webkit-transform: translateY(-50%); /* Safari */
                transform: translateY(-50%);
                bottom: auto;
                width: 100%;
            }
          }
          .description {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            font-size: 20px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.25s;
            span {
              position: absolute;
              top: 50%;
              -ms-transform: translateY(-50%); /* IE 9 */
                -webkit-transform: translateY(-50%); /* Safari */
                transform: translateY(-50%);
                max-width: 280px;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
              img {
                display: inline-block;
                max-width: 100%;
              }
            }
          }
          &:hover {
            .description {
              z-index: 1;
              opacity: 1;
              visibility: visible;
            }
          }
        }
      }
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
    .approach-wrapp {
      h2.section-title {
        margin-bottom: 50px;
      }
      .approach-columns {
        .approach-item {
          .description {
            font-size: 28px;
          }
        }
      }
    }
  }
}

.page-submenu {
    .menu-list {
        position: relative;
        min-height: 50px;
        margin: 10px 0;
        .menu {
            padding: 0;
            list-style-type: none;
            margin: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            border: 2px solid #ea7600;
            z-index: 1;
            background: #fff;
            /*padding-top: 50px;*/
            @media screen and (min-width: 1024px){
              border: none;
            }
            li {
              &:hover{
                @media screen and (min-width: 1024px){
                  background-color: #ea7600;
                }
              }
                a {
                    display: block;
                    font-size: 18px;
                    color: #8c857b;
                    padding: 15px;
                    line-height: 18px;
                    position: relative;
                }
                &.menu-item-has-children,
                &.current-menu-item {
                    position: relative;
                    top: 0;
                    left: 0;
                    width: 100%;
                    a {
                        padding-right: 50px;
                        @media screen and (max-width:1023px){
                          &:before {
                              content: "\f123";
                              position: absolute;
                              right: 0;
                              top: 0;
                              width: 35px;
                              height: 50px;
                              display: inline-block;
                              font-family: "Ionicons";
                              speak: none;
                              font-style: normal;
                              font-weight: normal;
                              font-variant: normal;
                              text-transform: none;
                              text-rendering: auto;
                              line-height: 1;
                              -webkit-font-smoothing: antialiased;
                              -moz-osx-font-smoothing: grayscale;
                              color: #ea7600;
                              font-size: 25px;
                              line-height: 50px;
                          }
                        }
                    }

                }
                &.current-menu-parent{
                  @media screen and (max-width:1023px){
                    display:block !important;
                  }
                }
                &:not(.current-menu-item) {
                    display: none;
                }
                &:hover {
                    ul.sub-menu {
                        background-color: #ea7600;
                        li {
                            background-color: #ea7600;
                            a {
                                background-color: #ea7600;
                            }
                        }

                    }
                }
                ul.sub-menu {
                    li {
                        &:hover {
                            background-color: #9e4e0c;
                        }
                    }
                }
            }
            &.expanded {
                li {
                    &:not(.current-menu-item) {
                        @media (max-width: 1023px) {
                             display: block;
                        }
                    }
                    &.menu-item-has-children,
                    &.current-menu-item {
                        a {
                            &:before {
                                content: "\f126";
                            }
                        }
                    }
                }
            }

        }
    }
    @media @mq-tab-l {
        border-top: none;
        background: #d86018;
        .container {
            padding-left: 40px;
            padding-right: 40px;
        }
        .menu-list {
            margin: 0;
            .menu {
                position: static;
                display: table;
                width: 100%;
                background: transparent;
                padding-top: 0;
                li {
                    display: table-cell;
                    vertical-align: middle;
                    height: 50px;
                    a {
                        text-align: center;
                        color: #fff;
                        font-size: 18px;
                        font-weight: 300;
                        padding: 0 5px;
                    }
                    &.current-menu-item {
                        position: relative;
                        width: auto;
                          background: #ea7600;
                        /*&:before {
                            content: '';
                            width: 100%;
                            height: 2px;
                            top: 100%;
                            left: 0;
                            position: absolute;
                        }*/
                        a {
                            font-weight: 300;
                            border-bottom: 2px solid #fff;
                            padding-right: 0;
                            border-bottom: none;
                            &:before {
                                display: none !important;
                            }
                        }
                    }
                    &:not(.current-menu-item) {
                        display: table-cell;
                    }
                }
            }
        }
    }
    @media @mq-desktop {
        .menu-list {
            .menu {
                li {
                    a {
                        font-size: 18px;
                        padding: 0 10px;

                    }
                    &.current-menu-item {
                        &:before {
                            top: auto;
                            height: 3px;
                            bottom: -2px;
                        }
                    }
                }
            }
        }
    }
}

.emerging-overview-content{
  p{
    margin-bottom: 25px;
  }
}

.page-template-emerging-markets,
.page-template-emerging-markets-subpages {
  .page-submenu {
    ul.menu {
      li.menu-item {
        position: relative;
        ul.sub-menu {
          display: none;
        }
      }
      li.menu-item:hover {
        ul.sub-menu {
          display: block;
          position: absolute;
          z-index: 1000;
          background-color: #fff;
          padding-left: 0px;
          width: 100%;
          top: 50px;
          li.menu-item {
            display: block;
            border-top: 1px solid #fff;
            a {
              line-height: 2.0;
              &:before {
                content: "";
              }
              &:hover {
                background-color: #9e4e0c;
              }
            }
            &:hover {
              background-color: #9e4e0c;
            }
          }

        }
      }
      @media @mq-tab {
        li.menu-item {
          ul.sub-menu {
            background-color: #fff;
          }
        }
      }
      @media @mq-desktop {
        li.menu-item {
          ul.sub-menu {
            background-color: #ea7600;
          }
        }
      }

    }

    @media @mq-tab-l {
      .menu-list .menu {
        max-width: 80%;
        li:before {
          right: 0;
          margin: auto;
          width: 150px;
        }
      }
    }
  }
}

.ranking-section, .page-accordion-section {
    margin-top: 50px;
    .intro-section {
        margin-bottom: 30px;
        h2 {
            /*margin: 0 0 15px;
            color: #dbc89e;
            font-family: 'Karla', sans-serif;
            font-weight: 400;
            font-size: 24px;*/
        }
        p {
            font-size: 14px;
            color: #8c857b;
            line-height: 1.6;
            font-weight: 300;
        }
        @media @mq-tab-l {
            h2 {font-size: 45px;}
            p {
                font-size: 22px;
                max-width: 1000px;
                margin: 0;
            }
        }
    }
    .ranking-repeater,
    .page-accordion {
        margin-left: -25px;
        margin-right: -25px;
        background: #ea7600;
        padding: 25px;
        .ranking-repeater-container,
        .page-accordion-container {
            .ranking-item,
            .accordion-item {
                padding: 10px 0;
                border-bottom: 1px solid #f7be91;
                > h3 {
                    margin: 0;
                    color: #f7be91;
                    font-size: 18px;
                    font-weight: 400;
                    position: relative;
                    line-height: 30px;
                    a {
                        display: block;
                        color: #f7be91;
                    }
                    &:before {
                        content: "\f3d0";
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 30px;
                        height: 30px;
                        display: inline-block;
                        font-family: "Ionicons";
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        text-rendering: auto;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        color: #f7be91;
                        font-size: 30px;
                        line-height: 30px;
                        text-align: center;
                    }
                }
                .hidden-content {
                    display: none;
                    padding: 25px 0;
                    .description {
                      background: #fff;
                      padding: 20px 0;
                      h3 {
                        background-color: #f7f3ed;
                        padding: 0 15px;
                        font: 500 18px/40px @font;
                        color: #8c857b;
                        margin: 0 0 25px;
                      }
                      ul {
                        li {
                          font: 300 15px @font;
                          color: #8c857b;
                          margin-bottom: 10px;
                        }
                      }
                    }
                    p {
                        color: #fff;
                        font-size: 14px;
                        line-height: 1.4;
                        font-weight: 300;
                        margin: 0;
                    }
                    .image {
                        margin-top: 25px;
                        text-align: center;
                        img {
                            display: inline-block;
                        }
                    }
                }
                &.current {
                    > h3 {
                        color: #fff;
                        a {
                            display: block;
                            color: #fff;
                        }
                        &:before {
                            color: #fff;
                            /*content: "\f3d8";*/
                            content: inherit;
                            width: 0;
                            height: 0;
                            border-top: 10px solid transparent;
                            border-bottom: 10px solid transparent;
                            border-left: 10px solid #fff;
                            position: absolute;
                            top: 16px;
                            @media screen and (max-width: 1023px){
                              display: none;
                            }
                        }
                    }
                }
            }
        }
        .desktop-ranking-repeater-container,
        .desktop-accordion-repeater-container {
            display: none;
        }
    }
    .ranking-link {
        display: block;
        color: #a9dbda;
        font-size: 18px;
        margin-top: 20px;
        font-weight: 500;
        clear: both;
    }
    @media @mq-tab-l {
        margin-top: 70px;
        .ranking-link {
            font-size: 24px;
        }
        .ranking-repeater,
        .page-accordion {
            display: table;
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            .ranking-repeater-container,
            .page-accordion-container {
                display: table-cell;
                width: 50%;
                vertical-align: top;
                padding-right: 25px;
                .ranking-item,
                .accordion-item {
                    padding: 25px 0;
                    .hidden-content {
                        .image,
                        .description {
                            display: none !important;
                        }
                    }
                    &:first-child {
                        padding-top: 0;
                    }
                }
                .accordion-item {
                  > h3 {
                    &:before {
                       content: "";
                    }
                  }
                  &.current {
                      > h3 {
                          &:before {
                              content: inherit; /*"\f3d3"*/
                                width: 0;
                                height: 0;
                                border-top: 10px solid transparent;
                                border-bottom: 10px solid transparent;
                                border-left: 10px solid #fff;
                                position: absolute;
                                top: 16px;
                          }
                      }
                  }
                }
            }
            .desktop-ranking-repeater-container,
            .desktop-accordion-repeater-container {
                display: table-cell;
                width: 50%;
                vertical-align: top;
                padding-left: 25px;
                .image {
                    text-align: center;
                    img {
                        display: none;
                        &.active {
                            display: block;
                        }
                    }
                }
                .description {
                  background: #fff;
                  padding: 20px 0;
                  h3 {
                    background-color: #f7f3ed;
                    padding: 0 15px;
                    font: 500 18px/40px @font;
                    color: #8c857b;
                    margin: 0 0 25px;
                  }
                  ul {
                    li {
                      font: 300 15px @font;
                      color: #8c857b;
                      margin-bottom: 10px;
                    }
                  }
                }
            }
             .page-accordion-container {
              width: 40%;
             }
            .desktop-accordion-repeater-container {
              width: 60%;
            }
        }

    }
    @media @mq-sd {
        margin-top: 90px;
        .ranking-link {
            font-size: 28px;
        }
    }
}
.page-accordion-section {
  .intro-section {
    h2 {
      padding-bottom: 10px;
      position: relative;
      &:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 2px;
        @media @mq-tab-l {
          width: 70px;
        }
      }
    }
  }
  .page-accordion {
    .hidden-content {
      padding-bottom: 0!important;
    }
    @media (max-width: 1023px) {
      .page-accordion-container {
        .accordion-item {
          &:not(.current) {
            .hidden-content .description {
              display: none !important;
            }
          }
        }
      }
    }
    @media @mq-tab-l {
      .accordion-item {
        .hidden-content {
          display: none !important;
        }
      }
    }
    @media @mq-desktop {
      .page-accordion-container {
        padding: 30px 0;
        .accordion-item > h3 {
          font-size: 26px;
          line-height: 50px;
        }
      }
      .desktop-accordion-repeater-container {
        .description {
          h3 {
            font-size: 30px;
            line-height: 50px;
            padding-left: 30px;
          }
          ul {
            padding-left: 70px;
            -webkit-column-count: 1; /* Chrome, Safari, Opera */
              -moz-column-count: 1; /* Firefox */
              column-count: 1;
              -moz-column-gap: 70px;
              -webkit-column-gap: 70px;
              column-gap: 70px;
            li {
              font-size: 26px;
            }
          }
        }
      }
    }
  }
}

/* ============== Start OF Emerging Infographics Modal ============== */
#emerging-modal{
  p{
    max-width: 100%;
  }
  .modal-header{
    background-color: #d86018;
    color: #333;
    border: none;
    padding: 20px 60px;
    text-align: center;
    @media screen and (max-width: 767px){
      padding: 20px;
    }
    h1{
      color: #fff;
      font-family: Karla;
      font-size: 35px;
      margin: 0;
      text-align: left;
      @media screen and (max-width: 767px){
        font-size: 24px;
      }
    }
    .close{
      color: #fff;
      opacity: 1;
      font-size: 55px;
      cursor: pointer;
      position: absolute;
      z-index: 1;
      right: 2%;
      top: 1%;
      @media screen and (max-width: 767px){
        font-size: 35px;
      }
    }
  }
  .modal-body{
    padding: 0;
    text-align: center;
    .buttons_reverse {
      padding: 0 20px;
    }
    .carousel{
      .carousel-control.left,
      .carousel-control.right{
        background: none;
        width: 8%;
        i{
          color: #d86018;
          font-size: 35px;
          cursor: pointer;
          @media screen and (max-width: 767px){
            font-size: 24px;
          }
        }
      }
    }
  }
  .modal-footer{
    padding: 25px;
    text-align: center;
    display:none;
  }
}
#emerging-modal{
  .modal-dialog {
    @media screen and (min-width: 1441px){
      width: 1100px;
      margin: 120px auto;
    }
    @media screen and (max-width: 1440px) and (min-width: 1240px){
      width: 1000px;
      margin: 60px auto;
    }
    @media screen and (max-width: 1239px) and (min-width: 768px){
      width: auto;
      margin: 60px auto;
      padding: 0 50px;
    }
    @media screen and (max-width: 767px){
      margin: 120px auto;
      padding: 0 10px;
    }
  }
}
/* ============== END OF Emerging Infographics MODAL ============== */

.page-template-emerging-markets-logistics-index{
  /* Hero Section */
  #hero{
    .hero-title{
      @media screen and (max-width: 480px){
        .subpage-title-wrapper span:not(.line){
          font-size: 18px;
        }
        h1{
          font-size: 22px;
        }
      }
    }
    .hero-intro-text{
      @media screen and (max-width: 1023px){
        display: none;
      }
    }
    .hero-video{
      @media screen and (min-width: 1440px){
        bottom: 120px;
      }
      @media screen and (max-width: 1439px) and (min-width: 1024px){
        bottom: 90px;
      }
    }
    .aemli-more-videos{
      a{
        position: absolute;
        bottom: 60px;
        width: 450px;
        right: 3.7%;
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        border: 2px solid #fff;
        padding: 10px;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
        background-size: 4%;
        background-position-x: 10%;
        &:hover{
          opacity: 0.5;
        }
        @media screen and (max-width: 1439px) and (min-width: 1024px){
          bottom: 20px;
          right: 3%;
        }
        @media screen and (max-width: 1023px){
          position: absolute;
          bottom: 20px;
          width: 350px;
          left: 25px;
          right: 0;
          text-align: center;
          font-size: 16px;
          padding-left: 20px;
        }
      }
    }
    .hero-cta-button{
      margin-top: 30px;
    }
  } 
  .emerging-video-section{
    margin-top: 50px;
    .heroSlider-fixed{padding:0;}
    .video-click{
        position: relative;
        background-repeat: no-repeat;
        height: 450px;
        background-size: cover;
        background-position: center;
        margin-right: 1%;
        width: 49%;
        float: left;
        @media screen and (max-width: 767px){
          width: 100%;
          margin-right: 0;
          margin-bottom: 10px;
        }
        &:before{
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000 85%);
            opacity: 0.85;
            width: 100.1%;
        }
        .video-text{
            position: absolute;
            bottom: 10%;
            width: 100%;
            text-align: center;
            .play-video-icon{
                display: block;
                width: 160px;
                height: 160px;
                margin: 0 auto;
                background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
                border-radius: 80px;
            }
            h2{
                color: #fff;
                font-family: 'Karla', sans-serif;
                font-weight: bold;
                margin-top: 70px;
                font-size: 40px;
            }
            p{
                color: #ddcba4;
                font-family: 'Karla', sans-serif;
                font-size: 25px;
            }

        }
    }
    .sub-video-click{
            position: relative;
            background-repeat: no-repeat;
            height: 250px;
            background-color: #101316;
            background-position: center;
            background-size: cover;
            width: 20%;
            float: left;
        &:before{
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 75%);
            opacity: 0.80;
        }
        &:last-child{
            border-right: none;
        }
        .video-text{
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            .play-video-icon{
                display: block;
                width: 50px;
                height: 50px;
                margin: 0 auto 10px;
                background: rgba(255,255,255, 0.2) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
                border-radius: 80px;
                background-size: 40%;
                z-index: 9;
                position: relative;
            }
            h2{
                color: #fff;
                font-family: 'Karla', sans-serif;
                font-weight: bold;
                margin-top: 10px;
                font-size: 18px;
                margin-bottom: 0;
            }
            p{
                color: #ddcba4;
                font-family: 'Karla', sans-serif;
                font-size: 15px;
            }

        }
    }
    @media screen and (max-width:768px){
        .sub-video-click{
            width: 50%;
        }
    }
    @media screen and (max-width:480px){
        .video-click{
            width: 100%;
        }
        .sub-video-click{
            width: 100%;
        }
    }

    /* Third Version - Slider */
    .slider{
        .sub-video-click{
            width: 100%;
            .play-btn{
                position: absolute;
                left: 5%;
                bottom: 5%;
            }
            .video-desc{
                position: absolute;
                bottom: 0;
                text-align: right;
                width: 100%;
                padding: 0 20px;
            }
        }
    }
    .slick-slide{
        height: auto!important;
        padding: 10px 10px 0 0;
    }
    .slick-dots {
        text-align: center;
        margin: 0 0 10px 0;
        padding: 0;
        li {
            display:inline-block;
            margin-left: 4px;
            margin-right: 4px;
        &.slick-active {
          button {
            background-color:black;
          }
        }
        button {
            font: 0/0 a;
            text-shadow: none;
            color: transparent;
            background-color:#999;
            border:none;
            width: 15px;
            height: 15px;
            border-radius:50%;
        }
      }
    }

    /* Custom Arrow */
    .prev{
        color: #000;
        position: absolute;
        top: 50%;
        left: 35px;
        font-size: 1.5em;
        padding: 7px 37px 15px 18px;
        background: rgba(255,255,255, 0.5);
        border-radius: 100px;
        cursor: pointer;
        :hover{
            cursor: pointer;
            color: black;
        }
        .fa{
            font-size: 38px;
            font-weight: 600;
            cursor: pointer;
        }
    }
    .next{
        color: #000;
        position: absolute;
        top: 50%;
        right: 35px;
        font-size: 1.5em;
        padding: 7px 32px 15px 23px;
        background: rgba(255,255,255, 0.5);
        border-radius: 100px;
        cursor: pointer;
        :hover{
            cursor: pointer;
            color: black;
        }
        .fa{
            font-size: 38px;
            font-weight: 600;
            cursor: pointer;
        }
    }

    @media screen and (max-width:1023px){
        .prev, .next{
            position: absolute;
            top: 40%;
            padding: 5px 33px 20px 15px;
        }
    }
  }
}

.page-template-emerging-markets-logistics-index,
.page-template-emerging-markets-logistics-index-subpages{
  .press-release{
    margin-bottom: 100px;
  }
  &.page-id-18188{
    .press-release{
      margin-top: 0;
    }
  }
}


.press-release {
    padding: 30px 0 60px;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    margin-top: 50px;
    &:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%);
      opacity: .75;
    }
    h2{
      z-index: 1;
      position: relative;
    }
    p {
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        margin: 0 0 25px;
        color: #fff;
        position: relative;
        z-index: 1;
    }
    .btn-dark-orange {
        z-index: 1;
        position: relative;
    }
    @media @mq-tab {
        background-position: 50% 70%;
        padding: 50px 0 110px;
        h2 {
            font-size: 38px;
        }
        p {
            font-size: 20px;
            max-width: 1150px;
            display: block;
            margin: 0 auto 45px;
        }
        .learn {
            bottom: 50px;
        }
    }
    @media @mq-tab-l {
        padding: 70px 0 90px;
        margin-top: 70px;
        h2 {
            font-size: 52px;
        }
        p {
            font-size: 24px;
        }
    }
    @media @mq-tab-l {
        margin-top: 90px;
    }
}

.press-release + #footer {
    @media @mq-tab {
        margin-top: 20px;
    }
}

.rankings-page-container {
    margin-top: 50px;
    padding-top: 30px;
    @media @mq-tab-l {
        margin-top: 70px;
        padding-top: 0;
        display: table;
        width: 100%;
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }
    @media @mq-desktop {
        margin-top: 90px;
    }
    .rankings-sidebar {
        background-color: #535251;
        padding: 10px;
        h2 {
            margin: 0 0 5px;
            color: #fff;
            font-size: 24px;
            font-weight: 400;
            padding-left: 25px;
            text-transform: uppercase;
        }
        .rankings-sidebar-menu-container {
            position: relative;
            min-height: 45px;
            background-color: #c8c3bd;
            .rankings-sidebar-menu {
                margin: 0;
                padding: 45px 0 0;
                list-style-type: none;
                background-color: #c8c3bd;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 1;
                li {
                    a {
                        color: #fff;
                        font-size: 17px;
                        display: block;
                        padding: 10px 25px;
                        line-height: 25px;
                    }
                    &:not(.current) {
                        display: none;
                    }
                    &.current {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        &:before {
                            content: "\f123";
                            position: absolute;
                            right: 0;
                            top: 0;
                            width: 35px;
                            height: 45px;
                            display: inline-block;
                            font-family: "Ionicons";
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            text-rendering: auto;
                            line-height: 1;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            color: #fff;
                            font-size: 20px;
                            line-height: 45px;
                        }
                    }
                }
                &.expanded {
                    li {
                        &:not(.current) {
                            display: block;
                        }
                        &.current {
                            &:before {
                                content: "\f126";
                            }
                        }
                    }
                }
            }
        }
        @media @mq-tab-l {
            width: 250px;
            display: table-cell;
            padding: 50px 0;
            vertical-align: top;
            h2 {
                margin-bottom: 30px;
            }
            .rankings-sidebar-menu-container {
                background: transparent;
                .rankings-sidebar-menu {
                    padding-top: 0;
                    background: transparent;
                    position: static;
                    li {
                        display: block!important;
                        a {
                            font-weight: 100;
                            display: table-cell;
                            height: 45px;
                            padding-top: 0;
                            padding-bottom: 0;
                            vertical-align: middle;
                            line-height: 20px;
                        }
                        &.current {
                            background: #c8c3bd;
                            position: relative;
                            a {
                                font-weight: 400;
                            }
                            &:before {
                                display: none;
                            }
                            &:after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 100%;
                                width: 0;
                                height: 0;
                                border-style: solid;
                                border-width: 22.5px 0 22.5px 15px;
                                border-color: transparent transparent transparent #c8c3bd;
                            }
                        }
                    }
                }
            }
        }
        @media @mq-desktop {
            width: 450px;
            h2 {
               font-size: 45px;
               padding-left: 50px;
            }
            .rankings-sidebar-menu-container {
                .rankings-sidebar-menu {
                    li {
                        a {
                            font-size: 28px;
                            height: 75px;
                            padding: 0px 50px;
                            line-height: 30px;
                        }
                        &.current {
                            &:after {
                                border-width: 37.5px 0 37.5px 20px;;
                            }
                        }
                    }
                }
            }
        }
    }
    .rankings-page-container {
        @media @mq-tab-l {
            width: ~'calc(100% - 250px)';
            display: table-cell;
            vertical-align: top;
        }
        @media @mq-desktop {
            width: ~'calc(100% - 450px)';
        }
    }
    .rankings-content {
        &:not(.current) {
            display: none;
        }
        .section-page-content {
            margin-top: 0;
            h2,p {
                padding-left: 25px;
                padding-right: 25px;
                em {
                    font-size: 13px;
                }
            }
            h2:before {
                left: 25px;
            }
            table {
                width: 100%;
                th {
                    color: #fff;
                    background-color: #d95e18;
                    font-size: 13px;
                    font-weight: 500;
                    padding: 10px 5px;
                    &:first-child {
                        text-align: center;
                    }
                }
                tr {
                    td {
                        font-size: 13px;
                        font-weight: 300;
                        padding: 5px;
                        &:first-child {
                            font-weight: 700;
                            text-align: center;
                        }
                        &:last-child {
                            font-weight: 700;
                        }
                    }
                }
                tr:nth-of-type(2n-1) {
                    background: #f7f3ed;
                }
            }
        }
        @media @mq-tab-l {
            .section-page-content {
                padding: 70px 50px 0;
                h2,p {
                    padding-left: 0;
                    padding-right: 0;
                }
                h2:before {
                    left: 0;
                }
            }
        }
        @media (min-width: 1024px) and (max-width: 1439px) {
            .section-page-content {
                h2 {
                    font-size: 34px;
                }
                ul li, p {
                    font-size: 17px;
                }
            }
        }
        @media @mq-desktop {
            .section-page-content {
                ul li, h2, p {
                    em {
                        font-size: 22px;
                    }
                }
                table {
                    th {
                        font-size: 22px;
                    }
                    tr {
                        td {
                            font-size: 22px;
                        }
                    }
                }
            }
        }
    }
}

/* ================ START OF NEW EMERGING MARKETS LOGISTICS INDEX =============== */

section#emerging-past-indices{
  .past-indices{
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    .indices-item{
      width: 16.66%;
      float: left;
      padding: 0 2px;
      h3.indices-title{
        font-family: 'Karla', sans-serif;
        text-align: center;
        padding: 15px;
        background-color: #f0f0f0;
        margin: 0;
        border: 1px solid #ffff;
        border-bottom: none;
        font-size: 22px;
        color: #8c857b;
      }
    }
  }
}

.rank-top-title{
  float:left;
  width: 100%;
  @media screen and (max-width: 1023px){
    float: none;  
  }
  h2{
    width:50%!important;
    float:left;
    text-align: left;
    &:after{
      margin: 20px 0 0;
    }
    @media screen and (max-width: 1023px){
      float: none;  
      width: 100%!important;
    }
  }
  .btn-dl-report{
    width: 50%;
    float: left;
    text-align: right;
    padding-top: 25px;
    @media screen and (max-width: 1023px){
      float: none;  
      width: 100%;
      padding-left: 20px;
      text-align: left;
    }
  }
}

.emerging-overview-content{
  p{
    max-width: 100%;
  }
}

.rankings-new-page-container {
    margin-top: 50px;
    padding-top: 30px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    @media screen and (max-width: 1023px){
      margin-top: 0;
      padding-top: 0;  
    }
    @media @mq-tab-l {
        margin-top: 70px;
        padding-top: 0;
        display: table;
        width: 100%;
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }
    @media @mq-desktop {
        margin-top: 90px;
    }
    .rankings-sidebar {
        background-color: #f3f3f3;
        padding: 10px;
        @media screen and (max-width: 1023px){
          padding: 30px 10px;
        }
        h2 {
            margin: 0 0 5px;
            color: #474647;
            font-size: 24px;
            font-weight: 400;
            padding-left: 25px;
            text-transform: uppercase;
            @media screen and (max-width: 1023px){
              padding-bottom: 10px;
              padding-left: 10px;

            }
        }
        .rankings-sidebar-menu-container {
            position: relative;
            min-height: 45px;
            background-color: #c8c3bd;
            .rankings-sidebar-menu {
                margin: 0;
                padding: 45px 0 0;
                list-style-type: none;
                background-color: #c8c3bd;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 1;
                li {
                  border-bottom: 1px solid #ddd;
                  &:first-child{
                    border-top: 1px solid #ddd;
                  }
                  &:before{
                    display: block;
                    content: " ";
                    margin-top: -100px;
                    height: 100px;
                    visibility: hidden;
                    pointer-events: none;
                  }
                    a {
                      color: #474647;
                      font-size: 17px;
                      display: block;
                      padding: 10px 25px;
                      line-height: 25px;
                    }
                    &:not(.current) {
                        display: none;
                    }
                    &.current {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        a{
                          color:#fff;
                        }
                        &:before {
                            content: "\f123";
                            position: absolute;
                            right: 0;
                            top: 0;
                            width: 35px;
                            height: 45px;
                            display: inline-block;
                            font-family: "Ionicons";
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            text-rendering: auto;
                            line-height: 1;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            color: #fff;
                            font-size: 20px;
                            line-height: 45px;
                        }
                    }
                }
                &.expanded {
                    li {
                        &:not(.current) {
                            display: block;
                        }
                        &.current {
                            &:before {
                                content: "\f126";
                            }
                        }
                    }
                }
            }
            .section-page-content{
              h2,h1{
              }
            }
        }
        @media @mq-tab-l {
            width: 250px;
            display: table-cell;
            padding: 50px 0;
            vertical-align: top;
            border-right: 10px solid #d86018;
            h2 {
                margin-bottom: 30px;
            }
            .rankings-sidebar-menu-container {
                background: transparent;
                .rankings-sidebar-menu {
                    padding-top: 0;
                    background: transparent;
                    position: static;
                    li {
                        display: block!important;
                        a {
                            font-weight: 100;
                            display: table-cell;
                            height: 45px;
                            padding-top: 0;
                            padding-bottom: 0;
                            vertical-align: middle;
                            line-height: 20px;
                        }
                        &.current {
                            background: #d86018;
                            position: relative;
                            a {
                                font-weight: 400;
                            }
                            &:before {
                                display: none;
                            }
                            &:after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 100%;
                                width: 0;
                                height: 0;
                                /* border-style: solid;
                                border-width: 22.5px 0 22.5px 15px;
                                border-color: transparent transparent transparent #c8c3bd; */
                            }
                        }
                    }
                }
            }
        }
        @media @mq-desktop {
            width: 450px;
            h2 {
               font-size: 45px;
               padding-left: 50px;
            }
            .rankings-sidebar-menu-container {
                .rankings-sidebar-menu {
                    li {
                        a {
                            font-size: 20px;
                            height: 75px;
                            padding: 0px 50px;
                            line-height: 25px;
                        }
                        &.current {
                            &:after {
                                border-width: 37.5px 0 37.5px 20px;;
                            }
                        }
                    }
                }
            }
        }
    }
    .rankings-page-container {
        @media @mq-tab-l {
            width: ~'calc(100% - 250px)';
            display: table-cell;
            vertical-align: top;
        }
        @media @mq-desktop {
            width: ~'calc(100% - 450px)';
        }
        @media screen and (max-width: 1023px){
          margin-top: 0;
          padding-top: 30px;  
        }
    }
    .rankings-content {
        &:not(.current) {
            display: none;
        }
        .section-page-content {
            margin-top: 0;
            h2,p {
                padding-left: 25px;
                padding-right: 25px;
                em {
                    font-size: 13px;
                }
            }
            h2:before {
                left: 25px;
            }
            .table-container{
              margin-left: 0;
              margin-right:0;
              padding: 20px;
            }
            table {
                width: 100%;
                max-width: 100%;
                border: none;
                margin-top:50px;
                th {
                    color: #fff;
                    background-color: #d86018;
                    font-size: 13px;
                    font-weight: 500;
                    padding: 10px 5px;
                    &:first-child {
                        text-align: center;
                    }
                }
                tr {
                    td {
                        font-size: 13px;
                        font-weight: 300;
                        padding: 5px;
                        &:first-child {
                            font-weight: 700;
                            text-align: center;
                        }
                        &:last-child {
                            font-weight: 700;
                        }
                    }
                }
                tr:nth-of-type(2n-1) {
                    background: #f1f1f1;
                }
            }
        }
        @media @mq-tab-l {
            .section-page-content {
                padding: 70px 50px;
                h2,p {
                    padding-left: 0;
                    padding-right: 0;
                    max-width: 100%;
                }
                p{
                  font-size: 20px;
                }
                h2:before {
                    left: 0;
                }
            }
        }
        @media (min-width: 1024px) and (max-width: 1439px) {
            .section-page-content {
                h2 {
                    font-size: 34px;
                }
                ul li, p {
                    font-size: 17px;
                }
            }
        }
        @media @mq-desktop {
            .section-page-content {
                ul li, h2, p {
                    em {
                        font-size: 22px;
                    }
                }
                table {
                    th {
                        font-size: 20px;
                        padding: 15px;
                    }
                    tr {
                        td {
                            font-size: 18px;
                            padding: 10px;
                        }
                    }
                }
            }
        }
    }
}

/* ================ END OF NEW EMERGING MARKETS LOGISTICS INDEX =============== */


/* ================ AGILITY VENTURES =============== */

.ventures-hero-section {
  background-color: #f4f3f2;
  height: 600px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 18px;
  font-weight: 300;
  background-image: url(https://www.agility.com/wp-content/uploads/2018/10/ventures-hero3.png);
  background-size: 75%;
  &:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 100%);
    opacity: .75;
  }
  @media screen and (max-width: 1240px){
    height: 350px;
  }
}
.ventures-hero-section-img{
  min-height: 440px;
  width:auto;
  margin: 0 auto;
}

@keyframes fade-img
{
  0%   {opacity:1}
  32% { opacity: 1}
  33% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade2-img
{
  0%   {opacity:0}
  32%   {opacity:0}
  33.333% { opacity: 1}
  65% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3-img
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  65% { opacity: 0}
  66.666% { opacity: 1}
  99% { opacity: 1}
  100% { opacity: 0}
}

.ventures-hero-section > img {
  display: none;
}

@media only screen and (min-width: 1440px) {
  .page-template-ventures .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.ventures-hero-section{
  .text {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    .text-inner{
      width: 40%;
      float: left;
      @media screen and (max-width: 1240px){
        width: 100%;
      }
      h1{
        font-size: 50px;
        font-weight: 400;
        font-family: 'Karla', sans-serif;
        margin: 15px 0 20px;
        letter-spacing: -2px;
        color: #fff;
        @media screen and (max-width: 1240px){
          font-size: 40px;
        }
        @media screen and (max-width: 480px){
          font-size: 30px;
        }
      }
      p{
        color: #fff;
      }
      .button-cta{
        margin-top: 20px;
        max-width: 350px;
        a{
          &:first-child{
            background-color: #d86018;
            border: 1px solid #d86018;
            padding: 10px 0;
            font-size: 18px;
            width: 100%;
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
            transition: 0.5s;
            cursor: pointer;
            text-transform: uppercase;
            color: #fff;
            font-family: @karla;
            text-align: center;
            display: block;
            &:hover{
              background-color: #fff;
              color: #d86018;
              transition: 0.5s;
              border:1px solid #d86018;
            }
          }
        }
      }
      .button-cta-subscribe{
        margin-top: 10px;
        max-width: 350px;
        a{
          color: #fff!important;
          background-color: #af272f;
          border: 1px solid #af272f;
          padding: 10px 0;
          font-size: 18px;
          width: 100%;
          box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
          transition: 0.5s;
          cursor: pointer;
          text-transform: uppercase;
          font-family: @karla;
          display: block;
          text-align: center;
          &:hover{
            background-color: #d86018;
            border: 1px solid #d86018;
            color: #fff!important;
            transition: 0.5s;
          }
        }
      }
    }
    .featured-hero-desktop{
      @media screen and (max-width:1241px){
        display:none;
      }
      width: 50%;
      float: right;
      position: relative;
      height: 400px;
      background-size: cover;
      background-repeat: no-repeat;
      .inner-text{ 
        position: absolute;
        top: 0;
        height: 400px;
        width: 40%;
        right: 0;
        background: rgba(217, 96, 24, 0.9);
        color: #fff;
        padding: 0 20px;
        h3{
          font-family: Karla;
          font-size: 22px;
          font-weight: bold;
        }
        p{
          font-size: 16px;
          padding: 10px 0px;
        }
        a{
          color: #fff;
          text-decoration: underline;
          text-transform: uppercase;
          text-underline-position: under;
        }
      }
    }
  }

}
  
.featured-hero-mobile{
  display:none;
  @media screen and (max-width:1240px){
    display: block;
  }
  position: relative;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  .inner-text{ 
    position: absolute;
    top: 0;
    height: 350px;
    width: 100%;
    right: 0;
    background: rgba(217, 96, 24, 0.9);
    color: #fff;
    padding: 20px;
    h3{
      font-family: Karla;
      font-size: 22px;
      font-weight: bold;
    }
    p{
      font-size: 16px;
      padding: 10px 0px;
    }
    a{
      color: #fff;
      text-decoration: underline;
      text-transform: uppercase;
      text-underline-position: under;
    }
  }
}

.venture-hero-bar {
  position: absolute;
  z-index: 2;
  width: 170px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
  bottom: 0;
  left: 50%;
}

.venture-hero-bar span {
  -ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
  display: block;
  padding: 15px 10px;
}

#vhb-1 {
  background: #c5beac;
  background: rgba(197, 190, 172, .7);
  height: 25%;
}

#vhb-2 {
  background: #e9691e;
  background: rgba(233, 105, 30, .7);
  height: 94%;
  margin-left: 280px;
}

.page-template-ventures #footer {
  margin-top: 0;
}

.ventures-about {
  padding: 120px 0;
  text-align: center;
  font-family: 'Karla', sans-serif;
  font-size: 30px;
  letter-spacing: -1px;
}

.ventures-about-text {
  max-width: 732px;
  margin: 0 auto;
  line-height: 1.25;
}

.ventures-about-text p {
  margin-bottom: 20px;
}

.ventures-about-text > *:last-child {
  margin-bottom: 0;
}

.ventures-invest-section {
  height: 430px;
  background: #f1f1f1;
  position: relative;
  z-index: 1;
}

.ventures-invest-text {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  z-index: 1;
  width: 33.3333%;
  font-size: 18px;
  font-weight: 300;
  color: #434345;
}

.ventures-invest-text-inner {
  max-width: 330px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ventures-invest-text h2,
.ventures-interests-text h2 {
  font-size: 40px;
  font-weight: 400;
  font-family: 'Karla', sans-serif;
  letter-spacing: -1px;
  margin: 0 0 30px;
}

.ventures-invest-text h2:after,
.ventures-interests-text h2:after {
  content: '';
  display: block;
  width: 62px;
  height: 2px;
  background: #dbc89e;
  margin: 15px 0 0;
}

.ventures-invest-text p {
  margin: 0;
}

.ventures-invest-block {
  position: absolute;
  left: 33.3333%;
  top: 0px;
  height: 100%;
  z-index: 1;
  width: 33.3333%;
  text-align: center;
  color: #FFF;
  font-family: 'Karla', sans-serif;
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1.25;
}

.ventures-invest-block + .ventures-invest-block {
  left: 66.6666%;
}

.ventures-invest-block h4 {
  text-transform: uppercase;
/*  color: #dbc89e;*/
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 25px;
  letter-spacing: 0;
}

.ventures-invest-block p {
  margin: 0;
}

.ventures-invest-block-text {
  max-width: 270px;
  margin: 0 auto;
  padding-top: 80px;
}

.ventures-interests-section {
  padding: 110px 0;
}

.ventures-interests-text {
  float: left;
  width: 23%;
  font-size: 18px;
  font-weight: 300;
  margin: 115px 0 0 60px;
}

.ventures-interests-text p {
  margin: 0;
}

.ventures-interests-sections {
  float: right;
  width: 63%;
}

.ventures-icons-section + .ventures-icons-section {
  margin-top: 40px;
}

.ventures-icons-section h3 {
  font-size: 28px;
  font-family: 'Karla', sans-serif;
  font-weight: 400;
  margin: 0 0 25px;
  letter-spacing: -1px;
}

.ventures-icons-list ul {
  padding: 0;
  margin: 0;
}

.ventures-icons-list ul li {
  list-style: none;
  float: left;
  width: 100px;
  text-align: center;
  color: #474647;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 30px;
}

.ventures-icons-list ul li .image {
  width: 100px;
  height: 100px;
  margin: 0 0 10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.ventures-showcase-section {
  background: #e5e3dc;
  padding: 85px 0;
}

.showcase-map {
  width: 970px;
  height: 550px;
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto;
}

.ventures-showcase-text {
  max-width: 360px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}

.ventures-showcase-text h2{
  font-size: 40px;
  font-family: 'Karla', sans-serif;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 0 0 20px;
}

.ventures-showcase-text h2:after{
  content: '';
  display: block;
  width: 62px;
  height: 2px;
  background: #dbc89e;
  margin: 20px auto 0;
}

.slider-ventures{
  .slick-dots {
    position: absolute;
    top: 290px;
    left: 25px;
    margin: 0;
    padding: 0;
    li {
      float: left;
      list-style-type: none;
      button {
        text-indent: 99999px;
        overflow: hidden;
        width: 12px;
        height: 13px;
        margin-right: 5px;
        border: 2px solid #b1aaa4;
        padding: 0;
        background: transparent;
      }
      &.slick-active {
        button {
          background: #8c857b;

        }
      }
    }
    @media @mq-tab {
      top: auto;
      bottom: -30px;
      left: 50%;
      li button {
        border-width: 2px;
      }
    }
    @media @mq-tab-l {
      bottom: -30px;
      left: 50%;
    }
    @media @mq-desktop {
      bottom: -30px;
    }
  }
}

.showcase-company {
  width: 190px;
  height: 190px;
  border: 8px solid #FFF;
  border-radius: 50%;
  box-shadow: 0px 0px 25px rgba(0,0,0,.15);
  text-align: center;
  position: absolute;
  z-index: 10;
}

.showcase-company:before {
  content: '';
  width: 100px;
  height: 4px;
  background: #FFF;
  position: absolute;
  z-index: 1;
}

.showcase-company:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #FFF;
  position: absolute;
  z-index: 2;
  box-shadow: 0px 1px 10px rgba(0,0,0,.15);
}
#showcase-homoola {
  left: 675px;
  top: 10px;
}
#showcase-homoola:before{
  left: -104px;
  top: 198px;
  transform: rotate(137deg);
  width: 145px;
}
#showcase-homoola:after {
  display: none;
}

#showcase-hyliion {
  left: -15px;
  top: 10px;
}

#showcase-hyliion:before {
  left: 170px;
    top: 142px;
    transform: rotate(24deg);
}

#showcase-hyliion:after {
  left: 265px;
  top: 160px;
}

#showcase-cargox {
  left: 90px;
  top: 300px;
}

#showcase-cargox:before {
  width: 45px;
    left: 178px;
    top: 76px;
    transform: rotate(-20deg);
}

#showcase-cargox:after {
  left: 212px;
  top: 66px;
}

#showcase-shipa {
  left: 330px;
  top: 45px;
}

#showcase-shipa:before {
  left: 150px;
    top: 180px;
    transform: rotate(34deg);
    width: 123px;
}

#showcase-shipa:after {
  left: 254px;
    top: 207px;
}

#showcase-mara {
  left: 675px;
  top: 10px;
}

#showcase-mara:before {
  left: -104px;
    top: 198px;
    transform: rotate(137deg);
    width: 145px;
}

#showcase-mara:after {
  display: none;
}

#showcase-eunimart {
  left: 675px;
  top: 275px;
}

#showcase-eunimart:before {
  left: -35px;
    top: 1px;
    transform: rotate(-134deg);
    width: 59px;
}

#showcase-eunimart:after {
  left: -27px;
    top: -19px;
}

.showcase-logo {
  position: relative;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 85%;
  margin: 0 auto;
}

.showcase-logo img {
  margin: 0 auto;
}

.showcase-text {
  opacity: 0;
  background: #FFF;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 5;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 300;
  padding: 19px 10px 0;
  cursor: pointer;
}

.showcase-company:hover .showcase-text {
  opacity: 1;
}

.showcase-text h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2px;
}

.showcase-text h4 {
  font-size: 14px;
  font-weight: 400;
}

.showcase-text h4:after {
  content: '';
  display: block;
  width: 52px;
  height: 1px;
  background: #dbc89e;
  margin: 15px auto 0;
}

.showcase-text p {
  margin: 0;
}

.ventures-members-list-external,
.ventures-members-list-agility {
  margin: 0 -10px;
}

.ventures-member-wrapper {
  float: left;
  width: 25%;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}

.ventures-member {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.ventures-member img {
  width: 100%;
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.3s ease;
}

.ventures-member:hover img,
.ventures-member.active img {
  -webkit-filter: grayscale(0);
  filter: none;
}

.ventures-member .hover-text {
  background: rgba(234, 106, 31, .7);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #FFF;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ventures-member .hover-text-inner {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 15px;
}

.ventures-member .hover-text h3 {
  font-size: 21px;
  font-family: 'Karla', sans-serif;
  font-weight: 700;
  margin: 0;
}

.ventures-member .hover-text h3:after {
  content: '';
  display: block;
  margin: 10px auto;
  width: 52px;
  height: 1px;
  background: #FFF;
}

.ventures-member:hover:not(.active) .hover-text {
  opacity: 1;
}

.ventures-member .hover-text p {
  margin: 0;
  font-weight: 300;
  text-transform: uppercase;
}

.ventures-member.active:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  border-color: transparent transparent #FFF transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -14px;
  z-index: 1;
  margin-top: 6px;
}

.ventures-members-list-agility {
  margin-top: 20px;
}

.ventures-members-list-agility .ventures-member-wrapper {
  width: 33.3333%;
}

.ventures-member-bio-close {
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url(images/close@2x.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 1;
}

.ventures-member-bio {
  float: left;
  width: 100%;
  padding: 0 10px;
  padding-top: 20px;
  display: none;
}

.ventures-member-bio-inner {
  background: #FFF;
  padding: 65px 70px;
  font-size: 18px;
  font-weight: 300;
  position: relative;
  z-index: 1;
  color: #434345;
  box-shadow: 0px 0px 10px rgba(0,0,0,.15);
}

.ventures-member-bio-title {
  float: left;
  width: 24%;
  margin-right: 50px;
}

.ventures-member-bio-title h3 {
  font-size: 30px;
  font-family: 'Karla', sans-serif;
  font-weight: 400;
  letter-spacing: -1px;
  z-index: 1;
  margin: 0;
}

.ventures-member-bio-title h3:after {
  content: '';
  display: block;
  margin: 15px 0;
  height: 2px;
  width: 62px;
  background: #dbc89e;
}

.ventures-member-bio-title p {
  text-transform: uppercase;
  margin: 0;
}

.ventures-member-bio-text {
  overflow: hidden;
}

.ventures-pitch-section {
  padding: 85px 0;
  background: #e9691e;
  background: -moz-linear-gradient(left, #e9691e 0%, #b8222e 100%);
  background: -webkit-linear-gradient(left, #e9691e 0%,#b8222e 100%);
  background: linear-gradient(to right, #e9691e 0%,#b8222e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9691e', endColorstr='#b8222e',GradientType=1 );
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  color: #FFF;
}

.ventures-pitch-section .text {
  max-width: 680px;
  margin: 0 auto;
}

.ventures-pitch-section .text h2 {
  font-size: 50px;
  font-family: 'Karla', sans-serif;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 0 25px;
}

.ventures-pitch-section .text p {
  margin-bottom: 25px;
}

.ventures-pitch-section .text p:last-child {
  margin-bottom: 0;
}

.ventures-pitch-section .text a {
  color: #d86018;
  background-color: #fff;
  border: none;
  padding: 10px 25px;
  font-size: 18px;
  width: 100%;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  transition: 0.5s;
  cursor: pointer;
  text-transform: uppercase;
  font-family: @karla;
  &:hover{
  background-color: #d86018;
  color: #fff;
  transition: 0.5s;
  border:none;
  }
}

.ventures-news-section {
  padding: 50px 0 0;
}

.ventures-news-section .ventures-news a{
    margin-top: 0!important;
}

.ventures-news-holder {
  max-width: 1000px;
  margin: 0 auto;
}

.ventures-news-holder > h2 {
  font-size: 40px;
  font-family: 'Karla', sans-serif;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0;
}

.ventures-news-holder > h2:after {
  content: '';
  display: block;
  margin: 15px 0 40px;
  height: 2px;
  width: 62px;
  background: #dbc89e;
}

.ventures-news-list {
  margin: 0 -15px;
}

.ventures-news-left,
.ventures-news-right {
  float: left;
  width: 50%;
  padding: 0 15px;
}

.ventures-news-article .image {
  display: table-cell;
  width: 140px;
  vertical-align: middle;
}

.ventures-news-article .image img {
  width: 100%;
  max-width: 100%;
  display: block;
  height: auto!important;
}

.ventures-news-article .text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  font-weight: 300;
}

.ventures-news-article {
  margin-bottom: 24px;
  display: table;
}

.ventures-news-article .text h3 {
  font-size: 21px;
  font-weight: 700;
  font-family: 'Karla', sans-serif;
  margin: 5px 0 0;
  letter-spacing: -1px;
}

.ventures-news-article .text .read-more-link {
  display: none;
}

@media screen and (min-width: 992px) {
  .ventures-news-article.featured {
    display: block;
    position: relative;
    z-index: 1;
  }

  .ventures-news-article.featured .image {
    display: block;
    width: 100%;
  }

  .ventures-news-article.featured .text {
    display: block;
    width: 220px;
    position: absolute;
    height: 108%;
    top: -4%;
    left: 20px;
    padding: 20px;
    padding-top: 50px;
    color: #FFF;
    background: rgba(66,66,68,.8);
  }

  .ventures-news-article.featured .text h3 {
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .ventures-news-article.featured .text h3 a {
    color: #FFF;
  }

  .ventures-news-article.featured .text .read-more-link {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
  }
}

.ventures-subscribe-section {
  background: #a2d9d4;
  padding: 20px 0;
  color: #434345;
  font-size: 21px;
  font-weight: 700;
  font-family: 'Karla', sans-serif;
  letter-spacing: -1px;
  text-align: center;
  text-transform: capitalize;
}

.ventures-subscribe-section form {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 370px;
}

.ventures-subscribe-section .form-item {
  width: 220px;
  float: left;
}

.ventures-subscribe-section .form-item input {
  width: 100%;
  border: none;
  background: #FFF;
  font-size: 16px;
  font-weight: 300;
  padding: 15px 15px;
  height: auto;
  line-height: 20px;
}

.ventures-subscribe-section .form-actions {
  float: left;
  width: 150px;
}

.ventures-subscribe-section .form-actions input {
  width: 100%;
  border: none;
  background: #51504e;
  cursor: pointer;
  color: #a2d9d4;
  font-weight: 700;
  line-height: 20px;
  padding: 15px 10px;
  text-align: center;
  font-family: Karla;
  text-transform: uppercase;
}

@media screen and (max-width: 1130px) {
  .ventures-interests-text {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 0 50px;
  }

  .ventures-interests-text h2:after {
    margin-left: auto;
    margin-right: auto;
  }

  .ventures-interests-sections {
    width: auto;
    max-width: 660px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (max-width: 1023px) {
  .venture-hero-bar {
    left: 45%;
  }

  .ventures-hero-section > img {
    display: block;
    width: auto;
  }
  .ventures-hero-section-img{
    width: auto;
    min-height:auto;
  }

  .ventures-hero-section {
    height: 600px;
    font-size: 16px;
  }

  .ventures-hero-section .text h1 {
    font-size: 36px;
  }

  .ventures-hero-section .text-inner {
    max-width: 416px;
  }

  .ventures-about {
    padding: 65px 0;
    font-size: 24px;
  }

  .ventures-invest-text h2,
  .ventures-interests-text h2 {
    font-size: 30px;
  }

  .ventures-invest-text {
    font-size: 16px;
    position: static;
    text-align: center;
    width: auto;
    padding: 25px 15px;
  }

  .ventures-invest-text h2:after {
    margin-left: auto;
    margin-right: auto;
  }

  .ventures-invest-block {
    position: static;
    width: auto;
    font-size: 20px;
  }

  .ventures-invest-section {
    height: auto;
  }

  .ventures-invest-text-inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .ventures-invest-block-text {
    max-width: none;
    padding: 25px 15px;
  }

  .ventures-interests-section {
    padding: 65px 0;
  }

  .showcase-map {
    width: auto;
    height: auto;
    background: none!important;
  }

  .showcase-company {
    position: static;
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
  }

  .showcase-company:before,
  .showcase-company:after {
    display: none;
  }

  .showcase-company + .showcase-company {
    margin-top: 15px;
  }

  .showcase-logo {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: static;
    margin-bottom: 15px;
  }

  .showcase-text {
    opacity: 1;
    position: static;
    border-radius: 0;
    padding: 0;
  }

  .ventures-member-bio-inner {
    padding: 40px;
    font-size: 14px;
  }

  .ventures-member-bio-title h3 {
    font-size: 24px;
  }

  .ventures-member-bio-close {
    top: 10px;
    right: 10px;
  }
}

@media screen and (max-width: 991px) {
  .ventures-news-left,
  .ventures-news-right {
    width: 100%;
  }
}

@media screen and (max-width: 919px) {
  .ventures-hero-bars {
    display: none;
  }

  .ventures-about {
    font-size: 20px;
  }

  .ventures-about-text {
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .ventures-hero-section .text {
    padding-top: 35px;
    padding-bottom: 55px;
  }

  .ventures-hero-section {
    box-shadow: none;
    background-color: #d8d6d0;
    font-size: 14px;
    height: 500px;
  }

  .ventures-hero-section .text h1 {
    font-size: 24px;
  }

  .ventures-about {
    font-size: 16px;
    text-align: left;
    padding: 25px 0;
  }

  .ventures-icons-list ul li {
    margin-bottom: 15px;
    margin-right: 0;
    width: 100%
  }

  .ventures-icons-list ul li .image {
    margin-left: auto;
    margin-right: auto;
  }

  .ventures-icons-section h3 {
    text-align: center;
  }

  .ventures-showcase-section {
    padding: 25px 0;
  }

  .ventures-showcase-text h2{
    font-size: 24px;
  }

  .ventures-showcase-text {
    font-size: 16px;
  }

  .ventures-member-wrapper {
    width: 100%;
    margin-bottom: 10px;
  }

  .ventures-members-list-agility .ventures-member-wrapper {
    width: 100%;
  }

  .ventures-member-bio {
    padding-left: 0;
    padding-right: 0;
  }

  .ventures-member-bio-inner {
    padding: 25px;
  }

  .ventures-member-bio-title {
    float: none;
    width: auto;
    margin: 0 0 15px;
  }

  .ventures-pitch-section {
    font-size: 18px;
    padding: 25px 0;
  }

  .ventures-pitch-section .text h2 {
    font-size: 30px;
  }

  .ventures-pitch-section .text a {
    font-size: 20px;
  }

  .ventures-news-holder > h2 {
    font-size: 24px;
  }

  .ventures-subscribe-section form {
    display: block;
    width: 100%;
    margin-top: 15px;
  }

  .ventures-subscribe-section .form-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .ventures-subscribe-section .form-actions {
    width: 100%;
  }

  .ventures-news-article .text h3 {
    font-size: 18px;
  }
}

/* Ventures - Members */
.ventures-board-section{
  padding: 80px 0;
  .ventures-members-main{
    .ventures-members_first_row{
      .member{
        @media screen and (max-width: 1024px){
          width: 50%!important;
          padding: 0 40px 30px!important;
        }
        @media screen and (max-width: 767px){
          width: 100%!important;
        }
      }
    }
    .ventures-members_second_row{
      @media screen and (max-width: 1024px){
        width: 100%!important;
      }
      .member{
        @media screen and (max-width: 1024px){
          width: 50%!important;
          padding: 0 40px 30px!important;
        }
        @media screen and (max-width: 767px){
          width: 100%!important;
        }
      }
    }
    .ventures-members_first_row{
      display: table;
      .member{
        width: 33.33%;
        float: left;
        padding: 0 40px;
        position: relative;
        overflow: hidden;
    margin-bottom: 40px;
        @media screen and (max-width: 1439px){
          padding: 0 50px;
        }
        .inner{
          &:hover{
            img{
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
            }
            .bio{
              display:block;
              transition: 0.5s;
              position: absolute;
              top: 0;
              right: 0;
              padding: 30px;
              height: 100%;
              /* background: rgba(219, 96, 35, 0.9); */
              background: rgba(255,255,255,0.9);
            }
          }
        }
        .member-img{
          position: relative;
          .icon-plus{
            text-align: center;
            i{
              position: absolute;
              bottom: 5%;
              color: #d86018;
              font-size: 22px;
            }
          }
          img{
            border-radius: 50%;
            padding: 0 25px;
            cursor: pointer;
          }
        }
        h3{
          font-family: Karla;
          font-size: 24px;
          font-weight: bold;
          text-align: center;
        }
        h4{
          color: #8C857B;
          font-size: 14px;
          text-align: center;
        }
        .bio{
          /* border-bottom: 1px solid #e5e3dd;
          padding-bottom: 10px; */
          display:none;
          transition: 0.5s;
          position: absolute;
          p{
            color: #474647;
            font-size: 16px;
          }
          .name{
            color: #474647;
            font-size: 20px;
            font-weight: bold;
          }
          .title{
            color: #474647;
            font-size: 16px;
            padding-bottom: 10px;
            border-bottom: 1px solid #474647;
            margin-bottom: 10px;
          }
        }
        .social-media{
          padding: 0 0 20px;
          text-align: center;
          img{
            width: 60px;
            cursor: pointer;
          }
        }
      }
    }
  }
}

/* Single Network Page - Anchor Download */
section.downloads-section{
    &:before{
        display: block;
        content: " ";
        margin-top: -100px;
        height: 100px;
        visibility: hidden;
        pointer-events: none;
    }
    #download-link{
        margin-top: 30px;
        a.document-link{
            h3{
                text-align: center;
                color: #d35b11;
                font-size: 20px;
                font-weight: normal;
                text-decoration: underline;
            }
        }
    }
}   

.slider-ventures{
  .slick-dots {
    position: absolute;
    top: 290px;
    left: 25px;
    margin: 0;
    padding: 0;
    li {
      float: left;
      list-style-type: none;
      button {
        text-indent: 99999px;
        overflow: hidden;
        width: 12px;
        height: 13px;
        margin-right: 5px;
        border: 2px solid #b1aaa4;
        padding: 0;
        background: transparent;
      }
      &.slick-active {
        button {
          background: #8c857b;

        }
      }
    }
    @media @mq-tab {
      top: auto;
      bottom: -30px;
      left: 50%;
      li button {
        border-width: 2px;
      }
    }
    @media @mq-tab-l {
      bottom: -30px;
      left: 50%;
    }
    @media @mq-desktop {
      bottom: -30px;
    }
  }
}

/* IR Page*/
#nav-ir .container-fluid{
  background-color: #d86018;
}
#nav-ir .navbar-inverse .navbar-nav>li a.active, #nav-ir .navbar-inverse .navbar-nav>li a.focus {
    background-color: #ed711b;
    font-weight: 400;
}
#nav-ir .navbar-inverse .navbar-nav>li:hover {
    background-color: #ed711b;
    transition: .3s;
}

/* Agility Africa */
.postid-11470 #nav-africa .container-fluid, .postid-10442 #nav-africa .container-fluid{
  background-color: #d86018;
  @media screen and (max-width: 1024px){
    background-color: #fff;
  }
}

/* Agility - GRMS Page */
@media only screen and (min-width: 1440px){
  .page-id-16764.page-template-default .section-page-content{
      margin: 60px 0!important;
  }
  .page-id-16764 #footer{
    margin-top: 50px!important;
  }
}

.page-id-16764 .section-page-content{
  .container{
    max-width: 1300px;
  }
}
.grms-page{
    max-width: 1200px;
    margin: 0 auto;
  .agility-connects{
    background-image: url('https://www.agility.com/wp-content/uploads/2018/11/grms-agility-connect.jpg');
    height: 350px;
    background-size: cover;
    background-position: 50% 35%;
    position: relative;
    margin-bottom: 30px;
    @media screen and (max-width: 1600px) and (min-width: 769px){
      height: 230px;
   }
    &:before{
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 90%);
      opacity: .5;
      height: 350px;
      @media screen and (max-width: 1600px) and (min-width: 769px){
        height: 230px;
      }
    }
    .title-text {
      width: 50%;
      position: absolute;
      bottom: 10%;
      left: 5%;
      color: #fff;
      font-size: 30px;
      @media screen and (max-width:767px){
        width: 80%;
        bottom: 30%;
        left: 5%;
      }
    }
    .btn-agility-connect {
      width: 50%;
      position: absolute;
      bottom: 12%;
      right: 5%;
      text-align: right;
      @media screen and (max-width:767px){
        width: 100%!important;
        text-align: left!important;
        right: 0!important;
        left: 5%;
      }
    }
  }
  .uk-mod{
    height: 150px;
    background-color: #f4f3f2;
    position: relative;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    .uk-mod-image {
      width: 30%;
      float: left;
      height: 150px;
      background-image: url('https://www.agility.com/wp-content/uploads/2018/11/grms-mod.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 30%;
      @media screen and (max-width:767px){
        width: 100%;
      }
      &:before{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 100%);
        opacity: .4;
        width: 30%;
        @media screen and (max-width:767px){
          width: 100%;
        }
      }
    }
    .uk-mod-text {
      width: 70%;
      float: left;
      text-align: center;
      padding-top: 25px;
      @media screen and (max-width:767px){
        width: 100%;
        background-color: #f4f3f2;
        height: 150px;
      }
      .title-text{
        padding-bottom: 25px;
        font-size: 24px;
      }
    }
  }
}

/* ================ END OF AGILITY VENTURES =============== */


/* ================ AGILITY NEW HOMEPAGE =============== */
section#home-description{
  .container{
    padding: 80px 20px;
    max-width: 1000px;
    margin: 0 auto;
    line-height: 1.5;
    @media screen and (max-width: 767px){
      padding: 40px;
    }
  }
  p{
    text-align: center;
    font-family: @karla;
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 0px;
    @media screen and (max-width: 1440px) and (min-width:768px){
      font-size: 24px;
    }
    @media screen and (max-width: 767px){
      font-size: 22px;
    }
  }
}
section.home-news-insights{
  background: #f4f3f2;
  padding: 80px 0;
  .section-h2-title-black{
    h2{
      text-align: left;
      margin-bottom: 80px;
      &:after{
        position:absolute;
      }
    }
  }
  .news-column{
    width: 50%;
    float: left;
    padding: 0 15px;
    position: relative;
    @media screen and (max-width: 991px){
      width: 100%;
    }
    .inner{
      margin-bottom: 24px;
      display: table;
      @media only screen and (min-width:992px){
          display: block;
          position: relative;
          z-index: 1;
        }
        @media only screen and (max-width:767px){
          display: block;
        }
      .news-image{
        display: table-cell;
          width: 140px;
          vertical-align: middle;
          @media only screen and (max-width:991px) and (min-width: 768px){
            width: 300px;
          }
          @media only screen and (min-width:992px){
            display: block;
            width: 100%;
          }
          @media only screen and (max-width:767px){
            display: inline-block;
            width: 100%;
            margin-bottom: 20px;
          }
        img{
          width: 100%;
            max-width: 100%;
            display: block;
            height: auto!important;
        }
      }
      .text{
        display: table-cell;
          vertical-align: middle;
          padding-left: 20px;
          font-weight: 300;
          p{
            font-size: 16px;
            @media only screen and (max-width:1239px) and (min-width:992px){
              font-size: 13px;
            }
          }
          @media only screen and (min-width:992px){
            display: block;
            width: 250px;
            position: absolute;
            height: 108%;
            top: -4%;
            left: 40px;
            padding: 20px;
            padding-top: 10px;
            color: #FFF;
            background: rgba(66, 66, 68, 0.8);
          }
          @media only screen and (min-width:1240px){
            width: 300px;
            padding-top: 30px;
          }
          .date{
            font-size: 16px;
          }
          h3{
            font-size: 21px;
            font-weight: 700;
            font-family: 'Karla', sans-serif;
            margin: 20px 0;
            letter-spacing: -1px;
            @media only screen @and-mq-tab{
              font-size: 18px;
            }
            a{
              color: #d86018;
              @media only screen and (min-width:1240px){
                font-size: 24px;
              }
            }
          }
          .read-more-link{
            @media only screen and (min-width:992px){
              display: inline-block;
              font-size: 22px;
              font-weight: 500;
                padding-top: 15px;
            }
          }
      }
    }
  }
  .insights-column{
    width: 50%;
    float: left;
    padding: 0 15px;
    @media screen and (max-width: 991px){
      width: 100%;
    }
    .inner{
      display: table;
      margin-bottom: 24px;
      display: table;
        @media only screen and (max-width:767px){
          display: inline-block;
          width: 100%;
        }
      .insights-image{
        display: table-cell;
        width: 200px;
          vertical-align: top;
          width: 140px;
          @media only screen and (max-width:991px) and (min-width: 768px){
            width: 300px;
          }
          @media only screen and (min-width:1240px){
            width: 220px;
            height: 130px;
          }
          @media only screen and (max-width:767px){
            display: inline-block;
            width: 100%;
            margin-bottom: 20px;
          }
          img{
            width: 100%;
            max-width: none;
            display: block;
            height: auto!important;
            @media only screen and (min-width:1240px){
              height: 100%!important;
            }
          }
      }
      .text{
        display: table-cell;
          vertical-align: middle;
          padding-left: 20px;
          font-weight: 300;
          h3{
            font-weight: 700;
            font-family: 'Karla', sans-serif;
            margin: 5px 0 5px;
            letter-spacing: -1px;
            font-size: 18px;
            @media only screen and (max-width: 767px){
              font-size: 18px;
            }
            a{
              color: #d86018;
            }
          }
          .date{
            font-size: 16px;
          }
          .content{
            font-size: 16px;
          }
          .read-more-link{
            @media only screen and (min-width:992px){
              display: inline-block;
              font-size: 16px;
              font-weight: 400;
                padding-top: 0;
            }
          }
      }
    }
    .more-insights{
      border-top: 1px solid #e5e3dd;
      display: block;
      text-align: right;
      a{
        font-size: 24px;
        margin-top: 10px;
        display: inline-block;
          @media screen and (max-width: 767px){
            font-size: 15px;
          }
      }
      span.separator{
        color: #ed8b00;
          font-weight: 400;
          font-size: 30px;
          padding: 0 15px;
          @media screen and (max-width: 767px){
            font-size: 25px;
          }
      }
    }
  }
}

section.statistics-numbers{
  .statistics-numbers-wrapp{
    margin-top:50px;
    .numbers-column .numbers_title{
      color: #ea7600;
    } 
  }
}
section.home-services{
  margin: 20px 0!important;

  .services-columns{
    .column-content{
      .item-content{
        h4{
          color: #ea7600;
          @media only screen and (min-width: 1440px){
            font-size: 24px;
          }
        }
        &:hover{
          h4{
            color: #fff;
          }
        }
      }
    }
  }
  @media  only screen and (min-width: 1440px){
    margin-top: 80px;
  }
  @media  only screen and (min-width: 1240px){
    margin-top: 80px;
  }
  .services-columns{
    margin-top: 70px;
  }
}

section.home-logistics-parks{
  padding: 80px 0;
  background: #f4f3f2;
  .section-h2-title-black p{
    max-width: 1000px;
  }
  .statistics-numbers {
    @media only screen and (min-width: 1440px){
        margin-top: 0px;
    }
    .statistics-numbers-wrapp{
      background-color: #fff;
      .numbers-column .numbers_title{
        color: #ea7600;
      }
    }
  }
  .warehouse{
    padding-top: 40px;
    .warehouse-image{
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 300px;
      border: inset 20px transparent;
    }
  }
}

section.home-infrastructure{
  margin:0!important;
  padding: 80px 0;
  .infrastructure-wrapp{
    margin-top: 70px;
    background: none;
    @media only screen and (min-width: 1240px){
      padding: 0;
    }
    .indutry-item{
      h3{
        font-family: @karla;
        text-align: center;
        padding: 15px;
          background-color: #f0f0f0;
          margin: 0;
          border: 1px solid #ffff;
          border-bottom: none;
          font-size: 22px;
      }
    }
  }
  .btn-infras{
    text-align: center;
    margin-top: 60px;
  }
}
section.home-careers{
  padding: 80px 0;
  background: #f4f3f2;
  .video{
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
    &:before{
      content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
        opacity: .75;
    }
    .video-text{
      position: absolute;
        bottom: 10%;
        width: 100%;
        text-align: center;
        .play-video-icon{
          display: block;
          width: 160px;
          height: 160px;
          margin: 0 auto;
          background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
          border-radius: 80px;
        }
        h2{
          color: #fff;
          font-family: 'Karla', sans-serif;
          font-weight: bold;
          margin-top: 70px;
          font-size: 40px;
        }
        p{
          color: #dbc89e;
          font-family: 'Karla', sans-serif;
          font-size:25px;
        }
    }
  }
  .careers-btn{
    text-align: center;
    margin-top: 60px;
  }
}
/* ================ END OF AGILITY NEW HOMEPAGE =============== */

/* ================ START OF CONTENT TECH NEWS =============== */
.sidebar-content{
  width: 30%; 
  float: right;
  padding-left: 30px;
  @media screen and (max-width: 767px){
    width: 100%;
    padding-left: 0;
  }
}
/* ================ END OF CONTENT TECH NEWS =============== */

/* ============== START OF 404 ============== */

.page-404{
  margin: 20px 0 100px;
  text-align:center;
  .content-404{
    h1{
      font-size: 175px;
      font-weight: 700;
      letter-spacing: 18px;
      color: #d86018;
      @media screen and (max-width: 767px){
        font-size: 140px;
      }
    }
    h2 {
      text-transform: uppercase;
      font-size: 40px;
      font-weight: 700;
      margin-top: 0;
      @media screen and (max-width: 767px){
        font-size: 33px;
      }
    }
    p{
      font-size: 18px;
      padding: 15px 0;
    }
    .go-home-404{
      margin-top: 40px;
    }
  }
}

/* ============== END OF 404 ============== */


/* ============== START OF Coming Soon ============== */

.page-coming-soon{
  margin: 20px 0 0;
  text-align:center;
  .content-coming-soon{
    h1{
      font-size: 120px;
      font-weight: 700;
      letter-spacing: -3px;
      color: #d86018;
    font-family: Noto Sans;
      @media screen and (max-width: 767px){
        font-size: 60px;
        margin: 0;
      }
    }
    h2 {
      text-transform: uppercase;
      font-size: 40px;
      font-weight: 700;
      margin-top: 0;
      @media screen and (max-width: 767px){
        font-size: 33px;
      }
    }
    p{
      font-size: 18px;
      padding: 15px 0;
      color: #474647;
      @media screen and (max-width: 767px){
        font-size: 16px;
      }
    }
    .go-home-coming-soon{
      margin-top: 40px;
    }
  }
}

/* ============== END OF Coming Soon ============== */

/* ============== START OF Coming Soon ============== */

.page-maintenance{
  margin: 20px auto 0;
  text-align:center;
  max-width: 800px;
  .content-maintenance{
    h1{
      font-size: 60px;
      font-weight: 700;
      color: #d86018;
    font-family: Noto Sans;
      @media screen and (max-width: 767px){
        font-size: 60px;
        margin: 0;
      }
    }
    p{
      font-size: 18px;
      padding: 15px 0;
      color: #474647;
      @media screen and (max-width: 767px){
        font-size: 16px;
      }
    }
  }
}

/* ============== END OF Coming Soon ============== */

/* ============== Start OF Annoucement Modal ============== */
#announcement-modal{
  .modal-dialog{
    margin: 150px auto;
    padding: 20px;
    @media screen and (min-width: 1024px){
      width: 1000px;
      margin: 250px auto;
      overflow: unset;
    }
    @media screen and (max-width: 1023px) and (min-width: 768px){
      width: 700px;
      margin: 250px auto;
      overflow: unset;
    }
  }
  .modal-header{
    background: none;
    border-bottom: none;
  }
  .modal-body{
    padding: 0;
    .close{
      font-size: 50px;
      line-height: 25px;
      color: #d86018;
      opacity: 1;
      right: 25px;
      position: absolute;
      top: 25px;
      z-index: 1;
      cursor: pointer;
      @media screen and (max-width: 767px){
        font-size: 30px;
        right: 8px;
        top: 1px;
      }
    }
    @media screen and (max-width: 767px){
      
    }
    img{
      width: 100%;
    }
  }
}
/* ============== END OF Annoucement Modal ============== */


/* ============== START OF BOILERPLATE FOR NEWS ============== */
.news-boirlerplate{
  background-color: #f4f3f2;
  margin-top: 90px;
  padding: 60px 0;
  @media screen and (max-width: 767px){
    padding: 20px 0;
  }
  .container{
    max-width: 1200px;
    .title{
      h2{
        color: #ed8b00;
        text-transform: uppercase;
        border-bottom: #e5e3dd 7px solid;
        padding-bottom: 24px;
        font-family: @karla;
        font-size: 38px;
        font-weight: bold;
        @media screen and (max-width: 767px){
          font-size: 26px;
        }
      }
    }
    .content{
      p{
        color: #8c857b;
        padding-bottom: 10px;
        line-height: 1.6;
        font-weight: 300;
        font-size: 14px;
        max-width: 100%;
        @media screen and (min-width:1024px){
          font-size: 20px;
        }
      }
      .agency-info{
        border-top: 1px solid #ddd;
        padding-top: 30px;
      }
    }
  }
}
/* ============== END OF BOILERPLATE FOR NEWS ============== */

/* ============== Start OF News Modal ============== */
#news-modal{
  p{
    max-width: 100%;
  }
  .modal-header{
    background-color: #fff;
    color: #333;
    border: none;
    padding: 30px 30px 10px;
    h4.modal-title{
      border-bottom: 1px solid #f3f3f3;
      padding-bottom: 25px;
    }
    .close{
      margin-top: -12px;
      color: #333;
      opacity: 1;
      font-size: 45px;
      cursor: pointer;
    }
  }
  .modal-body{
    padding: 0px 20px 0;
    text-align: center;
    .buttons_reverse {
      padding: 0 20px;
    }
  }
  .modal-footer{
    padding: 25px;
    text-align: center;
    display:none;
  }
}
@media (min-width: 768px){
  #news-modal{
    .modal-dialog {
      width: 800px;
      margin: 150px auto;
    }
  }
}
/* ============== END OF NEWS MODAL ============== */

/* ============== Start OF Tradelanes Modal ============== */
#tradelanes-modal{
  p{
    max-width: 100%;
  }
  .modal-header{
    background-color: #fff;
    color: #333;
    border: none;
    padding: 30px 30px 10px;
    h4.modal-title{
      border-bottom: 1px solid #f3f3f3;
      padding-bottom: 25px;
    }
    .close{
      margin-top: -12px;
      color: #333;
      opacity: 1;
      font-size: 45px;
      cursor: pointer;
    }
  }
  .modal-body{
    padding: 0px 20px 10px;
    text-align: center;
    .buttons_reverse {
      padding: 0 20px;
    }
  }
  .modal-footer{
    padding: 25px;
    text-align: center;
    display:none;
  }
}
@media (min-width: 768px){
  #tradelanes-modal{
    .modal-dialog {
      width: 800px;
      margin: 150px auto;
    }
  }
}
/* ============== END OF Tradelanes MODAL ============== */

/* ============== START OF CONTACT US NEW ============== */
.page-id-20080{
  #footer{
    .top-content{
      overflow: hidden;
    }
    .contact-section{
      width: 40%;
      border-bottom: none;
      position: absolute;
      background-image: url(https://www.agility.com/wp-content/uploads/2018/11/grms-agility-connect.jpg);
      left: 0;
      background-size: cover;
      height: 265px;
      background-position: center;
      @media screen and (max-width: 1555px) and (min-width: 1440px){
        height: 301px;
      }
      @media screen and (max-width: 1023px){
        display:none;
      }
      &:before{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 0);
        opacity: 0.4;
        height: 265px;
        @media screen and (max-width: 1555px) and (min-width: 1440px){
          height: 301px;
        }
      }
    }
  }
}

section#main-contact-us{
  margin-top: 50px;
  @media screen and (max-width: 1600px) and (min-width: 1024px){
    margin-top: 30px;
  }
  .contact-us-forms{
    padding: 0;
    text-align: center;
    h3{
      margin: 10px 0 20px;
      color: #474647;
      font-family:'Noto Sans', sans-serif;
      font-size: 18px;
      @media screen and (max-width: 767px){
        margin: 0 0 30px;
        line-height: 30px;
        font-size: 16px;
      }
    }
    .contact-us-btn-b{
      width: 100%;
      margin: 15px auto;
      @media screen and (max-width: 767px){
        margin: 0 auto;
        width: 100%;
      }
      @media screen and (max-width: 1439px){
        margin: 0 auto;
      }
      &.col-b{
        @media screen and (max-width: 1439px){
          margin-bottom: 25px;
        }
      }
      .button{
        width: 23%;
        float: left;
        margin-right: 2%;
        &:last-child{
          @media screen and (min-width: 1024px){
          }
        }
        a{
          @media screen and (max-width: 1600px) and (min-width: 769px){
            padding: 9px 25px!important;
        font-size: 16px;
          }
        }
        @media screen and (max-width: 1439px){
          width: 23%;
          margin-bottom: 10px;
        }
        @media screen and (min-width:768px){
          &:nth-child(6){
          }
        }
          @media screen and (max-width: 1023px){
            margin-bottom: 10px;
            width: 48%;
          }
          @media screen and (max-width: 767px){
            margin-bottom: 10px;
            width: 100%;
            margin-right: 0;
          }
        a{
          display: block;
          @media screen and (max-width: 1023px){
              font-size: 14px;
            }
        }
      }
    }
    .section-h2-title-black h2{
      font-size: 30px!important;
      margin-bottom: 25px;
      @media screen and (max-width: 1600px) and (min-width: 769px){
        font-size: 26px!important;
      }
    }
    .sales-inquiry-section{
      .freight-col{
        background-image: url('https://www.agility.com/wp-content/uploads/2020/02/ship-freight.jpg');
      }
      .contract-col{
        background-image: url('https://www.agility.com/wp-content/uploads/2019/02/bg-image-new.jpg');
      }
      .warehouse-col{
        background-image: url('https://www.agility.com/wp-content/uploads/2019/03/logistics-parks-homepage-img-02.jpg');
      }
        .freight-col, .warehouse-col, .contract-col{
          height: 230px;
          background-size: cover;
          background-position: 50% 55%;
          position: relative;
          margin-bottom: 30px;
          @media screen and (max-width: 1600px) and (min-width: 769px){
            height: 160px;
          }
          &:before{
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
          opacity: .6;
          height: 230px;
            @media screen and (max-width: 1600px) and (min-width: 769px){
              height: 160px;
            }
          }
          .title-text {
          position: absolute;
          top: 5%;
          left: 5%;
          color: #fff;
          font-size: 28px;
          text-align: left;
          @media screen and (max-width: 1600px) and (min-width: 769px){
            font-size: 24px;
          }
          p{
            color: #fff;
            line-height: 27px;
            max-width: 100%;
            font-size: 14px;
          }
          @media screen and (max-width:767px){
            width: 80%;
            bottom: 30%;
            left: 5%;
          }
          }
          .btn-freight {
          position: absolute;
          bottom: 12%;
          right: 5%;
          text-align: right;
            @media screen and (max-width:767px){
              width: 100%!important;
              text-align: left!important;
              right: 0!important;
              left: 5%;
            }
            a{
              @media screen and (max-width: 1600px) and (min-width: 769px){
                padding: 7px 25px!important;
              }
            }
          }
        }
    }
  }
}
/* ============== END OF CONTACT US NEW ============== */


/* ============== START OF PROMOTIONS - Network Page ============== */
section#promotion-ogn{
  padding: 80px 0;
  @media screen and (min-width: 1024px){
    padding: 80px 0 0px;
  }
  .container{
    @media screen and (min-width: 1024px){
      max-width: 1200px;
    }
  }
  .promotion-content{
    .promotion-inner{
      height: 400px;
        margin-bottom: 40px;
        background-color: #f4f3f2;
      @media screen and (max-width: 1023px){
        width: 100%;
        height: 100%!important;
        background: none!important;
      }
      .promotion-image{
        width: 50%;
        float: right;
        position: relative;
        height: 400px;
        overflow: hidden;
        cursor: pointer;
        @media screen and (max-width: 1023px){
          height: 100%;
          width: 100%;
        }
        @media screen and (max-width: 1023px) and (min-width: 768px){
          height: 300px;
        }
        @media screen and (min-width: 1024px){
          &:before{
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background: rgba(255,255,255,.2);
            border-radius: 100%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
          }
        }
        img{
              position: absolute;
              right: 0;
              object-fit: cover;
          width: 100%;
          height: 100%;
          transition: 0.3s ease;
          @media screen and (max-width: 1023px){
            position:relative;
          }
        }
      }
      .promotion-text{
        width: 50%;
          float: right;
          padding: 25px 0;
          position: relative;
        @media screen and (max-width: 1023px){
          width: 100%;
          padding: 25px 0;
        }
        h3.title{
          width: 103.6%;
          font-weight: normal;
            font-family: 'Karla', sans-serif;
            margin: 5px 0 5px;
            letter-spacing: -1px;
            position: relative;
            left: -3.6%;
            background-color: #ea7600;
            padding: 10px 20px;
            color: #fff;
            font-size: 28px;
          @media screen and (max-width: 1023px){
            width: 100%;
            left: 0;
            padding: 0;
              color: #d86018;
              background-color: #fff;
          }
          @media screen and (max-width: 767px){
            font-size: 24px;
          }
            &:before{
              content: "";
              position: absolute;
              top: 100%;
              left: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 20px 15px 0;
              border-color: transparent #d95e18 transparent transparent;
            @media screen and (max-width: 1023px){
              border: none;
            }
            }
        }
        h2.sub-title{
          font-size: 22px;
          line-height: 30px;
          padding-right: 30px;
            padding-left: 30px;
            @media screen and (max-width: 1023px){
            padding-right: 0;
              padding-left: 0;
              margin-top: 10px;
          }
          @media screen and (max-width: 767px){
            font-size: 18px;
          }
        }
        a{
          font-size: 20px;
          padding-right: 30px;
            padding-left: 30px;
            @media screen and (max-width: 1023px){
            padding-right: 0;
              padding-left: 0;
          }
        }
        .content{
          padding-right: 30px;
            padding-left: 30px;
            @media screen and (max-width: 1023px){
            padding-right: 0;
              padding-left: 0;
          }
          p{
            text-align: left!important;;
            font-size: 16px;
            padding: 15px 0;
            line-height: 1.6;
              @media screen and (max-width: 1023px){
                font-size: 18px;
              }
            @media screen and (max-width: 767px){
              font-size: 16px;
            }
          }
        }
      }
    }
  }
  .promotion-content-sub{
    @media screen and (min-width: 1024px){
      margin-top: 50px;
    }
    .promotion-inner{
      .promotion-image{
        width: 30%;
        float: left;
        position: relative;
        @media screen and (max-width: 1023px) and (min-width: 768px){
          height: 300px;
          overflow: hidden;
        }
        @media screen and (max-width: 1023px){
          width: 100%;
        }
        @media screen and (min-width: 1024px){
          &:before{
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background: rgba(255,255,255,.2);
            border-radius: 100%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
          }
        }
      }
      .promotion-text{
        width: 70%;
        float: left;
        padding-left: 30px;
        @media screen and (max-width: 1023px){
          width: 100%;
          padding: 25px 0; 
        }
        h3.title{
          margin-top: 0;
          color: #d86018;
          font-size: 28px;
          @media screen and (min-width: 1024px){
            font-size: 24px;
            padding-bottom: 15px;
              border-bottom: 1px solid #eee;
          }
          @media screen and (max-width: 767px){
            font-size: 24px;
          }
        }
        h2.sub-title{
          font-size: 22px;
          line-height: 30px;
          margin-top: 10px;
          @media screen and (min-width: 1024px){
            font-size: 20px;
              line-height: 30px;
          }
          @media screen and (max-width: 767px){
            font-size: 18px;
          }
        }
        .content{
          p{
            text-align: left!important;
              font-size: 16px;
              padding: 15px 0;
              line-height: 1.6;
              @media screen and (max-width: 1023px){
                font-size: 18px;
              }
            @media screen and (max-width: 767px){
              font-size: 16px;
            }
          }
        }
        a{
          font-size: 20px;
        }
      }
    }
  }
}
/* ============== END OF PROMOTIONS - Network Page ============== */

/* ============== START OF Industry Solutions - Pharmaceutical ============== */

.single-industry-pharma{
  section#page-category-title{
    text-align: center;
    h1{
      padding: 20px;
      margin: 0;
      color: #d86018;
      font-size: 26px;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 4px;
      word-spacing: 10px;
      @media screen and (max-width: 767px){
        font-size: 20px;
        letter-spacing: 2px;
      }
    }
  }

  section#hero{
    &:before{
      background: none;
    }
    #hero-industry-image{
      background-size: cover;
      background-position: 50% 60%;
      height: 400px!important;
      position: relative;
      overflow: hidden;
      .hero-industry-text{
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255,255,255,0.6);
        height: 400px;
        width: 55%;
        padding-left: 11.1%;
        padding-top: 3%;
        @media screen and (max-width:767px){
          width: 100%;
          padding-left: 5%;
          padding-top: 8%;
        }
        &:after{
          content: "";
          position: absolute;
          bottom: 0;
          right: -300px;
          border-top: 600px solid rgba(255,255,255,0.6);
          border-right: 300px solid transparent;
          overflow: hidden;
          z-index: 0;
          pointer-events: none;
          @media screen and (max-width:767px){
            border: none;
          }
        }
        h2{
          
          font-family: Karla;
          font-weight: 700;
          font-size: 50px;
          color: #d86018;
          @media screen and (max-width: 767px){
            font-size: 40px;
          }
        }
        p{
          font-size: 20px;
          padding: 5px 0;
          @media screen and (max-width: 767px){
            font-size: 16px;
          }
        }
        .hero-industry-cta{
          margin-top: 50px;
        }
      }
    }
  }
  
  section.section-page-content{
    margin-top: 40px;
    .post-content{
      @media screen and (max-width: 767px){
        padding: 0 25px;
      }
      p{
        color: #474647;
        line-height: 1.5;
        max-width: 1200px;
        text-align: center;
        margin: 0 auto;
        font-family: 'Karla', sans-serif;
        font-size: 22px;
        letter-spacing: -1px;
        margin-bottom: 20px;
        @media screen and (max-width: 1440px) and (min-width: 768px){
          font-size: 22px;
          max-width: 1000px;
        }
        @media screen and (max-width: 767px){
          font-size: 18px;
          max-width: 1000px;
        }
      }
    }
  }
  
  section#challenges-risks{
    background-color: #F4F3F2;
    margin-top: 60px;
    padding: 20px 0 40px;
    .container{
      @media screen and (max-width: 991px){
        padding: 25px;
      }
    }
    .row{
      margin: 0!important;
      &:nth-child(2), &:nth-child(4){
        background-color: #e5e3dd;
      }
      img{
        width: 90px;
        @media screen and (max-width: 767px){
          padding: 10px 0;
        }
      }
      .row-center{
        height: 130px;
        display: table;
        text-align: center;
        &.title{
          @media screen and (max-width: 991px){
            height: 50px;
          }
        }
        @media screen and (max-width: 991px){
          height: 80px;
        }
        h2{
          font-family: Karla;
          font-weight: bold;
          @media screen and (max-width: 991px){
            font-size: 24px;
          }
        }
        span{
          display: table-cell;
          vertical-align: middle;
          font-size: 16px;
          @media screen and (max-width: 767px){
            font-size: 14px;
          }
        }
      }
    }
  }

  section#video-quote{
    background-color: #ea7600;
    margin: 20px 0 0;
    padding: 80px 0;
    .video-col{
      .video{
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 350px;
        &:before{
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
          opacity: .75;
        }
        .video-text{
          position: absolute;
          bottom: 10%;
          width: 100%;
          text-align: center;
          .play-video-icon{
            display: block;
            width: 140px;
            height: 140px;
            margin: 0 auto;
            background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
            border-radius: 80px;
          }
          h2{
            color: #fff;
            font-family: 'Karla', sans-serif;
            font-weight: bold;
            margin-top: 50px;
            font-size: 30px;
          }
        }
      }
    }
    .quote-col{
      text-align: center;
      padding: 10px 70px 0;
      color: #fff;
      @media screen and (max-width: 767px){
        padding: 50px 0 0;
      }
      p{
        font-size: 20px;
        padding: 10px 0 0;
      }
      i{
        font-size: 60px;
      }
    }
  }

  section#potential-risks{
    padding: 60px 0;
    .potential-risks-title{
      max-width: 700px;
      text-align: center;
      margin: 0 auto;
      h2{
        font-family: Karla;
        color: #d86018;
        font-weight: bold;
        line-height: 1.3em;
      }
    }
    .potential-risks-content{
      margin-top: 50px;
      .column{
        padding: 30px;
        height: 250px;
        @media screen and (max-width: 767px){
          height: auto;
        }
        &.a{
          border-style: solid;
          border-width: 0 1px 1px 0;
          border-color: #e5e3dd;
          @media screen and (max-width: 991px){
            border-width: 0 0 1px 0;
          }
        }
        &.b{
          border-style: solid;
          border-width: 0 0 1px 0;
          border-color: #e5e3dd;
          @media screen and (max-width: 991px){
            border-width: 0 0 1px 0;
          }
        }
        &.c{
          border-style: solid;
          border-width: 0 1px 0 0;
          border-color: #e5e3dd;
          @media screen and (max-width: 991px){
            border-width: 0 0 1px 0;
          }
        }
      }
      .image{
        width: 30%;
        float: left;
        @media screen and (max-width: 767px){
          width: 100%;
          text-align: center;
        }
        img{
          width: 160px;
        }
      }      
      .content{
        width: 50%;
        float: left;
        @media screen and (max-width: 767px){
          width: 100%;
          text-align: center;
        }
        h3{
          font-weight: bold;
          font-family: Karla;
          font-size: 30px;
        }
        p{
          font-size: 16px;
          padding: 5px 0;
        }
      }
    }
  }

  section.talking-points{
    /* margin: 80px 0 120px; */
    background-color: #f4f3f2;
    margin: 0;
    padding: 80px 0;
    @media screen and (max-width: 1440px){
      padding: 60px 25px;
    }
    h2{
      @media screen and (max-width: 1023px){
        font-size: 30px;
      }
    }
    .talking-points-columns{
      .column{
        height: auto!important;
        @media screen and (min-width: 768px){
          /* border-left: 5px solid #eee; */
          &:first-child{
            border-left: none;
          }
        }
        @media screen and (max-width: 767px){
          border-bottom: 5px solid #eee;
          margin-bottom: 0;
          padding-bottom: 40px;
          &:last-child{
            border-bottom: none;
            padding-bottom: 0;
          }
        }
        .icon{
          background-color: transparent;
          @media screen and (min-width: 1440px){
            width: 160px;
            height: 160px;
            margin-bottom: 0px;
          }
          img{
            @media screen and (min-width: 1440px){
              padding: 25px;
            }
          }
        }
        h3{
          color: #d86018;
          @media screen and (min-width: 1440px){
            font-size: 22px;
          }
        }
        p{
          color: #474647;
          font-size: 18px;
          @media screen and (max-width: 1440px){
            font-size: 16px;
          }
        }
      }
    }
  }

  section#supply-chain-solution{
    padding: 80px 0;
    .main-image{
      margin-top: 30px;
      @media screen and (min-width: 768px){
        .mobile{
          display: none;
        }
        .desktop{
          display: block;
          max-width: 1200px;
          margin: 0 auto;
        }
      }
      @media screen and (max-width: 767px){
        .mobile{
          display: block;
        }
        .desktop{
          display: none;
        }
      }
    }
    .content-images{
      .col-image{
        width: 12.5%;
        float: left;
        text-align: center;
        position: relative;
        cursor: pointer;
        @media screen and (max-width: 992px) and (min-width:551px){
          width: 25%;
        }
        @media screen and (max-width: 550px){
          width: 50%;
        }
        &:hover{
          p{
            opacity: 1;
            transition: 0.5s;
            width: 100%;
            transition: 0.5s;
            background-color: rgba(255,255,255,0.9);
          }
        }
        i{
          color: #d86018;
          padding-left: 5px;
          font-size: 16px;
        }
        img{
          max-width: 100px;
          margin: 20px auto;
        }
        p{
          opacity: 0;
          position: absolute;
          top: 0;
          padding-top: 30%;
          height: 135px;
          font-size: 16px;
        }
      }
    }
  }
  
  section#case-studies-pharma{
      margin: 150px 0 80px;
      padding: 150px 0 100px;
      position: relative;
      background-color: #f4f3f2;
      @media screen and (max-width: 1023px){
        padding: 50px 0;
        margin: 80px 0;
      }
      .case-studies-title{
        @media screen and (max-width: 1023px){
          margin-bottom: 50px;
        }
        @media screen and (min-width: 1440px){
          position: absolute;
          top: -55px;
        width: 62%;
          z-index: 1;
          right: 0;
          background: #fff;
        }
        @media screen and (max-width: 1439px) and (min-width: 1024px){
          position: absolute;
          z-index: 1;
          right: 0;
          top: -35px;
          background: #fff;
          width: 62%;
        }
        h2 {
              padding: 10px 25px 25px;
              background: #ea7600;
              color: #fff;
              margin: 0;
              position: relative;
              font-family: @karla;
              font-size: 28px;
              font-weight: 400;
              &:before {
                  width: 30px;
                  height: 1px;
                  background: #fff;
                  content: '';
                  position: absolute;
                  bottom: 15px;
                  left: 25px;
              }
              @media screen and (min-width: 1440px){
                padding: 25px 50px 35px;
            font-size: 45px;
            &:before{
              bottom: 25px;
              left: 50px;
              width: 100px;
            }
              }
          }
      }
      .case-studies-columns {
          .case-one{
            padding: 0;
        h3{
          position: relative;
            top: 0;
            padding: 0;
            margin-bottom: 20px;
            font-size: 28px;
            border-bottom: 1px solid #e5e3dd;
            padding-bottom: 20px;
        }
          }
          .case-two{
            padding: 0;
            margin-bottom: 20px;
        @media screen and (max-width: 1439px){
          margin-bottom: 50px;
        }
        @media screen and (max-width: 1439px) and (min-width: 992px){
          width: 100%;
          .sub-img{
            width: 30%;
          }
          .sub-content{
            width: 70%;
            .column-content{
              p{
                font-size: 20px;
              }
            }
          }
        }
        h3{
          margin: 0 0 20px;
        }
          }
          .case-three{
            padding: 0;
            @media screen and (min-width: 1440px){
              padding-right: 25px;
            padding-left: 25px;
            }
            @media screen and (max-width: 991px){
              margin-bottom: 50px;
            }
          }
          .case-four-above{
            padding: 0;
        margin-bottom: 50px;
        @media screen and (min-width: 1439px){
          margin-bottom: 20px;
        }
        @media screen and (max-width: 1439px) and (min-width: 992px){
          width: 100%;
          .sub-img{
            width: 30%;
          }
          .sub-content{
            width: 70%;
            .column-content{
              p{
                font-size: 20px;
              }
            }
          }
        }
        &:nth-child(3), &:nth-child(4){
          @media screen and (min-width: 1440px){
            margin-bottom: 0;
          }
        }
          }
            .image{
                    text-align: center;
            margin-bottom: 25px;
            position: relative;
            border-bottom: 8px solid #ed8b00;
            height: auto;
            overflow: hidden;
            @media screen and (max-width: 991px) and (min-width:550px){
              width: 60%;
              margin: 0 auto 30px;
            }
            &:hover{
              img{
                @media screen and (min-width: 1024px){
                transform: scale(1.1);
                  transition: transform .5s;
                  z-index: -1;
                }
              }
            }
                img {
                    width: 100%;
          height: auto;
                }
            }
            a.read-more-link{
              font-size: 20px;
              margin-top: 10px;
            }
            h3 {
                color: #474647;
          font-size: 24px;
          font-weight: bold;
          font-family: 'Karla', sans-serif;
          letter-spacing: -1px;
          bottom: 0;
          text-align: left;
          margin: 0 0 10px;
            }
            .column-content {
          @media screen and (max-width: 991px) and (min-width:550px){
            width: 60%;
            margin: 0 auto;
          } 
                p{
                  font-size: 16px;
                  line-height: 1.6;
          @media screen and (max-width: 1440px){
            font-size: 16px;
          }
                }
            }
            &:last-child {
                margin-bottom: 0;
            }
      }
  }

}
/* ============== END OF Industry Solutions - Pharmaceutical ============== */



/* ============== ARABIC ============== */
body.rtl.home .news-articles {
    display: none;
}

body.rtl{ 
  .section-h2-title-black h2,
  a.btn-dark-orange,
  a.btn-white,
  {
    font-family: 'Noto Naskh Arabic', roboto, sans-serif!important;
  }

  a.btn-dark-orange{font-size:20px;padding:5px 20px;}
  a.btn-white{font-size:20px;padding:5px 20px;}
  a.btn-all-white{font-size:20px;padding:5px 20px;}
  .section-h2-title-black p{font-size:26px;}
  /* Change into Noto Naskh Arabic font  */
  .elementor-widget-text-editor,
  .page-hero .hero-title h1,
  /* Footer */
  #footer .socials-section h2,
  #footer .app-section h2,
  #footer .contact-section h2,
  /* HomePage */
  .page-template-all-news .articles-section h2, .page-template-all-technology-news .articles-section h2, .page-template-single-investor_relations-all-investor-relations .articles-section h2, .home-section-title h2, .page-template-all-news .articles-section .page-head, .page-template-all-technology-news .articles-section .page-head, .page-template-single-investor_relations-all-investor-relations .articles-section .page-head, .home-section-title .page-head,
  .home-services .services-columns .column-content .item-content h4,
  .home-industries .industries-title h2,
  .home-industries .industries-wrapp .text-container .text-content h3,
  .home-industries .industries-wrapp .images-content .indutry-item .industry-action h3,
  /* About Agility */
  #hero .our-network-corner a,
  .statistics-numbers .numbers-column .numbers,
  .about-presentation .presentation-item .presentation-container .text-content h2,
  .about-presentation .presentation-item .presentation-container .text-content h2,
  .about-presentation .presentation-item .presentation-container .text-content h2,
  /* Investor Relations */
  .single-industry .post-content h1, .single-core_services .post-content h1, .single-logistics .post-content h1, .section-page-title,
  .ir2-subheader,
  .common-finance-table,
  .elementor-widget-accordion .elementor-accordion .elementor-tab-title,
  .elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description,
  /* Core Services */
  .page-hero .hero-title h1 .subpage-title-wrapper span:not(.line),
  .section-page-content .talking-points-columns .column h3, .talking-points .talking-points-columns .column h3,
  .section-page-content .talking-points-columns .column .description, .talking-points .talking-points-columns .column .description,
  .press-release h2,
  .section-page-content h2, .section-page-content h1,
  .statistics-numbers.has-title .statistics-title,
  .page-hero .hero-intro,
  section.systems-technology-items .post-content .description-wrapper,
  /* Industries */
  .ranking-section .intro-section h2, .page-accordion-section .intro-section h2,
  .ranking-section .ranking-repeater .desktop-ranking-repeater-container .description ul li, .page-accordion-section .ranking-repeater .desktop-ranking-repeater-container .description ul li, .ranking-section .page-accordion .desktop-ranking-repeater-container .description ul li, .page-accordion-section .page-accordion .desktop-ranking-repeater-container .description ul li, .ranking-section .ranking-repeater .desktop-accordion-repeater-container .description ul li, .page-accordion-section .ranking-repeater .desktop-accordion-repeater-container .description ul li, .ranking-section .page-accordion .desktop-accordion-repeater-container .description ul li, .page-accordion-section .page-accordion .desktop-accordion-repeater-container .description ul li,
  .related-content-section .related-content-section-title h2, .downloads-section .related-content-section-title h2, .case-studies .related-content-section-title h2, .related-content-section .downloads-section-title h2, .downloads-section .downloads-section-title h2, .case-studies .downloads-section-title h2, .related-content-section .case-studies-title h2, .downloads-section .case-studies-title h2, .case-studies .case-studies-title h2,
  .related-content-section .text-section .column .column-content, .downloads-section .text-section .column .column-content, .case-studies .text-section .column .column-content, .related-content-section .case-studies-columns .column .column-content, .downloads-section .case-studies-columns .column .column-content, .case-studies .case-studies-columns .column .column-content,
  /* Infrastructure */
  .elementor-widget-image .widget-image-caption,
  /* Our Networks */
  .network-services .service-list .service h3,
  section#home-description p
  {
    font-family: 'Noto Naskh Arabic', sans-serif!important;
  }
  /* Core Services */
  &.core_services-template-default{
    section.statistics-numbers{
      .statistics-numbers-wrapp{
        .numbers{
          direction: ltr;
        }
      }
    }
  }
  
  /* Investor News */
  .tradelanes-search{
    .site-search{
      input{
        text-align: right;
        padding-right: 0;
        padding-left: 50px;
      }
      .search-submit{
        left: 0;
        right: 90%;
      }
    }
  }
  .post_navigation .nav-links{
    float: right;
    .nav-previous{
      float: right;
      padding-left: 25px;
      margin-left: 25px;
      position: relative;
      border-left: 1px solid #3e3d3c;
      border-right: none;
      padding-right: 0;
      margin-right: 0;
    }
  }
  h2.section-title:before, h1.section-title:before{
    right: 0;
  }
  .share-article{
    &:before{
      right: 75%;
      left: 0;
    }
    p{
      float: right;
    }
    .ssb{
      @media only screen and (min-width: 1440px){
        margin-right: 0;
        margin-left: 22%;
      }
      @media only screen and (min-width: 768px){
        float: left;
      }
      .addtoany_list{
        a{
          float: right;
        }
      }
    }
  }
  .articles-section{
    .tradelanes-search{
      float:left;
    }
    .articles-list{
      .article-loop{
        .image{
          @media only screen and (min-width: 768px){
            float: right;
          }
          .date{
            left: 0;
            right: -15px;
            width: 50%;
            @media only screen and (min-width: 1440px){
              left: 0;
              right: -25px!important;
            }
            &:before{
              border-color: transparent transparent transparent #d95e18;
              right: 0;
              left: 100%;
              border-width: 0 0 30px 25px!important;
              @media only screen and (min-width: 1240px){
                border-width: 0 0 30px 25px!important;
              }
            }
          }
        }
        .article-info{
          @media only screen and (min-width: 1240px){
            padding-right: 450px!important;
          }
          @media only screen and (min-width: 1024px){
            padding-right: 365px;
            padding-left: 0!important;
          }
          @media only screen and (max-width: 1023px) and (min-width: 768px){
            padding-right: 290px;
            padding-left: 0!important;
          }
          .learn{
            width: 118px;
            @media only screen and (min-width: 1240px){
              right: 450px!important;
            }
            @media only screen and (min-width: 1024px){
              left: 0!important;
              right: 365px;
            }
          }
        }
      }
    }
  }

  /* Long Line in Header Sub Title */
  .page-hero .hero-title h1 .subpage-title-wrapper span.line{
    border: none;
  }
  #hero-image{
    height: 600px!important;
  }
  /* Hero Intro */
  @media only screen and (min-width: 1440px) {
    .page-hero .hero-intro {
      right: 60px;
    }
  }
  @media only screen and (min-width: 1240px) {
    .page-hero .hero-intro {
      right: 50px;
    }
  }
  @media only screen and (min-width: 1024px) {
    .page-hero .hero-intro {
      right: 30px;
    }
  }
  .page-hero .hero-intro{
    right: 25px;
  }

  /* Network Page - At A Glance */
  .hero-full .hero-full-sections .column .info{
    text-align: right;
  }
  .hero-full .hero-full-sections .column h3{
    text-align: right;
  }
  /* Homepage - Description */
  section#home-description p{
    font-size: 32px;
    @media screen and (max-width: 767px){
      font-size: 24px;
    }
  }
  /* Homepage - Services Column  */
  .services-columns {
      overflow: hidden;
  }
  .home-services .services-columns .column-content .item-content h4:before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  @media only screen and (min-width: 1440px){
    .home-services .services-columns .service-column h3{
      font-size: 30px;
    }
    .home-services .services-columns .service-column .column-content .item-content h4{
      font-size: 24px;
    }
  }

  /* Homepage - Industries  */
  section.home-industries{
    direction: ltr;
  }
  .home-services .services-columns .column-content .item-content{
    float: right;
  }
  .home-industries .industries-title{
    text-align: right;
  }
  .home-industries .industries-wrapp .text-container .text-content.default p{
    font-size: 36px;
  direction: rtl;
  }
  .home-industries .industries-wrapp .text-container{
    text-align: right;
      direction: rtl;
  }
  .home-industries .industries-wrapp .text-container .text-content p{
    font-size: 26px;
  }
  .home-industries .industries-title p{
    font-size: 28px;
  }
  .home-industries .industries-wrapp .images-content .indutry-item .mobile-industry-content{
    direction: rtl;
  }

  @media only screen and (min-width: 1440px){
      .infrastructure-wrapp .indutry-item .desktop-title {
          font-size: 22px;
      }
  }

  @media only screen and (min-width: 1440px) {
      .home-industries .industries-title h2:before {
          left: auto;
          right: 50px;
      }
  }

  @media only screen and (min-width: 1240px){
    .infrastructure-wrapp .indutry-item .desktop-title{
      font-size: 22px;
    }
  }

  #footer .socials-section ul,
  #footer .app-section ul {
      display: inline-block;
  }

  .section-page-content h2:before,
  .section-page-content h1:before,
  .single-industry .post-content h1:before,
  .single-core_services .post-content h1:before,
  .single-logistics .post-content h1:before,
  .section-page-title:before,
  .page-accordion-section .intro-section h2:before,
  .about-presentation .presentation-item .presentation-container .text-content h2:before {
      left: auto;
      right: 0;
  }

  .investors-news {
      display: none;
  }

  .ranking-section .ranking-repeater .ranking-repeater-container .ranking-item > h3:before,
  .page-accordion-section .ranking-repeater .ranking-repeater-container .ranking-item > h3:before,
  .ranking-section .page-accordion .ranking-repeater-container .ranking-item > h3:before,
  .page-accordion-section .page-accordion .ranking-repeater-container .ranking-item > h3:before,
  .ranking-section .ranking-repeater .page-accordion-container .ranking-item > h3:before,
  .page-accordion-section .ranking-repeater .page-accordion-container .ranking-item > h3:before,
  .ranking-section .page-accordion .page-accordion-container .ranking-item > h3:before,
  .page-accordion-section .page-accordion .page-accordion-container .ranking-item > h3:before,
  .ranking-section .ranking-repeater .ranking-repeater-container .accordion-item > h3:before,
  .page-accordion-section .ranking-repeater .ranking-repeater-container .accordion-item > h3:before,
  .ranking-section .page-accordion .ranking-repeater-container .accordion-item > h3:before,
  .page-accordion-section .page-accordion .ranking-repeater-container .accordion-item > h3:before,
  .ranking-section .ranking-repeater .page-accordion-container .accordion-item > h3:before,
  .page-accordion-section .ranking-repeater .page-accordion-container .accordion-item > h3:before,
  .ranking-section .page-accordion .page-accordion-container .accordion-item > h3:before,
  .page-accordion-section .page-accordion .page-accordion-container .accordion-item > h3:before {
      right: auto;
      left: 0;
      transform: rotate(180deg);
  }

  .our-partners .our-partners-slider {
      direction: ltr;
  }

  body.rtl.single-core_services .elementor-image,
  body.rtl.single-core_services .elementor-heading-title {
      text-align: right;
  }

  .elementor-divider {
      text-align: right!important;
  }

  section.systems-technology-items .post-content .button-outer-wrapper {
      text-align: right;
  }

  /* Arabic - Header */
  #header-new{
    .top-header{
      .logo-header{
        float: right;
      }
      .header-links{
        .language-switcher{
          float: left;
          padding-left: 0;
          padding-right: 20px;
        }
        .search-column{
          display: none;
        }
        ul.links{
          float: left;
          li{
            border-right: 0;
            border-left: 1px solid #c4bfb6;
            &:nth-child(3){
              border: none;
            }
          }
        }
      }
      .menu-button{
        .menuBtn{
          @media screen and (max-width:1024px){
            left: 6%;
            right: 94%;
          }
          @media screen and (max-width:480px){
            left: 0;
            right:85%;
          }
        }
      }
      .language-switcher.mobile{
        float: left;
        margin-right: 0;
        margin-left: 60px;
      }
    }
    .bottom-header{
      .logo-header-scroll{
        float: right;
        padding-right: 0;
        padding-left: 10px;
      }
      .menus-container-new{
        float: right;
        @media screen and (max-width: 1023px){
          float: none;
        }
        ul.primary-menu{
          li.menu-item-has-children > a:before{
            @media screen and (max-width:1023px){
              float: left;
            }
          }
          li{
            a{
              font-size: 18px;
            }
          }
          ul.sub-menu{
            right: 0;
            left: 0;
            li{
              @media screen and (min-width: 1024px){
                &.menu-item-has-children{
                  background: transparent url(https://www.agility.com/wp-content/uploads/2018/11/icon-arrow-left-orange.png) no-repeat center right;
                  background-position: 5%;
                  background-size: 6%;
                  &:hover{
                    background: transparent url(https://www.agility.com/wp-content/uploads/2018/11/icon-arrow-left-gray.png) no-repeat center right;
                    background-position: 5%;
                    background-size: 6%;
                  }
                }
              }
              ul.sub-menu{
                right: 300px;
              }
            }
          }
        }
      }
      .our-network-container{
        float: left;
        .contact-button, .our-network-button{
          a{
            @media only screen and (max-width: 1440px){
              padding: 8px 0!important;
              font-size: 18px!important;
            }
          }
        }
      }
    }

    .our-network-dropdown-menu-new{
      height: 350px;
      .network-items{
        border:none;
        height: 250px;
        @media screen and (max-width: 1023px){
          height: auto;
        }
        h2{
          font-size: 22px;
        }
        .term-list{
          .country-name{
            a{
              font-size: 18px;
            }
          }
        }
      }
    }
  }

  h2.text-align-left {
    text-align: right!important;
  }

  &.page-template-about-us .statistics-numbers-wrapp .numbers-column:nth-child(3) .numbers .counter:after {
    content: "أكثر من";
    float: right;
    @media screen and (min-width: 1440px){
        position: relative;
        right: 20px;
    }
    @media screen and (max-width: 1439px) and (min-width:768px){
      position: absolute;
      left: 100%;
      width: 100px;
      text-align: left;
    }
  }
  &.page-template-about-us .statistics-numbers-wrapp .numbers-column:nth-child(3) .numbers .counter{
    @media screen and (max-width: 1439px) and (min-width:768px){
      position:relative;
    }
  }

  @media screen and (max-width: 767px){
    &.page-template-about-us .statistics-numbers-wrapp .numbers .counter{
      position: relative;
    }
    &.page-template-about-us .statistics-numbers-wrapp .numbers-column:nth-child(3) .numbers .counter:after {
      content: "أكثر من";
      position: absolute;
      right: -80px;
    }
  }
  input[type='text'], input[type='date'], input[type='email'], input[type='password'], input[type='number'], textarea{
    font-family: "Noto Naskh Arabic", sans-serif!important;
  }
  /* Arabic - Hero Section */
  #hero{
    &:before{
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      /* background-image: linear-gradient(to bottom, rgba(0,0,0,0) 55%,rgba(0,0,0,0.95) 85%); */
      background-image: linear-gradient(to left, #000000 30%, rgba(0, 0, 0, 0) 70%);
      opacity: .5;
    }
    .hero-video{
      float: left!important;
    }
    .hero-intro-text{
      @media screen and (min-width: 768px){
        font-size: 45px;
        right: 60px;
      }
    }
    @media screen and (min-width: 1024px){
      a.btn-dark-orange {
        padding: 5px 40px;
        font-size: 24px;
      }
    }
  }
  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .text{
            display: none;
            text-align: right;
            &.arabic{
              display: block!important;
            }
            @media screen and (max-width:767px){
              text-align: center;
            }
            @media screen and (max-width: 1023px) and (min-width: 768px){
              top: 26%;
            }
          }

          .forms{
            left: 4%;
            right: 68%;
            @media only screen and (max-width: 1439px) and (min-width: 1024px){
              right: 56%!important;
            }
            @media screen and (max-width:1023px) and (min-width: 768px){
              right: 45%;
              top: 17%;
            }
            a{
              font-size: 20px!important;
              @media only screen and (max-width: 1440px) and (min-width: 1024px){
                font-size: 18px!important;
              }
              @media screen and (max-width:1023px) and (min-width: 768px){
                font-size: 13px!important;
              }
            }
            .track-new-form{
              h3{
                font-size: 22px;
              }
              .input-field{
                float: right;
              }
            }
            .instant-quote{
              h3{
                font-size: 22px;
              }
              .shipa-text{
                float: right;
              }
            }
            .customer-portal{
              h3{
                font-size: 22px;
              }
              .customer-text{
                float: right;
              }
              .customer-btn{
                .signin-btn{
                  a{
                    padding: 5px 5px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  /* Homepage Description */
  section#home-description{
  }
  /* Home Content Display None */
  section.home-news-insights, section.home-logistics-parks, section.home-careers {
    display: none;
  }

  .elementor, .elementor-widget-heading .elementor-heading-title{
    font-family: 'Noto Naskh Arabic', sans-serif!important;
  }
  /* Arabic - Home Content - Services Section */
  .home-services .services-columns .service-column:last-child{
    margin-bottom: 30px;
  }

  @media screen and (min-width: 1024px){
      .home-services .services-columns .service-column:first-child{
          float:right;
      }
  }

  /* Footer */
  @media only screen and (min-width: 1024px){
      #footer .contact-section{
          float: right!important;
          padding-left: 50px!important;
          padding-right: 0!important;
          text-align: right;
      }
      #footer .top-content:before{
          background-color: #504f4d!important;
          z-index: 0;
          right: 0;
          left: auto;
      }
      #footer .social-container{
          padding: 50px 25px 50px 0;
          float: left;
      }
  }

  @media only screen and (min-width: 480px){
      #footer .app-section{
          float: right;
      }
  }


  @media only screen and (min-width: 768px){
      .footer-terms .links{
          float: right!important;
      }
      .footer-terms .rights{
          float: left!important;
      }
  }

  /* Arabic - Ventures */
  .page-template-ventures{
      .ventures-invest-text {
          right: 0;
      }
      .ventures-invest-block + .ventures-invest-block {
          right: 66.6666%;
      }
      .ventures-interests-text{
          float: right;
      }
      .ventures-icons-list ul li{
          float: right;
      }
      .ventures-news-article .text {
          padding-left: 0;
          padding-right: 20px;
      }
      .ventures-news-left, .ventures-news-right{
          float: right;
      }
      .ventures-news-article.featured .text{
          position: absolute;
          right: 20px;
      }
  }


  /* Agility Global -  Presentation */
  @media only screen and (min-width: 1440px){
    .about-presentation .presentation-item.two-images .presentation-container .text-content .presentation{
        padding-left: 0;
        padding-right: 70px!important;
    }
  }

  @media only screen and (min-width: 1024px){
    .about-presentation .presentation-item:not(.two-images) .presentation-container{
        right: 0;
    }
    .about-presentation .presentation-item .images{
        float: left!important;
    }
    .about-presentation .presentation-item.two-images .presentation-container .text-content .presentation{
        padding-left: 0;
        padding-right: 30px;
        border-right: 2px solid #dbc89e;
        border-left: none;
    }
  }

  /* Core Services */
  .page-accordion-section .page-accordion .desktop-accordion-repeater-container{
    padding-right: 25px;
    padding-left: 0;
  }

  .for-rtl{
    float: right;
    .image-wrapper{
      img{
        width: 700px;
      }
    }
  }

  /* Case Studies */
  @media only screen and (min-width: 1024px){
    .related-content-section .text-section .column:nth-of-type(2n-1) > div:first-child, .downloads-section .text-section .column:nth-of-type(2n-1) > div:first-child, .case-studies .text-section .column:nth-of-type(2n-1) > div:first-child, .related-content-section .case-studies-columns .column:nth-of-type(2n-1) > div:first-child, .downloads-section .case-studies-columns .column:nth-of-type(2n-1) > div:first-child, .case-studies .case-studies-columns .column:nth-of-type(2n-1) > div:first-child {
      float: left;
      padding-left: 0;
    }
  }

  @media only screen and (min-width: 1024px){
    .related-content-section .text-section .column:nth-of-type(2n) > div:first-child, .downloads-section .text-section .column:nth-of-type(2n) > div:first-child, .case-studies .text-section .column:nth-of-type(2n) > div:first-child, .related-content-section .case-studies-columns .column:nth-of-type(2n) > div:first-child, .downloads-section .case-studies-columns .column:nth-of-type(2n) > div:first-child, .case-studies .case-studies-columns .column:nth-of-type(2n) > div:first-child {
      padding-right: 0;
      float: right;
    }
  }

  /* Logistics Parks */
  .wpgmp_infowindow.fc-infowindow-default .fc-item-title{
    text-align: center;
  }

  /* Investor Relations */
  .investors-news, .investor-resources{
    display: none;
  }

  /* News & Media - Twitter */
  .twitter-rtl{
    float: right;
  }

  @media only screen and (min-width: 1440px){
    .youtube-column:before {
        right: -35px;
    }
  }
  @media only screen and (min-width: 1240px){
    .youtube-column:before {
        right: -35px;
    }
  }
  @media only screen and (min-width: 768px){
    .youtube-column:before {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #504f4d;
        position: absolute;
        right: -15px;
        top: 0;
    }
    .twitter-column:before{
      background: none;
    }
  }

/* Arabic - Single Network Hero Section */

  &.single-network #hero #our-network-corner{
    left: 0;
    right: auto!important;
  }

  &.single-network #hero .container .hero-title h1{
    right: 25px;
    @media only screen and (min-width: 1240px){
      right: 50px;
    }
    @media only screen and (min-width: 1440px){
      right: 60px;
    }
  }
}


/* IE CSS - Hero Section Form */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.rtl #hero-section .hero-content .hero-banner-image .container .forms{
    width: 40%;
    right: 56%!important;
    top: 17%; 
  }
}
/* ============== END OF ARABIC ============== */


/* ============== GERMAN ============== */

:lang(de){

  @media only screen and (max-width: 422px){
    body {
        padding-top: 199px;
    }
  }

  section.home-news-insights, section.home-logistics-parks, section.home-infrastructure, section.home-careers{
    display: none;
  }

  @media only screen and (min-width: 1240px) {
    .home-industries .industries-wrapp .images-content .indutry-item{
      .industry-action h3{
        font-size: 15px;
      }
    }
  }

  .infrastructure-wrapp .indutry-item .desktop-title {
    font-size: 20px !important;
  }

  #header-new{
    .bottom-header{
      .menus-container-new{
        @media screen and (max-width: 1440px) and (min-width: 1024px){
          width: 60%;
        }
      }
      .our-network-container{
        @media screen and (max-width: 1440px) and (min-width: 1024px){
          width: 40%;
        }
      }
    }
    .our-network-dropdown-menu-new{
      height: 250px;
      .network-items{
        border: none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
          .country-name
            a{
              font-size: 16px;
            }
        }
      }
    }
  }

  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 7px 5px;
                    font-size: 13px!important;
                  }
                }
              }
            }
            .instant-quote{
              .shipa-link{
                a{
                  padding: 5px 15px;
                  font-size: 16px;
                }
              }
            }
            .customer-portal{
              .customer-btn{
                .signin-btn{
                  a{
                    padding: 5px 15px;
                    font-size: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .track-form .bt.blk, .sign-in-form .bt.blk, .vgm-form .bt.blk{
    @media screen and (max-width:480px){
      font-size: 12px;
    }
  }

  .track-form input[type="submit"], .sign-in-form input[type="submit"], .vgm-form input[type="submit"]{
    @media screen and (max-width:480px){
      font-size: 14px;
    }
  }
  section#home-description{
  }

}

/* ============== END OF GERMAN ============== */


/* ============== Potuguese ============== */

:lang(pt-pt){
  section.home-news-insights, section.home-logistics-parks, section.home-careers{
    display: none;
  }
  section#home-description {
  }

  #header-new{
    .our-network-dropdown-menu-new{
      height: 200px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
      }
    }
  }

  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 5px 5px;
                    font-size: 16px;
                  }
                }
              }
            }
            .customer-portal{
              .customer-text{
                width: 60%;
              }
              .customer-btn{
                width: 40%;
                .signin-btn{
                  a{
                    padding: 5px 5px;
                    font-size: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

}

/* ============== END OF PORTUGUESE ============== */



/* ============== START OF PORTUGUESE BRAZIL ============== */

:lang(pt-br){
  #header-new{
    .top-header{
      .language-switcher.mobile{
        margin-right: 39px;
      }
    }
    .our-network-dropdown-menu-new{
      height: 200px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
      }
    }
  }
  
  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 7px 5px;
                    font-size: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

/* ============== END OF PORTUGUESE  BRAZIL============== */



/* ============== START OF Japanese ============== */

:lang(ja){
  section.home-news-insights{
    display: none;
  }
  .header-change{
    .menus-container-new{
      width: 35%!important;
    }
    .our-network-container{
      width: 50%!important;
    }
  }
  #header-new{
    .bottom-header{
      .menus-container-new{
        width: 50%;
      ul.primary-menu ul.sub-menu{
        @media screen and (min-width: 1024px){
          min-width: 350px;
        }
      }
      ul.primary-menu ul.sub-menu li ul.sub-menu{
          left: 350px;
        @media screen and (min-width: 1024px){
          min-width: 350px;
        }
      }
      }
      .our-network-container{
        width: 50%;
      }
    }
    .our-network-dropdown-menu-new{
      height: 200px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
      }
    }
  }

  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            top: 20%;
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 5px 10px;
                  }
                }
              }
            }
            .instant-quote{
              .shipa-text{
                width: 60%;
              }
              .shipa-link{
                width: 40%;
              }
            }
            .customer-portal{
        h3{
          position: absolute;
            bottom: 13%;
          width: 60%;
        }
              .customer-text{
                width: 60%;
        padding-top: 8%;
              }
              .customer-btn{
                width: 40%;
              }
            }
          }
        }
      }
    }
  }
  .network-services .service-list .service h3{
    font: 700 14px/30px 'Karla', sans-serif;
  }

}
/* ============== END OF Japanese ============== */


/* ============== START OF French ============== */
:lang(fr){
  section.home-news-insights{
    display: none;
  }
  #header-new{
    .our-network-dropdown-menu-new{
      height: 250px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
        &:nth-child(1){
          .term-list{
            .term-list-container{
              .country-name{
                &:last-child{
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 5px 10px;
                  }
                }
              }
            }
            .instant-quote{
              .shipa-text{
                width: 60%;
              }
              .shipa-link{
                width: 40%;
              }
            }
            .customer-portal{
              .customer-text{
                width: 60%;
              }
              .customer-btn{
                width: 40%;
                .signin-btn{
                  a{
                    padding: 5px 5px;
                    font-size: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
/* ============== END OF French ============== */


/* ============== START OF Chinese Simplified ============== */
:lang(zh-hans){
  section.home-news-insights{
    display: none;
  }
  #header-new{
    .our-network-dropdown-menu-new{
      height: 250px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
      }
    }
  }
}
/* ============== END OF Chinese Simplified ============== */


/* ============== START OF Chinese Traditional ============== */
:lang(zh-hant){
  section.home-news-insights{
    display: none;
  }

  .sign-in-form h3{
    background-position: 0 0;
  }
  
  #header-new{
    .our-network-dropdown-menu-new{
      height: 250px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
      }
    }
  }

  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            @media screen and (min-width: 1440px){
              top: 18%;
            }
          }
        }
      }
    }
  }
}
/* ============== END OF Chinese Traditional ============== */


/* ============== START OF Spanish ============== */
:lang(es){
  section.home-news-insights{
    display: none;
  }
  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 5px 15px;
                    font-size: 16px;
                  }
                }
              }
            }
            .instant-quote{
              .shipa-text{
                width: 60%;
              }
              .shipa-link{
                width: 40%;
              }
            }
            .customer-portal{
              .customer-text{
                width: 60%;
              }
              .customer-btn{
                width: 40%;
                .signin-btn{
                  a{
                    padding: 5px 15px;
                    font-size: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #header-new{
    .our-network-dropdown-menu-new{
      #term_2{
        .term-list{
          .term-list-container{
            .country-name{
              &:last-child{
                display: none;
              }
            }
          }
        }
      }
    }
  }
}
/* ============== END OF Spanish ============== */


/* ============== START OF Russian ============== */
:lang(ru){
  section.home-news-insights{
    display: none;
  }

  #header-new{
    .our-network-dropdown-menu-new{
      height: 250px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
      }
      #term_2{
        .term-list{
          .term-list-container{
            .country-name{
              &:last-child{
                display: none;
              }
            }
          }
        }
      }
    }

    .bottom-header{
      .our-network-container{
        padding-top: 20px;
        .our-network-button{
          a{
            font-size: 16px;
          }
        }
      }
    }
  }

  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 7px 5px;
                    font-size: 13px!important;
                  }
                }
              }
            }
            .instant-quote{
              .shipa-text{
                width:60%;
              }
              .shipa-link{
                width: 40%;
                a{
                  padding: 5px 15px;
                  font-size: 13px;
                }
              }
            }
            .customer-portal{
              .customer-btn{
                .signin-btn{
                  a{
                    padding: 5px 15px;
                    font-size: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

}
/* ============== END OF Russian ============== */


/* ============== START OF Hungarian ============== */
:lang(hu){
  section.home-news-insights{
    display: none;
  }

  #header-new{
    .our-network-dropdown-menu-new{
      height: 250px;
      .network-items{
        border:none;
        .term-list{
          -webkit-columns: 1;
          -moz-columns: 1;
          columns: 1;
        }
      }
      #term_2{
        .term-list{
          .term-list-container{
            .country-name{
              &:last-child{
                display: none;
              }
            }
          }
        }
      }
    }
  }

  #hero-section{
    .hero-content{
      .hero-banner-image{
        .container{
          .forms{
            top: 20%;
            .track-new-form{
              .input-field{
                width: 60%;
              }
              .button-form{
                width: 40%;
                .button-track{
                  a{
                    padding: 5px 10px;
                    @media screen and (max-width: 1023px){
                      font-size: 15px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

}
/* ============== END OF Hungarian ============== */


/* ============== START OF Italian ============== */
:lang(it){
  section.home-news-insights{
    display: none;
  }
}
/* ============== END OF Italian ============== */


/* ============== THEME2 ============== */
.contact-form {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-bottom: 50px;
    .contact-form-container {
        overflow: hidden;
        position: relative;
        margin-left: 50px;
        margin-right: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .info-container {
        background: #504f4d;
        padding: 30px 0;
    }
    .wpcf7-textarea {
        width: 100%;
        height: 100%;
        height: 120px;
        font-size: 26px;
    }
    .department-container {
        fieldset {
            max-width: 100%;
        }
         padding: 50px 0 30px;
         h2 {
            margin: 0 0 20px;
            font-size: 18px;
            font-weight: 500;
         }
         select {
            width: 100%;
            margin-bottom: 15px;
            border-color: #c8c3bd;
            color: #c8c3bd;
            font-weight: 500;
            font-size: 18px;
            height: 40px;
            background-image: url('../../images/contact-select.png');
            background-size: 27px;
            background-position: 97% 50%;
            padding-right: 40px;
            option {
                color: #3e3e3e;
                font-weight: 300;
            }
         }

        @media @mq-tab {
            .wpcf7-form-control-wrap {
                display: block;
                float: left;
                width: 50%;
                padding: 0 10px;
            }
        }
        @media @mq-sd {
            .wpcf7-form-control-wrap {
                width: 25%;
            }
            select {
                font-size: 22px;
                height: 50px;
            }
        }
    }
    div.wpcf7-response-output {
        margin: 30px 0;
        border: none;
        background: @hover;
        color: #fff;
        text-align: center;
        padding: 25px;
    }
    fieldset {
        .dots {
            display: inline-block;
            width: 100%;
            margin-bottom: 20px;
            i {
                display: block;
                width: 10px;
                height: 10px;
                border: 2px solid #c8c3bd;
                margin-right: 10px;
                float: left;
                &.active {
                    background: #c8c3bd;
                }
            }
        }
        legend {
            border: none;
            color: #fff;
            font-weight: bold;
            float: left;
            clear: both;
        }
        .form-group {
            margin-bottom: 10px;
            .wpcf7-form-control-wrap {
                display: block;
                input, select {
                    width: 100%;
                    height: 40px;
                    background-color: #ede8e2;
                    border-color: #ede8e2;
                    &.error {
                        color: red;
                        border-color: red;
                    }
                }
                select {
                    background-position: 98% 50%;
                }
                @media (max-width: 1239px) {
                    select {
                        background-size: 20px;
                    }
                }
                input.error::-webkit-input-placeholder {color: red!important;}
                input.error:-moz-placeholder {color: red!important;}
                input.error::-moz-placeholder {color: red!important;}
                input.error:-ms-input-placeholder {color: red!important;}
            }
            label.error {
                display: none!important;
            }
        }
        .form-actions {
            display: inline-block;
            width: 100%;
            margin-top: 20px;
            .bt {
                margin-right: 20px;
                cursor: pointer;
                padding: 8px 35px;
                &:last-child {
                    margin-right: 0;
                }
                @media @mq-desktop {
                    font-size: 28px;
                    padding: 20px 100px;
                }
            }
        }
        &#contact_industry_information {
            .form-group {
                .wpcf7-checkbox {
                    .wpcf7-list-item {
                        width: 100%;
                    }
                }
            }
        }
    }
    @media @mq-tab {
        margin-bottom: 20px;
        .info-container {
            padding: 50px 0;
        }
        .department-container {
             padding: 50px 0;
        }
        .request-form-container, .register-form-container, .media-center-form-container {
            overflow: hidden;
            height: auto!important;
        }
        fieldset {
            margin-left: -10px;
            margin-right: -10px;
            max-width: 1300px;
            &#contact_business_information {
                max-width: 865px;
            }
            .dots {
                padding: 0 10px;
            }
            legend {
                padding: 0 10px;
            }
            .form-group {
                width: 50%;
                float: left;
                max-width: 440px;
                .wpcf7-form-control-wrap {
                    padding: 0 10px;
                }
            }
            .form-actions {
                padding: 0 10px;
            }
            &#contact_industry_information {
                .form-group {
                    width: 100%;
                    max-width: 100%;
                    .wpcf7-form-control-wrap.industry {
                        max-width: 440px;
                    }
                    .wpcf7-checkbox {
                        margin-left: -10px;
                        margin-right: -10px;
                        display: block;
                        .wpcf7-list-item {
                            width: 50%;float: left;
                            padding: 0 10px;
                            margin: 0;
                        }
                    }
                }
            }
        }
    }
    @media @mq-tab-l {
        .info-container {
            padding: 70px 0;
        }
        fieldset {
            &#contact_personal_information {
                .form-group {
                    width: 33.33%;
                }
            }
            &#contact_industry_information {
                .form-group {
                    .wpcf7-checkbox {
                        .wpcf7-list-item {
                            width: 33.33%;
                        }
                    }
                }
            }
            .form-actions {
                padding: 0 10px;
            }
        }
    }
    .wpcf7-list-item {
        input[type="checkbox"] {position: absolute;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
        input[type="checkbox"]+.wpcf7-list-item-label {
            display: inline-block;height: auto;padding-left: 25px;vertical-align: middle;cursor: pointer;width: 100%;color: #fff;position: relative;font-size: 14px;line-height: 17px;font-weight: 300;
            &:before {
                content: " ";
                position: absolute;
                left: 0;
                top: 0px;
                width: 15px;
                height: 15px;
                background: #c8c3bd;
            }
        }
        input[type="checkbox"]:checked+.wpcf7-list-item-label {
            &:after {
                content: "?";
                position: absolute;
                left: 0;
                top: 1px;
                width: 15px;
                height: 15px;
                z-index: 1;
                line-height: 15px;
                color: @color;
                text-align: center;
                font-size: 15px;
            }
        }
    }
    @media @mq-desktop {
        .info-container {
            padding: 90px 0;
        }
        fieldset {
            .dots {
                margin-bottom: 30px;
                i {
                    width: 12px;
                    height: 12px;
                }
            }
            legend {
                font-size: 32px;
                font-weight: 400;
                margin-bottom: 30px;
            }
            .form-group {
                .wpcf7-form-control-wrap {
                    input, select {
                        height: 50px;
                        font-size: 26px;
                    }
                }
            }
            .form-actions {
                margin-top: 60px;
            }
            &#contact_industry_information {
                .form-group {
                    .wpcf7-checkbox {
                        .wpcf7-list-item {
                            margin-bottom: 10px;
                        }
                    }
                    .wpcf7-form-control-wrap.industry {
                        margin-bottom: 30px;
                    }
                }
            }
        }
        .wpcf7-list-item {
            input[type="checkbox"]+.wpcf7-list-item-label {
                font-size: 20px;
            }
        }
    }
}

.contact-form + footer {
    .contact-section {
        @media (max-width: 1023px) {
            display: none;
        }
    }
}


.investors-news {
  margin-top: 50px;
  margin: 50px -25px;
  h2 {
    padding-left: 25px;
    &:before {
      left: 25px;
    }
  }
  .learn {
    padding-left: 25px;
  }
  .news-section {
    article {
      padding: 25px;
      .title {
        margin: 0 0 15px;
        a {
          font-size: 18px;
          font-weight: 400;
          font-family: @karla;
          color: #8c857b;
        }
      }
      .post-excerpt {
        margin: 0 0 15px;
        font-size: 14px;
        color: #8c857b;
        font-weight: 300;
        line-height: 1.6;

      }
      .read-more {
          display: block;
          color: #a9dbda;
          font-size: 18px;
          margin-top: 20px;
          font-weight: 500;
          clear: both;
      }
      &:nth-of-type(2n-1) {
        background: #f4f3f2;
      }
    }
  }
  @media @mq-tab-l {
    margin: 70px 0;
    h2 {
      padding-left: 0;
      &:before {
        left: 0;
      }
    }
    .news-section {
      article {
        padding: 30px;
        .title {
          margin-bottom: 20px;
          a {
            font-size: 28px;
          }
        }
        .post-excerpt {
          font-size: 18px;
          margin-bottom: 20px;
        }
        .read-more {
          font-size: 24px;
        }
      }
    }
  }
  @media @mq-desktop {
    margin: 90px 0;
    .news-section {
      article {
        padding: 40px;
        .title {
          margin-bottom: 25px;
          a {
            font-size: 35px;
          }
        }
        .post-excerpt {
          font-size: 22px;
          margin-bottom: 25px;
        }
        .read-more {
          font-size: 28px;
        }
      }
    }
  }
}


.investor-resources {
  h2 {
    color: #8c857b;
    &:before {
      background: #8c857b;
    }
  }
  .investor-resources-boxes {
    .investor-item {
      margin-bottom: 10px;
      position: relative;
      .image {
        text-align: center;
        img {
          max-width: 100%;
          display: inline-block;
        }
      }
      a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        span {
          font-weight: 500;
          font-size: 24px;
          color: #fff;
          text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
          text-align: center;
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%); /* IE 9 */
            -webkit-transform: translateY(-50%); /* Safari */
            transform: translateY(-50%);
            width: 100%;
            padding: 15px 30px;
        }
      }
    }
  }
  @media @mq-tab {
    .investor-resources-boxes {
      margin-left: 2.5px;
      margin-right: 2.5px;
      .investor-item {
        padding: 0 2.5px;
        margin-bottom: 0;
      }
    }
  }
  @media @mq-tab-l {
    .investor-resources-boxes {
      .investor-item {
        a {
          span {
            font-size: 30px;
          }
        }
      }
    }
  }
}

#hero .reports {
  display: none;
  position: relative;
  width: 100%;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 2;
  margin-top: 15px;
  .reports-container {
    padding: 50px 25px;
  }
  h2 {
    position: relative;
    text-align: center;
    margin: 0 0 30px;
    span {
      display: inline-block;
      background: #fff;
      padding: 0 10px;
      color: #d95e18;
      font-weight: 400;
      font-size: 24px;
      position: relative;
      z-index: 1;
    }
    &:before {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: 1px;
      width: 100%;
      height: 1px;
      background: #d95e18;
      left: 0;
    }
  }
  .reports-sections {
    > div {
      margin-bottom: 50px;
      text-align: center;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .reports-column {
      text-align: left;
      display: inline-block;
      h3 {
        margin: 0 0 40px;
          position: relative;
          padding-bottom: 10px;
          color: #dbc89e;
          font-family: 'Karla', sans-serif;
          font-weight: 400;
          font-size: 24px;
          &:before {
            position: absolute;
            content: '';
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: #dbc89e;
          }
      }
      .report {
        margin-bottom: 20px;
        a {
          display: block;
          font-size: 20px;
          font-family: @karla;
          color: #8c857b;
          line-height: 40px;
          vertical-align: middle;
          .icon {
            display: block;
            width: 40px;height: 40px;
            border-radius: 50%;
            border: 1px solid #d95e18;
            background: transparent url('../../images/report-arrow-hover.png') no-repeat center;
            background-size: 14px;
            margin-right: 20px;
            float: left;
          }
          &:hover {
            .icon {
              background: #d95e18 url('../../images/report-arrow.png') no-repeat center;
              background-size: 14px;
            }
          }
        }
      }
    }
  }
  @media @mq-tab {
    top: 0;
    margin-top: 0;
    height: 100%;
  }
  @media @mq-tab-l {
    .reports-container {
      padding-left: 40px;
      padding-right: 40px;
      max-width: 1600px;
      margin: 0 auto;
    }
  }
  @media @mq-sd {
    .reports-container {
      padding-bottom: 75px;
    }
    h2 {
      span {
        font-size: 38px;
        padding: 0 20px;
      }
    }
    .reports-sections {
      > div {
        margin-bottom: 0px;
      }
      .reports-column {
        h3 {
            font-size: 34px;
            &:before {
              width: 70px;
            }
        }
        .report {
          a {
            font-size: 24px;
            line-height: 60px;
            .icon {
              width: 60px;height: 60px;
              background-size: 20px;
            }
            &:hover {
              .icon {
                background-size: 20px;
              }
            }
          }
        }
      }
    }
  }
  @media @mq-desktop {
    h2 {
      span {
        font-size: 50px;
      }
    }
    .reports-sections {
      .reports-column {
        h3 {
            font-size: 45px;
        }
        .report {
          a {
            font-size: 30px;
          }
        }
      }
    }
  }
}

html, body{
  min-height: 100%;
}

.body-overlay{
  display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.7);
}


.financialReportsOpened {
  .body-overlay{
    display: block;
  }
  #hero .our-network-corner a {
    color: transparent;
    position: relative;
    &:before {
      width: 30px;
      height: 30px;
      .absolute-centered(30px,30px);
      content: "";
      background: transparent url('../../images/X.png') no-repeat center;
      background-size: 30px;
    }
  }
  #hero .our-network-corner {
    z-index: 13;
  }
  #hero .reports {
    display: block;
    z-index: 12;
  }
  #hero #hero-image{
    display:none;
  }
  @media @mq-tab {
    .body-overlay{
      display: none;
    }
    #hero .our-network-corner a {
      color: #fff;
      &:before {
        right: auto;
        left: 25px;
      }
    }
    #hero .reports {
      overflow: auto;
      border-bottom: 2px solid #dbc89e;
    }
  }
  @media @mq-desktop {
    #hero .our-network-corner a {
      &:before {
        left: 35px;
      }
    }
  }
}



/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination span,
.custom-pagination a {
  display: block;
  padding: 2px 15px;
  float: left;
  border-right: 1px solid #8c857b;
  font-size: 20px;
  line-height: 25px;
  &:last-child {
    border-right: none;
  }
  @media @mq-tab-l {
    font-size: 28px;
    line-height: 35px;
  }
}
.custom-pagination a {
  color: #8c857b;
}
.custom-pagination a:hover {
  color: #ed8b00;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
  display: none;
}
.custom-pagination span.dots {
  padding: 0;
  color: #8c857b;
}
.custom-pagination span.current {
  color: #ed8b00;
  font-weight: 500;
}

.pagination {
  width: 100%;
  .screen-reader-text {
    display: none;
  }
  .page-numbers {
    display: block;
      padding: 2px 15px;
      float: left;
      border-right: 1px solid #8c857b;
      font-size: 20px;
      line-height: 25px;
      &.current {
        color: #ed8b00;
        font-weight: 500;
      }
      &:last-child {
        border-right: none;
      }
      @media @mq-tab-l {
        font-size: 28px;
        line-height: 35px;
      }
  }
  a.page-numbers {
    color: #8c857b;
  }
}

.single-industry .post-content h1,
.single-core_services .post-content h1,
.single-logistics .post-content h1,
.section-page-title {
  margin: 0 0 20px;
    position: relative;
    padding-bottom: 10px;
    color: #dbc89e;
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 24px;
    &:before {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 40px;
      height: 2px;
      /*background-color: #dbc89e;*/
        display: block;
    }
    @media @mq-tab {
      margin: 0 0 30px;
      font-size: 45px;
      &:before {
        width: 60px;
      }
    }
}


/* Hero Banner - Single Post */

.single-technology_news{
    #hero #hero-image{
        height: 450px!important;
    }

    &.postid-10177 #hero #hero-image{
        background-position: 100% 25%!important;
    }
}

.single-post,
.single-investor_news,
.single-tradelanes {
  .section-page-content,
  .share-article,
  .post_navigation {
    .container {
      max-width: 1200px;
      p {
        max-width: 100%;
      }
      h1 {
        margin-bottom: 50px;
      }
      table {
        max-width: 100%;
      }
    }
  }
}
.single-tradelanes {
    .section-page-content,
    .share-article,
    .post_navigation {
        .container {
            max-width: 1300px;
        }
    }
}

section.share-article {
  padding: 15px 0;
  background: #3e3d3c;
  position: relative;
  margin-top: 50px;
  &:before {
    content: "";
    width: 25%;
    height: 100%;
    background: #fff;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
  }
  p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  .a2a_kit {
    > a {
      span.a2a_svg {
        background: transparent!important;
      }
    }
  }
  .addtoany_list a, .widget .addtoany_list a {
    line-height: 40px;
    float: left;
    height: 40px;
  }
  @media @mq-tab {
    p {
      float: left;
      margin: 0;
      line-height: 40px;
    }
    .ssb {
      float: right;
      margin-right: 30%;
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
    p {
      font-size: 22px;
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
    .ssb {
      margin-right: 22%;
    }
  }
}

.post_navigation {
  margin-top: 50px;
  .go-to {
    float: left;
    padding-right: 25px;
    margin-right: 25px;
    position: relative;
    border-right: 1px solid #3e3d3c;
    a {
      color: #a9dbda;
      font-size: 18px;
      font-weight: 500;
      line-height: 20px;
    }
    @media (max-width: 767px) {
      display: none;
    }
  }
  .nav-links {
    float: left;
    .nav-previous {
      float: left;
      padding-right: 25px;
      margin-right: 25px;
      position: relative;
      border-right: 1px solid #3e3d3c;
      a {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
      }
    }
    .nav-next {
      float: left;
      a {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
      }
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .go-to {
      a {
        font-size: 28px;
        line-height: 30px;
      }
    }
    .nav-links {
      .nav-previous {
        a {
          font-size: 28px;
          line-height: 30px;
        }
      }
      .nav-next {
        float: left;
        a {
          font-size: 28px;
          line-height: 30px;
        }
      }
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
}

/*

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.5s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.popup-form {
  padding: 50px 30px;
    background: #14254c;
    max-width: 500px;
    margin: 0 auto;
    .mfp-close {
      color: #fff!important;
      font-size: 44px;
    }
    span.wpcf7-not-valid-tip {
          margin: 5px 0 10px;
    }
    h2{
        margin-top: 0;
        color: #ece7e1;
    }
    .form-group {
      margin-bottom: 10px;
      .wpcf7-form-control-wrap {
        display: block;
        input, select, textarea {
          width: 100%;
          height: 40px;
          background-color: #ede8e2;
          border-color: #ede8e2;
          &.error {
            color: red;
          border-color: red;
          }
        }
        textarea {
          padding-top: 15px;
          padding-bottom: 15px;
          height: 150px;
        }
        select {
        background-position: 98% 50%;
        }
        @media (max-width: 1239px) {
          select {
            background-size: 20px;
          }
        }
        input.error::-webkit-input-placeholder {color: red!important;}
      input.error:-moz-placeholder {color: red!important;}
      input.error::-moz-placeholder {color: red!important;}
      input.error:-ms-input-placeholder {color: red!important;}
      }
      label.error {
        display: none!important;
      }
    }
    .form-actions {
      display: inline-block;
      width: 100%;
      margin-top: 20px;
      .bt {
        margin-right: 20px;
        cursor: pointer;
        padding: 8px 35px;
        &:last-child {
          margin-right: 0;
        }
        @media @mq-desktop {
          font-size: 28px;
          padding: 20px 100px;
        }
      }
  }
  div.wpcf7-validation-errors {
    color: #fff;
  }
  @media @mq-tab {
    padding: 50px;
  }
  @media @mq-desktop {
    padding: 70px 60px;
    max-width: 800px;
    .mfp-close, .mfp-close:active {
      top: 10px;
      right: 10px;
    }
    .form-group {
      margin-bottom: 15px;
        .wpcf7-form-control-wrap {
          input, select, textarea {
            height: 50px;
            font-size: 26px;
          }
           textarea {
            height: 150px;
           }
        }
      }
      .form-actions {
        margin-top: 60px;
      }
  }
}

.tradelanes-search {
  margin-top: 50px;
  .site-search {
    position: relative;
    width: 100%;
    max-width: 470px;
    border-bottom: 2px solid #82786f;
    position: relative;
    float: left;
    input {
      font-size: 18px;
      border: none;
      color: #555351;
      width: 100%;
      padding-right: 50px;
      font-weight: 400;
      padding-left: 0;
    }
    .search-submit {
      position: absolute;
      top: 0;
      right: 0;
      border: none;
        box-shadow: none;
        width: 30px;
        height: 30px;
        background: transparent url('../../images/tradelanes-search-icon.png') no-repeat center;
        background-size: 22px;
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .site-search {
      input {
        font-size: 24px;
      }
    }
  }
  @media @mq-desktop {
        margin-top: 90px;
    .site-search {
      input {
        font-size: 32px;
        height: 40px;
      }
      .search-submit {
        width: 40px;height: 40px;
        background-size: 30px;
      }
    }
  }
}

body.search .tradelanes-section,
body.archive .tradelanes-section {
  margin-top: 50px;
  @media @mq-tab-l {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
}

.tradelanes-section {
  margin-top: 50px;
  @media @mq-tab-l {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
  .articles-list {
    .row {
      margin-left: -10px;
      margin-right: -10px;
      > article {
        padding: 0 10px;
      }
    }
    .article-loop {
      margin-bottom: 20px;
      overflow: hidden;
      .article-content {
        position: relative;
        padding: 25px;
      }
      .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        &:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
        }
      }
      .article-info {
        position: relative;
        z-index: 1;
        min-height: 250px;
        display: inline-block;
        width: 100%;
        h3 {
          margin: 0;
          a {
            color: #fff;
            font-size: 24px;
          }
        }
        .content {
          color: #eee;
          h2 {
            font-size: 1.4em;
            color: #eee;
          }
        }
        .read-more {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          text-align: center;
          font-size: 18px;
          font-weight: 500;
          color: #fff;
          border: 2px solid #fff;
          padding: 10px 25px;
        }
      }
      &:last-child {
        margin-bottom: 0;
      }
      @media @mq-sd {
        .article-info {
          min-height: 290px;
          h3 {
            margin: 0 0 25px;
            a {
              font-size: 32px;
            }
          }
          .content {
            display: block;
            color: #fff;
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 25px;
            max-height: 100px;
              overflow: hidden;
              p {
                margin: 0;
              }
          }
          .read-more {
            bottom: -100px;
            transition: all 0.25s;
            opacity: 0;
            visibility: hidden;
            font-size: 22px;
            &:hover {
              background-color: rgba(255, 255, 255, 0.5);
            }
          }
        }
        &:hover {
          .read-more {
            bottom: 0;
            opacity: 1;
            visibility: visible;
          }
        }
      }
      @media @mq-desktop {
        .article-content {
          padding: 30px;
        }
        .article-info {
          min-height: 360px;
          h3 {
            margin: 0 0 30px;
            a {
              font-size: 40px;
            }
          }
          .content {
            font-size: 19px;
            max-height: 220px;
          }
          .read-more {
            font-size: 26px;
          }
        }
      }
    }
  }
}


.tradelanes-downloads {
  margin-top: 50px;
  display: none;
  h1.txt-center {
    text-align: center;
    font-family: 'Karla', sans-serif;
    color: #d95e18;
    font-weight: 500;
    font-size: 3.5em;
  }
  .row-spacing {
    margin-top: 30px;
    display: inline-table;
  }
  .edition-title {
    font-size: 2em;
    text-align: center;
    margin-top: 10px;
  }
  .edition-thumbnail {
    border: 1px solid #dddddd;
    box-shadow: 3px 3px 3px #666;
    min-height: 300px;
  }
  a.pdf-link {
    color: #d95e18;
    &:hover {
      color: #9e4e0c;
    }
  }

  @media @mq-tab-l {
    .edition-thumbnail {
      min-height: 300px;
    }
  }

  @media @mq-desktop {
    .edition-thumbnail {
      min-height: 470px;
    }
  }
}

.single-tradelanes .share-article {
  @media @mq-desktop {
    &:before {
      display: none;
    }
    width: 100px;
      position: fixed;
      top: 20%;
      left: 0;
      z-index: 8;
      .container {
      padding: 40px 0;
    }
    p {
      text-align: center;
      display: block;
      margin-bottom: 30px;
      width: 100%;
    }
    .ssb {
      margin-right: 0;
      max-width: 100%;
      width: 100%;
      padding-left: 15px;
      .addtoany_list a, section.share-article .widget .addtoany_list a {
        clear: both;
        margin-bottom: 15px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        .a2a_svg {
          width: 60px !important;
          height: 60px !important;
          line-height: 60px !important;
        }
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
  @media (min-width: 1700px) {
    width: 140px;
    .ssb {
      padding-left: 30px;
    }
  }
}


.actions-signs {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
    border: 1px solid #dbc89e;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    span {
      position: absolute;
      right: 0;
      padding-right: 30px;
      color: #dbc89e;
      font-size: 14px;
      top: 0;
      line-height: 24px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.25s
    }
  &:before, &:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 14px;
        height: 1px;
        background-color:  #dbc89e;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        cursor: pointer;
    }
    &.closed {
        &:before {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            opacity: 1;
        }
        &:after {
            webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }
    }
    &.open-term {
      top: auto;
      bottom: 15px;
      span {
        opacity: 1;
        visibility: visible;
      }
        &:before {
            -webkit-transform: rotate(-90deg) !important;
            -ms-transform: rotate(-90deg) !important;
            transform: rotate(-90deg) !important;
            opacity: 0!important;
        }
        &:after {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        @media @mq-tab-l {
          right: 15px;
        top: 31px;
        bottom: auto;
        }
    }
    @media @mq-tab-l {
      right: 15px;
      top: 31px;
      bottom: auto;
      span {
        display: none;
      }
    }
}

.tradelanes-accordion {
  margin-top: 50px;
  .accordion-item {
    display: inline-block;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #dac79e;
    width: 100%;
    h3.accordion-title {
      margin: 0;
      cursor: pointer;
      position: relative;
      z-index: 1;
      font-weight: 300;
      font-size: 24px;
      color: #8c857b;
      padding-right: 35px;
    }
    .accordion-content {
      display: none;
      margin-bottom: 50px;
      padding-top: 30px;
      color: #8c857b;
      h3 {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.4;
        margin-top: 0;
      }
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .accordion-item {
      padding: 25px 0;
      border-bottom: 2px solid #dac79e;
      h3.accordion-title {
        font-size: 32px;
        padding-right: 60px;
      }
      .accordion-content {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 50px;
        padding-top: 30px;
        a {
          color: #8c857b;
        }
        h3 {
          margin-bottom: 25px;
          font-size: 26px;
        }
        > * {
          max-width: 75%!important;
        }
      }
    }
  }
}

.subscribe-download {
  margin-top: 50px;
  .column {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    .icon {
      display: block;
      float: left;
      height: 85px;
      width: 85px;
      margin-right: 25px;
    }
    .text {
      display: block;
      float: left;
      max-width: 150px;
      b {
        font-size: 22px;
        margin: 0 0 10px;
        color: #555351;
        font-weight: 400;
      }
      span {
        color: #8c857b;
        font-size: 18px;
        display: block;
        font-weight: 300;
      }
    }
    &.subscribe .icon {
      background: url('../../images/tradelanes-subscribe-logo.png') no-repeat center;
      background-size: 100%;
    }
    &.download {
      margin-bottom: 0;
      .icon {
        background: url('../../images/tradelanes-download-icon.png') no-repeat center;
        background-size: 100%;
      }
    }
  }
  @media @mq-tab {
    .column {
      margin-bottom: 0;
      float: left;
      width: auto;
      &.subscribe {
        margin-right: 50px;
      }
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .column {
      text-align: center;
      .icon {
        display: inline-block;
        margin-bottom: 25px;
          float: none;
          margin-right: 0;
      }
      .text {
        width: 100%;
        text-align: center;
        float: none;
        max-width: 170px;
        b {
          margin-bottom: 5px;
          font-size: 28px;
        }
        span {
          font-size: 20px;
        }
      }
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
    .column {
      .icon {
          width: 100px;
          height: 100px;
          margin-bottom: 30px;
      }
      .text {
        max-width: 200px;
        b {
          margin-bottom: 10px;
          font-size: 32px;
        }
        span {
          font-size: 24px;
        }
      }
      &.subscribe {
        margin-right: 100px;
      }
    }
  }
}

.vert-marg{
  margin-top: 15px;
  margin-bottom: 15px;
}
.narrow-col{
  max-height: 250px;
  overflow: hidden;
}
.overflow-hide{
  overflow:hidden;
}
@media screen and (max-width: 991px){
  .narrow-col{
    max-height: unset;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1299px){
  .related-content-section h3{
    font-size: 125% !important;
  }
  .related-content-section .text-section .column-content{
    font-size: 100% !important;
  }
}
@media screen and (min-width: 1300px) and (max-width:1500px){
  .related-content-section h3{
    font-size: 150% !important;
  }
}
.additional-network-services {
    margin-top: 50px;
    .network-services-title {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
        &:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 4px;
            margin-top: -1px;
            background-color: #e8e3d8;
        }
        h2 {
            display: inline-block;
            padding: 0 15px;
            background-color: #fff;
            font: 700 24px @karla;
            color: #e8e3d8;
            margin: 0;
            position: relative;
            z-index: 1;
        }
    }
    .addl-service-list {
        .image {
            background-repeat: no-repeat;
            background-position: center center;

        }
        .image.network-service {
            height: 200px;
        }
        .image.network-logo {
            background-size: contain;
            height: 45px;
            margin-top: 15px;
        }
        .description {
            color: #8c857b;
            text-align: center;
            margin-top: 20px;
        }

    }
    @media @mq-tab-l {
        margin-top: 70px;
        .network-services-title {
            margin-bottom: 50px;
            h2 {
                font-size: 38px;
            }
        }
    }
    @media @mq-desktop {
        margin-top: 90px;
        .network-services-title {
            margin-bottom: 60px;
        }
        .network-services-title {
            h2 {
                font-size: 50px;
            }
        }
    }
}


.single-industry .tradelanes-section {
    h2 {
        color: #474647;
        padding-bottom: 0;
        &:before {
            display: none;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .articles-list .article-loop .article-info {
            min-height: 210px;
            h3 a {
                font-size: 20px;
            }
        }
        .articles-list .article-loop .article-content {
            padding: 15px;
        }

    }
}

.our-partners {
    margin-top: 50px;
    padding: 30px 0;
    background-color: #504f4d;
    .our-partners-slider {
        padding-bottom: 70px;
        height: 360px;
        .slide-item {
            .parner-logo {
                width: 50%;
                height: 75px;
                position: relative;
                margin-bottom: 20px;
                text-align: center;
                &:nth-child(2){
                  img{
                    max-width: 125px;
              max-height: 115px;
                  }
                }
                &:nth-child(1){
                  img{
              max-height: fit-content;
                  }
                }
                img {
                    max-height: 100%;
                    max-width: 90%;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                    display: inline-block;
                }
                @media (min-width: 580px) {
                    width: 33.33%;
                    margin-bottom: 30px;
                }
                @media (min-width: 992px) {
                    width: 25%;
                    margin: 20px 0;

                }
            }
        }
      @media screen and (max-width: 579px){
          height: 440px;
      }
    }
    @media @mq-tab {
        padding: 50px 0;
    }
    @media @mq-tab-l {
        padding: 70px 0;
        margin-top: 70px;
        .section-page-title {
            margin-bottom: 50px;
        }
        .our-partners-slider {
            padding: 0 25px;
            height: 250px;
        }
    }
    @media @mq-desktop {
        margin-top: 90px;
    }
}

.slick-arrow {
    position: absolute;
    width: 20px;
    height: 50px;
    bottom: 0;
    cursor: pointer;
    &.arrow-left {
        right: 55%;
        background: url('../../images/slick-left.png') no-repeat center;
        background-size: 100%;
    }
    &.arrow-right {
        left: 55%;
        background: url('../../images/slick-right.png') no-repeat center;
        background-size: 100%;
    }
    @media @mq-tab-l {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        width: 24px;
        height: 55px;
         &.arrow-left {
            right: auto;
            left: -20px;
         }
          &.arrow-right {
            right: -20px;
            left: auto;
          }
    }
    @media @mq-sd {
         &.arrow-left {
            left: -30px;
         }
          &.arrow-right {
            right: -30px;
          }
    }
}

.our-network-corner,
.single-industry .our-network-corner,
.single-core_services .our-network-corner,
.single-logistics .our-network-corner {
    .play-youtube {
        position: relative;
        padding-left: 60px!important;
        &:before {
            content: '';
            position: absolute;
            left: 25px;
            top: 0;
            bottom: 0;
            margin: auto;
            background-image: url('../../images/video-play-button.png');
            width: 35px;
            height: 35px;
            background-size: 100%;
            background-position: center;
            @media @mq-sd {
                width: 50px;height: 50px;
                left: 25px;
            }
        }
    }
}

.page-template-infrastrucrure-companies #hero #hero-image {
  max-height: 520px;
}

.real-estate-files {
  margin-top: 30px;
  padding-bottom: 30px;
  position: relative;
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;margin: auto;
    width: 100px;
    height: 2px;
    background-color: #dbc89e;
  }
  .files-list {
    .file-item {
      margin-bottom: 15px;
      a {
        display: block;
        position: relative;
        padding-left: 60px;
        img {
          position: absolute;
          top: 0;
          left: 0;
        }
        span {
          display: table-cell;height: 50px;
          vertical-align: middle;
          font: 500 18px/22px @font;
          color: #a9dbda;
        }
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  @media @mq-tab-l {
    margin-top: 50px;
    &:before {
      display: none;
    }
    .files-list {
      .file-item {
        a span {
          font-size: 28px;
          line-height: 30px;
        }
      }
    }
  }
}

.industrial-space-images {
  margin-top: 50px;
  .image {
    margin-bottom: 30px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .image {
      margin-bottom: 0;
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
}

.industrial-space-boxes {
  margin-top: 50px;
  background: #f4f3f2;
  padding: 50px 0;
  .box-item {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    .image {
      margin-bottom: 15px;
      text-align: center;
      img {
        display: inline-block;
      }
    }
    h3 {
      margin: 0 0 15px;
      font: 500 24px @font;
      color: #8c857b;
    }
    .description {
      font: 300 14px/1.6 @font;
      color: #8c857b;
    }
    &:last-child {
      margin-bottom: 0;
    }
  }
  @media @mq-tab {
    .box-item {
      .image{
        width: 250px;
        float: left;
      }
      .column-content {
        padding-left: 270px;
      }
    }
  }

  @media @mq-tab-l {
    margin-top: 70px;
    .box-item {
      .image{
        width: 300px;
      }
      .column-content {
        padding-left: 325px;
      }
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
    .box-item {
      .image{
        width: 375px;
      }
      .column-content {
        padding-left:400px;
      }
      h3 {
        font-size: 32px;
        margin-top: 15px;
      }
      .description {
        font-size: 22px;
        max-width: 900px;
      }
    }
  }
}

.single-network #hero {

    .container{
        width: 0;
        margin: 0;
        padding-left: 0;
        padding-right: 0;

        .request-quote{
            width: 350px;

            a{
                text-shadow: 0 0 5px rgba(0,0,0,.5);
                margin: 5px 0;
            }
        }
        .hero-title h1{
            width: 98vw;
            position: absolute;
            top: 45px;
            left: 25px;
            @media @mq-tab-l {
                width: 98vw;
                left: 30px;
            }
            @media @mq-sd {
                width: 98vw;
                left: 50px;
            }
            @media @mq-desktop {
                width: 98vw;
                left: 60px;
            }
        }
    }

  .about-presentation .presentation-item:not(.two-images) .presentation-container .read {
    padding-left: 0;
  }
  .about-presentation .presentation-item:not(.two-images) .presentation-container {
    width: 50%;
  }
  @media @mq-desktop {
    .about-presentation .presentation-item:not(.two-images) .presentation-container .text-content {
      padding: 50px;
    }
  }
    @media (max-width: 1023px) {
        .about-presentation .presentation-item:not(.two-images) .presentation-container {
            width: 100%;
        }
    }
}


.network-services {
  margin-top: 50px;
  .service-list {
    .row {
      margin-left: -1px;
      margin-right: -1px;
      text-align:center;
      > div {
        padding-left: 1px;
        padding-right: 1px;
        margin: 1px 0;
        display: inline-block;
        margin: 0 auto;
        @media @mq-mob-l {
          width: 50%;
        }
        @media @mq-tab {
          width: 25%;
        }
        @media @mq-desktop {
          width: 14%;
        }
      }
      @media @mq-desktop {
        margin: 0;
      }
    }
    .service {
      width: 100%;
      height: 170px;
      position: relative;
      overflow: hidden;
      @media @mq-tab-l {
        height: 225px;
      }
      h3 {
        padding: 5px 15px;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        font: 700 18px/30px @karla;
        margin: 0;
        position: relative;
        z-index: 1;
        white-space: nowrap;
      }
      .image {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
      }
    }
  }
  @media @mq-tab-l {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 90px;
    .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
}


.network-services.network-giving-back {
    margin-top: 50px;
    .giving-back-title {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
        &:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 4px;
            margin-top: -1px;
            background-color: #e8e3d8;
        }
        h2 {
            display: inline-block;
            padding: 0 15px;
            background-color: #fff;
            font: 700 24px @karla;
            color: #e8e3d8;
            margin: 0;
            position: relative;
            z-index: 1;
        }
    }
   .service-list {
      .row {
        margin-left: -1px;
        margin-right: -1px;
        > div {
          padding-left: 1px;
          padding-right: 1px;
          margin: 1px 0;
          @media @mq-mob-l {
            width: 100%;
          }
          @media @mq-tab {
            width: 50%;
          }
          @media @mq-desktop {
            width: 25%;
          }
        }
        @media @mq-desktop {
          margin: 0;
        }
      }
      .service {
        width: 100%;
        height: 170px;
        position: relative;
        overflow: hidden;
        @media @mq-tab-l {
          height: 225px;
        }
        h3 {
          padding: 5px 15px;
          background-color: rgba(0, 0, 0, 0.5);
          color: #fff;
          font: 700 15px/30px @karla;
          margin: 105px 0 0 0;
          position: relative;
          z-index: 1;
          white-space: normal;
        }
        .image {
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
        }
      }
    }
    @media @mq-mob-l {
        .service-list {
            .service {
                h3 {
                    margin-top: 130px;
                }
            }
        }
    }
    @media @mq-tab-l {
        margin-top: 70px;
        .giving-back-title {
            margin-bottom: 50px;
            h2 {
                font-size: 38px;
            }
        }
        .service-list {
            .service {
                h3 {
                    margin-top: 155px;
                }
            }
        }
    }
    @media @mq-desktop {
        margin-top: 90px;
        .giving-back-title {
            margin-bottom: 60px;
        }
        .giving-back-title {
            h2 {
                font-size: 50px;
            }
        }
        .service-list {
            .service {
                h3 {
                    margin-top: 155px;
                }
            }
        }
    }
}


.page-template-technology-ventures {
    .hero-intro {
        max-width: 1000px;
    }
}

.section-companies-logos {
    margin-top: 50px;
    padding: 0 25px;
    .container {
        @media (max-width: 767px) {
            background: #504f4d;
            padding: 50px 15px;
        }
    }
    h2 {
        margin: 0 0 15px;
        font: 400 24px @karla;
        color: #dbc89e;
    }
    .description {
        margin-bottom: 40px;
        p {
            margin: 0;
            font: 300 14px/1.6 @font;
            color: #fff;
                max-width: 445px;
        }
    }
    .companies {
        @media (max-width: 767px) {
            .row {
                margin: 0;
                > div {
                    padding-left: 0;
                    padding-right: 0;
                }
            }
        }
        .company {
            margin-bottom: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid #959392;
            &:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: none;
            }
        }
        img {
            max-height: 75px;
            margin-bottom: 20px;
            &.normal {
                display: none;
            }
        }
        .company-description {
            p {
                 margin: 0;
                font: 300 14px/1.5 @font;
                color: #fff;
            }
        }
    }
    @media @mq-tab {
        background: #504f4d;
        padding: 0;
        .container {
            padding: 50px 20px;
        }
        .companies {
            .row {
                margin-left: -20px;
                margin-right: -20px;
            }
            .company {
                padding: 0 20px;
                padding-bottom: 0;
                margin-bottom: 0;
                border-bottom: none;
                border-right: 1px solid #959392;
                &:last-child {
                    border-right: none;
                }
                .company-description {
                    padding-bottom: 50px;
                    .learn {
                        position: absolute;
                        bottom: 0;
                        left: 20px;
                    }
                }
            }
        }
    }
    @media @mq-tab-l {
        margin-top: 70px;
        h2 {
            font-size: 40px;
            margin-bottom: 25px;
        }
        .description {
            p {font-size: 22px;max-width: 670px}
        }
        .container {
            padding: 50px 30px;
        }
        .companies {
            .row {
                margin-left: -30px;
                margin-right: -30px;
            }
            .company {
                padding: 0 30px;
                .company-description {
                    .learn {
                        left: 30px;
                    }
                }
            }
        }
    }
    @media @mq-sd {
        .container {
            padding: 50px;
        }
        .companies {
            padding-bottom: 50px;
            .row {
                margin-left: -50px;
                margin-right: -50px;
            }
            .company {
                padding: 0 50px;
                img.normal {
                    transition: all 0.3s;
                    .absolute-centered(75%, 75px);
                }
                .company-description {
                    opacity: 0;
                    visibility: hidden;
                    transition: all 0.3s;
                    padding-bottom: 0;
                    .learn {
                        left: 50px;
                        bottom: -60px;
                        line-height: 40px;
                        margin: 0;
                        padding-top: 20px;
                    }
                }
                &:hover {
                    img.normal {
                        opacity: 0;
                        visibility: hidden;
                    }
                    .company-description {
                        opacity: 1;
                        visibility: visible;
                    }
                }
            }
        }
    }
    @media @mq-desktop {
        margin-top: 90px;
        .container {
            padding: 50px 65px;
        }
        .companies {
            padding-bottom: 50px;
            .row {
                margin-left: -65px;
                margin-right: -65px;
            }
            .company {
                padding: 0 65px;
                .company-description {
                    .learn {
                        left: 65px;
                    }
                    p {
                        font-size: 19px;
                    }
                }
            }
        }
    }
}

.hero-full {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 2;
    margin-top: 15px;
    .hero-full-container {
        padding: 50px 25px;
    }
    .location-head {
        margin: 0 0 30px;
        h2 {
            position: relative;
            text-align: center;
            margin: 0;
            span {
                display: inline-block;
                background: #fff;
                color: #d95e18;
                font-weight: 400;
                font-size: 24px;
                position: relative;
                z-index: 1;
                font-family: @karla;
            }
            span.line-spacer {
                padding: 0 10px;
            }
            span.plus-sign {
              font-weight: 700;
              margin-top: -3px;
              margin-left: 0px;
              display: inline-block;
              vertical-align: top;
              margin-left: 5px;
              padding-left: 0px;
              padding-right: 0px;
            }
            &:before {
                content: '';
                position: absolute;
                top: 50%;
                margin-top: 1px;
                width: 100%;
                height: 1px;
                background: #d95e18;
                left: 0;
            }
        }
        h2.global-header {
            span {
              font-weight: 700;
            }
            span.plus-sign {
              font-weight: 700;
              margin-top: -3px;
              display: inline-block;
              vertical-align: top;
              margin-left: 5px;
              padding-left: 0px;
              padding-right: 0px;
            }
            &:before {
              height: 0px;
            }

        }
        p {
            margin: 10px 0 0;
            font: 400 17px @karla;
            color: #8c857b;
            text-align: center;
            display: none;
        }
    }
    .hero-full-sections {
        .column {
            display: inline-block;
            width: 100%;
            margin-top: 40px;
            h3 {
                margin: 0 0 10px;
                color: #8c857b;
                font-weight: 500;
                font-size: 18px;
                text-align: center;
            }
            .info {
                font-size: 14px;
                font-weight: 300;
                color: #8c857b;
                text-align: center;
            }
        }
    }
    @media @mq-tab {
        top: 0;
        margin-top: 0;
        height: 100%;
        .container {
            padding-top: 0;
            padding-bottom: 0;
        }
        .location-head {
            margin-bottom: 30px;
            h2 {
                span.plus-sign {
                  padding-left: 0px;
                  padding-right: 0px;
                }
            }
            p {
                display: block;
                font-size: 20px;
            }
        }
        .hero-full-container {
            padding-top: 25px;
            position: relative;
            padding-bottom: 130px;
        }
    }
    @media @mq-tab-l {
        .hero-full-container {
            padding-left: 40px;
            padding-right: 40px;
            max-width: 1600px;
            margin: 0 auto;
        }

        .hero-full-sections {
            .row {
                margin-left: -25px;
                margin-right: -25px;
                > div {
                    padding: 0 25px;
                }
            }
            .column {
                margin-top: 0px;
                h3 {
                    margin: 0 0 15px;
                    font-size: 24px;
                    text-align: left;
                }
                .info {
                    font-size: 18px;
                    text-align: left;
                    line-height: 1.6;
                }
                &.date_established {
                    margin-top: 70px;
                }
            }
        }
    }
    @media @mq-sd {
        .hero-full-container {
            padding-bottom: 120px;
        }
        .location-head {
            margin-bottom: 30px;
            h2 {
                span {
                    font-size: 38px;
                }
                span.line-spacer {
                    padding: 0 20px;
                }
                span.plus-sign {
                  padding-left: 0px;
                  padding-right: 0px;
                }
            }
            p {
                font-size: 26px;
            }
        }
         .hero-full-sections {
            max-width: 1350px;
            margin: 0 auto;
         }
    }
    @media @mq-desktop {
         .hero-full-container {
            padding-bottom: 160px;
        }
        .location-head {
            margin-bottom: 50px;
            h2 {
                span {
                    font-size: 50px;
                }
                span.plus-sign {
                  padding-left: 0px;
                  padding-right: 0px;
                }
            }
        }
        .hero-full-sections {
            .column {
                h3 {
                    font-size: 27px;
                }
                .info {
                    font-size: 24px;
                }
            }
        }
    }
}

.single-network #hero {
    @media @mq-tab {
        .our-network-corner {
            width: 490px;
        }
    }
    @media @mq-tab-l {
        .our-network-corner {
            width: 590px;
        }
    }
    @media @mq-tab-l {
        .our-network-corner {
            width: 650px;
        }
    }
    @media @mq-desktop {
        .our-network-corner {
            width: 730px;
        }
    }
}

.heroFullOpened {
    .body-overlay{
        display: block;
    }
    #hero .our-network-corner a {
        color: transparent;
        position: relative;
        &:before {
            width: 30px;
            height: 30px;
            .absolute-centered(30px,30px);
            content: "";
            background: transparent url('../../images/X.png') no-repeat center;
            background-size: 30px;
        }
    }
    #hero .our-network-corner {
        z-index: 13;
    }
    #hero .hero-full {
        display: block;
        z-index: 12;
    }
    @media @mq-tab {
        .body-overlay{
            display: none;
        }
        #hero .our-network-corner {
            a {
                color: #fff;
                &:before {
                    position: static;
                    float: left;
                    height: 35px;
                    margin-left: 10px;
                    max-height: 100%;
                }
            }
        }
        // #hero .hero-full {
        //     overflow: auto;
        // }
    }
    @media @mq-desktop {
        #hero .our-network-corner a {
            &:before {
                height: 50px;
            }
        }
    }
    &.page-template-homepage {
        .hero-full {
            opacity: 1;
            visibility: visible;
            z-index: 12;
        }
    }
}

.page-template-homepage {
    .hero-full {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
        z-index: -1;
        .location-head {
            margin-bottom: 50px;
        }
        .hero-full-sections {
            max-width: 100%;
            .region-list {
                position: relative;
                .term-items {
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: all 0.3s;
                    &.active {
                        opacity: 1;
                        visibility: visible;
                    }
                    .term-name {
                        margin: 0 0 10px;
                        color: #8c857b;
                        font: 500 18px @font;
                    }
                    .term-list {
                        .term-list-container {
                            -webkit-column-count: 2;
                            -moz-column-count: 2;
                            column-count: 2;

                            @media @mq-sd{
                                -webkit-column-count: 2;
                                -moz-column-count: 2;
                                column-count: 2;
                            }
                            div{
                                display: block;
                            }
                            a {
                                /**//*color: #ded8d2;*/
                                color: #beb3a7;
                                font: 300 18px @font;
                            }
                        }
                    }
                }
                @media (max-width: 767px) {
                    .term-items.active {
                        position: static;
                    }
                }
            }
            .region-actions {
                opacity: 0;
                visibility: hidden;
                width: 1px;
                height: 1px;
                position: absolute;
                bottom: 0;
                z-index: -1;
                overflow: hidden;
            }
            .region-actions, #infodiv {
                text-align: center;
                .term-items-actions,
                .amcharts-object-list-li {
                    a {
                        color: #ded8d2;
                        font: 300 20px @font;
                        padding: 0px;
                        cursor: pointer;
                        &.active {
                            color: #8c857b;
                            font-weight: 500;
                        }
                    }
                }
            }
        }
    }
}

#chartdiv {
  width: 100%;
  height: 500px;
  @media (min-width: 1240px) {
    height: 400px;
  }
  @media (min-width: 1900px) {
    height: 500px;
  }
  @media (max-width: 767px) {
   //display: none !important;
   position: absolute;
   z-index: -1;
   opacity: 0;
  }
}

@media (max-width: 767px) {
    .amcharts-object-list-ul {
        padding-left: 0;
    }
    .amcharts-object-list-ul .amcharts-object-list-li {
        width: 100%!important;
        position: static!important;
        margin-bottom: 5px;
    }
    #infodiv-wrapper {
        padding-top: 0!important;
    }
    #infodiv {
        position: static!important;
        margin-bottom: 50px;
        padding-top: 30px;
        border-top: 1px solid #ded8d2;
    }
    .hero-full-sections {
        margin-bottom: 50px;
    }
}

#infodiv-wrapper {
    position: relative;
    padding-top: 50px;
}
#infodiv {
    text-align: center;
    position: absolute;
    /**//*bottom: 130px;*/
    bottom: auto;
    top: -20px;
    left: 0;
    width: 100%;
    z-index: 9;
    .term-items-actions,
    .amcharts-object-list-li {
        a {
            color: #ded8d2;
            font: 300 20px @font;
            padding: 0px;
            cursor: pointer;
            &.active {
                color: #8c857b;
                font-weight: 500;
            }
        }
    }
    /**//*
    @media @mq-sd {
        bottom: 140px;
    }
    @media @mq-desktop {
        bottom: 150px;
    }*/
}


#image-placeholder {
  width: 85px;
  height: 85px;
  position: absolute;
  display: none!important;
  &:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #f19b34;
    z-index: -1;
  }
  .images {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #808080;
    z-index: 1;
  }
  img {
    .absolute-centered(100%,100%);
    display: none;
  }
  &.europe {
    img.europe {
        display: block;
    }
    display: block;
    top: 35%;
    right: 2%;
    &:before {
        .rotation(40deg);
        left: -40px;
        top: 0px;
        width: 60px;
    }
    @media @mq-sd {
        top: 25%;
    }
    @media @mq-desktop {
        right: 5%;
        top: 23%;
    }
  }
  &.africa {
    display: block;
    top: 57%;
    left: 35%;
    img.africa {
        display: block;
    }
    &:before {
        .rotation(-50deg);
        right: -35px;
        bottom: 90px;
        width: 60px;
    }
    @media @mq-tab-l {
        left: 38%;
    }
    @media @mq-desktop {
        top: 60%;
        left: 39%;
        &:before {
            right: -35px;
            bottom: 90px;
            width: 95px;
        }
    }
  }
  &.americas {
    display: block;
    img.americas {
        display: block;
    }
    top: 65%;
    left: 13%;
    &:before {
        .rotation(-50deg);
        right: -35px;
        bottom: 90px;
        width: 60px;
    }
    @media @mq-sd {
        top: 70%;
        left: 16%;
    }
    @media @mq-desktop {
        left: 20%;
        &:before {
            width: 120px;
        }
    }
    @media (min-width: 1900px) {
        left: 17%;
    }
  }
  &.asia-pacific {
    display: block;
    top: 35%;
    right: 2%;
    &:before {
        .rotation(-45deg);
        left: -35px;
        top: 90px;
        width: 60px;
    }
    img.asia-pacific {
        display: block;
    }
    @media @mq-desktop {
        &:before {
            left: -51px;
            top: 114px;
            width: 80px;
        }
    }
  }
  &.middle-east {
    display: block;
    img.middle-east {
        display: block;
    }
    top: 52%;
    right: 27%;
    &:before {
        .rotation(55deg);
        left: -15px;
        top: -10px;
        width: 60px;
    }
    @media @mq-tab-l {
        right: 30%;
    }
    @media @mq-sd {
        right: 32%;
    }
  }
  @media @mq-desktop {
    width: 110px;
    height: 110px;
  }
  @media (max-width: 767px) {
        display: none !important;
    }
}

.amcharts-chart-div {
    > a {
        display: none !important;
    }
}

.amcharts-object-list-ul {
    max-width: 1000px;
    margin: 0 auto;
    .amcharts-object-list-li{
        width: 20%;
        position: absolute;
        top: 0;left: 0;
        display: none;
        &.Americas {
            left: 0%;
            &.count-210 {
                display: inline-block;
            }
        }
        &.Europe {
            left: 40%;
            &.count-1 {
                display: inline-block;
            }
        }
        &.Africa {
            left: 20%;
            &.count-145 {
                display: inline-block;
            }
        }
        &.Middle {
            left: 60%;
            &.count-125 {
                display: inline-block;
            }
        }
        &.Asia {
            left: 80%;
            &.count-60 {
                display: inline-block;
            }
        }
    }
}

#hero .world {
    @media (max-width: 767px) {
        left: 30px;
        bottom: 30px;
        position: absolute;
        z-index: 2;
    }
    @media @mq-tab {
        position: absolute;
        bottom: 0;
        left: 30px;
        z-index: 2;
    }
    @media @mq-tab-l {
        left: 50px;
    }
     @media @mq-desktop{
        left: 60px;
    }
}

.news-posts {
    .anchor {
      width: 320px;
      margin-left: auto;
      margin-right: auto;
    }
}


.news-articles{
  margin-top: 50px;
  .news-loop {
    /* margin-bottom: 40px; */
    .image {
      position: relative;
      margin-bottom: 15px;
      a {
        display: block;
        img {
          max-width: 100%;
          height: auto;
        }
      }
      .date {
        position: absolute;
        top: 15px;
        left: -15px;
        background: #ee7d22;
        padding: 5px 25px;
        color: #fff;
        font-weight: 400;
        font-family: @karla;
        font-size: 24px;
        &:before {
          content: "";
          position: absolute;
          top: 100%;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 15px 15px 0;
          border-color: transparent #d95e18 transparent transparent;
        }
      }
    }
  }
  .home-section-title {
    margin-bottom: 30px;
    @media @mq-tab-l {
      margin-bottom: 50px;
    }
  }
  .learn {
      display: block;
      font-size: 18px;
      margin-top: 20px;
      font-weight: 500;
      clear: both;
  }
  @media @mq-tab-l {
    margin-top: 70px;
    .learn {
      font-size: 24px;
    }
  }
  @media @mq-sd {
    .learn {
      font-size: 28px;
    }
  }
  @media @mq-desktop {
    margin-top: 90px;
  }
}

section.systems-technology-items {
    margin-top: 50px;
    overflow: hidden;
  .post-content{
    h2 {
        color: #474647;
        @media only screen and (min-width: 1024px){
          font-size: 40px;
        }
        /*margin: 0 0 15px;
        font-size: 24px;
        color: #8c857b;
        font-weight: 500;
        font-family: inherit;*/
    }
    .description-wrapper {
      color: #7a7a7a;
      font-weight: 400;
      p {
        color: #8c857b;
        line-height: 1.6;
        font-weight: 300;
        font-size: 22px;
      }
    }
    .button-outer-wrapper {
      text-align: center;
      .button-inner-wrapper {
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
      }
    }
    .button-container {
      padding-top: 10px;
      padding-bottom: 10px;
      .button-wrapper {
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
        a {
          font-weight: 500;
          font-size: 15px;
          padding: 12px 24px;
          border-radius: 3px;
        }
        a:focus {
          opacity: 0.9;
        }
        .button-content-wrapper {
          color: #fff;
          display: inline-block;
          .align-icon-right {
            float: right;
            margin-left: 5px;
          }
          .button-text {
            display: inline-block;
          }
        }
      }
    }
    .divider {
      padding-top: 15px;
      padding-bottom: 15px;
      .divider-separator {
        border-top-style: double;
        border-top-width: 1px;
        border-top-color: #dbc89e;
        width: 100%;
        display: inline-block;
      }
    }
    @media @mq-tab {
      .description-wrapper {
        h2 {
            font-size: 30px;
            margin-bottom: 30px;
        }
        p {
          font-size: 22px;
          max-width: 75%;
        }
      }
    }
    @media @mq-desktop {
      .description-wrapper {
        p {
          font-size: 22px;
          max-width: 95%;
        }
      }
    }
  }
  @media @mq-tab {
    margin-top: 70px;
  }
  @media @mq-desktop {
    margin-top: 0px;
  }
}

.single-investor_relations {
  .post-content {
    .addtoany_share_save_container {
      /* Get rid of sharing buttons */
      display: none;
    }
  }
}
.single-industry .post-content,
.single-core_services .post-content,
.single-logistics .post-content, {
    background: none;
    padding:  25px;
    margin-top: 0px;
    @media (max-width: 1023px) {
        .container {
            padding: 0;
        }
    }
    @media @mq-tab-l {
        padding: 30px 0;
        margin-top: 0px;
    }
    @media @mq-sd {
        padding: 40px 0;
    }
    @media @mq-desktop {
        padding: 50px 0;
        margin-top: 0px;
    }
}
.single-industry .post-content{
  @media @mq-desktop {
        padding: 0px 0;
        margin-top: 0px;
    }
}
.section-page-content{
  background: none;
  padding: 0px;
  margin-top: 20px;
}
.talking-points h2
{
  text-align: center;
}
.page-template-contact-us {
  .contact-form {
    background-color: #14254c;
  }
}
body.page-template-emerging-markets.page-parent #footer {
  margin-top: 0px;
}


/* ============== CAREERS ============== */
/* ================ AGILITY CAREERS NEW =============== */
.careers-page{
    overflow: hidden;
    .no-padding{padding: 0}
    .no-margin{margin: 0}

/* ============== Careers - Version One ============== */
    .careers-hero-section {
        background-size: cover;
        height: 550px;
        background-repeat: no-repeat;
        position: relative;
        background-position: right;
        @media screen and (max-width: 1600px) and (min-width: 769px){
            height: 400px;
            background-position: right 0%;
        }
        .form{
            margin-top: 40px;
            @media screen and (max-width: 1600px) and (min-width: 769px){
                margin-top: 30px;
            }
        }
        .text-inner{
            max-width:450px;
            text-align: center;
            position: absolute;
            top: 12%;
            @media screen and (max-width: 1600px) and (min-width: 769px){
                top: 9%;
            }
            .title{
                font-family: 'Karla', sans-serif;
                h1{
                    font-size: 50px;
                    @media screen and (max-width: 1600px) and (min-width: 769px){
                        font-size: 40px;
                    }
                }
                h4{
                    font-size: 21px;
                    padding-top: 10px;
                }
            }
            h4{
                font-weight: 400;
                font-family: 'Karla', sans-serif;
            }

            p#dropdownMenu1:empty:before{
                content: 'All Category';
            }
            p#dropdownMenu2:empty:before{
                content: 'All Location';
            }
            ul{
                li{
                    .all-category{
                        &:before{
                            content:'All Category';
                        }
                    }
                    .all-location{
                        &:before{
                            content:'All Location';
                        }
                    }
                }
            }

            #search-job{
                background-color: #d86018;
                margin: 10px 0;
                padding: 10px 25px;
                color: #fff;
                font-size: 18px;
                cursor: pointer;
                text-transform: uppercase;
                transition: 0.5s;
                box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
                font-family: @karla;
                border:1px solid #d86018;
                @media screen and (max-width: 1600px) and (min-width: 769px){
                    padding: 8px 25px;
                }
                &:hover{
                    background-color: #fff;
                   color: #d86018;
                   transition: 0.5s;
                   border:1px solid #d86018;
                }
            }

            .dropdown-toggle {
                position: relative;
                padding: 10px 15px 10px 25px;
                font: 300 16px/22px "Noto Sans", sans-serif;
                background: #fff;
                color: #838383;
                cursor: pointer;
                text-align: left;
                @media screen and (max-width: 1600px) and (min-width: 769px){
                    padding: 7px 15px 7px 25px;
                }
                &:after{
                    position: absolute;
                    right: 20px;
                    top: -5px;
                    content: "\f0d7";
                    font: 20px/52px "FontAwesome";
                    color: #ea7600;
                    -webkit-transition: all .25s;
                    transition: all .25s;
                    @media screen and (max-width: 1600px) and (min-width: 769px){
                        top: -8px;
                    }
                }
            }
            .dropdown-menu {
                width: 100%;
                margin-top: -12px;
                border-radius: 0;
                border: none;
                max-height: 270px;
                overflow: auto;
                li{
                    a{
                       padding: 5px 5px 5px 25px;
                        font: 300 16px/22px "Noto Sans", sans-serif;
                        color: #838383;
                        margin-right: 10px; 
                    }
                }
            }
        }
    }

    @media screen and (max-width:1024px){
        .careers-hero-section{
            &:before{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                opacity: 1;
                background-color: rgba(255,255,255,0.5);
            }
            .text-inner{
                max-width: 80%;
                text-align: center;
                position: relative;
                top: 35px;
                margin: 0 auto;
            }
        }
    }

    @media screen and (max-width:480px){
        .careers-hero-section{
            background-image: none!important;
            background-color:#d9d6d1;
        }
    }

    .careers-not-seeing-section{
        background-color: #eee;
        padding: 15px 0;
        .border-gray{
            border-right: 1px solid #d9d6d1;
        }
        .dis-flex{
            display: flex;
            height: 100px;
            align-items: center;
            @media screen and (max-width: 1600px) and (min-width: 769px){
                height: 70px;
            }
        }
        .container{
            max-width: 1400px!important;
        }
        h2{
            font: 30px "Karla", sans-serif;
            color: #474647;
            margin: 0;
            &:before{
                width: 62px;
                height: 2px;
                position: absolute;
                left: 15px;
                bottom: 15px;
                content: "";
                /*background: #ddcba4;*/
            }
        }
        .icon{
            width: 20%;
            float: left;
            padding-top: 20px;
            text-align: center;
            @media screen and (max-width: 1600px) and (min-width: 769px){
                padding-top: 5px;
            }
            @media screen and (max-width:992px){
                padding-top: 0;
                position: relative;
                top: -15px;
            }
            @media screen and (max-width:767px){
                width: 100%;
            }
        }

        .icon-text{
            width: 80%;
            float: left;
            padding-top: 38px;
            text-align: center;
            @media screen and (max-width: 1600px) and (min-width: 769px){
                padding-top: 20px;
            }
            @media screen and (max-width:992px){
                padding-top: 0;
            }
            @media screen and (max-width:767px){
                width: 100%;
                margin-bottom: 20px;
            }
            a{
                margin: 0 auto;
                font-size: 20px;
                padding: 10px 60px;
                @media screen and (max-width:1439px) and (min-width:992px){
                    padding: 10px;
                }
                @media screen and (max-width:767px){
                    font-size: 12px;
                    padding: 10px;
                }
            }
        }

        @media screen and (max-width:992px){
            .dis-flex{
                margin-bottom: 10px;
            }

            h2{
                &:before{

                }
            }
            a{
                padding-left: 0;
            }
        }
    }

    .careers-make-change-section{
        padding: 80px 0;
        .title{
            text-align: center;
            padding-bottom: 50px;
            h1{
                font-size: 40px;
                font-weight: 400;
                font-family: 'Karla', sans-serif;
                letter-spacing: -1px;
                margin: 0 0 30px;
                color: #474647;
                @media only screen @and-mq-tab-l{
                    font-size: 30px;
                } 
                &:after{
                    content: '';
                    display: block;
                    width: 62px;
                    height: 2px;
                    background: #ddcba4;
                    margin: 20px auto 0;
                }
            }
            p{
                font-size: 18px;
                padding-top: 15px;
                font-weight: 300;
                color: #434345;
            }
        }
        /* Style the tab */
        ul.tabs{
            margin: 0px;
            padding: 0px;
            list-style: none;
            li{
                background: none;
                color: #434345;
                display: inline-block;
                padding: 10px 15px;
                cursor: pointer;
                width: 19.7%;
                text-align: center;
                margin: 0;
                position: relative;
                &.current{
                    border-bottom: 4px solid #ddcba4;
                    &:after{
                        width: 0;
                        height: 0;
                        border-left: 15px solid transparent;
                        border-right: 15px solid transparent;
                        border-bottom: 15px solid #ef7c23;
                        content: " ";
                        position: absolute;
                        bottom: 0;
                        left: 44%;
                    }
                    .icon{
                        background-color: #ddcba4!important;
                    }
                    &:after{
                        border-bottom: 15px solid #ddcba4;
                    }
                }
                .icon{
                    margin: 0 auto;
                    text-align: center;
                    padding: 30px;
                    border: 80px;
                    width: 120px;
                    height: 120px;
                    background-repeat: no-repeat;
                    border-radius: 60px;
                    background-position: center;
                    margin-bottom: 15px;
                }
                .title-icon{
                    padding-bottom: 30px;
                    font-size: 18px;
                    font-weight: 300;
                }
            }
            @media screen and (max-width:1139px){
                li{
                    width: 19.6%;
                    .icon{
                        padding: 20px;
                        width: 80px;
                        height: 80px;
                    }
                }
            }
        }
        .tab-content{
            display: none;
            background: #ededed;
            padding: 50px;
            &.current{
                display: inherit;
            }
            p, li{
                font-size: 18px;
                line-height: 30px;
                font-weight: 300;
            }
        }

        @media screen and (min-width:769px){
            #mobile{
                display: none;
            }
            #desktop{
                display: block;
            }
        }

        @media screen and (max-width:768px){
            #desktop{
                display: none;
            }
            #mobile{
                display: block;
                .title{
                    text-align: center;
                    color: #474647;
                    padding-bottom: 30px;
                    h1{
                        &:after{
                            content: '';
                            display: block;
                            width: 62px;
                            height: 2px;
                            background: #ddcba4;
                            margin: 20px auto 0;
                        }
                    }
                }
                .mobile-content{
                    margin-bottom: 30px;
                    h2{
                        font: 30px "Karla", sans-serif; 
                        color: #ef7b23;
                        padding-bottom: 15px;
                        &:before{
                            width: 62px;
                            height: 2px;
                            position: absolute;
                            left: 15px;
                            bottom: 15px;
                            content: "";
                            background: #ddcba4;
                        }
                    }
                    p, li{
                        font-size: 18px;
                        font-weight: 300;
                    }
                }
            }
        }
    }

    #careers-videos{
        &:before{
            display: block;
            content: " ";
            margin-top: -100px;
            height: 100px;
            visibility: hidden;
            pointer-events: none;
        }
    }
    .careers-video-section{
        .video-click{
            position: relative;
            background-repeat: no-repeat;
            height: 450px;
            background-size: cover;
            background-position: center;
            width: 50%;
            float: left;
            &:before{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
                opacity: .75;
            }
            .video-text{
                position: absolute;
                bottom: 3%;
                width: 100%;
                text-align: center;
                .play-video-icon{
                    display: block;
                    width: 160px;
                    height: 160px;
                    margin: 0 auto;
                    background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
                    border-radius: 80px;
                }
                h2{
                    color: #fff;
                    font-family: 'Karla', sans-serif;
                    font-weight: bold;
                    margin-top: 70px;
                }
                p{
                    color: #ddcba4;
                    font-family: 'Karla', sans-serif;
                    font-size: 20px;
                }

            }
        }
        .sub-video-click{
                position: relative;
                background-repeat: no-repeat;
                height: 250px;
                background-color: #101316;
                background-position: center;
                background-size: cover;
                width: 20%;
                float: left;
            &:before{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
                opacity: .75;
            }
            &:last-child{
                border-right: none;
            }
            .video-text{
                position: absolute;
                bottom: 0;
                width: 100%;
                text-align: center;
                .play-video-icon{
                    display: block;
                    width: 50px;
                    height: 50px;
                    margin: 0 auto 10px;
                    background: rgba(255,255,255, 0.2) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
                    border-radius: 80px;
                    background-size: 40%;
                    z-index: 9;
                    position: relative;
                }
                h2{
                    color: #fff;
                    font-family: 'Karla', sans-serif;
                    font-weight: bold;
                    margin-top: 10px;
                    font-size: 18px;
                    margin-bottom: 0;
                }
                p{
                    color: #ddcba4;
                    font-family: 'Karla', sans-serif;
                    font-size: 15px;
                }

            }
        }
        @media screen and (max-width:768px){
            .sub-video-click{
                width: 50%;
            }
        }
        @media screen and (max-width:480px){
            .video-click{
                width: 100%;
            }
            .sub-video-click{
                width: 100%;
            }
        }

        /* Third Version - Slider */
        .slider{
            .sub-video-click{
                width: 100%;
                .play-btn{
                    position: absolute;
                    left: 5%;
                    bottom: 5%;
                }
                .video-desc{
                    position: absolute;
                    bottom: 0;
                    text-align: right;
                    width: 100%;
                    padding: 0 20px;
                }
            }
        }
        .slick-slide{
            height: auto!important;
        }
        .slick-dots {
            text-align: center;
            margin: 0 0 10px 0;
            padding: 0;
            li {
                display:inline-block;
                margin-left: 4px;
                margin-right: 4px;
            &.slick-active {
              button {
                background-color:black;
              }
            }
            button {
                font: 0/0 a;
                text-shadow: none;
                color: transparent;
                background-color:#999;
                border:none;
                width: 15px;
                height: 15px;
                border-radius:50%;
            }
          }
        }

        /* Custom Arrow */
        .prev{
            color: #000;
            position: absolute;
            top: 50%;
            left: 35px;
            font-size: 1.5em;
            padding: 7px 37px 15px 18px;
            background: rgba(255,255,255, 0.5);
            border-radius: 100px;
            cursor: pointer;
            :hover{
                cursor: pointer;
                color: black;
            }
            .fa{
                font-size: 38px;
                font-weight: 600;
                cursor: pointer;
            }
        }
        .next{
            color: #000;
            position: absolute;
            top: 50%;
            right: 35px;
            font-size: 1.5em;
            padding: 7px 32px 15px 23px;
            background: rgba(255,255,255, 0.5);
            border-radius: 100px;
            cursor: pointer;
            :hover{
                cursor: pointer;
                color: black;
            }
            .fa{
                font-size: 38px;
                font-weight: 600;
                cursor: pointer;
            }
        }

        @media screen and (max-width:1023px){
            .prev, .next{
                position: absolute;
                top: 40%;
                padding: 5px 33px 20px 15px;
            }
        }
    }

    .careers-about-section{
        padding: 80px 0;
        .about-content{
            h2{
                position: relative;
                font-weight: 400;
                font-family: 'Karla', sans-serif;
                color: #474647;
                font-size: 40px;
                @media only screen @and-mq-tab-l{
                    font-size: 30px;
                } 
                &:before{
                    width: 62px;
                    height: 2px;
                    position: absolute;
                    left: 0;
                    bottom: -15px;
                    content: "";
                    background: #e3cd9b;
                }
            }
            p{
                margin-top: 50px;
                color: #434345;
                font-size: 18px;
                font-weight: 300;
            }
        }
    }

    .careers-footer-section{
        position: relative;
        .column{
            width: 50%;
            float: left;
            padding: 50px 100px;
            height: 400px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            padding: 70px 70px;
            &:before{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
                opacity: 0.75;
                background: rgba(0,0,0,0.3);
            }
            .content{
                color: #fff;
                position: relative;
                z-index: 1;
                .title{
                    font-family: 'Karla', sans-serif;
                    font-size: 25px;
                    color: #fff;
                    font-size: 30px;
                }
                p{
                    font-size: 18px;
                    font-weight: 300;
                }
                a{
                    color: #fff!important;
                    font-weight: normal;
                }
            }
        }
        @media screen and (max-width:1024px) and (min-width: 769px){
            .column{
                height: 400px;
                padding: 80px 50px!important;
            }
        }
        @media screen and (max-width:768px){
            .column{
                width: 100%;
            }
        }
        @media screen and (max-width:480px){
            .column{
                padding: 10px 40px;
            }
        }
    }
}

body.rtl{
    .careers-page{
        /*.careers-hero-section {
            .text-inner{
                p#dropdownMenu1:empty:before{
                    content: 'كافة الأقسام';
                }
                p#dropdownMenu2:empty:before{
                    content: 'أختر موقع';
                }
                ul{
                    li{
                        .all-category{
                            &:before{
                                content:'كافة الأقسام';
                            }
                        }
                        .all-location{
                            &:before{
                                content:'أختر موقع';
                            }
                        }
                    }
                }
            }
        }*/
        .careers-about-section .about-content h2:before{
            right: 0;
            left: 0;
        }

        /* Not Seeing - Submit Resume Section */
        .not-seeing-rtl{
            float: right;
        }
        .careers-not-seeing-section a{
            padding-right: 70px;
            padding-left: 0;
        }
        .careers-not-seeing-section .icon{
            float: right;
            margin-left: 20px;
            margin-right: 0px;
        }
        .border-gray{
            border-left: 1px solid #d9d6d1;
            border-right: none;
        }

        /* Video Section */
        .careers-video-section .next,
        .careers-video-section .prev{
            padding: 7px 25px 15px 30px;
        }
        .careers-video-section .slider .sub-video-click .video-desc{
            text-align: left;
        }
        .careers-video-section .slider .sub-video-click .play-btn{
            right: 0;
            left: 0;
        }
        .careers-video-section .sub-video-click .video-text .play-video-icon{
            margin: 10px 15px;
            float: right;
        }
        .slick-slider{
            direction: ltr;
        }

        /* About Section */
        .careers-about-section .about-content{
            .row{
                .col-md-6, .col-sm-6{
                    &:nth-child(3){
                    content: '';
                    clear: both;
                    }
                }
            }
        }
    }
}

/* ============== COUNTRY TRADE LANES ============== */
.country-trade-lanes{
  section#hero-section-ctl{
    height: 450px;
    .hero-container{
      .hero-text{
        width: 50%;
          float: left;
          padding-left: 11%;
          padding-top: 5%;
          position: absolute;
          background-color: #f4f3f2;
          height: 450px;
          z-index: 1;
          @media screen and (max-width: 1023px){
            width: 100%;
            float: none;
            padding-left: 0;
            text-align: center;
            padding-top: 15%;
            padding: 15% 20px 0;
            background-color: rgba(255, 255, 255, 0.6);
          }
          &:after{
            content: "";
            position: absolute;
            bottom: 0;
            right: -200px;
            border-top: 450px solid #f4f3f2;
            border-right: 200px solid transparent;
            overflow: hidden;
            z-index: 1;
            pointer-events: none;
            @media screen and (max-width: 1023px){
              display: none;
            }
          }
          h1{
            font-size: 50px;
            font-weight: 400;
            font-family: 'Karla', sans-serif;
            margin: 15px 0 20px;
            letter-spacing: -2px;
            @media screen and (max-width: 1600px) and (min-width: 1024px){
              font-size: 40px;
            }
          }
          h2{
            font-size: 25px;
          }
          .hero-cta{
            margin-top: 50px;
            ul{
              display: block;
              padding: 0;
              li{
                list-style:none;
                display: inline-block;
                &:first-child{
                  padding: 0 15px 0 0;
                  @media screen and (max-width: 375px){
                    padding:0;
                  }
                }
                @media screen and (max-width: 480px){
                  margin-bottom: 30px;
                }
                a{
                  @media screen and (max-width: 1023px){
                    background-color: #fff!important;
                    color: #d86018!important;
                    &:hover{
                      background-color: #d86018!important;
                      color: #fff!important;
                    }
                  }
                }
              }
            }
          }
      }
      .hero-images{
        width: 50%;
        float: right;
        position: relative;
        height: 450px;
          overflow: hidden;
          @media screen and (max-width: 1023px){
            width: 100%;
          }
          img{
              position: absolute;
              right: 0;
              object-fit: cover;
          width: 100%;
          height: 450px;
              &:nth-child(1){
                  top: 0;
                  animation:fade-img-ctl 10s infinite;
                  -webkit-animation:fade-img-ctl 10s infinite;
              }
              &:nth-child(2){
                  top: 0;
                  animation:fade2-img-ctl 10s infinite;
                  -webkit-animation:fade2-img-ctl 10s infinite;
              }
          }
          @keyframes fade-img-ctl
        {
          0%   {opacity:1}
          32% { opacity: 1}
          33% { opacity: 0}
          100% { opacity: 0}
        }
        @keyframes fade2-img-ctl
        {
          0%   {opacity:0}
          32%   {opacity:0}
          33.333% { opacity: 1}
          65% { opacity: 1}
          99% { opacity: 1}
          100% { opacity: 0}
        }
      }
    }
  }

  section#description-ctl{
    padding: 80px 20px 0;
    @media screen and (max-width: 1600px){
        padding: 40px 20px 0;
      }
    p{
        line-height: 1.5;
        max-width: 1000px;
        text-align: center;
        margin: 0 auto;
        font-family: 'Karla', sans-serif;
        font-size: 28px;
        letter-spacing: -1px;
        margin-bottom: 20px;
        @media screen and (max-width: 1440px) and (min-width:768px){
          font-size: 24px;
        }
        @media screen and (max-width: 767px){
          font-size: 18px;
        }
    }
  }

  section.talking-points{
    background-color: #8c857b;
    margin-top: 80px;
    @media screen and (max-width: 1440px){
      margin: 50px 0 50px;
      padding: 60px 25px;
    }
    .talking-points-columns{
      .column{
        border-color: #c4bfb6;
        @media screen and (max-width: 767px){
          &:last-child{
            margin-bottom: 0;
          }
        }
        .icon{
          background-color: #ddcba4;
          @media screen and (min-width: 1440px){
            width: 160px;
            height: 160px;
          }
          img{
            @media screen and (min-width: 1440px){
              padding: 25px;
            }
          }
        }
        h3{
          color: #ddcba4;
          @media screen and (min-width: 1440px){
            font-size: 24px;
          }
        }
        p{
          color: #fff;
          font-size: 18px;
          @media screen and (max-width: 1440px){
            font-size: 16px;
          }
        }
      }
    }
  }

  section#compliant-ctl{
    padding: 80px 0 120px;
    .tabs-compliant-ctl{
      margin-top: 50px;
      @media screen and (min-width:1024px){
        max-width: 1200px;
          margin: 50px auto 0;
      }
      nav{
        .nav-tabs{
          a.nav-link{
            padding: 10px 0;
            &.active{
              border-bottom: 5px solid #d86018;
            }
            .tab-title{
              text-align: left;
                position: relative;
                top: 50%;
                transform: translateY(50%);
                @media screen and (max-width:990px){
                top: 0;
                  transform: translateY(25%);
                }
                h3{
                  color: #d86018;
                  font-size: 26px;
                  @media screen and (max-width:990px){
                  font-size: 22px;
                  }
              }
            }
            .tab-img{
              text-align: center;
              img{
                width: 100px;
              }
                @media screen and (max-width:767px){
                  display:none;
                }
            }
          }
        }
      }
      .tab-content{
        padding: 25px;
        .tab-pane{
          .transition, .accordion-content, ul.parent-accordion li i:before, ul.parent-accordion li i:after {
            transition: all 0.25s ease-in-out;
          }

          .accordion-content {
            color: rgba(48, 69, 92, 0.8);
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 1px;
            position: relative;
            overflow: hidden;
            max-height: 800px;
            opacity: 1;
            transform: translate(0, 0);
            margin-top: 14px;
            z-index: 2;
              @media screen and (max-width: 1440px){
              font-size: 16px;
              }
            ul{
              li{
                border-bottom: none!important;
                list-style-type: disc;
              }
            }
          }

          ul.parent-accordion {
            list-style: none;
            perspective: 900;
            padding: 0;
            margin: 0;
            li{
              position: relative;
              padding: 0;
              margin: 0;
              padding-bottom: 4px;
              padding-top: 10px;
              color: #474647
            }
            h4{
              font-size: 22px;
              border-bottom: 1px dotted #dce7eb;
              padding-bottom: 25px;
            }
          }
          ul.parent-accordion li:nth-of-type(1) {
            animation-delay: 0.5s;
          }
          ul.parent-accordion li:nth-of-type(2) {
            animation-delay: 0.75s;
          }
          ul.parent-accordion li:nth-of-type(3) {
            animation-delay: 1s;
          }
          ul.parent-accordion li:last-of-type {
            padding-bottom: 0;
          }
          ul.parent-accordion li i {
            position: absolute;
            transform: translate(-6px, 0);
            margin-top: 16px;
            right: 0;
          }
          ul.parent-accordion li i:before, ul.parent-accordion li i:after {
            content: "";
            position: absolute;
            background-color: #ed8b00;
            width: 4px;
            height: 12px;
            right: 30px;
          }
          ul.parent-accordion li i:before {
            transform: translate(-2px, 0) rotate(45deg);
          }
          ul.parent-accordion li i:after {
            transform: translate(4px, 0) rotate(-45deg);
          }
          ul.parent-accordion li input[type=checkbox] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
          }
          ul.parent-accordion li input[type=checkbox]:checked ~ .accordion-content {
            margin-top: 0;
            max-height: 0;
            opacity: 0;
            transform: translate(0, 50%);
          }
          ul.parent-accordion li input[type=checkbox]:checked ~ i:before {
            transform: translate(4px, 0) rotate(45deg);
          }
          ul.parent-accordion li input[type=checkbox]:checked ~ i:after {
            transform: translate(-2px, 0) rotate(-45deg);
          }

          ul.parent-accordion li.in input[type=checkbox]:checked ~ .accordion-content {
            margin-top: 0;
            max-height: 100%;
            opacity: 1;
            transform: translate(0, 0);
          }
          ul.parent-accordion li.in input[type=checkbox]:checked ~ i:before {
            transform: translate(4px, 0) rotate(-45deg);
          }
          ul.parent-accordion li.in input[type=checkbox]:checked ~ i:after {
            transform: translate(-2px, 0) rotate(45deg);
          }
          ul.parent-accordion li.close input[type=checkbox]:checked ~ .accordion-content {
            margin-top: 0;
            max-height: 0;
            opacity: 0;
            transform: translate(0, 50%);
          }
          

          @keyframes flipdown {
            0% {
              opacity: 0;
              transform-origin: top center;
              transform: rotateX(-90deg);
            }
            5% {
              opacity: 1;
            }
            80% {
              transform: rotateX(8deg);
            }
            83% {
              transform: rotateX(6deg);
            }
            92% {
              transform: rotateX(-3deg);
            }
            100% {
              transform-origin: top center;
              transform: rotateX(0deg);
            }
          }

        }
      }
    }
  }

  section#keyfacts-ctl{
    .keyfacts-column-main{
      width: 100%;
      height: 430px;
      position: relative;
      @media screen and (max-width: 1023px){
        height: 100%;
      }
      .keyfacts-col{
        width: 33.33%;
        float: left;
        height: 100%;
        @media screen and (max-width: 1023px){
          width: 100%;
        }
        .keyfacts-col-inner{
          position: relative;  
          top: 50%; 
          transform: translate(0, -50%);
          max-width: 350px;
          margin: 0 auto;
          padding: 0 20px;
            @media screen and (max-width: 1023px){
            max-width: 600px;
              padding: 40px 30px;
              top: 0;
              transform: translate(0,0);
          }
           .keyfacts-title {
              color: #fff;
              font-size: 30px;
              padding-bottom: 20px;
              @media screen and (max-width:767px){
                font-size:24px;
              }
          }
          .keyfacts-content ul {
              padding: 0 15px;
              color: #fff;
              font-size: 18px;
              @media screen and (max-width:1440px){
                font-size:16px;
              }
              @media screen and (max-width: 1023px){
                text-align: left;
              }
          }
        }
        &.first{
          .keyfacts-col-inner{
            h2{
              text-align: left!important;
              &:after{
                margin: 20px 0 0;
              }
              @media screen and (max-width: 1023px){
                text-align: center!important;
                &:after{
                  margin: 20px auto 0;
                }
              }
            }
            p{
              padding: 0;
              text-align: left!important;
              @media screen and (max-width: 1023px){
                text-align: center!important;
              }
            }
          }
        }
      }
    }
  }

  section#where-we-ship-ctl{
    padding: 80px 0;
    overflow-x: hidden;
    .wws-column-main{
      width: 100%;
      .wws-col{
        width: 50%;
        float: left;
        @media screen and (max-width: 1023px){
          width: 100%;
        }
        .country-name{
          text-align: center;
          font-family: Karla;
          font-size: 30px;
          color: #474647;
          padding: 30px 0;
        }
        .airports-ports-column{
          width: 100%;
          float:left;
          .airports-col {
              border-right: 1px solid #ddd;
              min-height: 380px;
              height: 380px;
          }
          .airports-col, .ports-col{
            width: 50%;
            float:left;
            .icon{
              text-align: center;
              img{
                  height: 100px;
                  background-color: #d86018;
                  border-radius: 50%;
                  padding: 15px;
              }
            }
            .title{
              text-align: center;
                padding: 20px 0;
                font-size: 22px;
            }
            .countries{
              left: 5vw;
                position: relative;
                font-size: 18px;
                line-height: 30px;
                @media screen and (max-width: 1440px){
                font-size: 16px;
              }
              @media screen and (max-width: 767px){
                left: 0%;
              }
              @media screen and (max-width: 480px){
                font-size: 14px;
                line-height: 22px;
              }
            }
          }
        }
      }
    }
  }

  section#contacts-ctl{
    .contacts-column-main{
      width: 100%;
      height: 430px;
      position: relative;
      @media screen and (max-width: 1023px){
        height: 100%;
      }
      .contacts-col{
        width: 33.33%;
        float: left;
        height: 100%;
        @media screen and (max-width: 1023px){
          width: 100%;
        }
        .contacts-col-inner{
          position: relative;  
          top: 50%; 
          transform: translate(0, -50%);
          max-width: 350px;
          margin: 0 auto;
          padding: 0 20px;
          text-align: center;
            @media screen and (max-width: 1023px){
            max-width: 600px;
              padding: 40px 30px;
              top: 0;
              transform: translate(0,0);
          }
           .contacts-title {
              color: #474647;
              font-size: 30px;
              padding-bottom: 20px;
              @media screen and (max-width:767px){
                font-size:24px;
              }
          }
          .contacts-content p {
              font-size: 22px;
              line-height: 40px;
              @media screen and (max-width:1440px){
                font-size:20px;
              }
          }
          .btn-brochure{
            margin-top: 30px;
          }
        }
      }
    }
  }

  section#powered-technology-ctl{
    position: relative;
    overflow: hidden;
    height: 500px;
    margin-top: 90px;
    @media screen and (max-width: 1024px){
      height: auto;
    }
    .vid-overlay{
      position: absolute;
        top: 0;
        left: 0;
        height: 500px;
        width: 100%;
        background-color: #d86018;
        opacity: 0.7;
        z-index: 1;
    }
    video{
      position: absolute;
      width: 100%;
      -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
       -ms-filter: grayscale(100%);
       -o-filter: grayscale(100%);
       filter: grayscale(100%);
       z-index:0;
       @media screen and (max-width: 767px){
          display: none;
       }
    }
    .main-content{
      position: relative;
      width: 75%;
      top: 50%;
        transform: translateY(5%);
        margin-left: 40px;
        z-index: 2;
        color: #fff;
        text-align: left;
        padding: 60px;
        @media screen and (max-width:767px){
          padding: 30px 0;
          width: auto;
          margin-left: 0;
        }
        @media screen and (max-width:1439px){
        top: 0;
        transform: translateY(0%);
        width: 100%;
        }
        h2{
          &:after{
            margin: 20px 0 0!important;
          }
        }
      .content{
        p{
          font-size: 24px;
          line-height: 40px;
          @media screen and (max-width: 1440px){
            font-size: 20px;
          }
          @media screen and (max-width: 1024px){
            font-size: 18px;
              line-height: 25px;
          }
        }
      }
      .btn{
        margin-top: 50px;
        padding: 0;
      }
    }
  }
}

/* ============== OUR GLOBAL NETWORK ============== */
.our-global-networks{
  section#hero-section-ogn{
    height: 600px;
      @media screen and (max-width: 1600px) and (min-width: 1024px){
        height: 450px;
      }
      @media screen and (max-width: 1023px){
        height: auto;
      }
    .hero-container{
      @media screen and (max-width: 1023px){
        display:flex;
          flex-direction: column-reverse;
        }
      .hero-text{
        width: 50%;
          float: left;
          padding-left: 11.1%;
          padding-top: 4%;
          position: absolute;
          background-color: #f4f3f2;
          height: 600px;
          z-index: 1;
          @media screen and (max-width: 1600px) and (min-width: 1024px){
            height: 450px;
          }
          @media screen and (max-width: 1023px){
            background-color: #333;
            width: 100%;
            float: none;
            padding-left: 0;
            text-align: center;
            padding: 40px 30px;
            height: auto;
            position: relative;
            text-align: left;
          }
          &:after{
            content: "";
            position: absolute;
            bottom: 0;
            right: -200px;
            border-top: 600px solid #f4f3f2;
            border-right: 200px solid transparent;
            overflow: hidden;
            z-index: 0;
            pointer-events: none;
            @media screen and (max-width: 1023px){
              display: none;
            }
            @media screen and (max-width: 1600px) and (min-width: 1024px){
              border-top: 450px solid #f4f3f2;
            }
          }
          .hero-text-first{
            @media screen and (max-width: 1023px){
              display: none;
            }
            h1{
              font-size: 50px;
              font-weight: 400;
              font-family: 'Karla', sans-serif;
              margin: 0;
              letter-spacing: -2px;
              @media screen and (max-width: 1600px) and (min-width: 1024px){
                font-size: 40px;
              }
              .country-name{
                font-size: 35px;margin: 10px 0;
                color: #d86018;
                @media screen and (max-width: 1600px) and (min-width: 1024px){
                  font-size: 30px;
                }
              }
            }
          }

          .hero-text-second{
            padding: 40px 0;
            @media screen and (max-width: 1600px) and (min-width: 1024px){
              padding: 20px 0;
            }
            @media screen and (max-width: 1023px){
              padding: 0 0 20px;
              color: #fff;
            }
            h3{
              font-size: 24px;
              margin:0;
              @media screen and (max-width: 1600px){
                font-size: 20px;
              }
            }
            p{
              font-size: 18px;
              line-height: 1.6;
              letter-spacing: 0.2px;
              @media screen and (max-width: 1600px){
                font-size: 15px;
              }
            }
          }
          
          .hero-cta{
          }
      }
      .hero-map{
        width: 50%;
        float: right;
        position: relative;
        height: 600px;
          overflow: hidden;
          &:before{
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 1;
               background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, #474647 100%);
               background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, #474647 100%);
               background-image: linear-gradient(rgba(0, 0, 0, 0) 55%, #474647 100%);
          }
          @media screen and (max-width: 1600px) and (min-width: 1024px){
            height: 450px;
          }
          @media screen and (max-width: 1023px){
            width: 100%;
            height: 300px;
          }
          .wpgmp_map_container{
            z-index: 0;
          }
          .wpgmp_map{
            height: 600px!important;
            @media screen and (max-width: 1023px){
              height: 300px!important;
              width: 100%!important;
            }
          }
          .map-cta{
            position: absolute;
            right: 5%;
            bottom: 10%;
            @media screen and (max-width: 767px){
              display: none;
            }
            a{
              display: block;
              text-align: center;
            }
          }
          .hero-text-first-mobile{
            display: none;
            @media screen and (max-width: 1023px){
              display: block;
              position: absolute;
              bottom: 9%;
              background-color: rgba(0,0,0,0.7);
              h1{
                color: #fff;
                font-size: 24px;
                padding: 20px 25px;
                margin: 0;
                .country-name{
                  color: #ed8b00;
                  font-size: 22px;
                }
              }
            }
          }
      }
    }
  }

  section#description-ogn{
    padding: 60px 20px;
    @media screen and (max-width: 1600px){
        padding: 40px 20px;
      }
    p{
        line-height: 1.5;
        max-width: 1200px;
        text-align: center;
        margin: 0 auto;
        font-family: 'Karla', sans-serif;
        font-size: 24px;
        letter-spacing: -1px;
        margin-bottom: 20px;
        @media screen and (max-width: 1440px) and (min-width:768px){
          font-size: 22px;
          max-width: 1000px;
        }
        @media screen and (max-width: 767px){
          font-size: 18px;
          max-width: 1000px;
        }
    }
  }
  
  section.talking-points{
    /* margin: 80px 0 120px; */
    background-color: #f4f3f2;
    margin: 0;
    padding: 80px 0;
    @media screen and (max-width: 1440px){
      padding: 60px 25px;
    }
    .talking-points-columns{
      .column{
        height: auto!important;
        @media screen and (min-width: 768px){
          /* border-left: 5px solid #eee; */
          &:first-child{
            border-left: none;
          }
        }
        @media screen and (max-width: 767px){
          border-bottom: 5px solid #eee;
          margin-bottom: 0;
          padding-bottom: 40px;
          &:last-child{
            border-bottom: none;
            padding-bottom: 0;
          }
        }
        .icon{
          background-color: transparent;
          @media screen and (min-width: 1440px){
            width: 160px;
            height: 160px;
            margin-bottom: 0px;
          }
          img{
            @media screen and (min-width: 1440px){
              padding: 25px;
            }
          }
        }
        h3{
          color: #d86018;
          @media screen and (min-width: 1440px){
            font-size: 22px;
          }
        }
        p{
          color: #474647;
          font-size: 18px;
          @media screen and (max-width: 1440px){
            font-size: 16px;
          }
        }
      }
    }
  }

  section#promotion-ogn{
    padding:0;
    .row{
      padding: 0 15px;
    }
    .container{
      @media screen and (min-width: 1024px){
        max-width: 1200px;
      }
    }
    .promotion-content{
      .promotion-inner{
        height: 400px;
          margin-bottom: 40px;
          background-color: #f4f3f2;
        @media screen and (max-width: 1023px){
          width: 100%;
          height: 100%!important;
          background: none!important;
        }
        .promotion-image{
          width: 50%;
          float: right;
          position: relative;
          height: 400px;
          overflow: hidden;
          cursor: pointer;
          @media screen and (max-width: 1023px){
            height: 100%;
            width: 100%;
          }
          @media screen and (max-width: 1023px) and (min-width: 768px){
            height: 300px;
          }
          @media screen and (min-width: 1024px){
            &:before{
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 2;
              display: block;
              content: '';
              width: 0;
              height: 0;
              background: rgba(255,255,255,.2);
              border-radius: 100%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              opacity: 0;
            }
          }
          img{
                position: absolute;
                right: 0;
                object-fit: cover;
            width: 100%;
            height: 100%;
            transition: 0.3s ease;
            @media screen and (max-width: 1023px){
              position:relative;
            }
          }
        }
        .promotion-text{
          width: 50%;
            float: right;
            padding: 25px 0;
            position: relative;
          @media screen and (max-width: 1023px){
            width: 100%;
            padding: 25px 0;
          }
          h3.title{
            width: 103.6%;
            font-weight: normal;
              font-family: 'Karla', sans-serif;
              margin: 5px 0 5px;
              letter-spacing: -1px;
              position: relative;
              left: -3.6%;
              background-color: #ea7600;
              padding: 10px 20px;
              color: #fff;
              font-size: 28px;
            @media screen and (max-width: 1023px){
              width: 100%;
              left: 0;
              padding: 0;
                color: #d86018;
                background-color: #fff;
            }
            @media screen and (max-width: 767px){
              font-size: 24px;
            }
              &:before{
                content: "";
                position: absolute;
                top: 100%;
                left: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 20px 15px 0;
                border-color: transparent #d95e18 transparent transparent;
              @media screen and (max-width: 1023px){
                border: none;
              }
              }
          }
          h2.sub-title{
            font-size: 22px;
            line-height: 30px;
            padding-right: 30px;
              padding-left: 30px;
              @media screen and (max-width: 1023px){
              padding-right: 0;
                padding-left: 0;
                margin-top: 10px;
            }
            @media screen and (max-width: 767px){
              font-size: 18px;
            }
          }
          a{
            font-size: 20px;
            padding-right: 30px;
              padding-left: 30px;
              @media screen and (max-width: 1023px){
              padding-right: 0;
                padding-left: 0;
            }
          }
          .content{
            padding-right: 30px;
              padding-left: 30px;
              @media screen and (max-width: 1023px){
              padding-right: 0;
                padding-left: 0;
            }
            p{
              text-align: left!important;;
              font-size: 18px;
              padding: 15px 0;
              line-height: 1.6;
                @media screen and (max-width: 1440px){
                  font-size: 16px;
                }
            }
          }
        }
      }
    }
    .promotion-content-sub{
      @media screen and (min-width: 1024px){
        margin-top: 50px;
      }
      .promotion-inner{
        .promotion-image{
          width: 30%;
          float: left;
          position: relative;
          @media screen and (max-width: 1023px) and (min-width: 768px){
            height: 300px;
            overflow: hidden;
          }
          @media screen and (max-width: 1023px){
            width: 100%;
          }
          @media screen and (min-width: 1024px){
            &:before{
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 2;
              display: block;
              content: '';
              width: 0;
              height: 0;
              background: rgba(255,255,255,.2);
              border-radius: 100%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              opacity: 0;
            }
          }
        }
        .promotion-text{
          width: 70%;
          float: left;
          padding-left: 30px;
          @media screen and (max-width: 1023px){
            width: 100%;
            padding: 25px 0; 
          }
          h3.title{
            margin-top: 0;
            color: #d86018;
            font-size: 28px;
            @media screen and (min-width: 1024px){
              font-size: 24px;
              padding-bottom: 15px;
                border-bottom: 1px solid #eee;
            }
            @media screen and (max-width: 767px){
              font-size: 24px;
            }
          }
          h2.sub-title{
            font-size: 22px;
            line-height: 30px;
            margin-top: 10px;
            @media screen and (min-width: 1024px){
              font-size: 20px;
                line-height: 30px;
            }
            @media screen and (max-width: 767px){
              font-size: 18px;
            }
          }
          .content{
            p{
              text-align: left!important;
                font-size: 16px;
                padding: 15px 0;
                line-height: 1.6;
                @media screen and (max-width: 1023px){
                  font-size: 18px;
                }
              @media screen and (max-width: 767px){
                font-size: 16px;
              }
            }
          }
          a{
            font-size: 20px;
          }
        }
      }
    }
  }
  
  section#glance-ogn{
    margin-top: 80px;
    @media screen and (min-width: 1024px){
      margin-top: 110px;
    }
    .glance-column-main{
      width: 100%;
      height: 430px;
      position: relative;
      @media screen and (max-width: 1023px){
        height: 100%;
      }
      .glance-col{
        width: 33.33%;
        float: left;
        height: 100%;
        color: #fff;
        @media screen and (max-width: 1023px){
          width: 100%;
        }
        &:first-child{
          color: #474647!important;
        }
        .glance-col-inner{
          position: relative;  
          top: 15%; 
          max-width: 450px;
          margin: 0 auto;
          padding: 0 20px;
          h3{
            font-size: 24px;
              padding-bottom: 5px;
              font-weight: normal;
          }
          p{
            font-size: 18px;
            line-height: 1.6;
              @media screen and (max-width: 1440px){
                font-size: 16px;
              }
          }
            @media screen and (max-width: 1023px){
            max-width: 600px;
              padding: 40px 30px;
              top: 0;
              transform: translate(0,0);
          }
        }
      }
    }
  }

  section#our-services-ogn{
    padding: 80px 0;
    .services-title{
      float: left;
        width: 23%;
        font-size: 18px;
        font-weight: 300;
        margin: 115px 0 0 60px;
        @media screen and (max-width: 1024px){
            width: 100%;
        margin: 0 0 60px;
        }
      h2,p{
        text-align: left!important;
        padding: 0;
        @media screen and (max-width: 1024px){
              max-width: 100%;
          }
      }
    }
    .services-content{
      float: right;
        width: 63%;
        @media screen and (max-width: 1024px){
            width: 100%;
        }
      .row-core{
        margin-bottom: 50px;
        h3{
          font-size: 28px;
            font-family: 'Karla', sans-serif;
            font-weight: 400;
            margin: 0 0 25px;
            letter-spacing: -1px;
            color: #d86018;
        }
        ul{
          padding: 0;
            margin: 0;
            li{
              list-style: none;
              float: left;
              text-align: center;
              font-size: 16px;
              text-transform: uppercase;
              margin-right: 50px;
              margin-bottom: 20px;
              @media screen and (max-width: 1024px){
                width: 50%;
                float: left;
                margin: 0 0 30px;
              }
              a{
                cursor: pointer;
                display: inline-block;
                text-decoration: none;
                transition: .3s;
                &:after{
                  content: '';
                  display: block;
                  width: 0;
                  height: 1px;
                  background: #d86018;
                  transition: width .3s;
                }
                &:hover{
                  span{
                    color:#d86018;
                  }
                   &:after{
                      width: 100%;
                      transition: width .3s;
                   }
                }
              }
              .image{
                width: 100px;
                height: 100px;
                margin: 0 auto 15px;
                border-radius: 50%;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 75%;
              }
              span{
              color: #474647;
              }
            }
        }
      }
      .row-specialized{
        h3{
          font-size: 28px;
            font-family: 'Karla', sans-serif;
            font-weight: 400;
            margin: 0 0 25px;
            letter-spacing: -1px;
            color: #ddcba4;
        }
        ul{
          padding: 0;
            margin: 0;
            li{
            list-style: none;
              float: left;
              text-align: center;
              font-size: 16px;
              text-transform: uppercase;
              margin-right: 50px;
              @media screen and (max-width: 1024px){
                width: 50%;
                float: left;
                margin: 0 0 30px;
              }
              a{
                cursor: pointer;
                display: inline-block;
                text-decoration: none;
                transition: .3s;
                &:after{
                  content: '';
                  display: block;
                  width: 0;
                  height: 1px;
                  background: #ddcba4;
                  transition: width .3s;
                }
                &:hover{
                  span{
                    color:#ddcba4;
                  }
                   &:after{
                      width: 100%;
                      transition: width .3s;
                   }
                }
              }
              .image{
                width: 100px;
                height: 100px;
                margin: 0 auto 15px;
                border-radius: 50%;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 75%;
              }
              span{
                color: #474647;
              }
            }
        } 
      }
    }
  }
  
  section#download{
    margin-top: 0;
  }

  section#warehouse-ogn{
    margin: 80px 0 0;
    position: relative;
    height: 615px;
    @media screen and (max-width: 767px){
      height: 370px;
      margin: 80px 0 0;
    }
    .container{
      position: relative;
      .main-image{
        position: relative;
        height: 615px;
          object-fit: contain;
        @media screen and (max-width: 767px){
          height: 370px;
        }
          &:before{
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 35%, #000000 60%);
            opacity: 0.7;
            z-index: 1;
          @media screen and (max-width: 767px){
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 0%);
          }
          }
          img{
              position: absolute;
              object-fit: cover;
            height: 615px;
          @media screen and (max-width: 767px){
            height: 370px;
          }
              &:nth-child(1){
                  animation:fade-img 15s infinite;
                  -webkit-animation:fade-img 15s infinite;
              }
              &:nth-child(2){
                  animation:fade2-img 15s infinite;
                  -webkit-animation:fade2-img 15s infinite;
              }
              &:nth-child(3){
                  animation:fade3-img 15s infinite;
                  -webkit-animation:fade3-img 15s infinite;
              }
          }
      }
      .main-content{
        position: absolute;
        width: 35%;
        top: 50%;
        left: 10%;
        color: #fff;
        padding: 60px 30px;
        z-index: 1;
        transform: translateY(-50%);
          @media screen and (max-width:1024px){
            width: 50%;
          }
        @media screen and (max-width: 767px){
          width: 100%;
          left: 0;
            padding: 60px 40px;
        }
          h2{
            margin-bottom: 20px;
            color: #ed8b00;
            font-size: 40px;
          @media screen and (max-width: 767px){
            font-size: 25px;
          }
          }
        .content{
          p{
            font-size: 20px;
            @media screen and (max-width: 767px){
              font-size: 16px;
            }
          }
        }
        .btn{
          margin-top: 50px;
          padding: 0;
          @media screen and (max-width: 767px){
            margin-top: 20px;
          }
        }
      }
    }
  }

  section#case-studies-ogn{
      margin: 150px 0 80px;
      padding: 150px 0 100px;
      position: relative;
      background-color: #f4f3f2;
      @media screen and (max-width: 1023px){
        padding: 50px 0;
        margin: 80px 0;
      }
      .case-studies-title{
        @media screen and (max-width: 1023px){
          margin-bottom: 50px;
        }
        @media screen and (min-width: 1440px){
          position: absolute;
          top: -55px;
        width: 62%;
          z-index: 1;
          right: 0;
          background: #fff;
        }
        @media screen and (max-width: 1439px) and (min-width: 1024px){
          position: absolute;
          z-index: 1;
          right: 0;
          top: -35px;
          background: #fff;
          width: 62%;
        }
        h2 {
              padding: 10px 25px 25px;
              background: #ea7600;
              color: #fff;
              margin: 0;
              position: relative;
              font-family: @karla;
              font-size: 28px;
              font-weight: 400;
              &:before {
                  width: 30px;
                  height: 1px;
                  background: #fff;
                  content: '';
                  position: absolute;
                  bottom: 15px;
                  left: 25px;
              }
              @media screen and (min-width: 1440px){
                padding: 25px 50px 35px;
            font-size: 45px;
            &:before{
              bottom: 25px;
              left: 50px;
              width: 100px;
            }
              }
          }
      }
      .case-studies-columns {
          .case-one{
            padding: 0;
        h3{
          position: relative;
            top: 0;
            padding: 0;
            margin-bottom: 20px;
            font-size: 28px;
            border-bottom: 1px solid #e5e3dd;
            padding-bottom: 20px;
        }
          }
          .case-two{
            padding: 0;
            margin-bottom: 20px;
        @media screen and (max-width: 1439px){
          margin-bottom: 50px;
        }
        @media screen and (max-width: 1439px) and (min-width: 992px){
          width: 100%;
          .sub-img{
            width: 30%;
          }
          .sub-content{
            width: 70%;
            .column-content{
              p{
                font-size: 20px;
              }
            }
          }
        }
        h3{
          margin: 0 0 20px;
        }
          }
          .case-three{
            padding: 0;
            @media screen and (min-width: 1440px){
              padding-right: 25px;
            padding-left: 25px;
            }
            @media screen and (max-width: 991px){
              margin-bottom: 50px;
            }
          }
          .case-four-above{
            padding: 0;
        margin-bottom: 50px;
        @media screen and (min-width: 1439px){
          margin-bottom: 20px;
        }
        @media screen and (max-width: 1439px) and (min-width: 992px){
          width: 100%;
          .sub-img{
            width: 30%;
          }
          .sub-content{
            width: 70%;
            .column-content{
              p{
                font-size: 20px;
              }
            }
          }
        }
        &:nth-child(3), &:nth-child(4){
          @media screen and (min-width: 1440px){
            margin-bottom: 0;
          }
        }
          }
            .image{
                    text-align: center;
            margin-bottom: 25px;
            position: relative;
            border-bottom: 8px solid #ed8b00;
            height: auto;
            overflow: hidden;
            @media screen and (max-width: 991px) and (min-width:550px){
              width: 60%;
              margin: 0 auto 30px;
            }
            /* &:before{
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
              opacity: .8;
              height: auto;
            } */
            &:hover{
              img{
                @media screen and (min-width: 1024px){
                transform: scale(1.1);
                  transition: transform .5s;
                  z-index: -1;
                }
              }
            }
                img {
                    width: 100%;
          height: auto;
                }
            }
            a.read-more-link{
              font-size: 20px;
              margin-top: 10px;
            }
            h3 {
                color: #474647;
          font-size: 24px;
          font-weight: bold;
          font-family: 'Karla', sans-serif;
          letter-spacing: -1px;
          bottom: 0;
          text-align: left;
          margin: 0 0 10px;
            }
            .column-content {
          @media screen and (max-width: 991px) and (min-width:550px){
            width: 60%;
            margin: 0 auto;
          } 
                p{
                  font-size: 16px;
                  line-height: 1.6;
          @media screen and (max-width: 1440px){
            font-size: 16px;
          }
                }
            }
            &:last-child {
                margin-bottom: 0;
            }
      }
  }
}

/* ============== STAND ALONE PAGES ============== */
/* ============== STAND ALONE PAGES CSS ============== */

/* ============== PHARMERGING EXPO ============== */

/* Exhibitor Section */
.single-stand_alone_page.postid-17935 .our-partners{
    background:none!important;
    margin:0!important;
    padding: 0!important;
}

.single-stand_alone_page.postid-17935 .our-partners .sponsors-main{
    width: 100%;
    display: inline-block;
}

.single-stand_alone_page.postid-17935 .our-partners .sponsors-logo{
    width: 19.5%;
    display: inline-block;
    text-align: center;
}

.single-stand_alone_page.postid-17935 .our-partners .sponsors-logo img {
    max-width: 180px;
    padding-bottom: 15px;
}

@media screen and (max-width: 1024px) and (min-width:768px){
    .single-stand_alone_page.postid-17935 .our-partners .sponsors-logo img{
        max-width: 180px;
        padding: 0 30px 10px;
    }
}

@media screen and (max-width: 767px){
    .single-stand_alone_page.postid-17935 .our-partners .sponsors-logo{
        width: 49%;
    }
    .single-stand_alone_page.postid-17935 .our-partners .sponsors-logo img{
        max-width: 180px;
        padding: 0 30px 10px;
    }
}

.single-stand_alone_page.postid-17935 #section-bottom:before{
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
}
/* ============== END OF PHARMERGING EXPO ============== */
/* ============== Corona ============== */
table {
  &.corona-table {
    width: 100%;
    border: 1px solid #ddd;
    text-align: center;
    @media only screen and (min-width: 1000px) {
      width: 500px !important;
    }
  }  
}

.postid-24821, .postid-24752 {
  .table-container {
    table {                 
      &.waffle {
        table-layout: fixed !important;
        border-collapse: collapse;
        thead {
          tr {
            display: block;
          }
        }
        tbody {
          display: block;
          width: 100%;
          overflow: auto;
          height: 400px;
        }
        td:nth-child(1) {
          width: 150px !important;
        }
        td {
          font-size: 14px;
          padding: 10px;
          text-align: left;
          width: 400px;
          ul {
            padding-left: 20px !important;
          }
        } 
        max-width: 99.9%;
        table-layout: auto !important;
        tbody {
          border: 1px solid #eee;
        }     
        th {
          display: none;
        }
      }
    }
    @media (max-width: 1023px) {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    .table-responsive {
      border: 0 !important;
    }
  }
}

ul {
  &.coronavirus-legend {
    font-size: 16px;
    list-style-type: none;
    padding-left: 0 !important;
    li {
      @media only screen and (min-width: 600px) {
        display: inline-block;
        margin-right: 40px;
      }      
      b {
        font-size: 0;
        width: 15px;
        height: 15px;
        display: block;
        margin-right: 10px;
        margin-top: 5px;
        border: 1px solid #eee;
        float: left;
      }
      .cv-white {
        background: #FFFFFF;
      }

      .cv-orange {
        background: #fce4d6;
      }
      .cv-red {
        background: #ff0000;
      }
    }
  }
}

.postid-24915 {
  &.single-stand_alone_page {
    #hero {
      #hero-image {
        height: 250px!important;
      }
    }
  }
}

/* ============== End of Corona ============== */
/* ============== UNBROKEN COLD CHAIN ============== */
.single-stand_alone_page.postid-17171 #hero:before{
    opacity: 0.75;
}

.single-stand_alone_page.postid-17171 #hero #hero-image{
        background-position: 50% 45%!important;
}

.single-stand_alone_page.postid-17171 .sponsors-col .column{
    width: 20%;
    float: left;
    padding: 15px;
}
.single-stand_alone_page.postid-17171 .sponsors-col .sponsors-label{
    text-align: center;
    background-color: #f5f4f4;
    color: #ea7600;
    padding: 10px 0;
    font-size: 18px;
    text-transform: uppercase;
}

.single-stand_alone_page.postid-17171 .sponsors-col .row .sponsors-logo {
    padding: 40px;
    border: 1px solid #f5f4f4;
    min-height: 280px;
}

.single-stand_alone_page.postid-17171 .sponsors-col #row-02 .sponsors-logo {
    padding: 40px;
    border: 1px solid #f5f4f4;
    min-height: 250px;
}

.single-stand_alone_page.postid-17171 .sponsors-col .sponsors-logo.controlent{
    min-height: 225px!important;
}

@media screen and (max-width:1282px) and (min-width:1025px){
    .single-stand_alone_page.postid-17171 .sponsors-col .sponsors-logo.cocktail{
        min-height: 205px!important;
    }
}

@media screen and (max-width:1160px) and (min-width:1025px){
    .single-stand_alone_page.postid-17171 .sponsors-col .sponsors-logo.dinner{
        min-height: 205px!important;
    }
}

@media screen and (max-width:1440px){
    .single-stand_alone_page.postid-17171 .sponsors-col .sponsors-logo{
        min-height: 230px!important;
    }
    .single-stand_alone_page.postid-17171 .sponsors-col .sponsors-logo.controlent{
        min-height: 205px!important;
    }
}

@media screen and (max-width:1024px){
    .single-stand_alone_page.postid-17171 .sponsors-col .column{
        width: 50%;
    }
    .single-stand_alone_page.postid-17171 .sponsors-col .clearfix-mobile{
        clear:both;
    }
}

.single-stand_alone_page.postid-17171 #section-bottom:before{
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
}

.single-stand_alone_page.postid-17171 .partners-col .column{
    width: 50%;
    float: left;
    padding: 15px;
    text-align: center;
}
.single-stand_alone_page.postid-17171 .partners-col .sponsors-label{
    text-align: center;
    background-color: #f5f4f4;
    color: #ea7600;
    padding: 10px 0;
    font-size: 18px;
    text-transform: uppercase;
}

.single-stand_alone_page.postid-17171 .partners-col .row .sponsors-logo {
    padding: 40px 100px;
    border: 1px solid #f5f4f4;
    min-height: 200px;
}

@media screen and (max-width: 768px){
    .single-stand_alone_page.postid-17171 .partners-col .column{
        width: 100%;
    }
    
    .single-stand_alone_page.postid-17171 .partners-col .row .sponsors-logo {
        padding: 40px 40px;
        min-height: 150px;
    }
}
/* ============== END OF UNBROKEN COLD CHAIN ============== */



/* ============== START OF ROAD FREIGHT EUROPE ============== */
.single-stand_alone_page.postid-16133 .section-page-content .container{
    padding: 0;
    max-width: 100%;
}

.single-stand_alone_page.postid-16133 #hero #hero-image{
    background-position: 50% 45%!important;
}

.single-stand_alone_page.postid-16133 #hero .hero-cta-button{
    margin-top: 50px;
}

.single-stand_alone_page.postid-16133 .section-page-content .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}

.single-stand_alone_page.postid-16133 .section-page-content .container-custom{
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    @media screen and (min-width: 1024px){
        padding: 0 40px;
    }
}

.single-stand_alone_page.postid-16133 .section-page-content .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px;
}

.single-stand_alone_page.postid-16133 .addtoany_share_save_container {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 60px;
    padding-right: 60px;
}

.single-stand_alone_page.postid-16133 #hero-image {
    height: 448.8px!important;
    background-size: cover;
    background-position: bottom!important;
}

.single-stand_alone_page.postid-16133 section#bottom-section .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
    padding: 10px;
}

/* Section Flex and Direct */
.single-stand_alone_page.postid-16133 .section-flex-direct .arrow-flex {
    color: #ddcba4;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    padding-top: 10px;
    font-size: 18px;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .arrow-flex .arrow i{
    font-size: 30px;
    font-weight: 700;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .arrow-direct {
    color: #d86018;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    padding-top: 10px;
    font-size: 18px;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .arrow-direct .arrow i{
    font-size: 30px;
    font-weight: 700;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .flex-img.flex .groupage-title{
    background: #8c857b;
    display: inline-block;
    height: auto;
    position: relative;
    margin-top: 18%;
    width: 90%;
    float: left;
    text-align: center;
    color: #fff;
    padding: 12.5px 0;
    font-size: 22px;
    @media screen and (max-width: 1439px) and (min-width: 1024px){
        font-size: 15px;
        padding: 16.5px 0;
    }
    @media screen and (max-width: 1023px){
        display: none;
    }
    &:before{
    content: "";
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 40px solid #8c857b;
    border-top: 25px solid transparent;
    border-bottom: 30px solid transparent;
    }
}  

.single-stand_alone_page.postid-16133 .section-flex-direct .flex-img.direct .part-title{
    background: #8c857b;
    display: inline-block;
    height: auto;
    position: relative;
    margin-top: 18%;
    width: 90%;
    float: right;
    text-align: center;
    color: #fff;
    padding: 12.5px 0;
    font-size: 22px;
    @media screen and (max-width: 1439px) and (min-width: 1024px){
        font-size: 15px;
        padding: 17px 0;
    }
    @media screen and (max-width: 1023px){
        display: none;
    }
    &:before{
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 40px solid #8c857b;
    border-top: 25px solid transparent;
    border-bottom: 30px solid transparent;
    }
}   

.single-stand_alone_page.postid-16133 .section-flex-direct .flex-img .text-flex p{
    max-width: 100%;
    color: #ddcba4;
    font-size: 36px;
    font-style: italic;
    padding-top: 15px;
    line-height: 1.2em;
    @media screen and (max-width: 1439px) and (min-width: 1024px){
        font-size: 26px;
    }
}

.single-stand_alone_page.postid-16133 .section-flex-direct .flex-img .text-direct p{
    max-width: 100%;
    color: #d86018;
    font-size: 36px;
    font-style: italic;
    padding-top: 15px;
    line-height: 1.2em;
    @media screen and (max-width: 1439px) and (min-width: 1024px){
        font-size: 26px;
    }
}

.single-stand_alone_page.postid-16133 .section-flex-direct .flex-img .arrow-flex a{
    color: #ddcba4;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .flex-img .arrow-direct a{
    color: #d86018;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .arrow-flex a:hover .text-hover{
    visibility: visible;
    opacity: 1;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .arrow-direct a:hover .text-hover{
    visibility: visible;
    opacity: 1;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .text-hover{
    visibility: hidden;
    height: 230px;
    opacity: 0;
    transition: visibility .5s, opacity .5s linear;
    position: absolute;
    top: -30px;
    text-align: center;
    background-color: rgba(237, 119, 27, 1);
    padding:20px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    width: 100%;
    left: 0;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .desktop-right{
    text-align: right;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .text-hover h2{
    color: #fff;
    font-size: 28px;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .text-hover p{
    color: #fff;
    max-width: 100%;
    font-size: 18px;
    line-height: 1.4em;
}


/* Standard & Premium */
.single-stand_alone_page.postid-16133 .section-standard-premium{
    background-color: #f5f4f4;
    padding: 50px;
}

.single-stand_alone_page.postid-16133 .section-standard-premium .standard-col .section-h2-title-black{
    margin-bottom: 25px;
}

.single-stand_alone_page.postid-16133 .section-standard-premium .standard-col .section-h2-title-black h2{
    margin-bottom: 0;
}

.single-stand_alone_page.postid-16133 .section-standard-premium .standard-col .section-h2-title-black p{
    padding: 0;
    font-size: 24px;
}

/* Road Freight Map */
.single-stand_alone_page.postid-16133 .section-road-freight-map{
    padding: 0;
}

.single-stand_alone_page.postid-16133 .section-road-freight-map h2{
    margin-bottom: 0;
    padding-top: 140px;
}

.single-stand_alone_page.postid-16133 .section-road-freight-map img{
    width: 100%;
}

/* Product Features */
.single-stand_alone_page.postid-16133 .section-product-features{
    padding: 80px 0;
}

.single-stand_alone_page.postid-16133 .section-product-features h2{
    padding-top:80px;
}

.single-stand_alone_page.postid-16133 .section-product-features img{
    width: 100%;
}

/* Statistics */
.single-stand_alone_page.postid-16133 .statistics-numbers{
    background-color: #f5f4f4;
    padding: 80px 0;
}

/* Value Added Services */
.single-stand_alone_page.postid-16133 .section-value-added-services{
    background-color: #d86018;
    padding: 40px 0 80px;
    margin: 80px 0;
    color: #fff;
}

.single-stand_alone_page.postid-16133 .section-value-added-services .value-content{
    @media screen and (min-width: 1024px){
        width: 80%;
        margin: 0 auto;
    }
}

.single-stand_alone_page.postid-16133 .section-value-added-services p,
.single-stand_alone_page.postid-16133 .section-value-added-services ul li{
    color: #fff;
}

.single-stand_alone_page.postid-16133 .section-value-added-services h2{
    padding-top: 50px;
    color:#fff;
}

/* Agility Connects */
.single-stand_alone_page.postid-16133 .section-agility-connects{
    
}

.single-stand_alone_page.postid-16133 .section-agility-connects h2{
    padding-top:70px;
}

.single-stand_alone_page.postid-16133 .section-agility-connects img{
    width: 100%;
}

@media screen and (max-width:1054px){
    .single-stand_alone_page.postid-16133 .section-flex-direct .text-hover{
        height: auto;
    }
}

@media screen and (min-width:1440px){
/*     .single-stand_alone_page.postid-16133 .section-flex-direct .flex-img.flex{
   width: 50%;
   float: right;
}

.single-stand_alone_page.postid-16133 .section-flex-direct .flex-img.direct{
   width: 50%;
   float: left;
} */
}

@media screen and (max-width:767px){
    .single-stand_alone_page.postid-16133 .section-flex-direct .desktop-right{
        text-align: center;
    }
    .single-stand_alone_page.postid-16133 .section-flex-direct .mobile-center{
        text-align: center;
    }
    .single-stand_alone_page.postid-16133 .section-flex-direct .mobile-display-none{
        display: none;
    }
    .single-stand_alone_page.postid-16133 .section-flex-direct .text-hover{
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translate(-50%, -15%);
        width: 90%;
    }
    .single-stand_alone_page.postid-16133 .section-flex-direct .text-hover.direct{
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translate(-50%, 20%);
        width: 90%;
    }
    
    .single-stand_alone_page.postid-16133 .section-road-freight-map h2{
        padding-top:0;
    }
    
    .single-stand_alone_page.postid-16133 .section-value-added-services h2{
        padding-top: 0;
    }
    
    .single-stand_alone_page.postid-16133 .section-flex-direct .flex-img .text-flex p{
        padding-top:0;
        padding-right:0;
    }
    .single-stand_alone_page.postid-16133 .section-flex-direct .flex-img .text-direct p{
        padding-left:0;
    }
}
/* ============== END OF ROAD FREIGHT EUROPE ============== */




/* ============== START OF BREXIT ============== */

.single-stand_alone_page.postid-18507{
    .section-h2-title-black h2{
        color: #474647!important;
        font-size: 40px!important;
    }
    .section-page-content .container{
        padding: 0;
        max-width: 100%;
    }

    #hero #hero-image{
        background-position: 50% 45%!important;
    }

    #hero .hero-cta-button{
        margin-top: 50px;
    }

    .section-page-content .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100%;
    }

    .section-page-content .container-custom{
        max-width: 1600px;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    .section-page-content .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
        padding: 0px;
    }

    .addtoany_share_save_container {
        max-width: 1600px;
        margin: 0 auto;
        overflow: hidden;
        padding-left: 60px;
        padding-right: 60px;
    }

    #hero-image {
        height: 448.8px!important;
        background-size: cover;
        background-position: bottom!important;
    }

    section#bottom-section .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
        padding: 10px;
    }

    /* Content */

    section.impact-trading{
        padding: 60px 0;
        .container-icon{
            max-width: 1400px;
        }
        .container-icon-b{
            max-width: 1100px;
        }
        .container-icon, .container-icon-b{
            margin: 0 auto 40px;
            padding-left: 40px;
            padding-right: 40px;
            @media screen and (max-width: 1024px){
                max-width: 1600px;
                margin: 0 auto;
                padding-left: 40px;
                padding-right: 40px;
            }
            .icon-a{
                width: 25%;
                float:left;
                text-align: center;
                position: relative;
                img{
                    width: 100px;
                    height: 100px;
                }
                h4{
                    margin-top: 25px;
                    margin-bottom: 0;
                    color: #d86018;
                }
                @media screen and (max-width: 767px){
                    width: 100%;
                    margin-bottom: 30px;
                }
                a{  
                    cursor: pointer;
                    &:hover{
                        img{
                            opacity: 0;
                            transition: .5s;
                        }
                        h4{
                            opacity: 0;
                            transition: .5s;
                        }
                        i.fa{
                            opacity: 0;
                            transition: .5s;
                        }
                        .hidden-text{
                            visibility: visible;
                            opacity: 1;
                        }
                    }
                }
                i{
                    font-size: 20px;
                    color: #d86018;
                }
            }
            .icon-b{
                width: 33.3%;
                float:left;
                text-align: center;
                position: relative;
                img{
                    width: 100px;
                    height: 100px;
                }
                h4{
                    margin-top: 25px;
                    margin-bottom: 0;
                    color: #d86018;
                }
                @media screen and (max-width: 767px){
                    width: 100%;
                    margin-bottom: 30px;
                }
                a{  
                    cursor: pointer;
                    &:hover{
                        img{
                            opacity: 0;
                            transition: .5s;
                        }
                        h4{
                            opacity: 0;
                            transition: .5s;
                        }
                        i.fa{
                            opacity: 0;
                            transition: .5s;
                        }
                        .hidden-text{
                            visibility: visible;
                            opacity: 1;
                        }
                    }
                }
                i{
                    font-size: 20px;
                    color: #d86018;
                }
            }
            .hidden-text{
                visibility: hidden;
                height: 150px;
                opacity: 0;
                transition: visibility .5s, opacity .5s linear;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                p{
                    max-width: 100%;
                    line-height: 1.4;
                    font-size: 18px;
                    padding: 20px 0;
                }
            }
        }
    }
    section.agility-solution{
        background-color: #f5f4f4;
        padding: 80px 0 60px;
        .solution-col{
            background-color: #c4bfb6;
            text-align: center;
            margin: 0 1% 20px;
            width: 48%;
            float: left;
            cursor:pointer;
            position: relative;
            padding: 30px 10px;
            @media screen and (max-width: 1024px){
                width: 100%;
            }
            img{
                width: 100px;
                height: 100px;
            }
            h3{
                color: #fff;
                margin: 15px 0 0;
            }
            &:hover{
                .hidden-text{
                    visibility: visible;
                    opacity: 1;
                }
                img, h3{
                    opacity:0;
                }
            }
            .hidden-text{
                visibility: hidden;
                height: 150px;
                opacity: 0;
                transition: visibility .5s, opacity .5s linear;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                padding: 10px;
                p{
                    max-width: 100%;
                    line-height: 1.4;
                    font-size: 18px;
                    padding: 20px 0;
                    color: #fff;
                }
            }
        }
        .agility-solution-content{
            position: relative;
            .solution-title{
                position: absolute;
                top: 50%;
                transform: translateY(75%);
                @media screen and (max-width: 767px){
                    position: relative;
                    top: 0;
                    transform: translateY(0);
                }
            }
        }
    }
    section.withdrawal-agreement{
        padding: 60px 0;
        .outcome-col{
            width: 20%;
            float:left;
            padding: 20px 25px;
            @media screen and (max-width: 1024px){
                width: 33.33%;
            }
            @media screen and (max-width: 767px){
                width: 100%;
            }
            .number{
                margin-bottom: 10px;
                span{
                    font-weight: 600;
                    font-size: 16px;
                    background-color: #c4bfb6;
                    color: #fff;
                    border-radius: 50%;
                    padding: 5px 8px;
                    border: 3px solid #fff;
                }
            }
            .small-txt{
                font-style: italic;
            }
            .title {
                color: #d86018;
                font-size: 20px;
                padding: 5px 0;
                font-weight: 600;
                height: 75px;
            }
            img{
                padding: 20px;
            }
            .content-txt{
                height: 150px;
                p{
                    max-width: 100%;
                    line-height: 1.4;
                    font-size: 18px;
                }
            }
            .btn-status{
                background-color: #f4f3f2;
                float: left;
                width: 100%;
                padding: 5px 15px;
                border-radius: 25px;
                margin-top:10px;
            }
            .btn-status.high{
                .txt{
                    width: 50%;
                    float: left;
                    color: #A985b5;
                    text-transform: uppercase;
                    font-size: 18px;
                    font-weight: bold;
                }
                .arrow{
                    width: 50%;
                    float: left;
                    text-align: right;
                    i{
                        color: #A985b5;
                        font-size: 20px;
                        font-weight: bold;
                    }
                } 
            }
            .btn-status.low{
                .txt{
                    width: 50%;
                    float: left;
                    color: #a0d1ca;
                    text-transform: uppercase;
                    font-size: 18px;
                    font-weight: bold;
                }
                .arrow{
                    width: 50%;
                    float: left;
                    text-align: right;
                    i{
                        color: #a0d1ca;
                        font-size: 20px;
                        font-weight: bold;
                    }
                } 
            }
            .btn-status.medium{
                .txt{
                    width: 50%;
                    float: left;
                    color: #d86018;
                    text-transform: uppercase;
                    font-size: 18px;
                    font-weight: bold;
                }
                .arrow{
                    width: 50%;
                    float: left;
                    text-align: right;
                    i{
                        color: #d86018;
                        font-size: 20px;
                        font-weight: bold;
                    }
                } 
            }
        }
    }
    section.possible-outcome{
        padding: 60px 0;
        .outcome-col{
            width: 25%;
            float: left;
            @media screen and (max-width: 1024px){
                width: 45%;
            }
            @media screen and (max-width: 767px){
                width: 100%;
            }
            &:last-child{
                .image{
                    border-right: none;  
                }
            }
            .image{
                background-color: #f4f3f2;
                text-align: center;
                padding: 20px 0;
                position: relative;
                border-right: 1px solid #ddd;
                img{
                    width: 50%;
                }
                .number{
                    position: absolute;
                    background-color: #fff;
                    color: #d86018;
                    font-size: 24px;
                    font-weight: bold;
                    left: 10%;
                    bottom: -10%;
                    padding: 7px 0;
                    border-radius: 50%;
                    height: 50px;
                    width: 50px;
                    box-shadow: 0 0 0px 10px #f4f3f2;
                }
            }
            .content{
                padding: 30px 15px;
                h3{
                    font-weight: bold;
                    color: #d86018;
                    font-size: 20px;
                }
                ul{
                    padding-left: 15px;
                    li{
                        font-size: 18px;
                    }
                }
            }
        }
        .outcome-alert{
            p{
                background-color: #af272f;
                color: #fff;
                padding: 10px 30px;
                text-align: center;
                border-radius: 10px;
            }
        }
    }
    section.network{
        background-color: #f5f4f4;
        padding: 60px 0;
        .section-h2-title-black{
            position: relative;
            h2{
                position: absolute;
                transform: translateY(100%);
                @media screen and (max-width: 1439px){
                    position: relative;
                    transform: translateY(0%);
                }
                @media screen and (max-width: 767px){
                    padding-top: 0;
                }
            }
        }
    }
    section.video-main{
        padding: 60px 0;
        max-width: 600px;
        margin: 0 auto;
        .video{
            position: relative;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 600px;
            &:before{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
                opacity: .75;
            }
            .video-text {
                position: absolute;
                top: 10%;
                width: 100%;
                text-align: center;
                @media screen and (max-width: 767px){
                    top: 5%;
                }
                .play-video-icon {
                    display: block;
                    width: 160px;
                    height: 160px;
                    margin: 0 auto;
                    background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
                    border-radius: 80px;
                    @media screen and (max-width: 767px){
                        width: 100px;
                        height: 100px;
                    }
                }
                h2 {
                    color: #fff;
                    font-family: 'Karla', sans-serif;
                    font-weight: bold;
                    margin-top: 20px;
                    font-size: 40px;
                    @media screen and (max-width: 767px){
                        font-size: 25px;
                    }
                }
            }
        }
    }
}


/* ============== END OF BREXIT ============== */



/* ============== START OF Abu Dhabi Warehouse ============== */
.single-stand_alone_page.postid-16922 {
    section.video-main{
        padding: 60px 0;
        max-width: 600px;
        margin: 0 auto;
        .video-container{
            padding-top: 0;
        }
        .video{
            position: relative;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 600px;
            &:before{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
                opacity: .75;
            }
            .video-text {
                position: absolute;
                top: 0%;
                width: 100%;
                text-align: center;
                transform: translateY(50%);
                @media screen and (max-width: 767px){
                    top: 0%;
                }
                .play-video-icon {
                    display: block;
                    width: 100px;
                    height: 100px;
                    margin: 0 auto;
                    background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
                    border-radius: 80px;
                    background-size: 40%;
                    @media screen and (max-width: 767px){
                        width: 160px;
                        height: 160px;
                    }
                }
                h2 {
                    color: #fff;
                    font-family: 'Karla', sans-serif;
                    font-weight: bold;
                    margin-top: 20px;
                    font-size: 35px;
                    @media screen and (max-width: 767px){
                        font-size: 45px;
                    }
                }
            }
        }
    }
}
/* ============== END OF Abu Dhabi Warehouse ============== */




/* ============== START OF IMO 2020 ============== */

.single-stand_alone_page.postid-19756{
    .section-page-content .container{
        padding: 0;
        max-width: 100%;
    }

    #hero #hero-image{
        background-position: 50% 50%!important;
    }

    #hero .hero-cta-button{
        margin-top: 50px;
    }

    .section-page-content .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100%;
    }

    .section-page-content .container-custom{
        max-width: 1600px;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    .section-page-content .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
        padding: 0px;
    }

    .addtoany_share_save_container {
        max-width: 1600px;
        margin: 0 auto;
        overflow: hidden;
        padding-left: 60px;
        padding-right: 60px;
    }

    #hero-image {
        height: 448.8px!important;
        background-size: cover;
        background-position: bottom!important;
    }

    section#bottom-section .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
        padding: 10px;
    }
    
    /* Content */

    section.description{
        margin-bottom: 20px;
        p{
            margin: 0 auto;
            text-align: center;
            font-family: 'Karla', sans-serif;
            font-size: 28px;
            letter-spacing: -1px;
            color: #474647;
        }
    }

    section.short-term-impact{
        background: #f4f3f2;
        padding: 80px 0;
        margin: 80px 0;
        p{
            max-width: 100%;
        }
        .talking-points-columns{
            .icon{
                &.a{
                    img{
                        width: 130px!important;
                        height: 130px!important;
                    }
                }
                img{
                    width: 150px;
                    height: 150px;
                }
            }
        }
    }
    
    #agility_actions{
        &:before{
            display: block;
            content: " ";
            margin-top: -100px;
            height: 100px;
            visibility: hidden;
            pointer-events: none;
        }
    }
    section.page-accordion-section{
        padding: 0 0 120px;
        margin-top: 0;
        .page-accordion{
            margin-top: 50px;
            p{
                max-width: 100%;
                padding: 10px 30px;
                @media screen and (max-width: 1023px){
                    color: #474647!important;
                }
            }
        }
    }
}

/* ============== END OF IMO 2020 ============== */

/* ============== START OF Africa Website ============== */

.single-stand_alone_page.postid-11470 {
    overflow-x: hidden;
}

.single-stand_alone_page.postid-11470 section .container{
    padding: 0;
    max-width: 100%;
}

.single-stand_alone_page.postid-11470 .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}

.single-stand_alone_page.postid-11470 .container-custom{
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

.single-stand_alone_page.postid-11470  #footer {
    margin-top: 20px;
}

.single-stand_alone_page.postid-11470 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.single-stand_alone_page.postid-11470 .no-padding{
    padding: 0;
}

.single-stand_alone_page.postid-11470 .no-margin{
    margin: 0;
}

.single-stand_alone_page.postid-11470 .center{
    text-align: center;
}

.single-stand_alone_page.postid-11470 .left{
    text-align: left;
}

.single-stand_alone_page.postid-11470 .padding-custom{
    padding: 5px!important;
}

.single-stand_alone_page.postid-11470 div#map122 {
    width: 100%!important;
}

@media screen and (max-width: 991px){
.postid-11470 .section-b2 .no-padding{
    padding: 0 15px!important;
}
}
/* -------------------------------------------- */
/* Start of Nav menu */

.postid-11470 .section-page-content{
    margin-top: 0;
}
.postid-11470 #nav-africa .container-fluid{
    background-color: #d86018;
}

.postid-11470 #nav-africa .navbar-header .collapsed .fa-chevron-down,
.postid-11470 #nav-africa .navbar-header .fa-chevron-up {
    display: inline-block;
    color: #ea7600;
    font-size: 25px;
}

.postid-11470 #nav-africa .navbar-header .collapsed .fa-chevron-up,
.postid-11470 #nav-africa .navbar-header .fa-chevron-down {
  display: none;
}

.postid-11470 #nav-africa i.fa {
  cursor: pointer;
  margin-right: 5px;
}

.postid-11470 #nav-africa .collapsed ~ .panel-body {
  padding: 0;
}

.postid-11470 #nav-africa .navbar{
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.postid-11470 #nav-africa  .navbar-inverse .navbar-nav{
    width: 100%;
}

.postid-11470 #nav-africa  .navbar-inverse .navbar-nav>li{
    width: 16.66%;
}

.postid-11470 #nav-africa .navbar-inverse .navbar-nav>li:hover {
    background-color: #ea7600;
}

.postid-11470 #nav-africa  .navbar-inverse .navbar-nav>li>a{
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.postid-11470 #nav-africa .navbar-inverse{
    background-color: transparent;
}

.postid-11470 .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    border-bottom: #fff 2px solid;
    background: transparent;
}

@media screen and (max-width: 1024px){
    .postid-11470 #nav-africa .container-fluid{
        background-color: transparent;
        padding-bottom:10px;
        border-top: 1px solid #ddd7d1;
    }
    
    .postid-11470 #nav-africa .container-custom{
        border: 2px solid #ea7600;
        padding: 0;
        margin-top: 10px;
    }
    
    .postid-11470 #nav-africa .navbar-inverse .navbar-toggle {
        border: none;
    }
    
    .postid-11470 #nav-africa .navbar-inverse .navbar-toggle:focus, 
    .postid-11470 #nav-africa .navbar-inverse .navbar-toggle:hover{
        background: transparent;
        border: none;
    }
    
    .postid-11470 #nav-africa .navbar-header {
        float: none;
    }
    .postid-11470 #nav-africa .navbar-left,.navbar-right {
        float: none !important;
    }
    .postid-11470 #nav-africa .navbar-toggle {
        display: block;
    }
    .postid-11470 #nav-africa .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .postid-11470 #nav-africa .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .postid-11470 #nav-africa .navbar-collapse.collapse {
        display: none!important;
    }
    .postid-11470 #nav-africa .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    
    .postid-11470 #nav-africa .navbar-nav>li {
        float: none;
        width: 100%!important;
        text-align: left!important;
    }
    
    .postid-11470 #nav-africa .navbar-nav>li>a:hover{
        color:#fff!important;
    }
    
    .postid-11470 #nav-africa .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        color:#ea7600!important;
        text-align: left!important;
    }
    .postid-11470 #nav-africa .collapse.in{
        display:block !important;
        border-top: 2px solid #ea7600;
    }
    .postid-11470  #nav-africa .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, 
    .postid-11470  #nav-africa .navbar-inverse .navbar-nav>.active>a:hover{
        border-bottom:none;
        background: transparent;
    }
}
/* -------------------------------------------- */
/* End of CSS Nav menu */


/* -------------------------------------------- */
/* Start of CSS Banner */
.postid-11470 .banner-africa{
    position: relative;    
}

.postid-11470 .banner-africa .container-fluid{
    background-image: url('https://www.agility.com/wp-content/uploads/2018/05/bg-image-1.jpg');
    background-size: cover;
    height: 713px;
}

.postid-11470 .banner-africa .content{
    padding: 60px 0 0;
}

.postid-11470 .banner-africa .banner-text{
    margin-top: 130px;
    z-index: 1;
}

.postid-11470 .banner-africa .banner-text button{
    border: none;
}

.postid-11470 .banner-africa .banner-text h1{
    font-size: 70px;
    line-height: 75px;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: normal;
    text-shadow: 0px 0px 10px #000000;
}

.postid-11470 .banner-africa .banner-text p{
    font-size: 24px;
    margin: 20px 0;
    color: #fff;
    line-height: 1.3;
    font-weight: 300;
    text-shadow: 0px 0px 10px #000000;
}

.postid-11470 .banner-africa .contact-us-button{
    position: relative;
  margin-top: 40px;
    height: 50px;
}

/* Hero Video */
.postid-11470 .hero-video{
    width: 380px;
    position: absolute;
    bottom: 100px;
    right: 10%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 230px;
    box-shadow: 0px 0px 20px #474647;
}

.postid-11470 .africa-more-videos{
    position: absolute;
    bottom: 50px;
    right: 10%;
}

.postid-11470 .africa-more-videos a{
    width: 380px;
    right: 3.7%;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.postid-11470 .hero-video:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 75%);
  opacity: .75;
}

.postid-11470 .hero-video .hero-video-text{
  position: absolute;
  bottom: 5%;
  width: 100%;
  text-align: center;
}

.postid-11470 .hero-video .hero-video-text .play-video-icon{
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5) url(https://www.agility.com/wp-content/uploads/2018/07/play-icon.png) center center no-repeat;
    border-radius: 80px;
    background-size: 40%;
}

.postid-11470 .hero-video .hero-video-text h2{
  color: #fff;
  font-family: 'Karla', sans-serif;
  font-weight: bold;
  margin-top: 30px;
  font-size: 22px;
}

@media screen and (max-width:480px){
  .postid-11470 .hero-video{
    width:100%;
  }
}

@media screen and (max-width:1023px){
  .postid-11470 .hero-video{
    width:100%;
    display: none;
  }
  
  .postid-11470 .africa-more-videos{
      display: none;
  }
  .postid-11470 .hero-video-text{
    float: none;
    width: 350px;
    height: 200px;
    bottom: 0px;
  }
  .postid-11470 .hero-video .hero-video-text .play-video-icon{
    width: 100px;
    height: 100px;
    background-size: 50%;
  }
  .postid-11470 .hero-video .hero-video-text h2{
    font-size: 16px;
  }
}

@media screen and (max-width:1440px){
    .postid-11470 .banner-africa .banner-text p{
        max-width: 600px;
    }
}

/* End of Hero Video */

/* Banner - Media Screen */

@media screen and (max-width:992px){
    .postid-11470 .banner-africa .container-fluid{
        height: 575px;
    }
    
    .postid-11470 .banner-africa .banner-text{
        margin-top: 0px;
    }
    
    .postid-11470 .banner-africa img.map{
        display:none;
    }
    
    .postid-11470 .banner-africa .banner-text h1{
        font-size: 56px;
        line-height: initial;
        width: initial;
    }
    .postid-11470 .banner-africa .banner-text h1 br{
        display:none;
    }
    
    .postid-11470 .banner-africa .banner-text br{
        display:none;
    }

}

@media screen and (max-width:550px){
    .postid-11470 .banner-africa .container-fluid{
        height: 475px;
    }

    .postid-11470 .banner-africa .banner-text h1{
        font-size: 40px;
    }
    
    .postid-11470 .banner-africa .banner-text h1 br{
        display: none;
    }
    .postid-11470 .banner-africa .banner-text p{
        font-size: 18px;
    }
}
/* End of CSS Banner */
/* -------------------------------------------- */


/* -------------------------------------------- */
/* Start of CSS Section-A */
.postid-11470 .section-a{
    padding: 100px 0 0;
}

.postid-11470 .section-a .section-a-title{
    text-align: center;
    font-family: 'Karla', sans-serif;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.25;
    margin-bottom: 0;
}

/* End of CSS Section-A */
/* -------------------------------------------- */


/* -------------------------------------------- */
/* Start of CSS Section-A2 */
.postid-11470 .section-a2{
    padding: 0 0 100px;
}

/* End of CSS Section-A */
/* -------------------------------------------- */




/* Start of CSS Section B */
/* -------------------------------------------- */
.postid-11470 .section-b .container-fluid{
    background-color: #f4f3f2;
    padding: 100px 0px 0px;
}


.postid-11470 .section-b .section-title{
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    margin: 0;
    color: #474647;
    padding-bottom: 60px;
    margin-top: 0;
}

.postid-11470 .section-b .section-title:after{
    content: '';
    display: block;
    width: 62px;
    height: 2px;
    background: #ddcba4;
    margin: 20px auto 0;
}

.postid-11470 .section-b .row-title{
    max-width: 1600px;
    margin: 0 auto 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.postid-11470 .section-b .row-title h4{
    font-size: 22px;
    padding-top: 25px;
}

.postid-11470 .section-b .row-title .text {
    font-size: 18px;
    font-weight: 300;
}


/* End of CSS Section B */
/* -------------------------------------------- */


/* -------------------------------------------- */
/* Start of CSS section-b2 - Slider */
.postid-11470 .section-b2{
    padding-bottom: 100px;
    background-color: #f4f3f2;
}

.postid-11470 .section-b2 .country-block-01 .content,
.postid-11470 .section-b2 .country-block-02 .content,
.postid-11470 .section-b2 .country-block-03 .content,
.postid-11470 .section-b2 .country-block-04 .content{
    position: absolute;
    bottom: 5%;
}

.postid-11470 .section-b2 .country-block-01 .title,
.postid-11470 .section-b2 .country-block-02 .title,
.postid-11470 .section-b2 .country-block-03 .title,
.postid-11470 .section-b2 .country-block-04 .title{
    font-size: 50px;
    padding: 0 20px 0 33px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

@media screen and (max-width:991px){
    .postid-11470 .section-b2 .country-block-01 .title,
    .postid-11470 .section-b2 .country-block-02 .title,
    .postid-11470 .section-b2 .country-block-03 .title,
    .postid-11470 .section-b2 .country-block-04 .title{
        font-size: 36px;
    }

}
.postid-11470 .section-b2 .country-block-01 ul,
.postid-11470 .section-b2 .country-block-02 ul,
.postid-11470 .section-b2 .country-block-03 ul,
.postid-11470 .section-b2 .country-block-04 ul{
    margin-left: 7px;
}
.postid-11470 .section-b2 .country-block-01 ul li,
.postid-11470 .section-b2 .country-block-02 ul li,
.postid-11470 .section-b2 .country-block-03 ul li,
.postid-11470 .section-b2 .country-block-04 ul li{
    color: #fff;
    font-size: 13px;
    max-width: 100%;
    line-height: 1.3em;
}


.postid-11470 .section-b2 .country-block-01{
    background: url('/wp-content/uploads/2019/02/bg-image-7-new.jpg');
    height: 445px;
    background-size: cover !important;
    background-position: right;
    background-repeat: no-repeat;
    position:relative;
}

.postid-11470 .section-b2 .country-block-02{
    background: url('/wp-content/uploads/2019/02/bg-image-new.jpg');
    height: 445px;
    background-size: cover !important;
    background-position: right;
    background-repeat: no-repeat;
    position:relative;
}
.postid-11470 .section-b2 .country-block-03{
    background: url('/wp-content/uploads/2019/02/bg-image-9-new.jpg');
    height: 445px;
    background-size: cover !important;
    background-position: right;
    background-repeat: no-repeat;
    position:relative;
}
.postid-11470 .section-b2 .country-block-04{
    background: url('/wp-content/uploads/2019/02/image-7-new.jpg');
    height: 445px;
    background-size: cover !important;
    background-position: right;
    background-repeat: no-repeat;
    position:relative;
}

@media screen and (max-width:1440px) and (min-width:992px){
    .postid-11470 .section-b2 .country-block-01 .title,
    .postid-11470 .section-b2 .country-block-02 .title,
    .postid-11470 .section-b2 .country-block-03 .title,
    .postid-11470 .section-b2 .country-block-04 .title{
        font-size: 33px;
    }

}

/* End of CSS section-b2 */
/* -------------------------------------------- */


/* Start of CSS Section C */
/* -------------------------------------------- */
.postid-11470 .section-c{
    padding: 100px 0  40px;
}


.postid-11470 .section-c .section-title{
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    margin: 0;
    color: #474647;
    padding-bottom: 60px;
    margin-top: 0;
}

.postid-11470 .section-c .section-title:after{
    content: '';
    display: block;
    width: 62px;
    height: 2px;
    background: #ddcba4;
    margin: 20px auto 0;
}

.postid-11470 .section-c .row-title h4{
    font-size: 22px;
}

.postid-11470 .section-c .row-title .text-a{
    font-size: 18px;
    word-spacing: 8px;
    font-weight: 300;
}

.postid-11470 .section-c .row-title .text-b{
    font-size: 18px;
    font-weight: 300;
}

/* Map */

.postid-11470 .section-c-2{
    margin-bottom: 0;
}

.postid-11470 .section-c-3{
    padding: 30px 0 30px;
}

.postid-11470 .section-c-3 span.map-title {
    font-size: 16px;
    padding-left: 10px;
}

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

}

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


/* End of CSS Section C */
/* -------------------------------------------- */



/* -------------------------------------------- */
/* Start of CSS section-d */
.postid-11470 .section-d .container-fluid{
    padding: 100px 0 100px;
}

.postid-11470 .section-d .section-title{
    margin-bottom: 10px;
    text-align: center;
    font-size: 30px;
    color: #474647;
    text-align: center;
    margin-top: 0;
}


.postid-11470 .section-d .section-title:after{
    content: '';
    display: block;
    width: 62px;
    height: 2px;
    background: #ddcba4;
    margin: 20px auto 0;
}

.postid-11470 .section-d .section-sub-title{
    margin-top: 0;
    text-align: center;
    padding-bottom: 60px;
    font-size: 24px;
    color:#8c857b;
    font-weight: 300;
}

.postid-11470 .section-d .icon-block{
    float: left;
    width: 25%;
    height: 260px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.postid-11470 .section-d .icon-block img {
    margin: 20px 0;
}

.postid-11470 .section-d .icon-block p{
    text-align: center;
    color: #8c857b;
    max-width: 100%;
    font-size: 17px;
    width: 200px;
    margin: 0 auto;
    line-height: 1.3;
}

.postid-11470 .section-d .icon-block:nth-child(5), .section-d .icon-block:nth-child(6), .section-d .icon-block:nth-child(7), .section-d .icon-block:nth-child(8){
    border-bottom: none;
}

.postid-11470 .section-d .icon-block:nth-child(4),
.postid-11470 .section-d .icon-block:nth-child(8){
    border-right: none;
}

@media screen and (max-width:992px){
    .postid-11470 .section-d .icon-block{
        width: 50%;
    }
    
    .postid-11470 .section-d .icon-block:nth-child(2),
    .postid-11470 .section-d .icon-block:nth-child(6){
        border-right:none;
    }
    
    .postid-11470 .section-d .icon-block:nth-child(5),
    .postid-11470 .section-d .icon-block:nth-child(6) {
        border-bottom: 1px solid #f1f1f1;
    }
}

@media screen and (max-width:550px){
    .postid-11470 .section-d .icon-block{
        width: 100%;
        border-right: none;
    }
    .postid-11470 .section-d .icon-block:nth-child(7){
        border-bottom: 1px solid #f1f1f1;
    }
}

/* -------------------------------------------- */
/* End of CSS section-d */




/* -------------------------------------------- */
/* Start of CSS Section-E*/

.postid-11470 .section-e{
    padding: 100px 0px;
    background-color: #f4f3f2;
}

.postid-11470 .section-e .section-title{
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    margin: 0;
    color: #474647;
    padding-bottom: 60px;
    margin-top: 0;
}

.postid-11470 .section-e .section-title:after{
    content: '';
    display: block;
    width: 62px;
    height: 2px;
    background: #ddcba4;
    margin: 20px auto 0;
}

.postid-11470 .section-e .content-e{
    display: table;
    width: 100%;
    margin-top: 0;
    padding: 20px 0 0;
    position: relative;
    z-index: 1;
}

.postid-11470 .section-e .content-e  .column-01{
    margin: 0 0 20px;
    padding-bottom: 10px;
    position: relative;
    color: #ddcba4;
    font-family: 'Karla', sans-serif;
    font-weight: 400;
}

.postid-11470 .section-e .content-e  .column-01 h2{
    font-size: 24px;
}

.postid-11470 .section-e .content-e  .column-02 h3{
    font-size:14px;
    font-weight: 700;
    color: #8c857b;
}

.postid-11470 .section-e .content-e  .column-02 ul li{
    font-size:14px;
    color: #8c857b;
    font-weight: 300;
}

@media screen and (min-width:1440px){
    .postid-11470 .section-e .content-e  .column-02{
        padding-left: 70px!important;
    }
    
    .postid-11470 .section-e .content-e  .column-02 h3{
        font-size:22px;
        font-weight: 700;
    }
    
    .postid-11470 .section-e .content-e  .column-02 ul li{
        font-size:20px;
    }
    
    .postid-11470 .section-e .content-e  .column-01 h2{
        font-size:45px;
    }
}

@media screen and (min-width:1024px){
    .postid-11470 .section-e .content-e  .column-01{
        margin: 0;
        padding: 0;
        display: table-cell;
        width: 25%;
        vertical-align: middle;
    }
    
    .postid-11470 .section-e .content-e  .column-02{
        padding-left: 30px;
        border-left: 2px solid #ddcba4;
    }
}

@media screen and (max-width:992px){
    .postid-11470 .section-e .content-e .column-01 h2:before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 2px;
        background-color: #ddcba4;
    }
    .postid-11470 .section-e .content-e .column-02{
        margin-top: 70px;
    }
}
/* -------------------------------------------- */
/* End of CSS Section-E */





/* -------------------------------------------- */
/* Start of CSS Section-F */
.postid-11470 .section-f{
    padding: 100px 0;
    background-color: #f4f3f2;
}


.postid-11470 .section-f .section-title{
    padding-bottom: 60px;
    text-align: center;
    font-size: 30px;
    color: #474647;
    text-align: center;
    margin-top: 0;
}

.postid-11470 .section-f .section-title:after{
    content: '';
    display: block;
    width: 62px;
    height: 2px;
    background: #ddcba4;
    margin: 20px auto 0;
}


.postid-11470 .section-f .col-img .img-text{
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
    color: #fff;
    text-shadow: 0px 0px 10px #000000;
}

.postid-11470 .section-f .col-img img{
    opacity: 0.8;
    filter: alpha(opacity=40);
    width: 100%;
}

.postid-11470 .section-f .col-img h4{
    font-size: 26px;
}
.postid-11470 .section-f .col-img p{
    font-size: 18px;
}


/* Start of CSS Hover */
/* -------------------------------------------- */
.postid-11470 .section-f .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
    background-color: #fff;
}

.postid-11470 .section-f .hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.postid-11470 .section-f .hovereffect:hover .overlay {
  background-color: rgba(238, 125, 34, 0.8);
}

.postid-11470 .section-f .hovereffect:hover .img-text{
    display: none;
}

.postid-11470 .section-f .hovereffect img {
  display: block;
  position: relative;
}

.postid-11470 .section-f .hovereffect .overlay-text {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin-top: 10%;
  width: 80%;
}

.postid-11470 .section-f .hovereffect .overlay-text .title{
    font-size: 18px;
    padding-bottom: 10px;
    text-align: left;
    text-transform: none;
}

.postid-11470 .section-f .hovereffect .overlay-text ul{
    text-align: left;
    padding: 0;
}
.postid-11470 .section-f .hovereffect .overlay-text ul li{
    text-align: left;
    text-transform: none;
    font-size: 16px;
}
.postid-11470 .section-f .hovereffect:hover .overlay-text {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* End of CSS Hover */
/* -------------------------------------------- */


/* -------------------------------------------- */
/* Start of CSS Section-H*/

.postid-11470 .section-h{
    padding: 100px 0px 0;
}

.postid-11470 .section-h .section-title{
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    margin: 0;
    padding-bottom: 60px;
}

.postid-11470 .section-h .content-h{
    margin-bottom: 0;
}

.postid-11470 .section-h .content-h .images{
    
}

.postid-11470 .section-h .content-h .image1{
    text-align: center;
}

.postid-11470 .section-h .content-h .image1 img{
    max-width: 100%;
    display: inline-block;
}

.postid-11470 .section-h .content-h .images-content .text-content{
    margin-top: -20px;
    background-color: rgba(110, 109, 107, 0.9);
    padding: 40px 20px 20px;
    position: relative;
    z-index: 1;
}

.postid-11470 .section-h .content-h .images-content .text-content h2{
    margin: 0 0 20px;
    padding-bottom: 10px;
    position: relative;
    font-size: 24px;
    color: #ddcba4;
    font-family: 'Karla', sans-serif;
    font-weight: 400;
}

.postid-11470 .section-h .content-h .images-content .text-content h2:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #ddcba4;
}

.postid-11470 .section-h .content-h .images-content .presentation p{
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
}

.postid-11470 .section-h .content-h .images-content .presentation p:last-child{
    margin-bottom: 0;
}

.postid-11470 .section-h .content-h .images-content .read{
    display: block;
    color: #ed8b00;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 500;
    clear: both;
}


@media only screen and (min-width: 1024px){
    .postid-11470 .section-h .content-h{
        margin-bottom: 70px;
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .postid-11470 .section-h .content-h .images{
        max-width: 66%;
        float: right;
    }
    
    .postid-11470 .section-h .content-h .images-content{
        position: absolute;
        top: 50%;
        left: 0;
        width: 50%;
        max-width: 775px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .postid-11470 .section-h .content-h .images-content .text-content{
        margin-top: 0;
        padding: 45px 30px;
    }
    .postid-11470 .section-h .content-h .images-content .read{
        padding-left: 30px;
        font-size: 24px;
    }
}

@media only screen and (min-width: 1440px){
    .postid-11470 .section-h .content-h{
        margin-bottom:100px;
    }
    .postid-11470 .section-h .content-h .images-content .text-content{
        padding: 50px 75px 50px 50px;
    }
    .postid-11470 .section-h .content-h .images-content .text-content h2{
        font-size: 45px;
        margin-bottom: 30px;
    }
    .postid-11470 .section-h .content-h .images-content .presentation p{
        font-size:22px;
    }
}

/* End of CSS Section-H */
/* -------------------------------------------- */

/* -------------------------------------------- */
/* Start of CSS Section-G  - Footer */
.postid-11470 .section-g{
    margin-top: 60px;
}

.postid-11470 .section-g .container-fluid{
    background: #e9691e;
    background: -moz-linear-gradient(left, #e9691e 0%, #b8222e 100%);
    background: -webkit-linear-gradient(left, #e9691e 0%,#b8222e 100%);
    background: linear-gradient(to right, #e9691e 0%,#b8222e 100%);
    color: #fff;
    padding: 60px 0;
}

.postid-11470 .section-g .block-02{
    border-left: 5px solid #fff;
    padding-left: 50px;
    height: 385px;
    padding-bottom: 10px;
}

.postid-11470 .section-g .block-01 .title{
    font-size: 30px;
    padding-bottom: 30px;
}

.postid-11470 .section-g .block-02 .title{
    font-size: 30px;
    padding-bottom: 15px;
}

.postid-11470 .section-g .block-01 button.btn {
    background-color: #fff;
    color: #ea7600;
    padding: 4px 20px;
}

.postid-11470 .section-g .block-01 img{
    padding-bottom: 20px;
}

.postid-11470 .section-g .block-02 p{
    color: #fff;
    font-size: 15px;
    max-width: 100%;
}

.postid-11470 .section-g .block-02 ul.social{
    display: block;
    margin: 0;
    padding: 0;
}

.postid-11470 .section-g .block-02 .title.social{
    padding-bottom: 10px;
}
.postid-11470 .section-g .block-02 ul.social li{
    display: inline-block;
}

.postid-11470 .section-g .block-02 ul.social li a{
    color: #fff;
    padding: 10px;
    font-size: 30px;
}


@media screen and (max-width:992px){
    .postid-11470 .section-g .block-01,
    .postid-11470 .section-g .block-02{
        border-left: none;
        padding-left: 0;
        margin-bottom: 50px;
    }
    
    .postid-11470 .section-g .block-01{
        border-bottom: 3px solid #fff;
    }
    
    .postid-11470 .section-g .block-02{
         margin-bottom: 0px;
    }
}

@media screen and (max-width:550px){
    .postid-11470 .section-g .block-01 .title, .section-g .block-02 .title {
        font-size: 26px;
        padding-bottom: 25px;
        text-align: center;
    }
    
    .postid-11470 .section-g .block-02 ul.social{
        text-align: center;
    }
}


/* End of CSS Section-G */
/* -------------------------------------------- */



/* Anchor */
#services::before,#africa-footprint::before,#africa-sustainability::before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
  }
  
  #built-to-suit::before{
    display: block;
    content: " ";
    margin-top: 50px;
    height: 50px;
    visibility: hidden;
    pointer-events: none;
  }
/* ============== END OF Africa Website ============== */ 


/* ============== COOKIE CONSENT ============== */
/* Cookie Consent */
#catapult-cookie-bar {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  z-index: 99999;
  overflow: hidden;
  color: #000000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #f1f2f2;
}
#catapult-cookie-bar a {
  color: #ee7d22;
}
#catapult-cookie-bar .x_close span {
  background-color: #ffffff;
}
button#catapultCookie {
  background:#dd9933;
  color: #ffffff;
  border: 0; padding: 6px 9px; border-radius: 3px;
}
#catapult-cookie-bar h3 {
  color: #000000;
}
.has-cookie-bar #catapult-cookie-bar {
  opacity: 1;
  max-height: 999px;
  min-height: 30px;
}
        
html.has-cookie-bar.cookie-bar-top-bar.cookie-bar-bar {
    margin-top: 0!important;
}
.has-cookie-bar #catapult-cookie-bar{
  font-size: 16px;
  padding: 20px 20px 20px;
  background: rgba(241, 242, 242, 0.9);
  border-top: 5px solid #ee7d22;
}
button#catapultCookie {
   padding: 6px 20px!important;
   font-size: 14px;
}
button#catapultCookie:hover{
    opacity: 0.8;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

/* ============== SLICK ============== */
/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    &:focus {
        outline: none;
    }
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ============== MAGNIFIC POP-UP ============== */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,
button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover,
.mfp-close:focus{opacity:1;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover,
.mfp-arrow:focus{opacity:1;}
.mfp-arrow:before,
.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container{padding-left:6px;padding-right:6px;}
}

/* ============== CUSTOM CSS FROM BYRON ============== */

  
/* reCaptcha */
  #agi-rc iframe {
 
    margin-top: -50px;
  margin-left: 10px;
  
}


@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
  
  #agi-rc iframe {
 
  margin-top: 0 !important;
  margin-left: 200px !important;  
  
}

  
}

/* end reCaptcha */

/* Styling Overrides */
/*.press-release p {
  font-family: Karla;
  letter-spacing: -1px;
}

.press-release .learn.center {
  font-family: Karla;
}*/

.wpgmza_infowindow_title, .agi-addr, .agi-legalname, .agi-emailaddr, .agi-tel, .agi-fax {
  font-family: Karla;
}
.agi-legalname span, .agi-emailaddr span, .agi-tel span, .agi-fax span {
margin-right: 5px;
  font-family: Karla;
}

p.wpgmza_infowindow_address {
  display: none;
}

#menu-item-3743, .world {
 display: none; 
}

iframe#frame-one1235770433 form_table {
  background: #ffa !important; 

  
}

.formsite-common-header {
  letter-spacing: -1px;
}




/* End Styling Overrides*/


/* Emerging Markets */

.rankings-page-container p.has-image img {
  margin-bottom: 55px !important;
   margin-top: 25px !important;
}

/* End Emerging Markets */


/* Media Center */
.me-wrapper {
margin-top: -5px;
}
.me-name {
    font-size: 16px;
  text-align: left;
  color: #ee7433;
  letter-spacing: -1px;
  font-weight: bold;
}
.me-title {
    font-size: 13px;
  text-align: left;
  color: #c7a14d;
  font-family: Roboto;
  font-weight: normal;
}
.me-assets-wrapper {
    margin-top: -20px; 
}
.me-assets-wrapper, .me-assets-wrapper ul, .me-assets-wrapper ul li {
max-width: 100% !important;  
}
.me-assets-wrapper ul {
   padding: 0;
  margin: 0;
}
.me-assets-wrapper ul li {
    list-style-type: none;
  font-size: 12px !important;
  /*text-align: left;*/
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.me-mediafile {
    text-align: left;
  margin-bottom: 3px;
}

.me-mediafile-type {
 margin-right: 2px; 
}

.me-mediafile-type, .me-mediafile-info {
  display: inline;
}
.me-mediafile-type a {
    color: #4291b3 !important;
  font-size: 13px;
}
figure.elementor-image-box-img img[alt="me-thumbnail"] {
border: 2px solid #eae7e4;
  padding-left: 1px;
  padding-bottom: 1px;
}
/*** end media execs ***/
/*** start logos ***/
.logo-wrapper {
margin-top: -5px;
}
.logo-name {
    font-size: 16px;
  text-align: left;
  color: #ee7433;
  letter-spacing: -1px;
}
.logo-title {
    font-size: 13px;
  text-align: left;
  color: #c7a14d;
  font-family: Roboto;
  font-weight: normal;
}
.logo-assets-wrapper {
    margin-top: -12px;  
}
.logo-assets-wrapper, .logo-assets-wrapper ul, .logo-assets-wrapper ul li {
max-width: 100% !important;  
}
.logo-assets-wrapper ul {
   padding: 0;
  margin: 0;
}
.logo-assets-wrapper ul li {
    list-style-type: none;
  font-size: 12px !important;
  /*text-align: left;*/
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.logo-mediafile {
    text-align: left;
  margin-bottom: 3px;
}
.logo-mediafile-type, .logo-mediafile-info {
  display: inline;
}
.logo-mediafile-type a {
    color: #4291b3 !important;
  font-size: 13px;
}
figure.elementor-image-box-img img[alt="logo"] {
border: 2px solid #eae7e4;
  padding-left: 1px;
  padding-bottom: 1px;
}
/*** end logos ***/
.media-exec-photos-name {
   padding: 0;
  margin: 0;
  /*text-align: left;*/
  font-size: 15px;
}
.media-exec-photos-name span {
font-size: 13px;
  font-weight: normal;
}
.media-exec-photos-imginfo {
  margin-top: -10px;
}
.media-exec-photos-imginfo ul {
  padding: 0;
  margin: 0;
}
.media-exec-photos-imginfo ul li {
  list-style-type: none;
  font-size: 12px !important;
  /*text-align: left;*/
  padding: 0;
  margin: 0;
  max-width: 100%;
}
/*****/
.media-exec-bios-name {
   padding: 0;
  margin: 0;
  /*text-align: left;*/
  font-size: 15px;
}
.media-exec-bios-name span {
font-size: 13px;
  font-weight: normal;
}
.media-exec-bios-docinfo {
  margin-top: -10px;
}
.media-exec-bios-docinfo ul {
  padding: 0;
  margin: 0;
}
.media-exec-bios-docinfo ul li {
  list-style-type: none;
  font-size: 12px !important;
  /*text-align: left;*/
  padding: 0;
  margin: 0;
}
/******/
.media-logos-name {
   padding: 0;
  margin: 0;
  /*text-align: left;*/
  font-size: 15px;
}
.media-logos-name span {
font-size: 13px;
  font-weight: normal;
}
.media-logos-docinfo {
  margin-top: -10px;
}
.media-logos-docinfo ul {
  padding: 0;
  margin: 0;
}
.media-logos-docinfo ul li {
  list-style-type: none;
  font-size: 12px !important;
  /*text-align: left;*/
  padding: 0;
  margin: 0;
}
.media-downloadinfo {
    margin-top: -10px;
}
.media-downloadinfo ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}
.media-downloadinfo ul li {
  list-style-type: none;
  font-size: 12px !important;
  text-align: left;
  padding: 0;
  margin: 0;
}
/** overrides 18 Jan 2018 ***/
.exec-bio-text {
float: left;
}
.exec-bio-top {
    float: left;
    height: 300px;
    margin-right: 20px;
}
  #tarek-bio-top {
    height: 500px;
  }
#ealsaleh-bio-top {
  height: 450px;
}
#dmongeon-bio-top {
  height: 650px;
}
#halsaleh-bio-top {
    height: 450px;
}

#fcasamitjana-bio-top {
  height: 450px;
}
#cprice-bio-top {
  height: 450px;
}
#gwhite-bio-top {
  height: 450px;
}
#emonem-bio-top {
   height: 450px;
}
#bkewalram-bio-top {
  height: 500px;
}
.exec-bio-top .me-assets-wrapper {
    margin-top: 10px;
}
#gwattman-bio-top {
  height: 450px;
}
#emayne-bio-top {
  height: 450px;
}
#nakil-bio-top {
  height: 550px;
}
#hassan-bio-top {
  height: 500px;
}

#preston-bio-top {
  height: 450px;
}

#priscilla-bio-top {
  height: 450px;
}
p.exec-bio-text {
  max-width: 100% !important;
  float: none;
}

.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active {
 color: #dbc89e; 
}



@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {

  .exec-bio-top {
    width: 100% !important;
    margin: 0 0 25px 0 !important;
    height: auto !important;
  }
  
  .exec-bio-image-wrap, .me-name, .me-title, .me-mediafile {
    float: none;
    text-align: center !important;
  }
  
  p.exec-bio-text {
    max-width: 100% !important;
    float: none;
    font-size: 15px !important;
  }
}


/* End Media Center */
  
/***
Agility Connects Customer Portal
***/

#pMsg {
  /*color: #dbc89e;*/
  color: #ffffff !important;
}
#login-util #btnsubmit {
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 0px;
  width: 132px;
}
#aSignup {
  margin-right: 5px;
}

#aTranstrack {
 margin-left: 5px;
}
#aSignup, #aTranstrack {
  color: #a9dbda;
}
#aSignup:hover, #aTranstrack:hover {
  color: #acf2f7;
}


/***
END Agility Connects Customer Portal
******/


/***
Investor Relations 
***/

    .ir2-header-title h2 {
        font-family: Karla, Arial;
        font-size: 37px !important;
        letter-spacing: -1px !important;
        color: #000000;
    }

  .ir2-subheader {
      font-weight: normal;  
      font-family: Roboto;
      font-size: 25px;
      color: #5e5952;
      
  }

    .common-finance-table-container {
        font-family: arial;
      /*margin: 0 20px;*/
    }
    
    .common-finance-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 15px;
        font-family: Roboto, Arial;
        margin-bottom: 10px;
      
    }
    
    .common-finance-table td, .common-finance-table th {
        border: 1px solid #c8c3bd;
        padding: 8px;
      color: #3a3530;
    }
    
    .common-finance-rowheader th {
        width: 50px;
      
    }
    
    .common-finance-table th {
        text-align: center;
        /*width: 100px;*/
        background: #6fb7b0;
        color: #ffffff;
        border: 1px solid #549690;
        font-weight: bold;
      
    }
    
    .common-finance-table tr:nth-child(even){background-color: #f1f1f1;}
    .common-finance-table tr:nth-child(odd){background-color: #ffffff;}

  .common-finance-table tr td {
 text-align: center;     
}

    .common-finance-footnote {
        font-size: 13px;
        color: #504f4d;
      margin-bottom: 0px;
    }

.kfh-col-bold {
  font-weight: bold;
}



#million-kd {
  width: 20%;
}

#unit-of-measure {
  width: 10%;
}

#quarter-initial {
  width: 10%;
}

#quarter-secondary {
  width: 10%;
}

#change-percent {
 width: 10%; 
}

#common-finance-rowhead {
 width: 10%; 
}

#change-percent-2 {
 width: 10%; 
}

.common-bold {
  font-weight: bold;
  color: #302c27;
}

.last-bold {
  font-weight: normal;
}



/********  blocks ***********/
  .common-block {
        background: #6fb7b0; 
      width: 100%; 
      padding: 30% 10%; 
      min-height: 210px;
    }
    
    .common-block p {
        margin: 0;
      padding: 0; 
      text-align: center; 
      position: relative; 
      top: 50%;
      font-size: 17px;
    }

.common-block.common-block-pl {
min-height: 75px !important;
  padding: 10% 5%;
}



/* css overrides for new pages dir Awrad */
.report-v2 {
  margin-bottom: 10px;
}
.report-v2 a {
 line-height: 30px !important; 
  font-size: 15px;
  color: #706660;
}

.report-v2 a:hover .icon-v2 {
  background: #d95e18 url('https://www.agility.com/wp-content/themes/agility/images/report-arrow.png') no-repeat center;
  background-size: 15px 20px;
  height: 30px;
  width: 30px;
}
.report-v2 .icon-v2 {
  border-radius: 50%;
  border: 1px solid #d95e18;
  background: transparent url('https://www.agility.com/wp-content/themes/agility/images/report-arrow-hover.png') no-repeat center;
  background-size: 15px 20px;
  margin-right: 20px;
  float: left;
  height: 30px;
  width: 30px;
  display: none;
}

/* Financial Information - DL Report Icon*/
.report-v2 a {
    line-height: 32px !important;
    font-size: 15px;
    color: #706660!important;
    padding-left: 45px;
    padding: 15px 0 15px 45px;
    border: none;
    background: transparent url(https://www.agility.com/wp-content/uploads/2018/10/report-new-dl-arrow.png) no-repeat center;
    background-size: 30px;
    margin-right: 20px;
    background-position: 0;
}


.report-v2 a:hover {
    background: #fff url(https://www.agility.com/wp-content/uploads/2018/10/report-new-dl-arrow-hover.png) no-repeat center;
    background-size: 30px;
    background-position: 0;
    color: #d86018!important;
    cursor: pointer;
}

.rtl #elementor-tab-content-1451 .report-v2 a{
	background-position: 37px!important;
}

.rtl #elementor-tab-content-1451 .report-v2 a:hover{
	background-position: 37px!important;
}

/* II */
.ir1-link-item {
  
}

.ir1-link-item h3 {
 /*color: #ffffff !important; */
  position: absolute;
  z-index: 1;
  text-align: center;
}

#ir1-link-item-financial-information h3 {
 
}

#ir1-link-item-dividends h3 {
  
}

#ir1-link-item-news {
  
}

#ir1-link-item-governance {
  
}

#ir1-link-item-contact {
  
}

#latest-financials td, #latest-financials th {
 border: 1px solid #3c3934; 
  text-align: center;
}





table#share-info {
 max-width: 100% !important; 
}
/* subend of II */

/* end Investor Relations ******/


/* Interactive Map */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
    
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* end Interactive Map */


/* ============== FONTS ============== */
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Amiri'); 
@import url('https://fonts.googleapis.com/earlyaccess/notonaskharabic.css');*/


/* Roboto */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Karla */
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: local('Karla Italic'), local('Karla-Italic'), url(https://fonts.gstatic.com/s/karla/v6/qkBVXvYC6trAT7RQHtCe4ZRNkAT7MQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: local('Karla Italic'), local('Karla-Italic'), url(https://fonts.gstatic.com/s/karla/v6/qkBVXvYC6trAT7RQHt6e4ZRNkAQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url(https://fonts.gstatic.com/s/karla/v6/qkBQXvYC6trAT7RQFmW79LdvnS7BONmyFQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url(https://fonts.gstatic.com/s/karla/v6/qkBQXvYC6trAT7RQFmW79LlvnS7BONk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RbLtyU5rZPoAU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RVLtyU5rZP.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Karla Bold'), local('Karla-Bold'), url(https://fonts.gstatic.com/s/karla/v6/qkBWXvYC6trAT7zuC8m3xLtlmgzDCNg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Karla Bold'), local('Karla-Bold'), url(https://fonts.gstatic.com/s/karla/v6/qkBWXvYC6trAT7zuC8m5xLtlmgzD.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Amiri */
/* arabic */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v11/J7aRnpd8CGxBHpUrtLMS7JNKIjk.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v11/J7aRnpd8CGxBHpUgtLMS7JNKIjk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v11/J7aRnpd8CGxBHpUutLMS7JNK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*
 * Noto Naskh Arabic (Arabic) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notonaskharabic/v4/NotoNaskhArabic-Bold.ttf) format('truetype');
}


/* NOTO SANS*/

/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6TRASf6M7VBj.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5jRASf6M7VBj.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6jRASf6M7VBj.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6zRASf6M7VBj.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5TRASf6M7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.unhcr-iframe {
  @media only screen and (max-width: 990px) {
    width: 100%;
    height: 200px;
  }
  @media only screen and (min-width: 991px) {
    width: 100%;
    height: 600px;
  }
}

.emli2020 {
  img {
    @media only screen and (max-width: 800px) {
      width: 100% !important;
      float: none !important;
      margin: 5px auto 20px !important;
    }
  }
}

.postid-24677 {
  p {
    &.has-image {
      margin-left: 0;
      margin-right: 0;
    }
  }
}


/* Temporary - Coronavirus */

.postid-24702{
  #hero:before{
    opacity: 0.7;
  }
  .page-hero .hero-title p{
    font-size: 24px!important;
  }
}
.coronavirus-txt {
  background-color: #af272f;
  padding: 10px;
  text-align: center;
  padding-top: 15px;
  p{
    color: #fff;
    font-size: 16px;
    margin: 0;
    i{
      padding-right: 10px;
    }
  }
  a{
    color: #fff;
    font-weight: bold;
  }
  @media screen and (max-width: 480px){
    .container{
      padding: 5px 0 0;
    }
    p{
      font-size: 14px;
    }
  }
}

/*News & Meida Version2*/
.page-template-news-social-version2 {
section.home-news-insights .insights-column .inner .insights-image {
@media only screen and (min-width: 1240px) {
    width: 200px;
    height: 110px;
}
}
  .home-news-insights {
      padding: 0 !important;
  }

  .news-media-cover-bg {
    position: relative;
  }

  .news-media-cover-bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 80%);
    opacity: .75;
  }

  .newsmedia-banner-content {
    .col-md-6 {
      @media only screen and (max-width: 991px) {
        margin-bottom: 40px;
      }
    }
    .newsmedia-title {  
      font-family: 'Karla', sans-serif; 
      font-weight: bold;
      @media only screen and (min-width: 800px) {
        font-size: 60px;
      }
    }
    p {
      padding: 20px 0 !important;
    }
  }

  h2 {
    &.news-post-title {
      font-family: "Noto Sans", Sans-serif;
      font-size: 26px;
      font-weight: bold;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 30px;
    }
  }

  .newsmedia-banner {
    padding: 40px 0 36px;
    background-size: cover !important; 
   .newsmedia-banner-content {
      max-width: 1400px;
      margin: 0 auto;
      color: #FFFFFF !important;
   }
   .date {
      font-size: 14px !important;
   }
  .title {
    a {
      color:  #FFFFFF !important;
    }
  }
  .content {
    font-size: 14px !important;
    line-height: 20px;
    font-weight: bold;
    a {
      color:  #FFFFFF !important;
    }
  }
}
}

.newsmedia-blogs {
  padding: 40px 0;
  color: #474647 !important;

  .col-md-9 {
  
    .col-md-6 {
      margin-top: 40px;
      margin-bottom: 20px;

      .col-md-5 {
          margin-bottom: 20px;
      }
    }

    .col-md-6:nth-child(3), .col-md-6:nth-child(5) {
      clear: left !important;
    }
  }
  .date {
    font-size: 14px;
  }
  .title {
    font-family: 'Karla', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 !important;
    a {
        color: #474647 !important;
    }
  }
  .content {
    font-size: 14px;
    line-height: 18px;
    a {
      color: #474647 !important;
    }
  }

  .more-news {
    font-weight: bold;
  }

  .newsmedia-twitter-section {
    border-left: 1px solid #eee;
    padding-left: 20px;
  }
  footer.timeline-Footer {
    display:none !important;
  }
}

.news-instagram-feed {
  padding: 40px 0 30px;
  background-color: #f4f3f2;

  .col-md-1 {
    margin-bottom: 20px;

    @media only screen and (min-width: 992px) {
      padding: 0;
    }

    a {
      color: #474647;
      line-height: 20px;

      @media only screen and (min-width: 992px) {
        position: absolute !important;
        width: 109px;
        margin: 80% 15px 0 15px;
      }

      span {
        font-size: 12px;
      }
    }

    a:hover {
      color: #ed8b00 !important;
    }
  }
}

.wdi_feed_thumbnail_1 .wdi_feed_container {
  background-color: transparent !important;
  border: 0 !important;
}

.wdi_feed_theme_1 .wdi_feed_wrapper {
  background-color: transparent !important;
}

.wdi_feed_thumbnail_1 .wdi_photo_wrap_inner {
  margin: 20px;
}

.btn-newsmeida-press-release, .btn-newsmedia-contactus {
  font-size: 14px;     
  font-weight: bold; 
  padding: 10px 25px;
  text-transform: uppercase;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF;
  display: inline-block;
  letter-spacing: 1px;
  text-shadow: none !important;
}
.btn-newsmeida-press-release:hover, .btn-newsmedia-contactus:hover {
  color: #d86018 !important;
  background: #FFFFFF;  
}

.newsmedia-pressrelease-social {
  margin-bottom: -70px;
  .container-fluid {
    padding: 0 !important;
    .newsmeida-press-release {
      background-color: #d86018;
      color: #FFFFFF !important;
      text-align: right;
      min-height: 200px; 
      padding: 40px 50px 40px 50px;
    }
    h2 {
      font-size: 40px;
      font-weight: bold;
      letter-spacing: 2px;
      text-transform: uppercase;
    }
    p {
      padding: 30px 0;
    }
  }
}