@font-face {
  font-family: 'auto';
  src:  url('fonts/auto.eot?8nyfod');
  src:  url('fonts/auto.eot?8nyfod#iefix') format('embedded-opentype'),
    url('fonts/auto.ttf?8nyfod') format('truetype'),
    url('fonts/auto.woff?8nyfod') format('woff'),
    url('fonts/auto.svg?8nyfod#auto') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'auto' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_up:before {
  content: "\e929";
}
.icon-arrow_down:before {
  content: "\e92a";
}
.icon-star:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-calendar-page:before {
  content: "\e902";
}
.icon-oil:before {
  content: "\e903";
}
.icon-balance:before {
  content: "\e904";
}
.icon-power:before {
  content: "\e905";
}
.icon-car-wheel:before {
  content: "\e906";
}
.icon-disc-brake:before {
  content: "\e907";
}
.icon-check:before {
  content: "\e908";
}
.icon-close-cross:before {
  content: "\e909";
}
.icon-clock:before {
  content: "\e90a";
}
.icon-locate:before {
  content: "\e90b";
}
.icon-favorite:before {
  content: "\e90c";
}
.icon-interface:before {
  content: "\e90d";
}
.icon-lines-menu:before {
  content: "\e90e";
}
.icon-search:before {
  content: "\e90f";
}
.icon-rocket:before {
  content: "\e910";
}
.icon-people-1:before {
  content: "\e911";
}
.icon-people:before {
  content: "\e912";
}
.icon-transport:before {
  content: "\e913";
}
.icon-people-2:before {
  content: "\e914";
}
.icon-people-3:before {
  content: "\e915";
}
.icon-settings:before {
  content: "\e916";
}
.icon-shape:before {
  content: "\e917";
}
.icon-squares:before {
  content: "\e918";
}
.icon-technology:before {
  content: "\e919";
}
.icon-tool:before {
  content: "\e91a";
}
.icon-diploma:before {
  content: "\e91b";
}
.icon-transport-1:before {
  content: "\e91c";
}
.icon-mark:before {
  content: "\e91d";
}
.icon-web-settings:before {
  content: "\e91e";
}
.icon-arrow-left:before {
  content: "\e91f";
}
.icon-arrow-right:before {
  content: "\e920";
}
.icon-arrows-2:before {
  content: "\e921";
}
.icon-behance-logo:before {
  content: "\e922";
}
.icon-facebook-logo:before {
  content: "\e923";
}
.icon-google-plus-logo:before {
  content: "\e924";
}
.icon-instagram-logo:before {
  content: "\e925";
}
.icon-linkedin-logo:before {
  content: "\e926";
}
.icon-tumblr-logo:before {
  content: "\e927";
}
.icon-twitter-logo:before {
  content: "\e928";
}

.container2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}