html {
    -webkit-text-size-adjust: none;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  width: 100%;
   touch-action: manipulation;
}
body {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 30px;
}
hr {
  border-color: #ffffff;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #ffffff;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #e6e6e6;
  text-decoration: none;
  opacity: 0.8;
}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}
h1,
h2,
h3,
h4,
h5,
h6 {

}
@-ms-viewport{
  width: device-width;
}
select:invalid { color: rgba(255, 255, 255, 0.6); }
p:empty{display: none;}
.mobi,.sub-menu{display: none;}
.bgbody,.menuicon{display: none;}
.mat-divd input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:rgba(255,255,255,0.6);
}
.mat-divd input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    rgba(255,255,255,0.6);
   opacity:  1;
}
.mat-divd input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   rgba(255,255,255,0.6);
   opacity:  1;
}
.mat-divd input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:   rgba(255,255,255,0.6);
}
.mat-divd input::-ms-input-placeholder { /* Microsoft Edge */
   color:    rgba(255,255,255,0.6);
}

.mat-divd input::placeholder { /* Most modern browsers support this now. */
   color:   rgba(255,255,255,0.6);
}

.bg-primary {
  background-color: #ffffff;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.text-faded {
  color: #FFF;
}
.section {
  padding: 100px 0;
}
aside {
  padding: 50px 0;
}
img {
  max-width: 100%;
}
.mb{display: none;}
.no-padding {
  padding: 0;
}
.container {
  max-width: 1140px;
}
#mainNav .container {
  position: relative;
}

.navbar-default.affix .langugage {
  top: 22px;
}
.navbar-default {
  border-color: rgba(34, 34, 34, 0.05);
  border: none;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-default .navbar-header .navbar-brand {
  color: #ffffff;
  padding-top: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #e6e6e6;
}
.navbar-default .navbar-header .navbar-brand img {
  transition: all .35s;
}
.navbar-default.fixed .navbar-header .navbar-brand img {
  width: 160px;
}
.navbar-default .navbar-header .navbar-brand .close_sidemenu {
  display: none;
}
.navbar-default .navbar-header .navbar-toggle {
    font-weight: 700;
    font-size: 23px;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    background: none;
    margin-top: 10px;
}
.navbar-default .navbar-collapse {
  max-height: initial;
  /*padding-right: 90px;*/
  padding-right: 0px;
  display: block;
  position: absolute;
  right: 130px;
  top: 22px;
   transition: all .35s;
}
.navbar-default.fixed .navbar-collapse {top: 15px;}
.navbar-default .nav > li{
  float: left;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: uppercase;
  font-weight: 700;
  color: #05a4fd;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #05a4fd;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #187aaf !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
  color: #05a4fd;
}
.navbar-default .navbar-header .navbar-brand {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #05a4fd;
}
.navbar-default .nav > li > a:hover,.navbar-default .nav > li > a.page-scroll.active {
  color: #05a4fd;
}
.navbar-default .nav > li > a {
  color: #ffffff;
  padding-top: 30px;
  font-size: 15px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  padding: 0px 12px 0px;
  text-transform: uppercase;
  font-weight: 600;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #05a4fd;
}
.navbar-default.affix {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(34, 34, 34, 0.05);
}
.navbar-default.affix .navbar-collapse {
  padding-top: 15px;
}
.navbar-default.affix .navbar-header .navbar-brand {
  color: #ffffff;
  font-size: 14px;
  padding-top: 7px;
}
.navbar-default.affix .navbar-header .navbar-brand:hover,
.navbar-default.affix .navbar-header .navbar-brand:focus {
  color: #e6e6e6;
}
.navbar-default.affix .navbar-header .navbar-brand img {
  width: 178px;
}
.navbar-default.affix .nav > li > a,
.navbar-default.affix .nav > li > a:focus {
  padding: 10px 25px 25px;
  color: #ffffff;
}
.navbar-default.affix .nav > li > a:hover,
.navbar-default.affix .nav > li > a:focus:hover {
  color: #ffffff;
}
#mainNav .dropdown .dropdown-toggle {
    border: none;
    background: none;
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;
}
 #mainNav.fixed .dropdown .dropdown-toggle,
 #mainNav.pagecontact .dropdown .dropdown-toggle{
  margin-top: 0px;
  color: #000;
}

#mainNav .dropdown-menu a{
  display: block;
  height: 100%;
  color: #000;
  font-size: 14px;
}

