/* Base style
   ========================================================================== */
   
/* Fonts */
@font-face {
   font-family: 'montserratbold';
   src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}

@font-face {
   font-family: 'built_titlingbold';
   src: url('fonts/built_titling_bd-webfont.woff2') format('woff2'),
        url('fonts/built_titling_bd-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}


html{ -webkit-user-select: none; -ms-user-select: none; user-select: none; background:#974A2C;}

/*-- Percent Loader -- */
#mainLoader{position:absolute;z-index:5; display:none; font-size:35px; line-height:35px; color:#823500; text-align:center; width:100%; font-family:'montserratbold';}

/*-- Content Wrapper -- */
#mainHolder{position:absolute; width:100%;height:100%; background:url(../assets/background.png) center center no-repeat; background-size:cover;}

/*-- Browser Not Support -- */
#notSupportHolder{ width:90%; margin:5% auto; position:relative; color:#823500; text-align:center; font-size:35px; font-family:'montserratbold'; display:none;}

/*-- Rotate Animation -- */
@-moz-keyframes spin { 50% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(0deg); } }
@-webkit-keyframes spin { 50% { -webkit-transform: rotate(90deg); } 100% { -webkit-transform: rotate(0deg); } }
@keyframes spin { 50% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }

/*-- Canvas Wrapper -- */
#canvasHolder{ display:none; width:100%; max-width:1280px; height:100%; margin:auto; position:relative;}
canvas{ position:fixed;}

/*-- Form Wrapper -- */
.clearfix:after { content: "."; visibility: hidden; display: block; clear: both;}