.video-bg{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.video-bg-frame{
    position: absolute;
    top: 0;
    left: 0;
    height: 750px;
    margin-top: -75px;
    opacity: 0.3;
   }


@font-face {font-family: "Futura Md BT Bold";
    src: url("../fonts/1ffbed7089a941aa728bb970f3ad49f6.eot"); /* IE9*/
    src: url("../fonts/1ffbed7089a941aa728bb970f3ad49f6.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/1ffbed7089a941aa728bb970f3ad49f6.woff2") format("woff2"), /* chrome、firefox */
    url("../fonts/1ffbed7089a941aa728bb970f3ad49f6.woff") format("woff"), /* chrome、firefox */
    url("../fonts/1ffbed7089a941aa728bb970f3ad49f6.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("../fonts/1ffbed7089a941aa728bb970f3ad49f6.svg#Futura Md BT Bold") format("svg"); /* iOS 4.1- */
  }

.bg-chilo-red{
    background-color: #ea3239;
}

.bg-chilo-red-80{
    background-color: #ea3238c5;
}

.bg-chilo-green{
    background-color: #06a65a;
}

.bg-chilo-yellow{
    background-color: #fccb31;
}

.bg-chilo-orange{
    background-color: #f3660d;
}

.text-chilo-red{
    color: #ea3239;
}

.text-chilo-green{
    color: #06a65a;
}

.text-chilo-yellow{
    color: #fccb31;
}

.text-chilo-orange{
    color: #f3660d;
}

@media screen and (max-width: 800px) {
.video-bg-frame{
    width: 190%;
    margin-left:-40%;
   }
}

@media screen and (min-width: 800px) {
    .video-bg-frame{
        width: 140%;
        margin-left:-15%;
       }  
    }

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

    .title-xxl{
        font-family: 'Futura Md BT Bold';
        font-size: 28pt;
    }

    .title-xl{
        font-family: 'Futura Md BT Bold';
        font-size: 26pt;
    }
    
    .title-lg{
        font-family: 'Futura Md BT Bold';
        font-size: 24pt;
    }
    
    .title-md{
        font-family: 'Futura Md BT Bold';
        font-size: 22pt;
    }
    
    .title-sm{
        font-family: 'Futura Md BT Bold';
        font-size: 22pt;
    }

    .title-shadow-down-red{
        text-shadow: 0px 3px 0px #ea3239,
        0px 8px 0px #343a40;
    }
    
    .title-shadow-down-green{
        text-shadow: 0px 3px 0px #06a65a,
        0px 8px 0px #343a40;
    }
    
    .title-shadow-down-orange{
        text-shadow: 0px 3px 0px #f3660d,
        0px 8px 0px #343a40;
    }
    
    .title-shadow-down-white{
        text-shadow: 0px 3px 0px #fff,
        0px 8px 0px #343a40;
    }
    
    .title-shadow-down-yellow{
        text-shadow: 0px 3px 0px #fccb31,
        0px 8px 0px #343a40;
    }
  }

@media screen and (min-width: 410px) and (max-width: 650px) {
    .title-xxl{
        font-family: 'Futura Md BT Bold';
        font-size: 36pt;
    }

    .title-xl{
        font-family: 'Futura Md BT Bold';
        font-size: 36pt;
    }
    
    .title-lg{
        font-family: 'Futura Md BT Bold';
        font-size: 36pt;
    }
    
    .title-md{
        font-family: 'Futura Md BT Bold';
        font-size: 36pt;
    }
    
    .title-sm{
        font-family: 'Futura Md BT Bold';
        font-size: 24pt;
    }

    .title-shadow-down-red{
        text-shadow: 0px 3px 0px #ea3239,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-green{
        text-shadow: 0px 3px 0px #06a65a,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-orange{
        text-shadow: 0px 3px 0px #f3660d,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-white{
        text-shadow: 0px 3px 0px #fff,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-yellow{
        text-shadow: 0px 3px 0px #fccb31,
        0px 15px 0px #343a40;
    }
  }

@media screen and (min-width: 650px) and (max-width: 1160px) {   
    .title-xxl{
        font-family: 'Futura Md BT Bold';
        font-size: 58pt;
    }
    .title-xl{
        font-family: 'Futura Md BT Bold';
        font-size: 54pt;
    }
    
    .title-lg{
        font-family: 'Futura Md BT Bold';
        font-size: 40pt;
    }
    
    .title-md{
        font-family: 'Futura Md BT Bold';
        font-size: 36pt;
    }

    .title-sm{
        font-family: 'Futura Md BT Bold';
        font-size: 24pt;
    }

    .title-shadow-down-red{
        text-shadow: 0px 3px 0px #ea3239,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-green{
        text-shadow: 0px 3px 0px #06a65a,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-orange{
        text-shadow: 0px 3px 0px #f3660d,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-white{
        text-shadow: 0px 3px 0px #fff,
        0px 15px 0px #343a40;
    }
    
    .title-shadow-down-yellow{
        text-shadow: 0px 3px 0px #fccb31,
        0px 15px 0px #343a40;
    }
  }

  @media screen and (min-width: 1160px) and (max-width: 1560px) {    
    .title-md{
        font-family: 'Futura Md BT Bold';
        font-size: 36pt;
    }
    .title-sm{
        font-family: 'Futura Md BT Bold';
        font-size: 24pt;
    }

    .title-shadow-down-red{
        text-shadow: 0px 4px 0px #ea3239,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-green{
        text-shadow: 0px 4px 0px #06a65a,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-orange{
        text-shadow: 0px 4px 0px #f3660d,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-white{
        text-shadow: 0px 4px 0px #fff,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-yellow{
        text-shadow: 0px 4px 0px #fccb31,
        0px 18px 0px #343a40;
    }
  }

  @media screen and (min-width: 1160px) {  
    .title-xxl{
        font-family: 'Futura Md BT Bold';
        font-size: 68pt;
    }

   .title-xl{
        font-family: 'Futura Md BT Bold';
        font-size: 68pt;
    }
    
    .title-lg{
        font-family: 'Futura Md BT Bold';
        font-size: 48pt;
    }

    .title-shadow-down-red{
        text-shadow: 0px 4px 0px #ea3239,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-green{
        text-shadow: 0px 4px 0px #06a65a,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-orange{
        text-shadow: 0px 4px 0px #f3660d,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-white{
        text-shadow: 0px 4px 0px #fff,
        0px 18px 0px #343a40;
    }
    
    .title-shadow-down-yellow{
        text-shadow: 0px 4px 0px #fccb31,
        0px 18px 0px #343a40;
    }
  }

  @media screen and (min-width: 1560px) {    
    .title-xxl{
        font-family: 'Futura Md BT Bold';
        font-size: 70pt;
    }

    .title-md{
        font-family: 'Futura Md BT Bold';
        font-size: 48pt;
    }
    
    .title-sm{
        font-family: 'Futura Md BT Bold';
        font-size: 30pt;
    }

    .title-shadow-down-red{
        text-shadow: 0px 5px 0px #ea3239,
        0px 20px 0px #343a40;
    }
    
    .title-shadow-down-green{
        text-shadow: 0px 5px 0px #06a65a,
        0px 20px 0px #343a40;
    }
    
    .title-shadow-down-orange{
        text-shadow: 0px 5px 0px #f3660d,
        0px 20px 0px #343a40;
    }
    
    .title-shadow-down-white{
        text-shadow: 0px 5px 0px #fff,
        0px 20px 0px #343a40;
    }
    
    .title-shadow-down-yellow{
        text-shadow: 0px 5px 0px #fccb31,
        0px 20px 0px #343a40;
    }
  }

  .anchor-title::before { 
    display: block; 
    content: " "; 
    margin-top: -80px; 
    height: 80px; 
    visibility: hidden; 
    pointer-events: none;
  }

.rotating-plate img{
    animation: rotation 25s infinite linear;
}

@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }