@@font-face {
  font-family: 'Champagne & Limousines';
  src: url('../font/Champagne & Limousines.ttf');
}

  @font-face {
    font-family: 'ENGARMI';
    src: url('../font/engarmi-webfont.woff') format('woff'),
    url('../font/ENGARMI.TTF') format('truetype');
  }
  @font-face {
    font-family: 'ENGARM';
    src: url('../font/engarm-webfont.woff') format('woff'),
    url('../font/ENGARM.TTF') format('truetype');
  }
  @font-face {
    font-family: 'Nirmala';
     src: url('../font/Nirmala.ttf')  format('truetype');
  }
  /*@font-face {
    font-family: 'Champagne';
     src: url('stylesheets/font/champagne-webfont.woff') format('woff'),
     url('stylesheets/font/Champagne.ttf')  format('truetype');
  }*/


  @font-face {
    font-family: 'cambriai';
     src: url('../font/cambriai.ttf')  format('truetype');
  }

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

  @font-face {
      font-family: 'Champagne___Limousines_Bold';
      src:url('../fonts/Champagne___Limousines_Bold.woff') format('woff'),
          url('Champagne-Limousines.ttf.svg#Champagne-Limousines') format('svg'),
          url('Champagne-Limousines.ttf.eot'),
          url('Champagne-Limousines.ttf.eot?#iefix') format('embedded-opentype');
      font-weight: normal;
      font-style: normal;
  }
  @-webkit-keyframes bounce {
    0% {
      bottom: 5%;
    }
  	100% {
      bottom: 8%;
    }
  }
  @keyframes bounce {
    0% {
      bottom:5%;
    }
  	100% {
      bottom:8%;
    }
  }

  html,body{
    width: 100%;
    overflow-x: hidden;
  }

  body{
    font-family: 'Champagne-Limousines', sans-serif;
    opacity: 0;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
  }


.h2c_logo_notMenu{
  position: fixed;
  top: 80px;
  left: 80px;
  z-index: 10;
}

.main{

  width: 100%;
  height: 100vh ;
  top: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.8s , -webkit-transform 0.7s  2.5s;
  transition: opacity 0.8s , -webkit-transform 0.7s  2.5s;
  transition: opacity 0.8s , transform 0.7s  2.5s;
  transition: opacity 0.8s , transform 0.7s  2.5s , -webkit-transform 0.7s  2.5s;
}
.main_load{
  opacity: 1;

}

.title{
position: absolute;
width:40%;
height: auto;
top: 53%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

opacity: 0;
-webkit-transition: opacity 0.5s 1.3s , top 0.7s  1.3s;
transition: opacity 0.5s 1.3s , top 0.7s  1.3s;
}
.title_load{
  opacity: 1;
  top: 50%;
}

.scroll{
width: 64.75px;
height: auto;
position: absolute;
bottom: 8%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 0;
-webkit-transition: opacity 0.5s 1.3s ;
transition: opacity 0.5s 1.3s;
-webkit-animation: bounce 0.9s 1.5s infinite ease-out alternate;
animation: bounce 0.9s 1.5s infinite ease-out alternate;
}
.scroll_load{
  opacity: 1;
}

.footer{
margin-top: 10vh;
/*padding-bottom: 20px;*/
height: 335px;
background-color: #1B1C21;
}
.footer_center{
  position: relative;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.footer p{
font-family: 'cambriai', 'Droid Serif', serif;
color: #A38814;
text-align: center;
padding-top: 20px;
font-size: 24pt;
/*font-size: 2.25vw;*/
}

.fadein{
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

#contactus_button{
width: 157.434px;
height: auto;

position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);

}

@media screen and (max-width: 768px) {
  *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  html,body{
    font-size: 14px;


  }
  .main{
    /*height: calc(100vh - 65px);*/
    height: 100vh;
  }


  .h2c_logo_notMenu{
  top: 30px;
  left: 20px;
  width: 40px;
  height: auto;
  }

  .scroll{
    bottom: 8%;
    width:10%;
    height: auto;
  }

  .scroll_load{
    opacity: 1;
    bottom: 3%;
  }

  .menu_icon{
    width: 20px;
    height: auto;
    top:30px;
    right:20px;
  }




  #scroll{

  width: 100%;

  -webkit-overflow-scrolling: touch;

  }

  .footer{

  height: 150px;

  }

  .footer p{
  font-size: 14px;
  }
  #contactus_button{
  width: 100px;
  }



}