#mainNav .dropdown-menu  {
    padding: 8px 10px;
    border-radius: 0;
        left: -30px;
}
#mainNav .dropdown-toggle::after{display: none;}
#mainNav .dropdown{font-size: 14px;}
#mainNav .dropdown .dropdown-toggle:active,#mainNav .dropdown .dropdown-toggle:focus{outline: none;}
#mainNav .dropdown  img{vertical-align: sub;margin-right: 5px;}
#mainNav .dropdown-menu:after, #mainNav .dropdown-menu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#mainNav .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}
header {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  text-align: center;
  color: white;
}
header .header-content {
  position: relative;
  text-align: center;
  padding: 0px 0px 0px;
  width: 100%;
}
header .header-content .header-content-inner h1 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}
header .header-content .header-content-inner hr {
  margin: 30px auto;
}
header .header-content .header-content-inner p {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {

}
.flickity-enabled.is-draggable .flickity-viewport{max-height:100%;}
.section {
  padding: 45px 0;
}
.section-heading {
  margin-top: 0;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 20px;
}
.service-box {
  max-width: 400px;
  margin: 50px auto 0;
}
.service-box h3 {
  font-size: 20px;
  min-height: 50px;
}
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;

}
.navbar-fixed-top.fixed{
      background-color: rgba(255, 255, 255, 1);
    border-bottom:1px solid rgba(34, 34, 34, 0.05);
    padding: 0 0 10px;
}
.logoblack{display: none;}
.navbar-fixed-top.fixed .logowhite{display: none;}
.navbar-fixed-top.fixed .logoblack{display: block;}
.navbar-default.navbar-fixed-top.fixed .nav > li > a{color: #000}
.navbar-default.navbar-fixed-top.fixed .nav > li > a.active{    color: #187aaf;}
.navbar-default.navbar-fixed-top.fixed .nav > li > a.active.remove{    color: #000;}
/* Banner
=========================================================*/
.slide1 .banner1{
  background: url(../img/banner.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
}
.slide2 .banner1{
  background: url(../img/banner2.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
}
.slide3 .banner1{
  background: url(../img/banner3.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
}
.slide4 .banner1{
  background: url(../img/banner4.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
}
.slide5 .banner1{
  background: url(../img/banner5.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
}
.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.royalSlider {
  width: 100%;
}
#slider-with-blocks-1 {
    height: 75vh;
    position: relative;
    min-height: 700px;
}
.rsbg {
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: top center;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 10;
    background-size: auto 69%;
}
@media (min-width: 1200px){
  #slider-with-blocks-1 {
      min-height: 700px;
  }
}
.textslide {
    position: absolute;
    top: 29%;
    width: 100%;
    z-index: 99;
    font-weight: 700;
    left: 85px;
    padding-top: 0;
    text-align: left;
}
.textslide .titlebanner{
  font-size: 50px;
  line-height: 65px;
  font-weight: bold;
  text-transform: uppercase;
}
.textslide .descriptionbaner{
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  margin: 30px 0 50px;
}
.textslide .lernmorbn{
   font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  border:1px solid #fff;
  padding: 10px;
  width: 250px;
  height: auto;
  text-transform: uppercase;
  display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s;
    --c: white;
    color: var(--c);
}



.textslide .lernmorbn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;
}
.textslide .lernmorbn:hover{color:#000;}
.textslide .lernmorbn:hover span {
    transform: translateY(0) scale(2);
}

.textslide .lernmorbn span:nth-child(1) {
    --n: 1;
}

.textslide .lernmorbn span:nth-child(2) {
    --n: 2;
}

.textslide .lernmorbn span:nth-child(3) {
    --n: 3;
}

.textslide .lernmorbn span:nth-child(4) {
    --n: 4;
}
.rsBullets{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: 0 auto;
  width: 100%;
  text-align: left;
      max-width: 1000px;
      z-index: 99;
}
.rsNavItem span{
  display: block;
  width: 8px;
  height: 8px;
  background: #8c8c8c;
      -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    cursor: pointer;
}
.rsNavItem{display: inline-block; margin: 0 20px;}
.rsNavItem.rsNavSelected span{
  width: 10px;
  height: 10px;
  background: #fff;
}
.rsArrow{
  position: absolute;
  top: 45%;
  z-index: 99;
  width: 30px;
  height: 50px;
}
.rsArrow.rsArrowLeft{
  background: url(../img/back.svg) no-repeat;
  left: 20px;
}
.rsArrow.rsArrowRight{
  background: url(../img/next.svg) no-repeat;
  right: 20px;
}
/* section
==========================================*/
.section{
  padding:45px 0 50px;
}
.titleh2{
  padding: 0px 0 50px;
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
}
.ct-who{margin-bottom: 40px;}
.listnumber li{
  display: inline-block;
  margin: 40px 60px;
  font-size: 20px;
   font-weight: 600;
}
.listnumber li span.numbers{
  display: block;
  font-size: 60px;
  color: #ebc71f;
  margin-bottom: 10px;
  width: 100px;
  text-align: left;
}
.btnlearn{
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  border:1px solid #000;
  color: #000;
  padding: 6px 10px;
  width: 251px;
  text-transform: uppercase;
  display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s;
    --c: black;
    color: var(--c);
}



.btnlearn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;
}
.btnlearn:hover{color:#fff;}
.btnlearn:hover span {
    transform: translateY(0) scale(2);
}

.btnlearn span:nth-child(1) {
    --n: 1;
}

.btnlearn span:nth-child(2) {
    --n: 2;
}

.btnlearn span:nth-child(3) {
    --n: 3;
}

.btnlearn span:nth-child(4) {
    --n: 4;
}
.whatweoffer{
  background: #fafafa;
}
.ct-offer{
  background: #fff;
}
.whatweoffer .tablediv{display: table;}
.whatweoffer .trdiv{display: table-row;}
.whatweoffer .tddiv{
  display: table-cell;
  border-right:1px solid #fafafa;
  border-bottom: 1px solid #fafafa;
  padding: 30px 20px 20px;
  position: relative;
  padding-left: 105px;
  width: 33.333333%;
}
.whatweoffer .tddiv:last-child{border-right: 0px;}
.whatweoffer  .imgeg{
  position: absolute;
  left: 30px;
  top: 25px;
  width: 60px;
  text-align: center;
}
.whatweoffer .bottomtable .imgeg{top: -5px;}
.whatweoffer  h4.titleour{font-size: 14px;}
.whatweoffer  h4{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.whatweoffer  p{
  margin-bottom: 0;
  color: rgba(0,0,0,0.7);
  font-size: 14px;
  line-height: 20px;
}
.bottomtable{
  width: 100%;
  position: relative;
  padding: 30px 20px 60px 0;
}
.img-offer{
  position: absolute;
  right: 20px;
  top: 20px;
}
.tddivgo{
    position: relative;
  padding-left: 105px;
}
.tddivgo ul li{
  float: left;
  width: 50%;
  color: rgba(0,0,0,0.7);
  padding: 3px 0;
  font-size: 14px;
}
.tddivgo p{margin-bottom: 40px;}
.tddivgo img{margin-right: 5px; vertical-align: middle;}

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
    height: 115px;
    box-sizing: border-box;
    max-height: 115px;
    line-height: 115px;
    text-align: center;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  border-right: 2px solid #f3f3f3;
  border-bottom: 2px solid #f3f3f3;
  cursor: pointer;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
  border-bottom:2px solid #187aaf;
}
.slidewrap{
  height: 500px;
}
.gallery-top {
  height: 420px;
}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.products{
  background: #f3f3f3;
}
.sliderproducts{
  background: #fff;
}
.leftimg{
  width: 60%;
  float: left;
}
.righttext{
  width: 40%;
  float: left;
  padding: 50px 40px;
}
.righttext p{font-size: 16px; line-height: 28px; margin-bottom: 50px;    color: rgba(0,0,0,0.7);}
.righttext h3{
  font-size: 25px; font-weight: 600;
  margin-bottom: 35px;
}
.righttext a.lernmortr{
  font-size: 14px;
  font-weight: bold;
  color: #0683ca;
  text-transform: uppercase;
}
.righttext a.lernmortr i{
  margin-left: 5px;
      -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-size: 20px;
    vertical-align: middle;
}
.righttext a.lernmortr:hover i{margin-left: 15px;}

.mat-label {
    display: block;
    font-size: 16px;
    transform: translateY(35px);
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.5s;
    margin: 0;
    line-height: 16px;
}

.mat-input {
  position: relative;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 0;
  font-size: 16px;
  color: #fff;

}

select.mat-input{
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-dropdown {
    margin-top: -9px;
}

.select-dropdown:after {
    content: " ";
    position: absolute;
    top: 60%;
    margin-top: -2px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}
.select-dropdown select [disabled] {
      color: rgba(255, 255, 255, 0.6);
}

.mat-div {
  padding: 15px 0 0 0;
  position: relative;
}

.mat-div:after, .mat-div:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.mat-div::after {
  background-color: #fff;
  transform: scaleX(0);
}

.is-active::after {
  transform: scaleX(1);
}

.is-active .mat-label {
  color: #fff;
}

.is-completed .mat-label {
  font-size: 12px;
  transform: translateY(5px);
}
.inquiry{margin-top: 10px;}
.inquiry .mat-input option{color: #000;}
.mat-divd {
    max-height: 79px;
}
textarea.mat-input {
    margin-top: 9px;
    height: 184px;
    padding: 0;
    line-height: 30px;
}
.contact{
  background: #0683ca;
  color: #fff;
}
.contact h2{padding-bottom: 25px;}
.sr-contact button{
  border:1px solid #fff;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  width: 391px;
  padding: 14px 10px;
  background: none;
  margin-top: 50px;
  color: #fff;
      position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s;
    --c: white;
    color: var(--c);
    cursor: pointer;
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  height: auto;
}
.textslide .lernmorbn{
   font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  border:1px solid #fff;
  padding: 10px;
  width: 251px;
  height: auto;
  text-transform: uppercase;
  display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s;
    --c: white;
    color: var(--c);
}



.whitebutton span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;
}
.whitebutton:hover{color:#000;}
.whitebutton:hover span {
    transform: translateY(0) scale(2);
}

.whitebutton span:nth-child(1) {
    --n: 1;
}

.whitebutton span:nth-child(2) {
    --n: 2;
}

.whitebutton span:nth-child(3) {
    --n: 3;
}

.whitebutton span:nth-child(4) {
    --n: 4;
}

.intl-tel-input .country-list .country{color: #000;}
.intl-tel-input{width: 100%;}
input#telephone {
    padding-left: 0;
    width: 65%;
    float: right;
    padding: 3px 0;
    border-bottom: 2px solid #fff;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2,.intl-tel-input.allow-dropdown {
    margin-top: 39px !important;
}
.flag-container {
    border-bottom: 2px solid #fff;
    width: 30%;
}
.intl-tel-input.separate-dial-code .selected-flag {
    background: none;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2  .selected-flag,.intl-tel-input.allow-dropdown .selected-flag{
    width: 100% !important;
}
.intl-tel-input .selected-flag .iti-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #fff;
}
label.error {
    position: absolute;
    bottom: -36px;
    left: 0;
    color: #f96a3e;
    font-size: 12px;
}
span.msg-error.error {
    margin-bottom: 5px;
    display: block;
    color: #f96a3e;
    font-size: 12px;
}
.mat-divd label.mat-label {
    left: 35.3%;
    position: absolute;
    top: 15px;
}
.contact h3{font-size: 25px;}
.officesbg{
  padding: 180px 30px 80px;
  text-align: center;
  color: #fff;
  height: 100%;
}
.officesbg h2{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 32px;
  min-height: 75px;
  margin-bottom: 50px;
}
.officesbg.head{
  background: url(../img/head-offices.jpg?v1) no-repeat;
  background-position: center bottom;
      background-size: cover;
}
.officesbg.technology{
  background: url(../img/technology-office.jpg?v1) no-repeat;
  background-position: center bottom;
      background-size: cover;
}
.container.fixct{
  max-width: 920px;
}
.numberphone a{
  font-size: 30px;
  font-weight: bold;
  margin: 30px 0;
  display: inline-block;
}
.oursub{
  background: #363945;
  color: #fff;
}
.oursub h2{
  font-size: 32px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-weight: 600;
}
.oursub ul li{
  padding: 10px 0 10px;
}
.oursub h4{font-size: 16px; text-transform: uppercase;}
.oursub p{
  font-size: 16px;
  color:  rgba(255,255,255,0.2);
  margin-bottom: 10px;
  line-height: 24px;
  padding-right: 30px;
}
.oursub p a{color:  rgba(255,255,255,0.2);}
.oursub p a:hover{color: #fff;}
.oursub a:hover{color: #007bff;}
.social li{
  float: left;
}
.social li span{
  width: 40px;
  height: 40px;
  display: block;
  border:1px solid rgba(255,255,255,0.5);
  margin-right: 20px;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
}
.social li span:hover{

}
.oursub li.fixauto,.oursub li.fixauto p{

}
.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
ul.social {
    margin-top: 37px;
}
.footercou{
  background: #363945;
  color: #fff;
  font-size: 14px;
  padding: 10px;
}
#subsidiaries {
  display: none !important;
}
/* Page contact
============================================================*/
.pagecontact.navbar-fixed-top{
  background: #fff;
  position: relative;
}
.pagecontact.navbar-fixed-top.fixed{position: fixed;}
.pagecontact.navbar-fixed-top .logowhite{display: none;}
.navbar-fixed-top.pagecontact .logoblack{display: block;}
.navbar-default.navbar-fixed-top.pagecontact .nav > li > a{color: #000}
.navbar-default.navbar-fixed-top.pagecontact .nav > li > a.active{color: #187aaf;}
.navbar-default.navbar-fixed-top.pagecontact .nav > li.current-menu-item > a{
  color: #187aaf;
    border-bottom: 2px solid #187aaf;
    padding-bottom: 27px;
}

.aboutus h1{
  background: #108ec5;
  padding: 40px 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
      font-size: 50px;
}
.bgcontact{
  background: url(../img/contact.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 50px 0;
}
.bgcontact p{
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 40px;
}
.bgcontact h2{
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.desfgf{margin-bottom: 40px;}
.bgcontact .pmargin{margin-bottom: 0;}
.leader{
  background: #fff;
  width: 545px;
  margin: 0 auto 50px;
}
.leader .imgleftt{width: 50%; float: left;}
.leader .righttt{
  width: 50%; float: left;
  padding: 50px 10px 0px 50px;
}
.leader .righttt .name{
  font-size: 18px;display: block;
  margin-bottom: 20px;
  font-weight: 600;
  margin-top: 0;
}
.leader .righttt .secds{
  font-size: 14px;
      line-height: 28px;
}
.meetourteam{background: #fafafa;}
.meetourteam .col-md-2{
      -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 10px;
}
.meetourteam .name{
  font-size: 18px;display: block;
  margin-bottom: 10px;
  font-weight: 600;
  margin-top: 10px;
}
.rowlead{margin-bottom: 20px;}
.meetourteam .descname{font-size: 14px; line-height: 24px;}
.capcha{
  width: 304px;
  margin: 50px auto 0;
}
.lending .righttext h3{margin-bottom: 20px;}
.lending .righttext{padding-top: 35px;}
.lending .righttext p{margin-bottom: 20px;}

/* Sustainability
===========================================================*/
.sushome{
  background: url(../img/bg-sus.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 105px 0 250px;
}
.sushome .btnlearn{
  border: 1px solid #fff;
  color: #fff;
  margin-top: 50px;
}
.sushome .btnlearn:hover{color: #000;}
.sushome .btnlearn span{background-color: #fff;}
.bggoals{
  background: url(../img/sustainability/sus-bg1.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 65px 0;
}
.bggoals h2{
  font-size: 32px;
  font-weight: 600;
}
.logosus{width: 100%; display: inline-block; padding: 45px 0;}
.logosus li{
  list-style: none;
  float: left;
  width: 50%;
}
.textsybs p {
    margin-bottom: 30px;
    line-height: 28px;
}
.imgeasus img:first-child{margin-bottom: 15px;}
.imgeasus {
    margin-top: 10px;
}
.textsusgoal {
    padding-right: 75px;
}
.embracing{background:#e9f1f5; padding: 65px 0 45px; }
.embracing h2{text-align: left;text-transform: none;padding-bottom: 30px;}
.embracingct{padding-left: 70px;}
.embracing li{
  float: left;
  width: 33.33333%;
      padding: 0 0 10px;
}
.embracing ul{width: 115%;}
.howsdg{color: #1dccff; background: #333333;}
.howsdg h2{
  font-size: 32px;
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 30px;
}
.discover {
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.itemsdg{
  color: #fff;
  padding: 25px 40px 25px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  position: relative;
}
.itemsdg h4{
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
}
.itemsdg.sg4 h4{margin-bottom: 50px;}
.itemsdg .discover a{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.itemsdg .discover a i{
  margin-left: 7px;
  webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-size: 20px;
    vertical-align: middle;
}
.itemsdg .discover a:hover{color: #1dccff}
.itemsdg .discover a:hover i{
  margin-left: 10px;
}
.headindus {
    border-bottom: 1px solid #fff;
    padding: 0px 0 15px;
    position: relative;
    margin-bottom: 20px;
}
.headindus .imgiconre{
  position: absolute;
  right: 0;
  bottom: 15px;
}
.leftimgsd{
  width: 66.6666666%;
  float: left;
}
.itemsdg.sg1{
  background-image: url(../img/sustainability/sdg1.jpg?v1);
  height: 230px;
  width: 100%;
}
.itemsdg.sg2{
  width: 50%;
  background-image: url(../img/sustainability/sdg2.jpg?v1);
  height: 300px;
}
.itemsdg.sg3{
  width: 50%;
  background-image: url(../img/sustainability/sdg3.jpg?v1);
  height: 300px;
}
.itemsdg.sg4{
  width: 33.33333333%;
  background-image: url(../img/sustainability/sdg4.jpg?v1);
  height: 530px;
}
.itemsdg.sg5{
   width: 66.6666666%;
  background-image: url(../img/sustainability/sdg5.jpg?v1);
  height: 280px;
}
.itemsdg.sg6{
  width: 33.33333333%;
  background-image: url(../img/sustainability/sdg6.jpg?v1);
  height: 280px;
}
.aboutus.detailpagesd h1{text-align: left;padding: 30px 15% 31px 0; font-size: 40px;}
section.howsdgdetail {
    padding-bottom: 55px;
}
.headerdetail{
      background: #108ec5;
}
.imgdetailser img{height: 100%;}
.imgdetailser{
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
}
.bgbrign{
  padding: 50px 0 30px;
}
.bgbrign h2{text-align: left; line-height: 45px;text-transform: none;}
.bgbrign h5{font-size: 16px; font-weight: 600;}
.listbring{margin-bottom: 30px;}
.imgdetailero{
  background: url(../img/sustainability/dt_poverty_1.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  max-height: 642px;
  max-width: 539px;
  position: relative;
  float: right;
}
.imgdetailero a {
    position: absolute;
    padding: 15px 20px;
    border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
      border: 2px solid #fff;
    overflow: hidden;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.59);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.59);
    width: 265px;
    height: 120px;
    line-height: 120px;
    padding: 0;
    text-align: center;
        opacity: 1;
}
a.tradinglog {
    right: 0;
    bottom: 200px;
    left: 0;
    margin: 0 auto;
}
.arrup {
    position: absolute;
    bottom: -36px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.arrdown{
  position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
a.ledinglog {
    bottom: 60px;
    left: 0;
   -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.59);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.59);
    right: 0;
    margin: 0 auto;
}
.imgdetailero.poverty{
  background-image: url(../img/sustainability/dt_poverty_5.jpg?v1);
}
.imgdetailero.poverty a.tradinglog{
  bottom: 320px;
}
.imgdetailero.poverty a.ledinglog{
  bottom: 180px;
}
.imgdetailero.poverty a.tradinglog:before, .imgdetailero.poverty a.ledinglog:before{    background: rgba(0,0,0,0.6);}
.scroll-down-link {
  z-index: 100;
  cursor: pointer;
  height: 17px;
  width: 15px;
  color: #FFF;
  text-align: center;
  font-size: 70px;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  -webkit-animation: fade_move_down 2s ease-in-out infinite;
  -moz-animation: fade_move_down 2s ease-in-out infinite;
  animation: fade_move_down 2s ease-in-out infinite;
  display: none;
  /*animated scroll arrow animation*/
}
@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 10px);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 10px);
    opacity: 0;
  }
}
@keyframes fade_move_down {
  0% {
    transform: translate(0, -10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 10px);
    opacity: 0;
  }
}
.scroll-down-link-up{
  z-index: 100;
  cursor: pointer;
  height: 17px;
  width: 15px;
  color: #FFF;
  text-align: center;
  font-size: 70px;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  -webkit-animation: fade_move_up 2s ease-in-out infinite;
  -moz-animation: fade_move_up 2s ease-in-out infinite;
  animation: fade_move_up 2s ease-in-out infinite;
  /*animated scroll arrow animation*/
  display: none;
}
@-webkit-keyframes fade_move_up {
  0% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -20px);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_up {
  0% {
    -moz-transform: translate(0, 20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, -20px);
    opacity: 0;
  }
}
@keyframes fade_move_up{
  0% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@-webkit-keyframes fade_move_right {
  0% {
    -webkit-transform: translate(-20px, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(20px,0 );
    opacity: 0;
  }
}
@-moz-keyframes fade_move_right{
  0% {
    -moz-transform: translate(-20px, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(20px,0);
    opacity: 0;
  }
}
@keyframes fade_move_right {
  0% {
    transform: translate(-20px, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(20px,0);
    opacity: 0;
  }
}
.listsectsdg{
  background: url(../img/sustainability/bgdetail.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
}
.listsectsdg h2{padding-bottom: 35px;}
.listsectsdg ul li{
  display: inline-block;
  padding: 0 10px;
}

.listsectsdg ul {
    padding-top: 25px;
}
.inovative.imgdetailero {
    background-image: url(../img/sustainability/innomative.jpg?v1);
}

.inovative a.tradinglog {
    right: 0;
    bottom: 50px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 3;
    -webkit-box-shadow: 7px 6px 2px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 7px 6px 2px 0px rgba(0,0,0,0.28);
    box-shadow: 7px 6px 2px 0px rgba(0,0,0,0.28);
    top: inherit;
    background: none;
}
.imgdetailero.inovative a.tradinglog img{
  height: 44px;
  min-height: 44px;
}
.imgdetailero.inovative a.tradinglog:hover img {
    height: 48px;
    min-height: 48px;
}
#slider-sus .inovative a.tradinglog {top: 100px;}
.bgbrign.inovative {
    padding-bottom: 50px;
}
.inovativepage{padding-bottom: 50px;}
.imgdetailero.promote {
    background-image: url(../img/sustainability/dt_poverty_2.jpg?v1);
    max-height: 95%;
}
.imgdetailero a img{
  min-height: 64px; position: relative;z-index: 2;

   -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.imgdetailero a:hover img{
  min-height: 70px;
}
.imgdetailero.promote a.tradinglog {
    right: 150px;
    top: 125px;
    background: none;
}
 a.tradinglog:before, a.ledinglog:before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  background: rgba(0,0,0,0.3);
}
.imgdetailero.inovative  a.tradinglog:before{
  background: rgba(255,255,255,0.8);
}
.imgdetailero.promote  a.tradinglog:before{
  background: rgba(255,255,255,0.8);
}
.leftpagedi {
    margin-bottom: 30px;
}
.imgdetailero.reduce {
    background-image: url(../img/sustainability/dt_poverty_3.jpg?v1);
    max-height: inherit;
    background-position: center top;
    height: 642px;
}
.imgdetailero.reduce a.tradinglog {
    bottom: 300px;
}
.imgdetailero.reduce a.ledinglog {
    bottom: 160px;
}
.imgdetailero.reduce   a.ledinglog .arrup {
    position: absolute;
    bottom: 25px;
    left: -44px;
    right: 0;
    margin: inherit;
}

.imgdetailero.reduce   a.ledinglog  .scroll-down-link-up {
  -webkit-animation: fade_move_right 2s ease-in-out infinite;
  -moz-animation: fade_move_right 2s ease-in-out infinite;
  animation: fade_move_right  2s ease-in-out infinite;
      transform: rotate(145deg);
}
.imgdetailero.control {
    background-image: url(../img/sustainability/dt_poverty_4.jpg?v1);
    max-height: inherit;
    background-position: center top;
    height: 710px;
}
.imgdetailero.control a.tradinglog {
    top: 112px;
    bottom: inherit;
}
.imgdetailero.control a.tradinglog:before{
  background: rgba(255,255,255,0.6);
}
.controlpage .leftpagedi {
    margin-bottom: 70px;
}
#slider-sus .imgdetailero.control a.tradinglog {
    right: 40%;
    top: 60px;
}
#slider-sus{min-height: 642px;}
#slider-sus .imgdetailero{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: none !important;
}
#slider-sus .rsBullets {
    text-align: center;
    bottom: -33px;
}
#slider-sus  .rsNavItem span{
  width: 37px;
  height: 6px;
  background-color: #ccc;
}
#slider-sus .rsNavItem {
    display: inline-block;
    margin: 0 7px;
}
#slider-sus .rsNavItem.rsNavSelected span{background-color: #4695c1;}
#slider-sus .rsArrow.rsArrowLeft {
    background-color: rgba(0,0,0,0.5);
    border-radius: 0px 200px 200px 0px;
    -moz-border-radius: 0px 200px 200px 0px;
    -webkit-border-radius: 0px 200px 200px 0px;
    background-size: 25px 45px;
    width: 80px;
    height: 120px;
    background-position: 30px 36px;
    left: -20px;
}
#slider-sus .rsArrow.rsArrowRight {
    background-color: rgba(0,0,0,0.5);
    border-radius: 200px 0px 0px 200px;
-moz-border-radius: 200px 0px 0px 200px;
-webkit-border-radius: 200px 0px 0px 200px;
    background-size: 25px 45px;
    width: 80px;
    height: 120px;
    background-position: 30px 36px;
    right: -20px;
}
.smartpage{padding-bottom: 60px;}
.imgpcc{display: block;}
.imglt{display: none;}
/* setion Somes Work
======================================================*/
.wrapwroks h5 {
    margin-bottom: 10px;
    min-height: 85px;
    position: relative;
    z-index: 3;
    display: inline-block;
}
.titlework h6{
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color:  #108ec5;
}
.titlework h6 a{color:  #108ec5;}
.titlework h4{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .col-md-7.bband {
    padding-top: 0 !important;
  }

  .wrapwroks-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .titlework {
    position: initial !important;
    padding-left: 40px !important;
  }

  .wrapwroks h5 a {
    display: block;
  }

  .wrapwroks h5 {
    margin: 30px 0 !important;
    min-height: initial !important;
  }

  .titlework h4 {
    margin-bottom: 0 !important;
  }
}

.mblitem{
  border-top: 1px solid #e5e5e5;
  padding: 15px 0px 15px 40px;
  position: relative;
    font-size: 13px;
  line-height: 18px;
}
.mblitem .wimg{
  position: absolute;
  left: 0;
  top: 15px;
  width: 40px;
  text-align: center;
}
.txtgrct{margin-top: 30px;padding-left: 90px;}


.someworks  .listgrid.row {
    margin: 0 -7.5px;
    max-width: 85%;
    padding-left: 90px;
}
.listgrid.row .col-md-6{padding: 0 7.5px;}
.listgrid.row .col-md-6:nth-child(5) .mblitem{padding-top: 25px;}
.listgrid.row .col-md-6:nth-child(5) .mblitem .wimg{top: 24px;}
.listgrid.row .col-md-6:nth-child(5) .mblitem,.listgrid.row .col-md-6:last-child .mblitem{
   border-bottom: 1px solid #e5e5e5;
   height: 100%;
}
.listgrid.row .col-md-6:nth-child(5) .mblitem{border-top: none;}
.bband .listgrid.row .col-md-6:nth-child(3) .mblitem,.bband .listgrid.row .col-md-6:last-child .mblitem{
   border-bottom: 1px solid #e5e5e5;
   height: 100%;
}
.col-md-4:first-child .wrapwroks{
  border-left: none;
    padding-left: 0px;
    padding-right: 0px;
}
.wrapwroks {
    height: 100%;
    position: relative;
}

.pictureright.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 41.5%;
    max-width: 41.5%;
    position: absolute;
    right: 0;
    padding: 0;
    top: auto;
}
.pictureright.col-md-6 img {
    height: 470px;
    object-fit: cover;
    object-position: center;
}
.titlework {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 90px;
}
.wrapwroks:before{
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 150%;
  height: 1px;
  background: #e5e5e5;
  content: "";
}
.row1 .wrapwroks:after{
  position: absolute;
  left: 0;
  top: -55px;
  width: 150%;
  height: 1px;
  background: #e5e5e5;
  content: "";
}
.col-md-7.bband {
    padding-top: 55px;
}
.row.row3 .wrapwroks:before{display: none;}
.someworks .row.row1,.someworks .row.row2,.someworks .row.row3{height: 471px;}
.someworks h2{text-align: center;}



@media (max-width: 1500px){
  .pictureright.col-md-6 img{
    height: 374px;
  }
  .titlework h6{font-size: 21px;margin-bottom: 7px;}
  .titlework h5{font-size: 18px;}
  .col-md-7.bband {
    padding-top: 40px;
  }
  .mblitem{    padding: 10px 0px 10px 40px}
  .mblitem .wimg{top: 10px;}
  .someworks .row.row1,.someworks .row.row2,.someworks .row.row3{height: 375px;}
  .wrapwroks h5{margin-bottom: 0px;min-height: 75px;}
  .someworks .col-md-7{
        -webkit-box-flex: 0;
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    max-width: 55%;
  }
  .pictureright.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 46.5%;
    max-width: 46.5%;
    position: absolute;
    right: 0;
    padding: 0;
    top: auto;
  }
  .row1 .wrapwroks:after{top: -41px;}
  .someworks .listgrid.row{max-width: 90%;}
  .txtgrct {
    margin-top: 20px;
  }
  .titlework h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 25px;
    min-height: 50px;
  }
  .imgdetailero.poverty a.tradinglog {
    bottom: 285px;
  }
  .imgpcc{display: none;}
  .imglt{display: block;}
 .inovative.imgdetailero{height: 430px;}
  .imgdetailero{
    height: 500px;
  }
  a.tradinglog {
    bottom: 165px;
  }
  a.ledinglog {
    bottom: 55px;
  }
  a.ledinglog{

  }
  .scroll-down-link-up,.scroll-down-link{
    width: 12px;
    height: auto;
  }
  #slider-sus .rsArrow.rsArrowRight,#slider-sus .rsArrow.rsArrowLeft{
    background-size: 20px 40px;
    width: 70px;
    height: 100px;
    background-position: 25px 28px;
  }
  section.howsdgdetail {
    padding-bottom: 40px;
  }
  .imgdetailero .tradinglog img,.imgdetailero .ledinglog img{
    max-width: inherit;
    min-height: 45px;
  }
  .imgdetailero.inovative a.tradinglog img {
    height: 30px;
    min-height: 30px;
  }
  .imgdetailero.inovative a.tradinglog:hover img {
    height: 38px;
    min-height: 38px;
}
  #slider-sus{min-height: 505px; width: 100%; float: right;}
  #slider-sus .imgdetailero.control a.tradinglog{top: 35px;}
  #slider-sus .inovative a.tradinglog {
    top: 55px;
  }
  .smartpage .leftpagedi {
    margin-bottom: 0px;
  }
  .imgdetailero.control a.tradinglog {
    top: 60px;
  }
  .listbring {
    margin-bottom: 25px;
  }
  .imgdetailero.control{
    background-position: center center;
    height: 550px;
  }
  .imgdetailero.reduce {
    max-height: inherit;
    background-position: center top;
    height: 500px;
  }
  .imgdetailero.reduce a.ledinglog {
    bottom: 130px;
  }
  .bgbrign h2 {
    text-align: left;
    line-height: 35px;
    font-size: 25px;
  }
  .aboutus.detailpagesd h1{font-size: 35px;}
  .imgdetailero a {
      padding: 0;
      width: 200px;
      height: 90px;
      line-height: 87px;
  }
  .imgdetailero a:hover img{
    min-height:45px;
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(1.1);
  }
  .promotepage .leftpagedi {
    margin-bottom: 0;
  }
  .imgdetailero.promote {
    max-height: 100%;
    height: 530px;
  }
  .imgdetailero.promote a.tradinglog {
      top: 51px;
      right: 27%;
  }
  .imgdetailero.promote {
    max-height: 98%;
  }
  .listbring p{margin-bottom: 0;}
  .leftpagedi {
      margin-bottom: 0;
  }
  .lending .righttext{padding-top: 50px;}
  .lending .righttext h3 {
      margin-bottom: 25px;
  }
  .lending .righttext p {
    margin-bottom: 50px;
  }
  .capcha{
    margin: 30px auto 0;
  }
  textarea.mat-input {
    height: 152px;
  }
  .mat-input{font-size: 14px;}
  .select-dropdown {
    margin-top: -3px;
  }
  .container.fixct {
    max-width: 850px;
  }
  body{font-size: 14px; line-height: 24px;}
  #slider-with-blocks-1 {
    height: 79vh;
    min-height: 590px;
  }
  .textslide .titlebanner{font-size: 35px;}
  .textslide .descriptionbaner {
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    margin: 15px 0 35px;
  }
  .textslide .lernmorbn{
    font-size: 15px;
    line-height: 28px;
    width: 211px;
    height: 49px;
        padding: 10px 10px;
  }
  .section {
    padding: 30px 0 40px;
  }
  .titleh2 {
    padding: 0px 0 30px;
    font-size: 28px;
  }
  .ct-who {
    margin-bottom: 25px;
  }
  .listnumber li span.numbers{font-size: 45px;}
  .listnumber li{font-size: 16px;margin: 30px 60px;text-align: left;}
  .btnlearn{line-height: 28px; width: 210px;}
  .whatweoffer h4{font-size: 15px;margin-bottom: 10px;}
  .contact h3{font-size: 20px;}
  .righttext h3{font-size: 21px;margin-bottom: 25px;}
  .righttext p{font-size: 14px;}
  .sr-contact button{
    font-size: 16px;
    width: 301px;
    padding: 10px 10px;
    margin-top: 30px;
  }
  .officesbg h2{font-size: 28px;    margin-bottom: 30px;}
  .officesbg{    padding: 130px 30px 60px;}
  .numberphone a {
    font-size: 24px;
    margin: 15px 0;
  }
  .oursub h2{font-size: 28px;}
  .oursub h4,.oursub p{font-size: 14px;}
  .footercou{font-size: 13px;}
  ul.social {
    margin-top: 34px;
  }
  .mat-label{font-size: 14px;line-height: 20px;}
  .mat-div {
    padding: 0px 0 0 0;
    position: relative;
  }
  .mat-div.inquiry {
    margin-top: 4px;
  }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2,.intl-tel-input.allow-dropdown {
    margin-top: 28px !important;
  }
  .mat-divd label.mat-label {
    left: 36%;
    position: absolute;
    top: 0px;
  }
  .social li span{margin-right: 15px;}
  .aboutus h1 {
    font-size: 35px;
    padding: 30px 0;
  }
  .bgcontact h2 {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .desfgf {
    margin-bottom: 25px;
  }
  .bgcontact p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
  }
  .meetourteam .name,.leader .righttt .name{font-size: 16px;}
  .bggoals{
    padding: 30px 0 40px;
  }
  .bggoals h2 {
    font-size: 28px;
  }
  .logosus {
    padding: 25px 0;
  }
  .textsusgoal {
    padding-right: 40px;
  }
  .howsdg h2{font-size: 28px;}
  .itemsdg h4{font-size: 16px;}
  .logosus li img{max-width: 250px;}
  .textsybs p {
    margin-bottom: 15px;
    line-height: 28px;
  }
  .sushome{padding: 60px 0 120px;}
  .sushome .btnlearn{margin-top: 30px;}
  .inovativepage .leftpagedi {
    margin-bottom: 0px;
  }
  .inovative a.tradinglog{bottom: 30px;}
  .imgdetailero.reduce a.tradinglog {
    bottom: 240px;
  }
  .imgdetailero.innomative a.tradinglog img {
    height: 35px;
    min-height: 35px;
  }
  .imgdetailero.innomative a.tradinglog:hover img {
    height: 38px;
    min-height: 38px;
  }
}
@media (max-width: 1279px){
  .someworks .row.row1, .someworks .row.row2, .someworks .row.row3 {
    height: 415px;
  }
  .pictureright.col-md-6 img {
    height: 413px;
  }
   .imgdetailero.reduce a.tradinglog {
      bottom: 190px;
  }
  .imgdetailero.reduce a.ledinglog {
    bottom: 85px;
  }
  .imgdetailero.reduce{height: 100%;}
  .imgdetailero {
    background-image: url(../img/sustainability/dt_poverty_1.jpg?v1);
    height: 520px;
  }
  .imgdetailero.control {
    background-position: center center;
    height: 600px;
  }
  .controlpage .leftpagedi {
    margin-bottom: 40px;
  }
  .imgdetailero.promote a.tradinglog {
    top: 65px;
    right: 46%;
  }
  .gallery-top {
    height: 345px;
  }
  .rsBullets{max-width: 885px}
  .righttext {
    padding: 25px 20px;
  }
  .righttext p{margin-bottom: 25px;}
  .righttext h3{margin-bottom: 20px;}

  .righttext{width: 45%}
  .leftimg{width: 55%}
  .lending .righttext p {
    margin-bottom: 25px;
  }
  .lending .righttext {
    padding-top: 25px;
  }
  .lending .righttext h3 {
    margin-bottom: 20px;
  }

  .imgpcc{display: block;}
  .imglt{display: none;}
  #slider-sus{height: 505px;margin-bottom: 70px;}
  .slide1  a.ledinglog{left: 28px;}
  .smartpage {
    padding-bottom: 25px;
  }
  .titlework h4{font-size: 15px;}
  .titlework h6{font-size: 18px;}

}
@media (max-width: 991px){
  .wrapwroks h5 {
    margin-bottom: 0px;
    min-height: 95px;
  }
  .someworks .row.row1, .someworks .row.row2, .someworks .row.row3 {
      height: 480px;
  }
  .pictureright.col-md-6 img {
    height: 479px;
  }
  .menuicon {
    display: block;
    background: none;
    border: none;
    position: absolute;
    right: 0;
    top: 7px;
  }
  .icon-menu {
      position: relative;
      display: inline-block;
      width: 32px;
      height: 20px;
      vertical-align: middle;
      fill: none;
  }

  /* Global menu icon line styles */
  .icon-menu .line {
      position: absolute;
      left: 0;
      display: block;
      width: 100%;
      height: 2px;
      -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
         -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
           -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
              transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
         -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
           -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
              transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
      background-color: #b6b8b9;
  }

  /* Menu icon line 1 */
  .icon-menu .line-1 {
      top: 0;
  }

  /* When active, rotate line 1 to be lefthand part of X */
  .is-active .icon-menu .line-1 {
      -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
         -moz-transform: translateY(8px) translateX(0) rotate(45deg);
              transform: translateY(8px) translateX(0) rotate(45deg);
  }

  /* Line 2 */
  .icon-menu .line-2 {
      top: 50%;
      margin-top: -2px;
  }

  /* When active, hide line 2 */
  .is-active .icon-menu .line-2 {
      opacity: 0;
  }

  /* Line 3 */
  .icon-menu .line-3 {
      bottom: 2px;
  }

  /* When active, rotate line 3 to be righthand part of X */
  .is-active .icon-menu .line-3 {
      -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
         -moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
              transform: translateY(-8px) translateX(0) rotate(-45deg);
  }
  .navbar-default .navbar-collapse{
    display: none;
  }
  .rsBullets {
    max-width: 640px;
  }
  .navbar-default .navbar-collapse {
    max-height: initial;
    padding-top: 20px;
    width: 0px;
    border: none;
    background: #000;
    position: fixed;
    top: 0;
    left: -300px;
    height:100%;
    width: 0;
        -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
  }
  .navbar-default .navbar-collapse.in {
    width: 300px;
    z-index: 10;
    background: #000;
    display: block;
     left: -300px;
    height: 100vh;
    margin-bottom: 30px;
    overflow: auto;
  }
  .has-push-left {
    -webkit-transform: translate3d(300px,0,0);
    transform: translate3d(300px,0,0);
  }
  .wrapper {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-backface-visibility: hidden;
  }
  .navbar-default .nav > li{
    width: 100%;
    position: relative;
  }
  .navbar-default .nav > li > ul{
    margin: 0 0 0 45px;
  }
  .navbar-default .nav > li > ul > li{
    padding: 5px 0;
    line-height: 25px;
  }
  a.btn.btn--menuLeft.mobi {
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    min-width: 140px;
    font-size: 13px;
    padding: 0 20px;
    font-weight: 600;
    text-transform: uppercase;
    background:#05a4fd;
    color: #fff;
    margin-left: 25px;
    border: none;
  }
  .icomenu {
    border-radius: 100px;
    padding: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
  .navbar-default .nav > li > ul > li > a{
    color: rgba(255, 255, 255, 0.6);
        font-size: 14px;
  }
  .navbar-default .nav > li > ul > li > a > i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
  }
  .navbar-default .nav > li > a {
    font-size: 14px;
    padding: 10px 10px 10px 25px;
    display: block;
  }
  .mobigo {
    position: absolute;
    color: rgba(255, 255, 255, 0.6);
    right: 15px;
    font-size: 26px;
    top: 9px;
    display: none;
  }
  .bgbody.fixedbg{
    display: block;
    position: fixed;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
  }
  body.bodyactive{
        position: fixed;
    overflow: hidden;
  }
  .mobi,.sub-menu{display: block;}
  body .navbar-brand.mobi{
    margin-left: 29px;
    display: block;
  }
  .navbar-collapse ul{margin-top: 10px;}
  .bodyactive  .navbar-brand{display: none;}
  .closemenu {
    position: absolute;
    top: 33px;
    right: 25px;
    font-size: 32px;
    color: #707070;
  }
  .logosus li img {
    max-width: 90%;
  }
  .itemsdg h4 {
    font-size: 15px;
    line-height: 22px;
  }
  .itemsdg{padding: 25px 10px 25px;}
  .imgdetailero.promote {
    max-height: 100%;
  }
}
@media (max-width: 991px) and (min-width:768px){
  #slider-sus {
    height: 642px;
    margin-bottom: 70px;
    width: 539px;
    margin: 0 auto 60px;
    float: none;
  }
  .slide1 a.ledinglog {
    left: 64px;
  }
  #slider-sus .imgdetailero.control a.tradinglog {
    top: 73px;
    right: 44%;
  }
   #slider-sus .imgdetailero.promote a.tradinglog {
    top: 120px;
    right: 46%;
  }

  .bgbrign .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .imgdetailero {
    float: none;
    margin: 0 auto;
    height: 642px;
  }
  .imgdetailero.reduce {
    max-height: inherit;
    background-position: center top;
    height: 525px;
    background-size: cover;
    width: 100%;
    background-image: url(../img/sustainability/dt_poverty_3.jpg?v1);
  }

  .reducepage .leftpagedi {
    margin-bottom: 0;
  }
  .imgdetailero.reduce a.ledinglog .arrup{bottom: 12px;}
  .imgdetailero.promote a.tradinglog {
      top: 45px;
      right: 46%;
  }
  .whatweoffer .tddiv{padding-left: 70px; padding-right: 10px;}
  .whatweoffer .imgeg {
      position: absolute;
      left: 14px;
      top: 25px;
      width: 30px;
      text-align: center;
  }
  .img-offer {
    position: absolute;
    right: 20px;
    top: 52px;
    width: 400px;
  }
  .tddivgo {
    position: relative;
    padding-left: 75px;
  }
  .gallery-thumbs .swiper-slide {
      padding: 0 20px;
  }
  .righttext {
    padding: 25px 20px;
  }
  .righttext p{margin-bottom: 25px;}
  .righttext h3{margin-bottom: 20px;}
  .leftimg img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .righttext{width: 45%}
  .leftimg{width: 55%}
  .lending .righttext p {
    margin-bottom: 25px;
  }
  .lending .righttext {
    padding-top: 25px;
  }
  .lending .righttext h3 {
    margin-bottom: 20px;
  }
  .imgdetailero{
    max-height: 642px;
  }
  .imgdetailero a {
    padding: 7px 10px;
  }
  .imgdetailero  a img{max-width: 100px}

}
@media (max-width: 767px){
    .imgdetailero.promote,.imgdetailero.reduce {
    max-height: 360px;
  }
  .imgdetailero.poverty a.tradinglog {
    bottom: 165px;
  }
  .imgdetailero.poverty a.ledinglog {
    bottom: 80px;
  }
  .inovative.imgdetailero {
    background-image: url(../img/sustainability/innomative.jpg?v1);
    height: 400px;
  }
  #slider-sus {
    min-height: 450px;
    height: 450px;
    width: 100%;
    margin-bottom: 0;
    max-width: 414px;
    margin: 0 auto;
    float: none;
  }
  .slide1 a.ledinglog {
    left: 3%;
    bottom: 45px;
  }
  #slider-sus .imgdetailero.control a.tradinglog {
    right: 37%;
  }
  .smartpage.bgbrign {
    padding-bottom: 30px;
  }
  .slide2 .imgdetailero.control a.tradinglog{top: 25px;}
  .slide2 .arrup {
    bottom: -33px;
  }
    #slider-sus .slide3 .imgdetailero.promote a.tradinglog {
    top: 75px;
    right: 41%;
  }
  .imgdetailero.control {
    background-position: center center;
    height: 460px;
  }
  .controlpage .leftpagedi {
    margin-bottom: 20px;
  }
  .imgdetailero.reduce {
    background-position: center top;
    height: 455px;
    background-size: cover;
    width: 100%;
    background-image: url(../img/sustainability/dt_poverty_3.jpg?v1);
  }


  .imgdetailero.reduce a.ledinglog .arrup {
    position: absolute;
    bottom: 18px;
    left: -26px;
    right: 0;
    margin: inherit;
  }
  .imgdetailero.promote a.tradinglog {
    top: 43px;
    right: 27%;
  }
  .listsectsdg{background-image: url(../img//sustainability/bgdetail_mb.jpg?v1);}
  .listsectsdg p{line-height: 26px;}
  .listsectsdg ul {
    padding-top: 15px;
    width: 350px;
  }
  .listsectsdg h2 {
    text-transform: none;
    padding: 0 6% 25px;
  }
  .listsectsdg ul li img {
      width: 80px;
      margin: 5px 0;
  }
  .listsectsdg ul li {
    display: inline-block;
    padding: 0 5px;
  }
  .listbring {
    margin-bottom: 20px;
  }
  .bgbrign h2 {
    padding: 0px 0 30px;
    line-height: 35px;
    text-transform: none;
  }
  #slider-sus a.tradinglog {
    top: 45px;
  }
  a.tradinglog {
    bottom: 130px;
  }
  a.ledinglog {
    bottom: 45px;
  }
  #slider-sus .slide5  a.tradinglog {
    top: 6px;
    right: 41%;
  }
   #slider-sus .slide5 .imgdetailero.reduce a.ledinglog {
    bottom: 45px;
    left: 53%;
  }
  .imgdetailero a {
    padding: 0;
    width: 180px;
    height: 70px;
    line-height: 65px;
  }
  .imgdetailero.reduce a.tradinglog {
    bottom: 170px;
  }
  .arrup{bottom: -26px;}
  .imgdetailero .tradinglog img, .imgdetailero .ledinglog img {
    max-width: inherit;
    min-height: 40px;
    height: 35px;
  }
  .leftpagedi {
    margin-bottom: 0;
  }
  .aboutus.detailpagesd h1 {
    font-size: 20px;
    padding-right: 133px;
    line-height: 30px;
  }
  .aboutus.detailpagesd h1 br{display: none;}
  .bgbrign {
    padding: 35px 0 30px;
  }
  .imgdetailero {
    height: 450px;
    margin: 5px 0;
    max-height: 360px;
  }
  #slider-sus .imgdetailero{height: 450px;}
  .bgsus1 img{
    height: 450px;
    width: 100%;
    object-fit: cover;
  }
  .imgdetailser{
    max-width: 85px;
    right: 15px;
  }
  .leftimg img {
    height: auto;
    object-fit: cover;
    object-position: center;
  }
  .section {
    padding: 45px 0 50px;
  }
  .whatweoffer .tablediv{display: block;}
  .whatweoffer .tddiv{
    display: block;
    width: 100%;
    padding-left: 95px;
    border-right: none;
    border-bottom: 1px solid #f0f0f0;
  }
  .tddivgo {
    position: relative;
    padding-left: 95px;
  }
  .tddivgo p,.tddiv p {
    font-size: 15px;
    line-height: 25px;
    color: #000;
  }
  .tddivgo ul li {
    float: left;
    width: 100%;
    color: rgba(0,0,0,0.7);
    padding: 1px 0;
    font-size: 14px;
  }
  .whatweoffer .imgeg{left: 17px;}
  .navbar-default .navbar-header .navbar-brand img{width: 145px;}
  .navbar-fixed-top{padding: 0;}
  .menuicon{right: 15px;}
  .textslide{
    left: 0;
    padding: 0 15px;
    text-align: center;
  }
  #slider-with-blocks-1{height: 100%;}
  .wrapper,#home,.header-content,.header-content-slide{height: 100%;}
  .slide1 .banner1{background-image: url(../img/banner_mb.jpg?v1);}
  .slide2 .banner1{background-image: url(../img/banner2_mb.jpg?v1);}
  .slide3 .banner1{background-image: url(../img/banner3_mb.jpg?v1);}
  .slide4 .banner1{background-image: url(../img/banner4_mb.jpg?v1);}
  .slide5 .banner1{background-image: url(../img/banner5_mb.jpg?v1);}
  .textslide .lernmorbn{display: inline-block;}
  .rsBullets {
    max-width: 100%;
    text-align: center;
    bottom: 30px;
  }
  .rsNavItem {
    display: inline-block;
    margin: 0 15px;
  }
  .textslide .descriptionbaner{    margin: 30px 0 40px;}
  .textslide .descriptionbaner br{display: none;}
  .textslide .titlebanner {
    font-size: 25px;
    margin: 0 auto;
    line-height: 40px;
  }
  .textslide .lernmorbn {
    font-size: 16px;
    line-height: 30px;
    width: 210px;
    padding: 7px 10px;
  }
  .whoareyou h2.titleh2{text-align: left;}
  .whoareyou .text-center{text-align: left !important;}
  body{font-size: 15px;line-height: 30px;}
  .listnumber ul{
    margin: 25px 0 40px;
  }
  .listnumber li{
    margin: 0;
  }
  .listnumber li:first-child{margin-right: 45px;}
  .btnlearn {
    line-height: 34px;
    width: 281px;
  }
  .whoareyou {padding-left: 20px;padding-right: 20px;}
  .titleh2 {
    padding: 0px 0 35px;
    font-size: 25px;
  }
  .whatweoffer h4 {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .bottomtable{padding-bottom: 250px;}
  .img-offer {
    position: absolute;
    right: 0;
    top: inherit;
    bottom: 30px;
  }
  .titleour{
    margin-left: 0px;
    margin-top: 30px;
  }
  .col-md-4 .titleour{ margin-left: 95px;}
  .tddivgo p {
    margin-bottom: 35px;
  }
  .gallery-thumbs {
      height: 100px;
      padding-bottom: 15px;
      background: #f3f3f3;
  }
  .gallery-thumbs .swiper-slide{
    padding: 30px;
    background: #fff;
  }
  .gallery-thumbs .swiper-slide {
    padding: 0px 15px;
    line-height: 82px;
    border-width: 3px;
  }
  .gallery-top {
    height: 630px;
  }
  .leftimg {
    width: 100%;
    float: left;
  }
  .lending .righttext h3 {
    margin-bottom: 15px;
  }
  .righttext{width: 100%;padding: 35px 40px;}
  .righttext p{margin-bottom: 30px;}
  .righttext h3 {
    font-size: 21px;
    margin-bottom: 20px;
  }
  .lending .righttext p {
    margin-bottom: 15px;
  }
  .frmform{
    background: #fff;
    padding:30px 25px;
    margin-top: 30px;
  }
  .mat-input {
      border-bottom: 1px solid #e5e5e5;
      color: #000;
      padding: 6px 0px;
      height: 44px;
      border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
  }
  .mat-div:after, .mat-div:before{display: none;}
  input#telephone, .flag-container {
      color: #000;
      border-bottom: 1px solid #e5e5e5;
      padding: 6px 15px;
  }
  .mat-label {
    color: rgba(0, 0, 0, 0.6);
    margin-left: 0px;
  }
  .mat-divd label.mat-label{top: -1px;}
  .is-active .mat-label{    color: rgba(0, 0, 0, 0.6);}
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2,.intl-tel-input.allow-dropdown {
    margin-top: 20px !important;
  }
  .mat-divd{overflow: inherit;}
  .inquiry {
    margin-top: 0;
  }
  .mat-div.email{    margin-top: -10px;}
  textarea.mat-input{height: 100px; padding: 15px;}
  .sr-contact button {
      width: 100%;
      background: #5bbdce;
      margin:20px 0 15px;
  }
  .sr-contact button:hover{background: #5bbdce;}
  .officesbg.technology{margin-top: 30px;}
  ul.social {
    margin-top: 0;
  }
  .oursub h2 {
    font-size: 25px;
  }
  .contact h3 {
    font-size: 15px;
  }
   .contact h2{line-height: 40px;}
   .navbar-default.navbar-fixed-top.pagecontact .nav > li > a{color: #fff;}
   .bgcontact p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 25px;
  }
  .bgcontact{background-image: url(../img/contact_mb.jpg?v1);}
    .meetourteam .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px;
    text-align: center;
  }
  .leader {
    background: no-repeat;
    width: 100%;
    margin: 0 auto 30px;
  }
  .leader .imgleftt {
    width: 100%;
    float: left;
    text-align: center;
  }
  .leader .righttt {
    width: 100%;
    float: left;
    padding: 20px 0px 0px 0px;
    text-align: center;
  }
  select:invalid {
    color: rgba(0,0,0, 0.6);
  }
  .select-dropdown:after{
        border-top: 5px solid #2f2f2f;
  }
  .leader .righttt .secds{line-height: 21px;}
  .meetourteam .name, .leader .righttt .name{margin-bottom: 5px;}
  .special p{margin-bottom: 0}
  .meetourteam .name{margin-bottom: 2px;}
  .rowlead p,.meetourteam  .row.justify-content-center p{margin-bottom: 30px;}
  .rowlead {
    margin-bottom: 0;
  }
  .section.meetourteam{padding-bottom: 20px;}
  .officesbg.head{background-image: url(../img/head-offices_mb.jpg?v1); background-position: center top;}
  .officesbg.technology{
    background-image: url(../img/technology-office_mb.jpg?v1); background-position: center top;
    height: auto;
  }
  .officesbg {
    padding: 70px 30px 80px;
  }
  .officesbg h2 {
    font-size: 20px;
    min-height: 10px;
    margin-bottom: 40px;
    line-height: 31px;
  }
  .address {
    margin-bottom: 30px;
  }
  .emailct a{font-size: 20px;}
  .numberphone a {
    font-size: 20px;
    margin: 15px 0 20px;
  }
  .offices .container.fixct {
    max-width: 90%;
  }
   .whatweoffer .bottomtable .imgeg{top: -5px;}
  .officesbg br{display: none;}
  .rsArrow{display:  none !important;}
  .navbar-fixed-top.fixed{padding-bottom: 0; background: none;}
  .navbar-default.fixed .navbar-header .navbar-brand{display: none;}
  .textsusgoal {
    padding-right: 0;
  }
  .bggoals h2 {
    text-align: center;
    font-size: 25px;
    padding: 0 10%;
    line-height: 35px;
  }
  .bggoals{background-image: url(../img/sustainability/sus-bg1_mb.jpg?v1);}
  .mb{display: block;}
  .pc{display: none;}
  .logosus {
    padding: 20px 0;
    text-align: center;
  }
  .embracing ul {
    width: 80%;
    margin: 0 auto;
  }
  .embracing li{    padding: 0 5px 10px;}
  .embracing h2 {
    text-align: center;
    text-transform: none;
    padding: 0 10% 30px;
  }
  .embracingct {
    padding-left: 0;
    margin-top: 20px;
  }
  .embracing{padding-bottom: 30px;}
  .howsdg h2 {
    font-size: 25px;
    padding: 0 10%;
  }
  .leftimgsd{width: 100%}
  .itemsdg{
    width: 100% !important;
    height: auto !important;
    min-height: 205px;
  }
  .itemsdg.sg1{background-image: url(../img/sustainability/sdg1_mb.jpg?v1);}
  .itemsdg.sg2{background-image: url(../img/sustainability/sdg2_mb.jpg?v1);}
  .itemsdg.sg3{background-image: url(../img/sustainability/sdg3_mb.jpg?v1);}
  .itemsdg.sg4{background-image: url(../img/sustainability/sdg4_mb.jpg?v1); min-height: 270px;}
  .itemsdg.sg5{background-image: url(../img/sustainability/sdg5_mb.jpg?v1);}
  .itemsdg.sg6{background-image: url(../img/sustainability/sdg6_mb.jpg?v1);}
  .itemsdg.sg4{list-style: 24px;}
  .itemsdg.sg4 h4 {
    margin-bottom: 10px;
  }
  .leftimgsd{margin-top: 2px;}
  .itemsdg {
    padding: 20px 15px 20px;
    margin: 2px 0;
  }
  .discover {
    position: absolute;
    bottom: 15px;
    left: 15px;
  }
  .headindus h3 img{max-height: 32px}
  .imgiconre img{max-height: 40px;}
  .sushome {
    background-image: url(../img/bg-sus_mb.jpg?v1);
    padding: 180px 0 50px;
  }
  .sushome p br{display: none;}
  .sushome .btnlearn {
    margin-top: 10px;
    height: 48px;
  }
  .sushome h2{padding-bottom: 15px;}
  #mainNav .dropdown{
    margin-right: 50px;
        -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
  }
  .navbar-fixed-top.fixed{border: none;}
  #mainNav.fixed .dropdown .dropdown-toggle{color: #fff;}
  #mainNav.fixed .dropdown{
    display: none;
  }
  .inovative a.tradinglog {
        right: 0;
    left: 0;
  }
  .bgbrign.inovative {
      padding-bottom: 35px;
  }
  .inovativepage .leftpagedi {
    margin-bottom: 15px;
  }
  .navbar-default.navbar-fixed-top.pagecontact .nav > li.current-menu-item > a{
    color: #187aaf;
    border-bottom: none;
    padding-bottom: 15px;
  }
  .howsdg{padding:45px 15px 40px }
  .imgdetailero.promote {
    height: 400px;
  }
  .imgdetailero.control a.tradinglog {
    top: 70px;
  }
  .imgdetailero.innomative a.tradinglog img {
    height: 28px;
    min-height: 28px;
  }
  @-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 10px);
    opacity: 0;
  }
  }
  @-moz-keyframes fade_move_down {
    0% {
      -moz-transform: translate(0, -10px);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -moz-transform: translate(0, 10px);
      opacity: 0;
    }
  }
  @keyframes fade_move_down {
    0% {
      transform: translate(0, -10px);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, 10px);
      opacity: 0;
    }
  }
  @-webkit-keyframes fade_move_up {
    0% {
      -webkit-transform: translate(0, 10px);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -webkit-transform: translate(0, -10px);
      opacity: 0;
    }
  }
  @-moz-keyframes fade_move_up {
    0% {
      -moz-transform: translate(0, 10px);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -moz-transform: translate(0, -10px);
      opacity: 0;
    }
  }
  @keyframes fade_move_up {
    0% {
      transform: translate(0, 10px);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, -10px);
      opacity: 0;
    }
  }
  .slide5 .ledinglog .scroll-down-link-up {
    height: 12px;
    width: auto;
  }
  .titlework {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 85px;
  }
  .wrapwroks{padding-left: 0;}
  .wrapwroks:before{display: none;}
  .wrapwroks h5 img{max-width: 70px;}
  .col-md-4.bband {
    margin-top: 30px;
  }
 .listgrid.row .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .someworks .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .someworks .row.row1,.someworks .row.row2, .someworks .row.row3 {
    height: auto;
  }
  .someworks .listgrid.row,.txtgrct{padding-left: 0;max-width: inherit;}
  .wrapwroks h5 {
    margin: 30px 0 20px;
  }
  .someworks .row.row2, .someworks .row.row3 {
    height: auto;
    margin-top: 30px;
  }
  .col-md-7.bband {
    padding-top: 15px;
  }
  .row1 .wrapwroks:after{display: none;}
  .someworks h2 {
    text-align: center;
  }
  .titlework h6 {
    font-size: 20px;
  }
  .titlework h6 {
    font-size: 18px;
  }
}
@media (max-width: 479px) and (min-width:400px) {
  .inovative a.tradinglog {
        right: 0;
    left: 0;
  }


  .slide1 a.ledinglog {
    left: 7%;
    bottom: 39px;
  }
  #slider-sus a.tradinglog {
    top: 40px;
  }
  #slider-sus .slide2 .imgdetailero.control a.tradinglog {
    right: 40%;
      top: 38px;
  }
  #slider-sus .inovative a.tradinglog {
      top: 51px;
      right: 8%;
  }

}

