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

  .fira-sans-thin {
    font-family: "Fira Sans", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .fira-sans-extralight {
    font-family: "Fira Sans", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .fira-sans-light {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .fira-sans-regular {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .fira-sans-medium {
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .fira-sans-semibold {
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .fira-sans-bold {
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .fira-sans-extrabold {
    font-family: "Fira Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .fira-sans-black {
    font-family: "Fira Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .fira-sans-thin-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .fira-sans-extralight-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .fira-sans-light-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .fira-sans-regular-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .fira-sans-medium-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .fira-sans-semibold-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .fira-sans-bold-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .fira-sans-extrabold-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .fira-sans-black-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  

/* =======================================================
*
* 	Template Style
*	Edit this section
*
* ======================================================= */

html {
  scroll-behavior: smooth;
}


body {
  font-family: "Fira Sans", sans-serif;
  line-height: 20px;
  font-size: 14px;
  font-weight: 300;
  background: #fff;
  color: #1a1a1a; }

a:link {
  color: #404040;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; 
}

 a:hover {
    text-decoration: none;
  }

 a:focus, a:active {
    outline: none; 
  }

  .copyright {
    width: 100%;
    margin-bottom: 0px;
    font-size: 0.6em;
    text-align:center;
    margin-bottom: 2em;
    float:left;
    border: 0px solid #ccc;
  }

  .index_logo {
    position:absolute;
    width:100%;
    height:100%;
    border:0px solid blue;      
  }

  .index_svg {
    display:block;
  }

  .bg_anim {
    background-color:#242323;
    overflow:hidden;
  }

  .body_anim {
    overflow:hidden;
}

  

 




 

/* -------------MOBILE START------------*/
/* -------------MOBILE START------------*/
/* -------------MOBILE START------------*/
/* -------------MOBILE START------------*/

/* Smartphones (landscape) ----------- */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){

    .copyright {
      width: 100%;
      margin-bottom: 0px;
      font-size: 0.6em;
      text-align:center;
      margin-bottom: 2em;
      float:left;
      border: 0px solid #ccc;
    }


  }


/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    .body_anim {
        background-color:#242323;
        overflow:hidden; 
    }

    .index_logo {
      position:absolute;
      top: 30%;
      width:100%;
      height: auto;
      overflow:hidden; 
      border:0px solid red;  
    }

    .copyright {
      width: 100%;
      margin-bottom: 0px;
      font-size: 0.6em;
      text-align:center;
      margin-bottom: 2em;
      float:left;
      border: 0px solid #ccc;
    }
          
           
/* iPad 3, 4 and Pro 9.7" */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : portrait) {



  }

    /***************END IPAD PORTRAIT*****************************************************/
    /***************END IPAD PORTRAIT*****************************************************/
    /***************END IPAD PORTRAIT*****************************************************/



    /*******************************START IPAD LANDSCAPE****************************/
    /*******************************START IPAD LANDSCAPE****************************/
    /*******************************START IPAD LANDSCAPE****************************/

/* iPad 1, 2, Mini and Air */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) 
and (orientation : landscape)  {


 
}

/* iPad 3, 4 and Pro 9.7" */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : landscape) {
 

    }

        /***************END IPAD LANDSCAPE*****************************************************/
        /***************END IPAD LANDSCAPE*****************************************************/
        /***************END IPAD LANDSCAPE*****************************************************/