*:focus {
    outline: none;
   }
.html-ie,
.body-ie {
    max-width: 100%;
    overflow-x: hidden;
}
/* IE */
.zoom-ie {
      zoom: 0.8;
}
.numbers-section-left-bg-ie {
      height: 535px !important;
}
.numbers-content-ie {
      margin-left: 100px;
}
.whoweare-body-ie {
      zoom: 0.8;
}
.add-padding-left-ie {
      margin-left: 100px;
}
.triangle-crop-numbers {
      border-bottom: 540px solid #f2f2f2 !important;
}
img.about-img-top-ie {
      width: 100% !important;
}
.container-archive-ie {
      margin-left: 350px !important;
}
.about-section-ie p {
      font-size: 17px !important;
}
.whoweare-col-left-ie p,
.whoweare-col-right-ie p {
      height: 220px !important;
}
.whoweare-img-ie {
      right: 350px !important;
}
.phasing-column-ie {
      height: 550px !important;
}
.banner-quote-ie h2 {
      font-size: 44px !important;
}
.return-to-top-ie {
      zoom: 0.8;
}
.img-center-vert-horz-ie {
      width: 50% !important;
}
.icon-active-line-ie {
      display: none;
}
.projects-top-right-ie p {
      font-size: 17px !important;
}
img.projects-top-img-ie {
      width: 100% !important;
}
.green-dot-container-ie {
      display: none;
}
.text-overlay-vresso-ie p {
      font-size: 14px !important;
}
.text-overlay-vresso-ie span {
      font-size: 14px !important;
}
.custom-width-container-about-ie {
      width: 1150px !important;
}
.img-overlay-wrap-ie {
      height: 750px !important;
}
.img-header-ie {
      width: 135px !important;
}
.market-top-left-ie img {
      width: 100% !important;
}
.market-section-top-ie p {
      font-size: 17px !important;
      line-height: 26px !important;
}
/* END IE */
.market-top-left img {
      width: 72%;
      display:block;
      margin:auto
}
html {
    background: #f8f8f8;
}
.icon-background1 {
    color: #484848;
}
.fa-instagram {
      color: #ffffff;
}
.opacity-hover-low {
      opacity: 0.1;
}
img.social-media-img {
      width: 35px;
}
.widget-mobile {
      z-index: 555;
      background: #ffffff;
      margin-top: 80px;
      border: 1px solid #ededed;
}
.widget-mobile p {
      font-weight: 400;
      font-size: 18px;
      font-family: 'Open Sans', sans-serif;
      color: #666666;
      padding-left: 20px;
      padding-right: 20px;
}
.hide-svg-line-xs {
    width:100%;
    height: 2px;
    background: #ffffff;
    position: absolute;
    bottom: -1px;
    z-index: 4000;
}
.circle-icon2 {
    background: #484848;
    padding:30px;
    border-radius: 50%;
}
.navbar-header {
      background: #d5d5d7;
}
.circle-icon {
    background: #484848;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}

ul.nav.navbar-nav li a {
      font-weight: 400;
      font-size: 18px;
      padding-top: 15px;
      font-family: 'Open Sans', sans-serif;
      padding-bottom: 15px;
}
.item.theta-carousel-element .frame-historical {
      opacity: 0;
}
.welcome-text {
      position: absolute;
      top: 100px;
      font-size: 28px;
      left: 0;
      right: 0;
      background: #ffffff;
}
.text-opacity-0 {
      opacity: 0;
      -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.text-opacity-1 {
      opacity: 1;
      -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.flip-img {
      -moz-transform: scaleX(-0);
        -o-transform: scaleX(-0);
        -webkit-transform: scaleX(-0);
        transform: scaleX(-0);
        filter: FlipH;
        -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       -webkit-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}
.unflip-img {
      -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        filter: FlipH;
        -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       -webkit-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}
.whoweare-content {
      background: #ffffff;
}
.whoweareGIF {
      width: 180px;
      height: 180px;
      display: block;
      margin: auto;
      margin-bottom: 52px;
      margin-top: 32px;
      border: none;
      background: #ffffff;
}
body > div:nth-child(10) > div.col-xs-12.col-md-5.col-md-offset-2.whoweare-body.whoweare-custom-width > div > div.col-xs-12.col-md-12 {
      background: #ffffff;
}

.whoweare-col-left p,
.whoweare-col-right p {
      font-weight: 400;
      font-size: 18px;
      font-family: 'Open Sans', sans-serif;
      color: #666666;
      height: 160px;
}
.whoweare-col-right-test p {
      font-weight: 400;
      font-size: 18px;
      font-family: 'Open Sans', sans-serif;
      color: #666666;
}
.whoweare-img {
      position: absolute;
      right: 450px;
      z-index:99;
}
.whoweare-img img {
      width: 730px;
}
.whoweare-col-left {
      padding-top: 30px;
      padding-bottom: 20px;
}
.whoweare-col-right {
      padding-top: 30px;
      padding-bottom: 80px;
}
.whoweare-body {
      border: 1px solid #ededed;
      z-index:5000;
      background: #ffffff;
      margin-top: 41.5px;
}
.banner-quote {
      background-color: #1b1b1b;
      background-image:url('../img/abstract-1.png');
      background-size: 140%;
      background-repeat: no-repeat;
      background-position: 50% 47%;
      height: 400px;
      animation-name: zoomInOutBanner;
      animation-duration: 7s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
      animation-delay: 1s;
}
.banner-quote h2 {
      color: rgb(255, 255, 255);
      font-size: 54px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      margin-top: 150px;
}
.banner-quote h2 span {
      font-weight: 400;
}
@keyframes zoomInOutBanner {
      0%
      {
            background-size: 140%;
      }
      50%
      {
            background-size: 100%;
      }
      100%
      {
            background-size: 140%;
      }
}
@-webkit-keyframes zoomInOutBanner {
      0%
      {
            background-size: 140%;
      }
      50%
      {
            background-size: 100%;
      }
      100%
      {
            background-size: 140%;
      }
}



#image-wrapper {
      position: relative;
}
.svg-background, .svg-image {
      clip-path: url(#clip-triangle);
}
.svg-image {
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    opacity: 1;
    transition: all 0.5s ease 0.2s;
}
svg.clip-svg {
      height: 250px;
      position: absolute;
      width: 100%;
}
#svg-1 {
      left: 0px;
      bottom: 0px;
}
.svg-dimensions {
      width: 100%;
      height: 250px;
}

.img-overlay-wrap {
  position: relative;
  display: inline-block; /* <= shrinks container to image size */
  transition: transform 150ms ease-in-out;
  height: 900px !important;
  background-size: cover;
  top: 0px;
}

.img-overlay-wrap img { /* <= optional, for responsiveness */
   display: block;
   max-width: 100%;
   height: auto;
}

.img-overlay-wrap svg {
  position: absolute;
  bottom: 0;
  left: 0;
}
.img-overlay-wrap-ie {
      height: 750px !important;
}




.item.theta-carousel-element.theta-current-item .frame-historical {
      opacity: 1;
      background: #dfdfdf;
      /* border: 10px solid #999b9a; */
	width: 700px;
	height: 620px;
	top: 0;
	position: absolute;
	left: 0;
	z-index: -1;
	margin-top: -180px;
	margin-left: -201px;
}
.theta-carousel-inner-container {
      height: 730px !important;
}
body {
      background: #f8f8f8;
      /* transform: scale(1); */
      -moz-transform: scale(.8);
      -moz-transform-origin: 0 0;
      -o-transform: scale(.8);
      -o-transform-origin: 0 0;
      zoom: .8;

}
.change-color-explorer {
      color: rgb(27, 132, 92) !important;
      background: transparent !important;
}
.safari {
      zoom: .8;
}

.explorer-body {
      zoom: 1;
}
.explorer {
      transform: scale(0.8);
      zoom: 1;
}
.custom-width-container-about {
      width: 1500px;
}
.slick-slide .show-only-active {
      opacity: 0;
      position: absolute;
      margin-left: -90px;
      background-image: url('../img/bg-archive.png');
      background-repeat: repeat-x;
      width: 480px;
      height: 80px;
      margin-top: -2px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.slick-slide .show-only-active-date {
      opacity: 0;
      position: absolute;
      margin-left: -90px;
      background-image: url('../img/bg-archive-reverse.png');
      background-repeat: repeat-x;
      width: 480px;
      height: 80px;
      margin-top: -2px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}






.slick-slide.slick-current.slick-active .show-only-active {
      opacity: 1;
      position: absolute;
      margin-left: -90px;
      background-image: url('../img/bg-archive.png');
      background-repeat: repeat-x;
      width: 480px;
      height: 80px;
      margin-top: -2px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      transition-delay: .2s;
}
.slick-slide.slick-current.slick-active .show-only-active-date {
      opacity: 1;
      position: absolute;
      margin-left: -90px;
      background-image: url('../img/bg-archive.png');
      background-repeat: repeat-x;
      width: 480px;
      height: 80px;
      margin-top: -2px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      transition-delay: .2s;
}



.phasing-column {
      width: 33.33333%;
      height: 700px;
      float: left;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.item.theta-carousel-element .show-only-active {
      opacity: 0;
      position: absolute;
      margin-left: -90px;
      background-image: url('../img/bg-archive.png');
      background-repeat: repeat-x;
      width: 480px;
      height: 80px;
      margin-top: -2px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.item.theta-carousel-element.theta-current-item .show-only-active {
      opacity: 1;
	position: absolute;
	margin-left: -214px;
	background-image: url(../img/bg-archive.png);
	background-repeat: repeat-x;
	width: 729px;
	height: 80px;
	margin-top: 112px;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transition-delay: .2s;
}
.show-only-active p {
      color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
      position: absolute;

	text-align: left;
      padding-left: 15px;
      padding-top: 15px;
      padding-right: 15px;
      padding-bottom: 0px;
      bottom: 10px;
}




.item.theta-carousel-element .show-only-active-date {
      opacity: 0;
      position: absolute;
      margin-left: -90px;
      background-image: url('../img/bg-archive-reverse.png');
      background-repeat: repeat-x;
      width: 480px;
      height: 80px;
      margin-top: -2px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.item.theta-carousel-element.theta-current-item .show-only-active-date {
      opacity: 1;
	position: absolute;
	margin-left: -214px;
	background-image: url(../img/bg-archive-reverse.png);
	background-repeat: repeat-x;
	width: 728px;
	height: 80px;
	top: 0;
	margin-top: -181px;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transition-delay: .2s;
}
.show-only-active-date p {
      color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
      position: absolute;

	text-align: left;
      padding-left: 15px;
      padding-top: 15px;
      padding-right: 15px;
      padding-bottom: 0px;
      top: 10px;
}






.green-dot-container {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 142px !important;
      margin-left: 1px !important;
      z-index: 55555;
}
.fa-chevron-left:before,
.fa-chevron-right:before {
      font-size: 24px;
}
.item.theta-carousel-element img {
      transform: scale(0.8);
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.item.theta-carousel-element.theta-current-item img {
      border: 10px solid #e6e6e6;
      transform: scale(2.6);
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.phasing-column-bg-1 {
      background-image: url('../img/img1.jpg');
      background-size: cover;
      background-position: center;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.phasing-column-bg-2 {
      background-image: url('../img/img2.jpg');
      background-size: cover;
      background-position: center;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.phasing-column-bg-3 {
      background-image: url('../img/img3.jpg');
      background-size: cover;
      background-position: center;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}

.element-w60 {
      width: 60% !important;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.element-w20 {
      width: 20% !important;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}




.flip-container {
	perspective: 1000px;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
.flip-container, .front, .back {
	width: 50px;
	height: 50px;
      display: block;
      margin: auto;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.front {
	z-index: 2;
	transform: rotateY(0deg);
}



.container-archive {
	width: 1800px;
	margin-right: 0px;
      margin-left: 500px;
}

.market-section-top {
      /* margin-top: 110px !important;
      margin-bottom: 125px !important; */
}
.market-section-top p {
      color: rgb(68, 68, 68);
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	text-align: left;
      line-height: 27px;
}
i.fas.fa-circle {
      padding-left: 15px;
      padding-right: 15px;
}
.btn-nav-archive {
      background: #1b845c;
      padding: 9px 12px 11px 13px;
      border: none;
      border-radius: 50%;
      color: #ffffff;
}
.noclick-overlay {
      width: 100%;
      height: 700px;
      z-index: 99999;
      position: absolute;
}
.outside .inside img {
      width: 100%;
}
/* Truck */
@keyframes spin {
      0%
      {
            transform: rotate(360deg);
      }
      100%
      {
            transform: rotate(0deg);
      }
}
.truck {
      width: 60%;
	max-width: 60%;
	margin: auto;
	position: relative;
      margin-bottom: 90px;
}
.text-above-van h2 {
      color: #000000;
      font-size: 34px;
      margin-top: 50px;
      margin-bottom: 50px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
}
#archive-carousel > div.theta-config-button.theta-ignore.ui-corner-bottom.ui-state-active {
      display: none;
}
.btn-left {
      position: absolute;
      left: 80px;
	padding: 10px 15px 10px 13px;
      margin-top: -360px;
}
.btn-right {
      position: absolute;
      right: 80px;
	padding: 10px 13px 10px 15px;
      margin-top: -360px;
}
.theta-carousel-element {
      margin-left: -110px;
}

img.archive-img {
      height: 260px;
      width: 300px;
}
.theta-carousel-inner-container {
      width: 100% !important;
}
.truck * {
      position: absolute;
}
.truck-container {
      margin: 20px 0;
      padding: 20px;
}
.projects-overlay-left {
      position: absolute;
      left: 50%;
      width: 80%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.projects-overlay-left h3 {
      color: #ffffff;
	font-family: 'Open Sans', sans-serif;
      font-size: 30px;
}
.projects-overlay-left h3:after {
      display: block;
      content: '';
      width: 50px;
      height: 2px;
      background: #ffffff;
      bottom: 0;
      margin: auto;
      display: block;
      margin-top: 20px;
}
.projects-overlay-left p {
      color: #ffffff;
	font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      margin-top: 20px;
}
.projects-overlay-right {
      position: absolute;
      left: 50%;
      width: 80%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.projects-overlay-right h3 {
      color: #ffffff;
	font-family: 'Open Sans', sans-serif;
      font-size: 32px;
}
.projects-overlay-right h3:after {
      display: block;
      content: '';
      width: 50px;
      height: 2px;
      background: #ffffff;
      bottom: 0;
      margin: auto;
      display: block;
      margin-top: 10px;
}
.projects-overlay-right p {
      color: #ffffff;
	font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      margin-top: 20px;
}

img.projects-lg-1,
img.projects-lg-2,
img.projects-lg-3,
img.projects-lg-4,
img.projects-lg-5,
img.projects-lg-6 {
      height: 270px;
}



.projects-bg-lg-1 {
      background-image: url('../img/projects/large-1.jpg');
      height: 270px;
	background-position: center center;
}
.projects-bg-lg-2 {
      background-image: url('../img/projects/large-2.jpg');
      height: 270px;
	background-position: center center;
}
.projects-bg-lg-3 {
      background-image: url('../img/projects/large-3.jpg');
      height: 270px;
	background-position: center center;
}
.projects-bg-lg-4 {
      background-image: url('../img/projects/large-4.jpg');
      height: 270px;
	background-position: center center;
}
.projects-bg-lg-5 {
      background-image: url('../img/projects/large-5.jpg');
      height: 270px;
	background-position: center center;
}
.projects-bg-lg-6 {
      background-image: url('../img/projects/large-6.jpg');
      height: 270px;
	background-position: center center;
}
.projects-bg-1 {
      background-image: url('../img/projects/small-1.jpg');
      height: 270px;
      background-repeat: no-repeat;
      background-size: cover;
}
.projects-bg-2 {
      background-image: url('../img/projects/small-2.jpg');
      height: 270px;
      background-repeat: no-repeat;
      background-size: cover;
}
.projects-bg-3 {
      background-image: url('../img/projects/small-3.jpg');
      height: 270px;
      background-repeat: no-repeat;
      background-size: cover;
}
.projects-bg-4 {
      background-image: url('../img/projects/small-4.jpg');
      height: 270px;
      background-repeat: no-repeat;
      background-size: cover;
}
.projects-bg-5 {
      background-image: url('../img/projects/small-5.jpg');
      height: 270px;
      background-repeat: no-repeat;
      background-size: cover;
}
.projects-bg-6 {
      background-image: url('../img/projects/small-6.jpg');
      height: 270px;
      background-repeat: no-repeat;
      background-size: cover;
}
.projects-overlay-left {
      position: absolute;
      left: 50%;
      width: 80%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.green-btn-xs {
      background: rgb(27, 132, 92);
	border-radius: 50%;
	z-index: 9999;
	border: none;
	color: rgb(255, 255, 255);
	padding-top: 12px;
	padding-left: 16px;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-left: 1140px;
	margin-top: 360px;
	position: absolute;
}


.wheel,
.wheel:after,
.wheel:before {
      bottom: 140px;
      width: 57px;
      height: 54px;
      border-radius: 100%;
      background: #202122;
}
.wheel {
      left: 94px;
      -webkit-animation: spin 0.4s infinite linear;
      animation: spin 0.4s infinite linear;
}
.wheel.front {
      left: 335px;
}
.wheel:after,
.wheel:before {
      content: "";
      position: absolute;
      display: block;
      top: 20%;
      left: 20%;
      width: 60%;
      height: 60%;
}
.wheel:before {
      background: #aaa;
}
.wheel:after {
      top: 40%;
      left: 40%;
      width: 20%;
      height: 20%;
}
@keyframes bobbing {
      0%
      {
            transform: rotate(0) translateY(0);
      }
      100%
      {
            transform: rotate(0.1deg) translateY(5px);
      }
}
.body {
      width: 100%;
      position: relative;
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-animation: bobbing 0.2s infinite ease-in-out forwards alternate;
      animation: bobbing 0.2s infinite ease-in-out forwards alternate;
}
.frame {
      position: relative;
}
.truck img {
      width: 100%;
      height: auto;
      top: 0;
      left: 0;
      margin: 0;
}
@keyframes thingy {
      0%
      {
            transform: translateX(0);
            width: 0;
            opacity: 0;
      }
      10%
      {
            width: 10%;
            opacity: 1;
      }
      30%, 100%
      {
            transform: translateX(+250px);
            width: 0;
            opacity: 0;
      }
}
.speed-thingy {
      position: absolute;
      width: 20px;
      border-radius: 10px;
      height: 10px;
      background: #fff;
      top: -10%;
      left: 50%;
      animation: thingy 3s infinite ease forwards;
}
.speed-thingy.second {
      top: 20%;
	left: 75%;
	animation-delay: 0.1s;
}
@keyframes shadow {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.01);
    }
}
@keyframes shine {
    0%{
        opacity: 0.1;
        background-position: -500px 0;
    }
    30% { opacity: 1; }
    50%, 100%{
        opacity: 0.2;
        background-position: 50px top;
    }
}

.shine {
      width: 26%;
	height: 36%;
	left: 31%;
	top: 15%;
	transform: skew(-45deg, -4deg);
	border-radius: 75px 104px 40px 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 76%, rgba(255,255,255,0.8) 78%, rgba(255,255,255,0.8) 96%, rgba(0, 0, 0, 0) 98%);
	background-repeat: no-repeat;
	background-size: cover;
	animation: shine 3s infinite ease forwards;
}
.shadow {
      top: 310px;
      width: 90%;
      border-radius: 100%;
      height: 20px;
      bottom: -25%;
      left: 5%;
      background: rgba(0,0,0,0.1);
      animation: shadow 0.2s infinite ease-in-out forwards alternate;
      transform-origin: right center;
}
img.wheel-left {
	height: 100px;
	width: 98px;
	top: 212px;
	left: 71px;
}
img.wheel-right {
	height: 100px;
	width: 98px;
	top: 212px;
	left: 530px;
}

h2.date-timeline-mobile {
      text-align: center;
      font-weight: 700;
      color: #444444 !important;
      font-family: 'Open Sans', sans-serif;
}

h2.date-timeline-mobile::after {
      display: block;
      content: '';
      margin: auto;
      width: 148px;
      height: 5px;
      background: rgb(0, 166, 81);
      margin-top: 30px;
      left: 0px;
}
img.main-img-timeline-mobile {
      display: block;
      width: 40% !important;
      margin: auto;
      margin-top: 20px;
}




/* End Truck */
.round-slider-nav {
      position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 115px;
	z-index: 9999;
	margin-top: 80px;
}
.projects-row {
      padding-top: 10px;
      padding-bottom: 10px;
}
.font-white {
      color: #FFFFFF !important;
}
.text-uppercase {
      text-transform: uppercase;
}
.text-family-lato {
      font-family: 'Lato', sans-serif;
}
/* Padding & Margin */
.nopadding {
      padding-left: 0px;
      padding-right: 0px;
}
.map-contact {
      width: 100%;
      height: 615px;
      padding-left: 0px;
      padding-right: 0px;
}
.form-section {
      height: 615px;
      margin-left: 0px;
      margin-right: 0px;
}
.nopadding-l {
      padding-left: 0px;
}

.nopadding-r {
      padding-right: 0px;
}
.contact-us-form-input {
      border: none;
      background: #eaeaea;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
}
.increased-padding {
      padding-left: 60px;
      padding-right: 60px;
}
.margin-top-bot {
      margin-top: 20px;
      margin-bottom: 20px;
}
/* End Padding & Margin */
.form-section {
      background: #f3f3f3;
}
img.w100 {
      width: 100%;
}
img.w50 {
      width: 50%;
}
img.w75 {
      width: 75%;
}
.about-section {
      margin-top: 110px;
      margin-bottom: 40px;
}
.about-section p {
      color: #444444;
      font-family: 'Open Sans', sans-serif;
      font-size: 19px;
      text-align: left;
}

.form-section img {
      width: 20px;
      float: left;
      margin-right: 20px;
}
img.form-btn-img {
      display: inline-block;
      float: none;
}

.vresso-grp-column {
      height: 325px;
}
.img-center-vert-horz {
      width: 70%;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.img-center-vert-horz-pushed {
      width: 50%;
      margin: auto;
      position: absolute;
      top: -170px;
      left: 0;
      bottom: 0;
      right: 0;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.dark-grey-bg {
      background: #bdbdbd;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.light-grey-bg {
      background: #ececec;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.text-hidden {
      opacity: 0;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.text-visible {
      opacity: 1;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.text-overlay-vresso {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding-left: 20px;
      padding-right: 35px;
}
#click-here-btn {
      position: absolute;
      cursor: pointer;
      text-align: center;
      width: 100%;
      font-size: 26px;
      margin-top: 330px;
      z-index: 999;
      color: #444444;
      font-family: 'Open Sans', sans-serif;
}
.hover-vresso {
      margin-bottom: 40px;
}
.text-overlay-vresso p {
      font-size: 20px;
      font-weight: 700;
      font-family: 'Open Sans', sans-serif;
      color: #606b71;
}
.text-overlay-vresso span {
      font-size: 16px;
      line-height: 27px;
      font-weight: 700;
      font-family: 'Open Sans', sans-serif;
      color: #606b71;
}
.form-section p {
      color: #858585;
      float: left;
}


.block {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
  font-size: 16px;
}
.block h2{
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10vw;
  color: white;
  font-weight: 400;
}
.img-parallax {
  width: 100vmax;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}

/* Image Handling */
img.img-center {
      display: block;
      margin: auto;
}
.contact-banner-bg {
      height: 500px;
	background-image: url(../img/contact-banner.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.projects-banner-bg {
	background-image: url(../img/projects-banner.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 500px;
}
img.projects-top-img {
      width: 72%;
      display: block;
      margin: auto;
}
.about-banner-bg {
      height: 500px;
	background-image: url(../img/about-banner.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.parallax-window {
	min-height: 400px;
	background: transparent;
}
.title-breadcrumb-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: 1170px;
}
.title-breadcrumb-banner {
      text-align: right;
      padding-top: 150px;
}
.title-breadcrumb-banner h1 {
      color: #ffffff;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 50px;
      letter-spacing: 2px;
}
.title-breadcrumb-banner a {
      color: #ffffff;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      -moz-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      -webkit-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out;
}
.title-breadcrumb-banner a:hover {
      color: #1b845c;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      -moz-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      -webkit-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out;
      text-decoration: none;
}
.title-breadcrumb-banner span {
      color: #ffffff;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
}
/* End Image Handling */

/* Carousel Banner */
.slider-banner {
      position: relative;
      z-index: 0;
      top: 0px;
}
.slider-banner div img {
      width: 100%;
}
.slick-dots {
    bottom: 150px !important;
}
.header-form-section p {
      color: #444444;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 20px;
      margin-top: 40px;
      margin-bottom: 20px;
}
.header-form-section p:after {
      display: block;
      content: '';
      width: 50px;
      height: 5px;
      background: rgb(27, 131, 91);
      position: absolute;
      bottom: 0;
      top: 75px;
      left: 60px;
}
.submit-btn-container {
      padding-left: 10px;
      padding-right: 10px;
}
.green-gradient-btn {
      color: #ffffff;
      position: absolute;
      bottom: 0px;
      height: 50px;
      left: 0px;
      width: 100%;
      background: none;
      border: none;
      background: #1b855c; /* Old browsers */
      background: -moz-linear-gradient(-45deg, #1b855c 0%, #16c684 99%, #1b855c 100%, #16c684 100%);
      background: -webkit-linear-gradient(-45deg, #1b855c 0%,#16c684 99%,#1b855c 100%,#16c684 100%);
      background: linear-gradient(135deg, #1b855c 0%,#16c684 99%,#1b855c 100%,#16c684 100%);
}
.green-gradient-btn img {
      display: inline-block;
      margin-right: 10px;
}
ul.slick-dots li {
    display: block !important;
    width: 100px;
    margin-left: 0px;
    margin-bottom:8px;
}
.slick-dots .slick-active a {
    color: #1b845c;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 20px;
}
.slider-banner > div > ul > li > a {
      color: #ffffff;
      font-weight: 700;
      overflow: hidden;
      text-align: center;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      font-size: 20px;
}
.slider-banner > div > ul > li > a:hover {
      color: #1b845c;
      font-weight: 700;
      overflow: hidden;
      text-align: center;
      font-size: 20px;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      text-decoration: none;
}
/* End Carousel Banner */

/* Who We Are */


.hidden-js {
      display: none !important;
}
.visible-js {
      display: block !important;
}

img.about-img-top {
      width: 72%;
      display: block;
      margin: auto;
}

.left-column-text {
      float: left;
}
.right-column-text {
      width: 400px;
      float: right;
      margin-top: 90px;
}

.toggle-visibility {
      display: block;
}
.w-400 {
      width: 400px;
}

.rotate-i {
      webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(180deg);  /* IE 9 */
        -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
         transform: rotate(180deg);
}


.focus-text {
      color: #1b845c;
      font-weight: 700;
}
.margin-top-img-market {
      margin-top: 50px;
}
button:focus {
      outline: 0;
}

.about-background {
      background-image: url('../img/about.png');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      height: 600px;
}
/* End Who We Are */

/* Numbers */
.section-top-proprity {
      top: 0px;
}
.market-segment-left img {
      height: 572px;
}
.market-segment-right p {
      margin-top: 50px;
}
.market-segment-right h2 {
          color: #18845d !important;
          text-align: center;
}
.numbers-row {
      height: 100%;
	position: relative;
	margin-left: -90px;
}
.numbers-section {
      background: #f2f2f2;
      margin-top: 200px;
      position: relative;
}
.numbers-section .numbers-title h3 {
      text-transform: uppercase;
      color: #434343;
      font-weight: 700;
      font-size: 56px;
      margin-top: 80px;
      letter-spacing: 1px;
      margin-bottom: 100px;
      font-family: 'Open Sans', sans-serif;
      position: relative;
      text-align: left;
}
.numbers-section .numbers-content p {
      font-size: 65px;
      font-family: 'Open Sans', sans-serif;
      color: #434343;
      font-weight: 700;
      position: relative;
}
.numbers-section .numbers-content p::after {
      display: block;
      content: '';
      width: 110px;
      height: 10px;
      background: #1b835b;
      bottom: 0;
      left: 0;
      display: block;
      margin: auto;
      margin-bottom: 50px;
}
.numbers-content .col-md-4 {
      margin-bottom: 80px;
}
.numbers-content {
      padding-left: 100px;
}
.numbers-section .numbers-content span {
      font-size: 22px;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
      color: #434343;
      font-weight: 700;
}
.numbers-section-left-bg {
      background-image: url('../img/vresso-numbers.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      height: 580px;
      background-position: center;
}
.img-header {
      position: absolute;
      width: 175px;
      top: 50px;
      left: 50px;
      z-index:20
}
.triangle-crop-numbers {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0;
	height: 0;
	border-bottom: 580px solid #f2f2f2;
	border-left: 160px solid transparent;
}
.contact-columns {
      padding-top: 33px;
      padding-bottom: 33px;
      background-image: url(../img/contact-columns-bg.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 98% 97%;
}
/* End Numbers */

.contact-columns .contact-column-each {
      background: #222222;
      padding: 30px 5px 20px 5px;
      height: 255px;
}
.contact-columns .contact-column-each img {
      width: 50px;
}
.contact-columns .contact-column-each h3 {
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      margin-bottom: 30px;
}
.contact-columns .contact-column-each p {
      font-weight: 400;
      font-size: 16px;
}
.header-links-container {
      text-align: right;
}
ul.header-links {
      list-style-type: none;
      margin-top: 15px;
}
ul.header-links li {
      display: inline-block;
      padding-left: 70px;
}
ul.header-links li a {
      font-size: 20px;
      color: #ffffff;
      font-family: 'Open Sans', sans-serif;
}
ul.header-links li a:hover {
      text-decoration: none;
}

.line-header {
      height: 2px;
      width: 30px;
      background: white;
      display: block;
      margin: auto;
}
img.header-logo {
      width: 150px;
      height: 127.5px;
      margin-top: 45px;
      margin-left: 45px;
}
.header {
      position: absolute;
      width: 1170px;
      height: 200px;
      left: 50%;
      top: 30px;
      margin-left: -585px;
      z-index: 99999;
      display: block;
}
.white-bg-transparent {
      background: rgba(255,255,255,0.4);
}
.white-bg {
      background: #ffffff;
}
.projects-top-margin {
      margin-top: 110px;
      margin-bottom: 125px;
}
.projects-top-right {
      text-align: left;
}
.projects-top-right p {
      font-size: 19px;
      color: #666666;
      font-family: 'Open Sans', sans-serif;
}
.no-bg {
      background: none;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
}
.margin-bottom-xs {
      margin-bottom: 0px;
}
.transparent-triangle {
      width: 1100px;
      height: 970px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(50deg);
      margin-left: -1071px;
      margin-top: -789px;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
}
.header-triangle-top {
      width: 0;
	height: 0;
	border-top: 500px solid rgba(255,255,255,0.4);
	border-right: 600px solid transparent;
      position: absolute;
      left: 0;
      z-index: 9;
}
img.market_img_xs {
      width: 90% !important;
      display: block;
      margin: auto;
}
/* Footer */
.footer {
      background: #222222;
      position: relative;
      z-index: 100;
}
.footer .top-footer {
      text-align: center;
	padding-top: 50px;
	padding-bottom: 20px;
      z-index: 99;
}
.margin-top-section {
      margin-top: 80px;
      margin-bottom: 150px;
}
.tl-timemarker-content-container {
      margin-top: -4px;
}
.footer .top-footer ul {
      display: inline-block;
      margin: 0;
      padding: 0;
      zoom:1;
      *display: inline;
      list-style-type: none;
}
.footer .top-footer ul li {
      float: left;
      padding: 10px 25px;
}
.fa-facebook-f {
      border-radius: 50%;
      padding: 0;
}
.fa-instagram {
      border-radius: 50%;
      padding: 0;
}


.footer .top-footer ul li a {
      color: #dedede;
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      display: block;
}
.custom-width-responsive {
      width: 26%;
}

.footer-social-media {
      margin-top: 20px;
}
.footer-social-media ul {
      display: inline-block;
      margin: 0;
      padding: 0;
      zoom:1;
      *display: inline;
      list-style-type: none;
}

.bottom-footer {
      background: #151515;
}
.bottom-footer p {
      color: #626262;
      font-family: 'Open Sans', sans-serif;
      padding-top: 15px;
      font-size: 13px;
      padding-bottom: 15px;
      margin-bottom: 0px !important;
}

/* End Footer */

/* Return to Top Btn */
#return-to-top {
    position: fixed;
    float: none;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    background: #1a9265;
    width: 51px;
    height: 50px;
    display: block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top-mobile {
    position: fixed;
    float: none;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    background: #1a9265;
    width: 51px;
    height: 50px;
    display: block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.active-selection {
      background: #ffffff !important;
}
.icon-active-line {
      height: 60px;
      width: 2px;
      position: absolute;
      background: #b4b4b4;
      margin-top: 160px;
      left: 50%;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 24px;
    margin-left: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/* End Return to Top Btn */

/* Titles */
.gradiant-title h2 {
      font-size: 40px;
      font-weight: 700;
      color: #444444;
      font-family: 'Open Sans', sans-serif;
}
.gradiant-title h2 span {
      font-size: 40px;
      font-weight: 700;
      background: linear-gradient(to right, #1b845c 0%, #16c684 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.under-title {
      display: block;
      height: 12px;
      width: 12px;
      background: #1b845c;
      position: relative;
      /* bottom: -19px; */
      margin-top:19px;
      left: 50%;
      margin-left: -9px;
      border-radius: 50%;
      z-index: 9999999;
}
.under-title:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100px;
    top: 5px;
    left: -111px;
    background: rgba(0, 0, 0, 0.34);
    z-index: 9999999;
}
.under-title:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100px;
    top: 5px;
    left: 23px;
    background: rgba(0, 0, 0, 0.34);
    z-index: 9999999;
}
/* End Titles */

/* About Us */
.open-sans {
      font-family: 'Open Sans', sans-serif !important;
}
.uppercase {
      text-transform: uppercase !important;
}
.bold-font {
      font-weight: 700;
}
.about-right-text h3 {
      font-size: 40px;
}
.green-font {
      color: #1b835b;
}
.grey-font {
      color: #666666;
}
/* End About Us */

.margin-bottom-sm {
      margin-bottom: 0px;
}
.market-segment-right h2,
.market-segment-right p {
        font-family: 'Open Sans', sans-serif;
}

/*  */
@media(min-width: 1800px) AND (max-width: 1899px)
{

      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -90px;
      }
      .img-overlay-wrap {
        height: 900px !important;
      }
}
@media(min-width: 1700px) AND (max-width: 1799px)
{


      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -80px;
      }
      .container-archive {
		width: 1300px;
		margin-right: 140px;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(2);
	}
	.item.theta-carousel-element img {
		transform: scale(0.7);
	}
	.theta-carousel-element {
		margin-left: -10px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
		opacity: 1;
		position: absolute;
		margin-left: -150px;
		background-repeat: repeat-x;
		width: 600px;
		height: 80px;
		margin-top: 50px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
		opacity: 1;
		position: absolute;
		margin-left: -150px;
		background-repeat: repeat-x;
		width: 600px;
		height: 60px;
		top: 0;
		margin-top: -120px;
	}
	.show-only-active-date p {
		color: rgb(255, 255, 255);
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -270px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -270px;
	}
}
@media(min-width: 1600px) AND (max-width: 1699px)
{
      .contact-banner-bg {
      	background-image: url(../img/contact-banner.png);
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 400px;
      }


      ul.header-links li {
            display: inline-block;
            padding-left: 70px;
      }
      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -50px;
      }
      .container-archive {
		width: 1400px;
		margin-right: 140px;
      	margin-left: 410px;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(2);
	}
	.item.theta-carousel-element img {
		transform: scale(0.7);
	}
	.theta-carousel-element {
		margin-left: -10px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
            opacity: 1;
      	position: absolute;
      	margin-left: -130px;
      	background-repeat: repeat-x;
      	width: 560px;
      	height: 80px;
      	margin-top: 30px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
		opacity: 1;
		position: absolute;
		margin-left: -130px;
		background-repeat: repeat-x;
		width: 560px;
		height: 60px;
		top: 0;
		margin-top: -110px;
	}
	.show-only-active-date p {
		color: rgb(255, 255, 255);
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -370px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -370px;
	}
      .img-overlay-wrap {
        height: 700px !important;
      }

}
@media(min-width: 1500px) AND (max-width: 1599px)
{
      .contact-banner-bg {
      	background-image: url(../img/contact-banner.png);
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 375px;
      }
      .title-breadcrumb-banner {
      	text-align: right;
      	padding-top: 150px;
      }




      ul.header-links li {
            display: inline-block;
            padding-left: 55px;
      }
      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -50px;
      }
      .container-archive {
		width: 1500px;
		margin-right: 60px;
            margin-left: 340px;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(2.3);
	}
	.item.theta-carousel-element img {
		transform: scale(0.7);
	}
	.theta-carousel-element {
		margin-left: -10px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
		opacity: 1;
		position: absolute;
		margin-left: -171px;
		background-repeat: repeat-x;
            width: 644px;
      	height: 60px;
		margin-top: 85px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
            opacity: 1;
      	position: absolute;
      	margin-left: -171px;
      	background-repeat: repeat-x;
      	width: 644px;
      	height: 60px;
      	top: 0;
      	margin-top: -146px;
	}
	.show-only-active-date p {
		color: rgb(255, 255, 255);
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -270px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -270px;
	}
      .img-overlay-wrap {
        height: 700px !important;
      }
	.numbers-section .numbers-title h3 {
		font-size: 50px;
		margin-top: 80px;
		letter-spacing: 1px;
		margin-bottom: 100px;
		position: relative;
		text-align: left;
	}
	.custom-width-responsive {
		width: 28%;
	}
      .whoweare-img {
          right: 5%;
      }
      .whoweare-custom-width {
            width: 65%;
            margin-left: 5%;
      }
      .whoweare-body {
            margin-top: 50px;
      }
}
@media(min-width: 1400px) AND (max-width: 1499px)
{

      .contact-banner-bg {
      	background-image: url(../img/contact-banner.png);
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 375px;
      }
      .title-breadcrumb-banner {
      	text-align: right;
      	padding-top: 150px;
      }

      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -50px;
      }
	.container-archive {
		width: 1400px;
		margin-right: 40px;
      	margin-left: 300px;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(2);
	}
	.item.theta-carousel-element img {
		transform: scale(0.7);
	}
	.theta-carousel-element {
		margin-left: -10px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
            opacity: 1;
      	position: absolute;
      	margin-left: -130px;
      	background-repeat: repeat-x;
      	width: 560px;
      	height: 80px;
      	margin-top: 30px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
		opacity: 1;
		position: absolute;
		margin-left: -130px;
		background-repeat: repeat-x;
            width: 560px;
      	height: 80px;
		top: 0;
		margin-top: -110px;
	}
	.show-only-active-date p {
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -270px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -270px;
	}
      .img-overlay-wrap {
        height: 600px !important;
      }
	.numbers-section .numbers-title h3 {
		font-size: 44px;
		margin-top: 80px;
		letter-spacing: 1px;
		margin-bottom: 100px;
		position: relative;
		text-align: left;
	}
	.custom-width-responsive {
		width: 27%;
	}
      .header-triangle-top {
            width: 0;
            height: 0;
            border-top: 380px solid rgba(255,255,255,0.4);
            border-right: 420px solid rgba(0, 0, 0, 0);
            position: absolute;
            left: 0;
            z-index: 9;
      }
      .slick-dots {
            bottom: 120px !important;
      }
      .img-header {
            position: absolute;
            width: 135px;
            top: 50px;
            left: 50px;
            z-index: 20;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 140%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 350px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 50px;
            margin-top: 130px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
            100%
            {
                  background-size: 140%;
            }
      }
      .whoweare-img {
          right: 3%;
      }
      .whoweare-custom-width {
            width: 70%;
            margin-left: 3%;
      }
      .whoweare-body {
            margin-top: 41.5px;
      }
}
@media(min-width: 1300px) AND (max-width: 1399px)
{

      ul.header-links li {
      	display: inline-block;
      	padding-left: 40px;
      }

      .contact-banner-bg {
      	background-image: url(../img/contact-banner.png);
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 375px;
      }
      .title-breadcrumb-banner {
      	text-align: right;
      	padding-top: 150px;
      }

      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -50px;
      }

	.container-archive {
            width: 1400px;
      	margin-right: 80px;
      	margin-left: 190px;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(2.1);
	}
	.item.theta-carousel-element img {
		transform: scale(0.6);
	}
	.theta-carousel-element {
		margin-left: -10px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
		opacity: 1;
		position: absolute;
		margin-left: -143px;
		background-repeat: repeat-x;
		width: 587px;
		height: 80px;
		margin-top: 41px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
            opacity: 1;
      	position: absolute;
      	margin-left: -143px;
      	background-repeat: repeat-x;
      	width: 587px;
      	height: 60px;
      	top: 0;
      	margin-top: -121px;
	}
	.show-only-active-date p {
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -380px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -380px;
	}
      .img-overlay-wrap {
        height: 600px !important;
      }
	.numbers-section-left-bg {
		background-image: url(../img/vresso-numbers.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 600px;
		background-position: center;
	}
	.numbers-section .numbers-title h3 {
		font-weight: 700;
		font-size: 44px;
		margin-top: 80px;
		letter-spacing: 1px;
		margin-bottom: 100px;
		position: relative;
		text-align: left;
	}
	.custom-width-responsive {
		width: 28%;
	}
      .header-triangle-top {
            width: 0;
            height: 0;
            border-top: 380px solid rgba(255,255,255,0.4);
            border-right: 420px solid rgba(0, 0, 0, 0);
            position: absolute;
            left: 0;
            z-index: 9;
      }
      .slick-dots {
            bottom: 120px !important;
      }
      .img-header {
            position: absolute;
            width: 135px;
            top: 50px;
            left: 50px;
            z-index: 20;
      }
      .triangle-crop-numbers {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-bottom: 600px solid rgb(242, 242, 242);
            border-left: 160px solid rgba(0, 0, 0, 0);
      }
      .custom-width-container-about {
            width: 1220px;
      }
      img.about-img-top {
      	width: 100%;
      	display: block;
      	margin: auto;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 140%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 300px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 40px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
            100%
            {
                  background-size: 140%;
            }
      }
      .whoweare-img {
          right: 2%;
      }
      .whoweare-custom-width {
            width: 70%;
            margin-left: 2%;
      }
      .whoweare-body {
            margin-top: 50px;
      }
      .market-section-top p {
            line-height: 20px;
            font-size: 18px;
      }
      .about-section p {
            font-size: 18px;
            line-height: 27px;
      }
      .projects-top-right p {
            font-size: 18px;
            line-height: 20px;
      }
}
@media(min-width: 1200px) AND (max-width: 1299px)
{


      ul.header-links li {
      	display: inline-block;
      	padding-left: 40px;
      }
      .contact-banner-bg {
      	background-image: url(../img/contact-banner.png);
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 350px;
      }
      .title-breadcrumb-banner {
      	text-align: right;
      	padding-top: 150px;
      }


      .numbers-section .numbers-title h3 {
      	font-size: 38px;
      	margin-top: 80px;
      	margin-bottom: 100px;
      }
      .numbers-section .numbers-content p {
      	font-size: 55px;
      }
      .numbers-section .numbers-content p::after {
      	width: 100px;
      	height: 7px;
      	margin-bottom: 50px;
      }
      .custom-width-responsive {
            width: 25%;
      }
      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -50px;
      }
	.container-archive {
            width: 1300px;
      	margin-right: 0px;
      	margin-left: 190px;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(1.8);
	}
	.item.theta-carousel-element img {
		transform: scale(0.6);
	}
	.theta-carousel-element {
		margin-left: -10px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
		opacity: 1;
		position: absolute;
		margin-left: -102px;
		background-repeat: repeat-x;
            width: 504px;
      	height: 60px;
		margin-top: 27px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
            opacity: 1;
      	position: absolute;
      	margin-left: -102px;
      	background-repeat: repeat-x;
      	width: 504px;
      	height: 60px;
      	top: 0;
      	margin-top: -86px;
	}
	.show-only-active-date p {
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -380px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -380px;
	}
      .img-overlay-wrap {
        height: 600px !important;
      }
      .header-triangle-top {
            width: 0;
            height: 0;
            border-top: 380px solid rgba(255,255,255,0.4);
            border-right: 380px solid rgba(0, 0, 0, 0);
            position: absolute;
            left: 0;
            z-index: 9;
      }
      .slick-dots {
            bottom: 120px !important;
      }
      .img-header {
            position: absolute;
            width: 135px;
            top: 50px;
            left: 50px;
            z-index: 20;
      }
      .custom-width-container-about {
            width: 1220px;
      }
      img.about-img-top {
      	width: 100%;
      	display: block;
      	margin: auto;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 140%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 300px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 40px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
            100%
            {
                  background-size: 140%;
            }
      }
      .whoweare-img {
          right: 5%;
      }
      .whoweare-custom-width {
            width: 65%;
            margin-left: 5%;
      }
      .whoweare-body {
            margin-top: 50px;
      }
      .market-section-top p {
            line-height: 20px;
            font-size: 18px;
      }
      .about-section p {
          font-size: 18px;
          line-height: 27px;
      }
      .projects-top-right p {
            font-size: 18px;
            line-height: 20px;
      }
      img.projects-top-img {
            width: 75%;
      }
}
@media(min-width: 1100px) AND (max-width: 1199px)
{
      .market-section-top p {
      	color: rgb(68, 68, 68);
      	font-size: 16px;
      	text-align: left;
            line-height: 22px;
      }
      .custom-width-responsive {
            width: 25%;
      }
      .numbers-section .numbers-title h3 {
      	font-size: 38px;
      	margin-top: 60px;
      	margin-bottom: 100px;
      }
      .numbers-section .numbers-content p {
      	font-size: 55px;
      }
      .numbers-section .numbers-content p::after {
      	width: 100px;
      	height: 7px;
      	margin-bottom: 50px;
      }
      .numbers-section-left-bg {
      	height: 500px;
      }
      .numbers-section .numbers-content span {
      	font-size: 17px;
      }
      ul.header-links li {
      	display: inline-block;
      	padding-left: 25px;
      }

      .projects-top-right p {
            font-size: 16px;
            line-height: 22px;
      }
      .contact-columns .contact-column-each {
      	padding: 18px 5px 20px 5px;
      	height: 205px;
      }
      .contact-columns {
      	padding-top: 26px;
      	padding-bottom: 34px;
      	background-image: url(../img/contact-columns-bg.png);
      	background-size: contain;
      	background-repeat: no-repeat;
      }
      .contact-columns .contact-column-each img {
      	width: 40px;
      }
      .contact-banner-bg {
      	background-image: url(../img/contact-banner.png);
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 300px;
      }
      .title-breadcrumb-banner {
      	text-align: right;
      	padding-top: 150px;
      }
      .footer .top-footer {
      	text-align: center;
      	padding-top: 50px;
      	padding-bottom: 50px;
      }
      .title-breadcrumb-container {
            width: 970px;
      }
      .about-section p {
      	font-size: 16px;
            line-height: 22px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
      	font-size: 14px;
      	margin-top: 20px;
      }
      img.wheel-left {
      	height: 83px;
      	width: 79px;
            top: 182px;
            left: 60px;
      }
      img.wheel-right {
      	height: 83px;
      	width: 79px;
            top: 182px;
      	left: 438px;
      }
      .shadow {
      	top: 255px;
      }
      .header {
      	width: 1130px;
      }
      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -50px;
      }

	.container-archive {
            width: 1200px;
      	margin-right: 110px;
      	margin-left: 90px;
      }
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(1.8);
	}
	.item.theta-carousel-element img {
		transform: scale(0.7);
	}
	.theta-carousel-element {
		margin-left: 70px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
			opacity: 1;
		position: absolute;
		margin-left: -101px;
		background-repeat: repeat-x;
            width: 502px;
            height: 60px;
		margin-top: 28px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
            opacity: 1;
            position: absolute;
            margin-left: -101px;
            background-repeat: repeat-x;
            width: 502px;
            height: 60px;
            top: 0;
            margin-top: -87px;
	}
	.show-only-active-date p {
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -380px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -380px;
	}
      .img-overlay-wrap {
        height: 600px !important;
      }
      .header-triangle-top {
            width: 0;
            height: 0;
            border-top: 380px solid rgba(255,255,255,0.4);
            border-right: 380px solid rgba(0, 0, 0, 0);
            position: absolute;
            left: 0;
            z-index: 9;
      }
      .slick-dots {
            bottom: 120px !important;
      }
      .img-header {
            position: absolute;
            width: 135px;
            top: 50px;
            left: 50px;
            z-index: 20;
      }
      .triangle-crop-numbers {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-bottom: 500px solid rgb(242, 242, 242);
            border-left: 160px solid rgba(0, 0, 0, 0);
      }
      .custom-width-container-about {
            width: 1220px;
      }
      .svg-dimensions {
            width: 100%;
            height: 125px;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 140%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 300px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 40px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
            100%
            {
                  background-size: 140%;
            }
      }
      .whoweare-img {
          right: 5%;
      }
      .whoweare-custom-width {
            width: 75%;
            margin-left: 5%;
      }
      .whoweare-body {
            margin-top: 50px;
      }
      .numbers-section {
            margin-top: 125px;
      }
}


/*  */






@media(min-width: 992px) AND (max-width: 1099px)
{
      .numbers-content {
          padding-left: 40px;
      }
      .item.theta-carousel-element.theta-current-item .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 1px;
      	background-repeat: repeat-x;
      	width: 298px;
      	height: 80px;
      	margin-top: -80px;
      }
      .show-only-active p {
            font-size: 13px;
            text-align: left;
            padding-left: 15px;
            padding-top: 15px;
            padding-right: 15px;
            padding-bottom: 0px;
            bottom:0px;
      }
	.slick-dots {
		bottom: 110px !important;
	}
	img.market-segment-img-middle {
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
		border-radius: 50%;
		border: 2px solid rgb(30, 133, 90);
		width: 290px !important;
		margin-top: 280px;
		cursor: pointer;
		z-index: 25;
	}
	.market-segment-right h2 {
		text-transform: uppercase;
		color: rgb(69, 69, 69);
		font-weight: 700;
		margin-top: 0;
	}
	.contact-columns .contact-column-each h3 {
		font-weight: 700;
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 25px;
	}
      .numbers-row {
            height: 100%;
      	position: relative;
      	margin-left: -40px;
      }
      .numbers-section .numbers-title h3 {
      	text-transform: uppercase;
      	font-size: 40px;
      	margin-top: 80px;
      	letter-spacing: 1px;
      	margin-bottom: 80px;
      	position: relative;
      	text-align: left;
      }
      .numbers-section-left-bg {
      	background-repeat: no-repeat;
      	background-size: cover;
      	height: 420px;
      	background-position: center;
      }
      .market-section-top p {
      	color: rgb(68, 68, 68);
      	font-size: 15px;
      	text-align: left;
            line-height: 22px;
      }
      .img-overlay-wrap {
        height: 550px !important;
      }
      ul.header-links li {
      	display: inline-block;
      	padding-left: 25px;
      }

      .numbers-section .numbers-content p {
      	font-size: 40px;
      }
      .numbers-section .numbers-content p::after {
      	display: block;
      	content: '';
      	width: 72px;
      	height: 5px;
      	background: rgb(27, 131, 91);
      	bottom: 0;
      	left: 0;
      	display: block;
      	margin: auto;
      	margin-bottom: 28px;
      }
      .numbers-section .numbers-content span {
      	font-size: 15px;
      	text-transform: uppercase;
      }
      .contact-columns .contact-column-each {
      	padding: 18px 5px 20px 5px;
      	height: 205px;
      }
      .contact-columns {
      	padding-top: 26px;
      	padding-bottom: 34px;
      	background-image: url(../img/contact-columns-bg.png);
      	background-size: contain;
      	background-repeat: no-repeat;
      }
      .contact-columns .contact-column-each img {
      	width: 40px;
      }
      .title-breadcrumb-banner {
      	text-align: right;
      	padding-top: 150px;
      }
      .contact-banner-bg {
      	background-image: url(../img/contact-banner.png);
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 270px;
      }
      .footer .top-footer {
      	text-align: center;
      	padding-top: 50px;
      	padding-bottom: 50px;
      }
      .title-breadcrumb-container {
            width: 970px;
      }
      .about-section p {
      	font-size: 15px;
      }
      .projects-top-right p {
      	font-size: 15px;
            line-height: 23px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
      	font-size: 14px;
      	margin-top: 20px;
      }
      img.wheel-left {
            height: 83px;
      	width: 79px;
      	top: 182px;
      	left: 61px;
      }
      img.wheel-right {
      	height: 83px;
      	width: 79px;
            top: 182px;
      	left: 440px;
      }
      .shadow {
      	top: 255px;
      }


      .header {
      	width: 1080px;
      }

      .right-column-text {
            float: left;
      }

	  .theta-carousel-inner-container {
		width: 100% !important;
		display: block;
		margin: auto;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(1);
	}
	.theta-carousel-element {
		margin-left: -40px;
	}
      .container-archive {
            width: 1150px;
      	margin-right: 0px;
      	margin-left: 60px;
	}
	.item.theta-carousel-element.theta-current-item img {
		transform: scale(1.7);
	}
	.item.theta-carousel-element img {
		transform: scale(0.7);
	}
	.theta-carousel-element {
		margin-left: 70px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active {
			opacity: 1;
		position: absolute;
		margin-left: -90px;
		background-repeat: repeat-x;
		width: 480px;
		height: 60px;
		margin-top: 18px;
	}
	.item.theta-carousel-element.theta-current-item .show-only-active-date {
		opacity: 1;
		position: absolute;
		margin-left: -90px;
		background-repeat: repeat-x;
		width: 480px;
		height: 60px;
		top: 0;
		margin-top: -80px;
	}
	.show-only-active-date p {
		font-size: 35px;
		position: absolute;
		text-align: left;
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		top: 5px;
	}
	.btn-right {
		position: absolute;
		right: 30px;
		padding: 10px 13px 10px 15px;
		margin-top: -380px;
	}
	.btn-left {
		position: absolute;
		left: 30px;
		padding: 10px 15px 10px 13px;
		margin-top: -380px;
	}
      .img-overlay-wrap {
        height: 600px !important;
      }
      .header-triangle-top {
            width: 0;
      	height: 0;
      	border-top: 350px solid rgba(255,255,255,0.4);
      	border-right: 380px solid rgba(0, 0, 0, 0);
      	position: absolute;
      	left: 0;
      	z-index: 9;
      }
      .slick-dots {
            bottom: 120px !important;
      }
      .img-header {
            position: absolute;
            width: 105px;
            top: 50px;
            left: 50px;
            z-index: 20;
      }
      .triangle-crop-numbers {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-bottom: 430px solid rgb(242, 242, 242);
            border-left: 160px solid rgba(0, 0, 0, 0);
      }
      .custom-width-responsive {
      	width: 33%;
      }
      .custom-width-container-about {
            width: 1220px;
      }
      .svg-dimensions {
            width: 100%;
            height: 120px;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 140%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 300px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 34px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 140%;
            }
            50%
            {
                  background-size: 120%;
            }
            100%
            {
                  background-size: 140%;
            }
      }
      .whoweare-img {
          right: 1%;
      }
      .whoweare-custom-width {
            width: 75%;
            margin-left: 0%;
      }
      .whoweare-body {
            margin-top: 51px;
      }
      .numbers-section {
            margin-top: 150px;
      }
      .whoweare-col-left {
          margin-top: 0px;
      }
      .whoweareGIF {
          margin-bottom: 22px;
          margin-top: 22px;
      }
      .welcome-text {
            top: 105px;
      }
      .whoweare-img-ie {
            right: 50px !important;
      }
      .whoweare-img-ie img {
            width: 690px;
      }
      .whoweare-custom-width-ie {
            width: 85%;
            left: 30px;
      }
      .numbers-content-ie {
            margin-left: 60px;
      }
      .add-padding-left-ie {
            margin-left: 0px;
      }
      .numbers-section-left-bg-ie {
            height: 405px !important;
      }
      .numbers-content-ie .numbers-title h3 {
            font-size: 30px;
      }
      .triangle-crop-numbers {
            border-bottom: 410px solid #f2f2f2 !important
      }
      .banner-quote-ie h2 {
            font-size: 36px !important;
      }
      .img-header-ie {
            width: 90px !important;
      }
      .header-triangle-top-ie {
            border-top: 300px solid rgba(255, 255, 255, 0.4) !important;
            border-right: 300px solid rgba(0, 0, 0, 0) !important;
      }
      .custom-width-container-about-ie {
            width: 870px !important;
      }
      .contact-column-each-ie p {
            font-size: 14px !important;
      }
      .projects-top-right-ie p {
            line-height: 18px;
            font-size: 13px !important;
      }
      p.market-top-right {
            font-size: 13px !important;
      }
      .market-section-top-ie p {
            line-height: 19px !important;
      }
      .market-segment-right-ie p {
            font-size: 14px !important;
            height: 150px;
      }
      .market-segment-left-ie img {
            height: auto;
      }
      .about-section-ie p {
            font-size: 13px !important;
      }
      .text-overlay-vresso-ie span {
            font-size: 11px  !important;
      }
      .container-archive-ie {
            margin-left: 110px !important;
            zoom: 0.7;
      }
      .btn-left-ie,
      .btn-right-ie {
            margin-top: -280px;
      }
}



@media(min-width: 850px) AND (max-width: 991px)
{
      .show-only-active p {
            font-size: 20px;
            bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	margin-left: 0px;
            bottom: 0;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	margin-left: 0px;
            bottom: 0;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 35px;
      	letter-spacing: 2px;
      }
      .title-breadcrumb-banner {
      	text-align: right;
      	padding-top: 150px;
      }
      .contact-banner-bg {
      	background-size: 100%;
      	background-repeat: no-repeat;
      	height: 250px;
      }
      .title-breadcrumb-container {
            width: 750px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
            height: 63px;
      	width: 59px;
      	top: 142px;
      	left: 45px;
      }
      img.wheel-right {
            height: 63px;
      	width: 59px;
      	top: 142px;
      	left: 338px;
      }
      .shadow {
      	top: 195px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 100px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 34px;
            margin-top: 50px;
            margin-bottom: 100px;
      }
      .numbers-row {
      	height: 100%;
      	margin-left: 0px;
      }
      img.about-img-top {
      	width: 70%;
      	display: block;
      	margin: auto;
      }
      .about-section p {
      	font-size: 19px;
      	text-align: center;
            margin-top: 40px;
      }
	.numbers-section-left-bg {
		height: 490px;
	}
	.custom-width-responsive {
		width: 100%;
		margin-bottom: 40px;
	}
	.numbers-section .numbers-title h3 {
		font-size: 44px;
		margin-top: 80px;
		letter-spacing: 1px;
		margin-bottom: 100px;
            text-align: center;
	}
      .img-overlay-wrap {
            height: 500px !important;
      }
      .header-triangle-top {
            width: 0;
            height: 0;
            border-top: 300px solid rgba(255,255,255,0.4);
            border-right: 400px solid rgba(0, 0, 0, 0);
            position: absolute;
            left: 0;
            z-index: 9;
      }
      .slick-dots {
            bottom: 80px !important;
      }
      .img-header {
      	position: absolute;
      	width: 105px;
      	top: 50px;
      	left: 50px;
      	z-index: 20;
      }
      .custom-width-container-about {
            width: 950px;
      }
      .img-center-vert-horz {
      	width: 35%;
      }
      .img-center-vert-horz-pushed {
      	width: 40%;
      }
      .svg-dimensions {
            width: 100%;
            height: 110px;
      }
      .banner-quote {
            background-size: 180%;
            background-position: 65% 45%;
            height: 270px;
      }
      .banner-quote h2 {
            font-size: 34px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .numbers-content {
          padding-left: 25px;
      }
      .numbers-row {
          margin-left: 0px;
      }
      .whoweare-img {
          right: 0px;
      }
}
@media(min-width: 768px) AND (max-width: 849px)
{
      .show-only-active p {
            font-size: 20px;
            text-align: left;
            padding-left: 15px;
            padding-top: 15px;
            padding-right: 15px;
            padding-bottom: 0px;
            bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	opacity: 0;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .contact-columns {
      	padding-top: 18px;
      }
      .map-contact {
            height: 500px;
      }
      .form-section {
            height: 500px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
            height: 63px;
      	width: 59px;
      	top: 142px;
      	left: 45px;
      }
      img.wheel-right {
            height: 63px;
      	width: 59px;
      	top: 142px;
      	left: 337px;
      }
      .shadow {
      	top: 195px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 100px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 34px;
            margin-top: 50px;
            margin-bottom: 100px;
      }
	.numbers-section-left-bg {
		background-repeat: no-repeat;
		background-size: cover;
		height: 490px;
		background-position: center;
	}
	.custom-width-responsive {
		width: 100%;
		margin-bottom: 40px;
	}
      .img-overlay-wrap {
        height: 450px !important;
      }
      .img-header {
            position: absolute;
            width: 125px;
            top: 40px;
            left: 30px;
            z-index: 20;
      }
      .header-triangle-top {
      	width: 0;
      	height: 0;
      	border-top: 300px solid rgba(255,255,255,0.4);
      	border-right: 400px solid rgba(0, 0, 0, 0);
      	position: absolute;
      	left: 0;
      	z-index: 9;
      }
      .slick-dots {
      	bottom: 80px !important;
      }
      .custom-width-container-about {
            width: 850px;
      }
      .img-center-vert-horz {
      	width: 35%;
      }
      .img-center-vert-horz-pushed {
      	width: 40%;
      }
      .svg-dimensions {
            width: 100%;
            height: 80px;
      }
      .banner-quote {
            background-size: 180%;
            background-position: 65% 45%;
            height: 270px;
            animation-name: zoomInOutBanner;
      }
      .banner-quote h2 {
            font-size: 34px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .numbers-content {
          padding-left: 25px;
      }
      .numbers-row {
          margin-left: 0px;
      }
      .numbers-section .numbers-title h3 {
            text-align: center;
      }
      .whoweare-img {
          right: 0px;
          width: 100%;
      }
      .whoweare-img img {
          width: 100%;
      }
}

@media(min-width: 700px) AND (max-width: 767px)
{
      .numbers-content {
          padding-left: 25px;
      }
      .show-only-active p {
            font-size: 20px;
            text-align: left;
            padding-left: 15px;
            padding-top: 15px;
            padding-right: 15px;
            padding-bottom: 0px;
            bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	opacity: 0;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .truck {
      	width: 500px;
      	margin: auto;
      	position: relative;
            margin-bottom: 150px;
            max-width: 100%;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .header-form-section p {
      	font-size: 28px;
      	margin-top: 40px;
      	margin-bottom: 20px;
      }
      .form-section {
            height: 475px;
            margin-left: 15px;
            margin-right: 15px;
      }
      .contact-columns {
      	padding-top: 16px;
      }
      .map-contact {
            padding-left: 15px;
            padding-right: 15px;
      }
      .header-form-section p:after {
            width: 50px;
            height: 5px;
            top: 85px;
            left: 60px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
            height: 73px;
      	width: 69px;
      	top: 162px;
      	left: 54px;
      }
      img.wheel-right {
            height: 73px;
      	width: 69px;
      	top: 162px;
      	left: 388px;
      }
      .shadow {
      	top: 225px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 100px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 34px;
            margin-top: 50px;
            margin-bottom: 100px;
            font-weight: 700;
      }
      .projects-nopadding-xs {
            padding-left: 0px;
            padding-right: 0px;
      }
      .projects-nopadding-l-xs {
            padding-left: 0px;
      }
      .projects-nopadding-r-xs {
            padding-right: 0px;
      }
      .projects-row {
      	padding-top: 25px;
      	padding-bottom: 25px;
      }
      .market-section-top p {
      	font-size: 22px;
      	text-align: center;
            margin-top: 70px;
      }
      .slick-dots {
            display: none !important;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .numbers-row {
      	height: 100%;
      	position: relative;
      	margin-left: 0px;
      }
      img.about-img-top {
      	width: 70%;
      	display: block;
      	margin: auto;
      }
      .about-section p {
      	color: rgb(68, 68, 68);
      	font-size: 19px;
      	text-align: center;
            margin-top: 40px;
      }
      .img-center-vert-horz-pushed {
      	top: -120px;
      }
      .text-overlay-vresso {
      	padding-left: 20px;
      	padding-right: 20px;
      }
	.numbers-section-left-bg {
		background-repeat: no-repeat;
		background-size: cover;
		height: 490px;
		background-position: center;
	}
	.numbers-section .numbers-title h3 {
		font-size: 60px;
		margin-top: 80px;
		letter-spacing: 1px;
		margin-bottom: 100px;
		position: relative;
		text-align: center;
	}
	.margin-bottom-xs {
		margin-bottom: 40px;
	}
	.phasing-column {
		width: 33.33333%;
		height: 450px;
		float: left;
	}
      .img-overlay-wrap {
        height: 450px !important;
      }
      .footer .top-footer {
      	text-align: center;
      	padding-top: 20px;
      	padding-bottom: 0px;
      	z-index: 99;
      }
      .footer-social-media {
      	margin-top: 0px;
      }
      .img-overlay-wrap {
        height: 450px !important;
      }
      .img-header {
            position: absolute;
            width: 75px;
            top: 40px;
            left: 30px;
            z-index: 20;
      }
      .custom-width-container-about {
            width: 750px;
      }
      .img-center-vert-horz {
      	width: 35%;
      }
      .img-center-vert-horz-pushed {
      	width: 40%;
      }
      .svg-dimensions {
            width: 100%;
            height: 70px;
      }
      .banner-quote {
            background-size: 180%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 270px;
      }
      .banner-quote h2 {
            font-size: 34px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .numbers-content {
          padding-left: 25px;
      }
      .whoweare-img {
          right: 0px;
          width: 100%;
      }
      .whoweare-img img {
          width: 100%;
      }
}
@media(min-width: 600px) AND (max-width: 699px)
{
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .show-only-active p {
            font-size: 16px;
            text-align: left;
            padding-left: 15px;
            padding-top: 35px;
            padding-right: 15px;
            padding-bottom: 0px;
            bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	opacity: 0;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .outside {
      	height: 350px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 40px;
      }

      .truck {
      	width: 500px;
      	margin: auto;
            max-width: 100%;
      	position: relative;
            margin-bottom: 150px;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .header-form-section p {
      	font-size: 28px;
      	margin-top: 40px;
      	margin-bottom: 20px;
      }
      .form-section {
            height: 475px;
            margin-left: 15px;
            margin-right: 15px;
      }
      .contact-columns {
      	padding-top: 16px;
      }
      .map-contact {
            padding-left: 15px;
            padding-right: 15px;
      }
      .header-form-section p:after {
            width: 50px;
            height: 5px;
            top: 85px;
            left: 60px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
            height: 73px;
      	width: 69px;
      	top: 162px;
      	left: 52px;
      }
      img.wheel-right {
            height: 73px;
      	width: 69px;
      	top: 162px;
      	left: 390px;
      }
      .shadow {
      	top: 225px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 100px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 34px;
            margin-top: 50px;
            margin-bottom: 100px;
            font-weight: 700;
      }
      .projects-nopadding-xs {
            padding-left: 0px;
            padding-right: 0px;
      }
      .projects-nopadding-l-xs {
            padding-left: 0px;
      }
      .projects-nopadding-r-xs {
            padding-right: 0px;
      }
      .projects-row {
      	padding-top: 25px;
      	padding-bottom: 25px;
      }
      .market-section-top p {
      	font-size: 15px;
      	text-align: center;
            margin-top: 70px;
      }


      .numbers-section .numbers-title h3 {
            text-align: center;
            margin-top: 40px;
            margin-bottom: 40px;
      }
      .margin-bottom-xs {
            margin-bottom: 50px;
      }
      .numbers-section .numbers-content p::after {
      	margin-bottom: 10px;
      }
      .outside-slider {
      	height: 400px;
      }
      .img-overlay-wrap {
        height: 400px !important;
      }
      .custom-width-responsive {
      	width: 100%;
      }

      .slick-dots {
      	display: none !important;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .numbers-row {
      	height: 100%;
      	position: relative;
      	margin-left: 0px;
      }
      img.about-img-top {
      	width: 70%;
      	display: block;
      	margin: auto;
      }
      .about-section p {
      	font-size: 19px;
      	text-align: center;
            margin-top: 40px;
      }
      .img-center-vert-horz-pushed {
      	top: -120px;
      }
      .text-overlay-vresso {
      	padding-left: 20px;
      	padding-right: 20px;
      }
      .footer .top-footer {
      	text-align: center;
      	padding-top: 20px;
      	padding-bottom: 0px;
      	z-index: 99;
      }
      .footer-social-media {
      	margin-top: 0px;
      }
      .img-overlay-wrap {
        height: 400px !important;
      }
      .img-header {
            position: absolute;
            width: 75px;
            top: 40px;
            left: 30px;
            z-index: 20;
      }
      .custom-width-container-about {
            width: 650px;
      }
      .img-center-vert-horz {
      	width: 40%;
      }
      .svg-dimensions {
            width: 100%;
            height: 70px;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 180%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 250px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 25px;
            margin-top: 100px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .numbers-content {
          padding-left: 25px;
      }
      .whoweare-img {
          right: 0px;
          width: 100%;
      }
      .whoweare-img img {
          width: 100%;
      }
}
@media(min-width: 500px) AND (max-width: 599px)
{
      .numbers-content {
          padding-left: 25px;
      }
      .show-only-active p {
      	font-size: 15px;
      	text-align: left;
      	padding-left: 15px;
      	padding-top: 35px;
      	padding-right: 15px;
        padding-bottom: 0px;
        bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	opacity: 0;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .outside {
      	height: 350px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 40px;
      }

      .truck {
      	width: 400px;
      	margin: auto;
            max-width: 100%;
      	position: relative;
            margin-bottom: 80px;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .header-form-section p {
      	font-size: 28px;
      	margin-top: 40px;
      	margin-bottom: 20px;
      }
      .form-section {
            height: 475px;
            margin-left: 15px;
            margin-right: 15px;
      }
      .contact-columns {
      	padding-top: 16px;
            background-position: center top;
            background-size: 100%;
      }
      .map-contact {
            height: 400px;
            padding-left: 15px;
            padding-right: 15px;
      }
      .header-form-section p:after {
            width: 50px;
            height: 5px;
            top: 85px;
            left: 60px;
      }
      .footer .top-footer ul li {
      	float: left;
      	padding: 10px 15px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
            height: 53px;
            width: 54px;
            top: 132px;
            left: 43px;
      }
      img.wheel-right {
            height: 53px;
            width: 54px;
            top: 132px;
      	left: 313px;
      }
      .shadow {
      	top: 175px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 100px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 34px;
            margin-top: 50px;
            margin-bottom: 50px;
      }
      .projects-nopadding-xs {
            padding-left: 0px;
            padding-right: 0px;
      }
      .projects-nopadding-l-xs {
            padding-left: 0px;
      }
      .projects-nopadding-r-xs {
            padding-right: 0px;
      }
      .projects-row {
      	padding-top: 25px;
      	padding-bottom: 25px;
      }
      .market-section-top p {
      	font-size: 15px;
      	text-align: center;
            margin-top: 70px;
      }
      img.market-segment-img-middle {
      	position: absolute;
      	left: 50%;
      	transform: translate(-50%,0);
      	border-radius: 50%;
      	border: 2px solid rgb(30, 133, 90);
      	width: 65%;
      	margin-top: 280px;
      	cursor: pointer;
      	z-index: 25;
      }


      .numbers-section .numbers-title h3 {
            text-align: center;
            margin-top: 40px;
            margin-bottom: 40px;
      }
      .margin-bottom-xs {
            margin-bottom: 50px;
      }
      .numbers-section .numbers-content p::after {
      	margin-bottom: 10px;
      }
      .outside-slider {
      	height: 320px;
      }
      .img-overlay-wrap {
        height: 320px !important;
      }
      .slick-dots {
      	display: none !important;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .numbers-row {
      	height: 100%;
      	position: relative;
      	margin-left: 0px;
      }
      img.about-img-top {
      	width: 70%;
      	display: block;
      	margin: auto;
      }
      .about-section p {
      	font-size: 19px;
      	text-align: center;
            margin-top: 40px;
      }
      .img-center-vert-horz-pushed {
      	top: -130px;
      }
      .outside {
      	height: 350px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 40px;
      }

      .slick-dots {
            display: none;
      }
	  .phasing-column {
		width: 33.33333%;
		height: 260px;
		float: left;
	}

      .footer .top-footer {
      	text-align: center;
      	padding-top: 20px;
      	padding-bottom: 0px;
      	z-index: 99;
      }
      .footer-social-media {
      	margin-top: 0px;
      }
      .img-overlay-wrap {
        height: 400px !important;
      }
      .img-header {
            position: absolute;
            width: 75px;
            top: 40px;
            left: 30px;
            z-index: 20;
      }
      .custom-width-container-about {
            width: 550px;
      }
      .img-center-vert-horz {
      	width: 40%;
      }
      .svg-dimensions {
            width: 100%;
            height: 60px;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 180%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 160px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 20px;
            margin-top: 65px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .whoweare-img {
          right: 0px;
      }
      .whoweare-col-left {
            padding-top: 40px;
          margin-top: 40px;
      }
      .whoweare-col-left p, .whoweare-col-right p {
            height: 120px;
      }
      .market-segment-left img {
          height: auto;
      }
}
@media(min-width: 400px) AND (max-width: 499px)
{
      .numbers-content {
          padding-left: 25px;
      }
      .show-only-active p {
            font-size: 14px;
            text-align: left;
            padding-left: 15px;
            padding-top: 35px;
            padding-right: 15px;
            padding-bottom: 0px;
            bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	opacity: 0;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .outside {
      	height: 350px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 40px;
      }

      .slick-dots {
            display: none;
      }
	  .phasing-column {
		width: 33.33333%;
		height: 210px;
		float: left;
	}
      .truck {
      	width: 350px;
      	margin: auto;
            max-width: 100%;
      	position: relative;
            margin-bottom: 70px;
      }
      .increased-padding {
            padding-left: 25px;
            padding-right: 25px;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .header-form-section p {
      	font-size: 22px;
      	margin-top: 40px;
      	margin-bottom: 20px;
      }
      .form-section {
            height: 475px;
            margin-left: 15px;
            margin-right: 15px;
      }
      .contact-columns {
      	padding-top: 10px;
            background-position: center top;
            background-size: 100%;
      }
      .map-contact {
            height: 400px;
            padding-left: 15px;
            padding-right: 15px;
      }
      .header-form-section p:after {
            width: 50px;
            height: 5px;
            top: 85px;
            left: 25px;
      }
      .footer .top-footer ul li {
      	float: left;
      	padding: 10px 15px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 35px;
      	letter-spacing: 2px;
      }
      .title-breadcrumb-banner {
      	padding-top: 125px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
			height: 52px;
			width: 52px;
			top: 106px;
			left: 35px;
      }
      img.wheel-right {
            height: 52px;
			width: 52px;
			top: 106px;
			left: 270px;
      }
      .shadow {
      	top: 150px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 65px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 24px;
            margin-top: 50px;
            margin-bottom: 50px;
      }
      .projects-nopadding-xs {
            padding-left: 0px;
            padding-right: 0px;
      }
      .projects-nopadding-l-xs {
            padding-left: 0px;
      }
      .projects-nopadding-r-xs {
            padding-right: 0px;
      }
      .projects-row {
      	padding-top: 25px;
      	padding-bottom: 25px;
      }
      .market-section-top p {
      	font-size: 18px;
      	text-align: center;
            margin-top: 70px;
      }

      .numbers-row {
      	height: 100%;
      	position: relative;
      	margin-left: 0px;
      }
      img.about-img-top {
      	width: 75%;
      	display: block;
      	margin: auto;
      }
      .about-section p {
      	font-size: 18px;
      	text-align: center;
            margin-top: 40px;
      }
      .numbers-section .numbers-title h3 {
            text-align: center;
            margin-top: 40px;
            margin-bottom: 40px;
            font-size: 40px;
      }
      .numbers-section .numbers-content p {
            font-size: 54px;
      }
      .margin-bottom-xs {
            margin-bottom: 50px;
      }
      .numbers-section .numbers-content p::after {
      	margin-bottom: 10px;
      }
      .outside-slider {
      	height: 300px;
      }
      .img-overlay-wrap {
        height: 300px !important;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .footer .top-footer ul li a {
      	font-size: 11px;
      }
      .footer .top-footer ul li {
      	float: left;
      	padding: 8px 10px;
      }
      .footer .top-footer {
      	text-align: center;
      	padding-top: 20px;
      	padding-bottom: 0px;
      	z-index: 99;
      }
      .footer-social-media {
      	margin-top: 0px;
      }


      .img-header {
            position: absolute;
            width: 75px;
            top: 40px;
            left: 30px;
            z-index: 20;
      }
      .custom-width-container-about {
            width: 450px;
      }
      .img-center-vert-horz {
      	width: 40%;
      }
      .svg-dimensions {
            width: 100%;
            height: 60px;
      }
      .projects-top-right p {
          font-size: 18px;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 180%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 160px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 20px;
            margin-top: 65px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .whoweare-img {
          right: 0px;
      }
      .whoweare-col-left {
            padding-top: 40px;
          margin-top: 40px;
      }
      .whoweare-col-left p, .whoweare-col-right p {
            height: 150px;
      }
      .whoweare-col-right {
          padding-top: 30px;
          padding-bottom: 50px;
      }
      .slider-banner {
            top: 106px;
      }
      .margin-top-section {
            margin-top: 180px;
            margin-bottom: 80px;
      }
      .market-section-top {
          /* margin-top: 180px !important;
          margin-bottom: 125px !important; */
      }
      .market-segment-left img {
          height: auto;
      }
      img.main-img-timeline-mobile {
            width: 40% !important;
            margin-top: 0px;
      }
      .welcome-text {
            font-size: 26px;
      }
      .btn-left {
            margin-top: -260px;
            left: 20px;
      }
      .btn-right {
            margin-top: -260px;
            right: 20px;
      }
      .margin-top-negative-xs {
            margin-top: -170px;
      }
      .prev-btn-market-xs {
           margin-top: -190px;
      }
      .next-btn-market-xs {
           margin-top: -190px;
      }
}
@media(min-width: 350px) AND (max-width: 399px)
{
      .numbers-content {
          padding-left: 25px;
      }
      .show-only-active p {
            font-size: 13px;
            text-align: left;
            padding-left: 15px;
            padding-top: 35px;
            padding-right: 15px;
            padding-bottom: 0px;
            bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	opacity: 0;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .truck {
      	width: 320px;
      	margin: auto;
            max-width: 100%;
      	position: relative;
            margin-bottom: 60px;
      }
      .increased-padding {
            padding-left: 25px;
            padding-right: 25px;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .header-form-section p {
      	font-size: 22px;
      	margin-top: 40px;
      	margin-bottom: 20px;
      }
      .form-section {
            height: 475px;
            margin-left: 15px;
            margin-right: 15px;
      }
      .contact-columns {
      	padding-top: 10px;
            background-position: center top;
            background-size: 100%;
      }
      .map-contact {
            height: 400px;
            padding-left: 15px;
            padding-right: 15px;
      }
      .header-form-section p:after {
            width: 50px;
            height: 5px;
            top: 85px;
            left: 25px;
      }
      .footer .top-footer ul li {
      	float: left;
      	padding: 10px 15px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 30px;
      	letter-spacing: 2px;
      }
      .title-breadcrumb-banner {
      	padding-top: 90px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
            height: 43px;
            width: 44px;
            top: 102px;
            left: 33px;
      }
      img.wheel-right {
            height: 43px;
            width: 44px;
            top: 102px;
      	left: 250px;
      }
      .shadow {
      	top: 140px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 65px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 24px;
            margin-top: 50px;
            margin-bottom: 30px;
            font-weight: 700;
      }
      .projects-nopadding-xs {
            padding-left: 0px;
            padding-right: 0px;
      }
      .projects-nopadding-l-xs {
            padding-left: 0px;
      }
      .projects-nopadding-r-xs {
            padding-right: 0px;
      }
      .projects-row {
      	padding-top: 25px;
      	padding-bottom: 25px;
      }
      img.about-img-top {
            width: 60%;
            display: block;
            margin: auto;
            padding-bottom: 100px;
      }
      .about-section p {
            font-size: 16px;
            text-align: center;
      }
      .theta-carousel-element {
            margin-left: 100px;
      }
      .market-section-top p {
      	font-size: 15px;
      	text-align: center;
            margin-top: 70px;
      }



      .numbers-section .numbers-title h3 {
            text-align: center;
            margin-top: 40px;
            margin-bottom: 40px;
            font-size: 30px;
      }
      .numbers-section .numbers-content p {
          font-size: 40px;
      }
      .margin-bottom-xs {
            margin-bottom: 50px;
      }
      .numbers-section .numbers-content p::after {
      	margin-bottom: 10px;
            width: 70px;
            height: 6px;
      }
      .img-overlay-wrap {
        height: 230px !important;
      }
      .text-overlay-vresso {
            padding-left: 20px;
            padding-right: 20px;
      }

      .slick-dots {
      	display: none !important;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .numbers-row {
      	height: 100%;
      	position: relative;
      	margin-left: 0px;
      }
      img.about-img-top {
      	width: 70%;
      	display: block;
      	margin: auto;
      }
      .about-section p {
      	font-size: 15px;
      	text-align: center;
            margin-top: 40px;
      }
      .phasing-column {
      	height: 300px;
      }
      .img-center-vert-horz-pushed {
      	top: -180px;
      }
      .text-overlay-vresso {
      	padding-left: 20px;
      	padding-right: 20px;
      }
      .footer .top-footer ul li a {
            font-size: 10px;
            line-height: 24px;
      }
      .footer .top-footer ul li {
      	float: left;
      	padding: 8px 10px;
      }
      .footer .top-footer {
      	text-align: center;
      	padding-top: 20px;
      	padding-bottom: 0px;
      	z-index: 99;
      }
      .footer-social-media {
      	margin-top: 0px;
      }
      .img-header {
            position: absolute;
            width: 75px;
            top: 40px;
            left: 20px;
            z-index: 20;
      }
      .custom-width-container-about {
            width: 100%;
      }
      .svg-dimensions {
            width: 100%;
            height: 40px;
      }
      .gradiant-title h2 {
          font-size: 32px;
      }
      .gradiant-title h2 span {
          font-size: 32px;
      }

      .projects-top-right p {
          font-size: 15px;
      }
      .numbers-section-left-bg {
          background-size: cover;
          height: 400px;
          background-position: center;
      }
      .whoweare-img {
            right: 0px;
      }
      .whoweare-img img {
            width: 100%;
      }
      .whoweare-col-left p,
      .whoweare-col-right p {
            font-size: 15px;
      }
      .whoweare-col-left {
            padding-top: 80px;
            padding-bottom: 20px;
      }
      .whoweare-col-right {
            padding-top: 20px;
            padding-bottom: 80px;
      }
      .numbers-section {
          margin-top: 120px;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-image:url('../img/abstract-1.png');
            background-size: 180%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 160px;
            animation-name: zoomInOutBanner;
            animation-duration: 7s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards;
            animation-delay: 1s;
      }
      .banner-quote h2 {
            font-size: 18px;
            margin-top: 65px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .whoweare-col-left {
            padding-top: 40px;
          margin-top: 40px;
      }
      .whoweare-col-left p, .whoweare-col-right p {
            height: 180px;
      }
      .whoweare-col-right {
          padding-top: 30px;
          padding-bottom: 50px;
      }
      .slider-banner {
            top: 106px;
      }
      .margin-top-section {
            margin-top: 180px;
            margin-bottom: 80px;
      }
      .slider-banner {
            top: 106px;
      }
      .section-top-proprity {
            top: 106px;
      }
      .market-segment-left img {
          height: auto;
      }
      img.main-img-timeline-mobile {
            width: 50% !important;
            margin-top: 0px;
      }
      .welcome-text {
            font-size: 18px;
      }
      .btn-left {
            margin-top: -240px;
            left: 20px;
      }
      .btn-right {
            margin-top: -240px;
            right: 20px;
      }
      .margin-top-negative-xs {
            margin-top: -170px;
      }
      .prev-btn-market-xs {
           margin-top: -160px;
      }
      .next-btn-market-xs {
           margin-top: -160px;
      }
      i.fas.fa-circle {
            padding-left: 7px;
            padding-right: 7px;
      }
      span.market-focus-text {
            font-size: 13px;
      }
}





@media(min-width: 250px) AND (max-width: 349px)
{
      .margin-top-negative-xs {
            margin-top: -150px;
      }
      .numbers-content {
          padding-left: 25px;
      }
      .svg-dimensions {
            width: 100%;
            height: 40px;
      }
      .numbers-section{
          margin-top: 120px;
      }
      .show-only-active p {
      	font-size: 13px;
      	text-align: left;
      	padding-left: 15px;
      	padding-top: 35px;
      	padding-right: 15px;
            padding-bottom: 0px;
            bottom:0px;
      }
      body > div.container-fluid.nopadding.visible-xs.visible-sm > div > ul {
            opacity: 0;
      }
      .slick-slide .show-only-active {
      	opacity: 0;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .slick-slide.slick-current.slick-active .show-only-active {
      	opacity: 1;
      	position: absolute;
      	margin-left: 0px;
            bottom: 0;
      	background-repeat: repeat-x;
      	width: 100%;
      	height: 80px;
      	margin-top: -2px;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .truck {
      	width: 320px;
      	margin: auto;
            max-width: 100%;
      	position: relative;
            margin-bottom: 60px;
      }
      .increased-padding {
            padding-left: 25px;
            padding-right: 25px;
      }
      .margin-bottom-sm {
            margin-bottom: 30px;
      }
      .header-form-section p {
      	font-size: 22px;
      	margin-top: 40px;
      	margin-bottom: 20px;
      }
      .form-section {
            height: 475px;
            margin-left: 15px;
            margin-right: 15px;
      }
      .contact-columns {
      	padding-top: 10px;
            background-position: center top;
            background-size: 100%;
      }
      .map-contact {
            height: 400px;
            padding-left: 15px;
            padding-right: 15px;
      }
      .header-form-section p:after {
            width: 50px;
            height: 5px;
            top: 110px;
            left: 100px;
      }
      .title-breadcrumb-banner h1 {
      	font-size: 25px;
      	letter-spacing: 2px;
      }
      .title-breadcrumb-banner {
      	padding-top: 95px;
      }
      .projects-overlay-right h3 {
      	font-size: 25px;
      }
      .projects-overlay-right p {
            font-size: 13px;
      }
      img.wheel-left {
            height: 43px;
            width: 44px;
            top: 105px;
            left: 33px;
      }
      img.wheel-right {
            height: 43px;
            width: 44px;
            top: 105px;
      	left: 249px;
      }
      .shadow {
      	top: 140px;
      }
      img.projects-top-img {
            width: 70%;
            padding-bottom: 65px;
            display: block;
            margin: auto;
      }
      .projects-top-right {
            text-align: center;
      }
      .text-above-van h2 {
            font-size: 24px;
            margin-top: 50px;
            margin-bottom: 30px;
            font-weight: 700;
      }
      .projects-nopadding-xs {
            padding-left: 0px;
            padding-right: 0px;
      }
      .projects-nopadding-l-xs {
            padding-left: 0px;
      }
      .projects-nopadding-r-xs {
            padding-right: 0px;
      }
      .projects-row {
      	padding-top: 25px;
      	padding-bottom: 25px;
      }
      img.about-img-top {
            width: 60%;
            display: block;
            margin: auto;
            padding-bottom: 50px;
      }
      .about-section p {
            font-size: 15px;
            text-align: center;
      }
      .theta-carousel-element {
            margin-left: 100px;
      }
      .market-section-top p {
      	font-size: 15px;
      	text-align: center;
            margin-top: 70px;
      }
      .numbers-section .numbers-content p::after {
      	margin-bottom: 10px;
            width: 70px;
            height: 6px;
      }
      .numbers-section .numbers-content p {
          font-size: 40px;
      }
      .numbers-section .numbers-title h3 {
            text-align: center;
            margin-top: 40px;
            margin-bottom: 40px;
            font-size:30px;
      }
      .margin-bottom-xs {
            margin-bottom: 50px;
      }
      .numbers-section .numbers-content p::after {
      	margin-bottom: 10px;
      }
      .outside-slider {
      	height: 230px;
      }
      .img-overlay-wrap {
        height: 230px !important;
      }
      .text-overlay-vresso {
            padding-left: 20px;
            padding-right: 20px;
      }
      .slick-dots {
      	display: none !important;
      }
      .custom-width-responsive {
      	width: 100%;
      }
      .numbers-row {
      	height: 100%;
      	position: relative;
      	margin-left: 0px;
      }
      img.about-img-top {
      	width: 70%;
      	display: block;
      	margin: auto;
      }
      .about-section p {
      	font-size: 15px;
      	text-align: center;
            margin-top: 40px;
      }
      .phasing-column {
      	height: 300px;
      }
      .img-center-vert-horz-pushed {
      	top: -180px;
      }
      .text-overlay-vresso {
      	padding-left: 20px;
      	padding-right: 20px;
      }
      .footer .top-footer ul li a {
      	font-size: 10px;
      }
      .footer .top-footer ul li {
      	float: left;
      	padding: 8px 6px;
      }
      .footer .top-footer {
      	text-align: center;
      	padding-top: 20px;
      	padding-bottom: 0px;
      	z-index: 99;
      }
      .footer-social-media {
      	margin-top: 0px;
      }
      .footer .top-footer ul li a{
        line-height:24px;
      }
      .rotated-text{
        margin-left:20px !important;
        margin-top: 150px !important;
      }
      .img-header {
            position: absolute;
      	width: 75px;
      	top: 40px;
      	left: 20px;
      	z-index: 20;
      }
      .custom-width-container-about {
            width: 100%;
      }
      .gradiant-title h2 {
          font-size: 32px;
      }
      .gradiant-title h2 span {
          font-size: 32px;
      }

      .projects-top-right p {
          font-size: 15px;
      }
      .whoweare-img {
            position: absolute;
            right: 0px;
            z-index:99;
      }
      .whoweare-img img {
          width: 100%;
      }
      .numbers-section-left-bg {
          background-repeat: no-repeat;
          background-size: cover;
          height: 400px;
          background-position: center;
      }
      .whoweare-col-left p,
      .whoweare-col-right p {
          font-size: 15px;
      }
      .whoweare-col-left {
          padding-top: 80px;
          padding-bottom: 20px;
      }
      .whoweare-col-right {
          padding-top: 20px;
          padding-bottom: 80px;
      }
      .banner-quote {
            background-color: #1b1b1b;
            background-size: 180%;
            background-repeat: no-repeat;
            background-position: 65% 45%;
            height: 160px;
      }
      .banner-quote h2 {
            font-size: 18px;
            margin-top: 65px;
      }
      @keyframes zoomInOutBanner {
            0%, 100%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
      }
      @-webkit-keyframes zoomInOutBanner {
            0%
            {
                  background-size: 180%;
            }
            50%
            {
                  background-size: 150%;
            }
            100%
            {
                  background-size: 180%;
            }
      }
      .whoweare-col-left {
          margin-top: 40px;
      }
      .tl-timenav {
            display: none;
      }
      .tl-storyslider,
      #timeline-embed {
            height: 460px !important;
      }
      .margin-top-section {
            margin-top: 180px;
            margin-bottom: 80px;
      }
      .slider-banner {
            top: 106px;
      }
      .section-top-proprity {
            top: 106px;
      }
      .market-segment-left img {
          height: auto;
      }
      img.main-img-timeline-mobile {
            width: 50% !important;
            margin-top: 0px;
      }
      .welcome-text {
            font-size: 16px;
      }
      .btn-left {
            margin-top: -220px;
            left: 20px;
      }
      .btn-right {
            margin-top: -220px;
            right: 20px;
      }
      .slick-prev {
            left: 20px;
      }
      .prev-btn-market-xs {
           margin-top: -150px;
      }
      .next-btn-market-xs {
           margin-top: -150px;
      }
      span.market-focus-text {
            font-size: 13px;
      }
      i.fas.fa-circle {
            padding-left: 7px;
            padding-right: 7px;
      }
      .slick-slide:focus,
      .market_xs:focus {
            outline: none;
      }

}

@media(min-width: 150px) AND (max-width: 319px)
{
      span.market-focus-text {
            font-size: 12px;
      }
}

@media only screen and (max-device-width: 667px)
    and (-webkit-device-pixel-ratio: 2)
{
      .welcome-text {
            font-size: 18px;
      }
}