@media (max-width: 767px) {
  .language__mobi {
    padding: 0 10px 15px 25px;
  }

  .language__mobi button {
    margin-top: 0 !important;
    padding: 0 !important;
  }
  .language__mobi button span {
    color: white;
  }

  .language__mobi .dropdown-menu {
    left: 0 !important;
    margin-top: 10px !important;
  }

  .icomenu {
    width: 42px !important;
    height: 42px !important;
  }

  .language__wrapper {
    display: none !important;
  }
}

.rsContainer {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.carousel-cell {
  width: 100%;
  height: 100%;
  min-height: 590px;
}

@media (min-width: 768px) {
  #slider-with-blocks-1 {
    min-height: 703px;
  }
}

.flickity-prev-next-button {
  display: none;
  width: 80px;
  height: 80px;
  background: transparent;
  color: white;
}

.flickity-prev-next-button:disabled {
  color: white;
  opacity: 1;
}

.flickity-prev-next-button svg path {
  fill: white;
}

@media (min-width: 768px) {
  .flickity-prev-next-button {
    display: block;
  }
}

.flickity-prev-next-button:hover {
 background: transparent;
}
.flickity-prev-next-button .arrow{
  fill: white;
}

.flickity-page-dots {
  bottom: 30px
}
.flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  margin: 0 15px;
  opacity: 1;
  background: #8c8c8c;
  border: 0 solid white;
  border-radius: 0;
}

