[class*="svg-"] {
  font-size: 20px;
  position: relative; }
  [class*="svg-"]:before {
    content: '';
    display: block; }
  [class*="svg-"] svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.svg-webspeed-feature-alive {
  width: 3.9em; }
  .svg-webspeed-feature-alive:before {
    padding-bottom: 78.20513%; }

.svg-webspeed-feature-cache {
  width: 4.65em; }
  .svg-webspeed-feature-cache:before {
    padding-bottom: 65.5914%; }

.svg-webspeed-feature-cdn {
  width: 3.65em; }
  .svg-webspeed-feature-cdn:before {
    padding-bottom: 100%; }

.svg-webspeed-feature-images {
  width: 4.55em; }
  .svg-webspeed-feature-images:before {
    padding-bottom: 76.92308%; }

.svg-webspeed-feature-time {
  width: 3.2em; }
  .svg-webspeed-feature-time:before {
    padding-bottom: 118.75%; }

.svg-webspeed-feature-transfer {
  width: 3.4em; }
  .svg-webspeed-feature-transfer:before {
    padding-bottom: 105.88235%; }

.hero._webspeed {
  background-image: url(/design_framework/vodien/images/webspeed/hero/bg.svg);
  background-color: #e1edf3;
  background-size: 110%; }

.hero .hero-overlay-bg {
  background-image: url(/design_framework/vodien/images/webspeed/hero/bg_overlay.svg); }

@media screen and (min-width: 1025px) {
  .hero .g-content {
    min-height: 350px; } }

@media screen and (min-width: 2000px) {
  .hero .g-content {
    min-height: 380px; } }

@media screen and (min-width: 1025px) {
  .hero .hero-overlay {
    width: 370px; } }

@media screen and (min-width: 2000px) {
  .hero .hero-overlay {
    width: 400px; } }

.webspeed--intro .intro-header {
  text-align: center; }
  .webspeed--intro .intro-header .title-h3 {
    margin-top: 35px; }
  .webspeed--intro .intro-header .desc {
    font-size: 1.125rem;
    line-height: 1.67; }

.webspeed--intro .intro-browser {
  background: url(/design_framework/vodien/images/webspeed/browser.svg) no-repeat center;
  background-size: contain;
  position: relative;
  margin: 50px 4% -1.8%; }
  .webspeed--intro .intro-browser:before {
    content: '';
    display: block;
    padding-top: 49.192%;
    box-sizing: border-box; }
  .webspeed--intro .intro-browser .frame-wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 4.2% 1.8% 1.8%; }
  .webspeed--intro .intro-browser iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }

.webbspeed--features .features-row {
  margin: 0 -25px -50px; }

.webbspeed--features .feature-col {
  padding: 0 25px 50px; }

.webbspeed--features .feature .icon {
  padding-left: 42px;
  display: flex;
  align-items: center;
  height: 4.25rem; }
  @media (max-width: 768px) {
    .webbspeed--features .feature .icon {
      padding-left: 30px; } }

.webbspeed--features .feature .title-h3 {
  padding-left: 42px;
  margin-top: 25px;
  font-family: "Roboto", sans-serif; }
  @media (max-width: 768px) {
    .webbspeed--features .feature .title-h3 {
      padding-left: 30px; } }

.webbspeed--features .feature .g-list {
  font-size: 0.875rem;
  line-height: 1.43;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .webbspeed--features .feature .g-list {
      font-size: 15px; } }

.webbspeed--features .feature .list-item {
  padding-left: 42px;
  position: relative;
  margin-bottom: 10px; }
  @media (max-width: 768px) {
    .webbspeed--features .feature .list-item {
      padding-left: 30px; } }
  .webbspeed--features .feature .list-item:last-child {
    margin-bottom: 0; }

.webbspeed--features .feature [class*="svg-list-"] {
  position: absolute;
  left: 0;
  top: -0.35em;
  bottom: auto; }

/*# sourceMappingURL=webspeed.index.css.map */