@media (min-width: 768px) {
  .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    margin: 0 20px;
  }

  .flickity-page-dots {
    max-width: 640px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: auto;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .flickity-page-dots {
    max-width: 885px;
  }
}

@media (min-width: 1440px) {
  .flickity-page-dots {
    max-width: 1000px;
  }
}

.flickity-page-dots .dot.is-selected{
 background: white;
}

.image--initial .image__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.image--initial {
  background-size: cover;
}

.image--initial .image__img {
  object-fit: cover;
}

figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.banner__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 590px;
}

@media (min-width: 768px) {
  .banner__wrapper {
    min-height: 703px;
  }
}

.mobi {
  display: block;
}

@media (min-width: 768px) {
  .mobi {
    display: none !important;
  }
}

#subsidiaries {
  display: none !important;
}

.officesbg h2 {
  min-height: auto;
  margin-bottom: 10px
}

.officesbg h4 {
  font-size: 20px;
  margin-bottom: 40px;
}

.leader {
  display: block;
  width: 100%;
  background-color: transparent;
}

.leader__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 768px) {
  .leader {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
  }
  .leader__item {
    width: calc(100% / 3 - 20px);
    margin: 0 10px 20px;
  }
  .meetourteam .descname {
    width: 200px;
    display: block;
  }
}

@media (min-width: 1024px) {
  .leader__item {
    width: calc(100% / 3);
    margin: 0 0 20px;
  }
}

.mat-divd {
  max-height: 58px;
}

@media (min-width: 1440px) {
  .mat-divd {
    max-height: 74px;
  }
}