@font-face{
font-family:'font1';
src: url('../fonts/1.eot');
src: url('../fonts/1.woff2') format('woff2'),
url('../fonts/1.woff') format('woff'),
url('../fonts/1.ttf') format('truetype'),
url('../fonts/1.svg#font1') format('svg'),
url('../fonts/1.eot?#iefix') format('embedded-opentype');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'font2';
src: url('../fonts/2.eot');
src: url('../fonts/2.woff2') format('woff2'),
url('../fonts/2.woff') format('woff'),
url('../fonts/2.ttf') format('truetype'),
url('../fonts/2.svg#font2') format('svg'),
url('../fonts/2.eot?#iefix') format('embedded-opentype');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'font3';
src: url('../fonts/3.eot');
src: url('../fonts/3.woff2') format('woff2'),
url('../fonts/3.woff') format('woff'),
url('../fonts/3.ttf') format('truetype'),
url('../fonts/3.svg#font3') format('svg'),
url('../fonts/3.eot?#iefix') format('embedded-opentype');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'font4';
src: url('../fonts/4.eot');
src: url('../fonts/4.woff2') format('woff2'),
url('../fonts/4.woff') format('woff'),
url('../fonts/4.ttf') format('truetype'),
url('../fonts/4.svg#font4') format('svg'),
url('../fonts/4.eot?#iefix') format('embedded-opentype');
font-weight:normal;
font-style:normal;
}


*{
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0;  
background: transparent; 
}
*,:before,:after{
box-sizing:border-box;
}
:focus{
outline:none;
}
html,body{
margin: 0;
padding:0;
width: 100%;
height: 100%;
background-color:#fff;
color:#000;
}
ul{
list-style-type: none;
padding:0px;
}
h1{ 
display:block;
font-size:inherit;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
font-weight:normal;
}





img {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media print{
html, body{
display: none;
}
}





a{
border:0; 
color:inherit;
text-decoration:none;
}
a:hover,a:focus,a:link,a:active,a:visited{
color:#000;
cursor:pointer;
}












/* TIM-ID Fabrications - START */


.a1{
z-index:0;
position:fixed;
top:50%;
right:100px;
}
.a3{
z-index:5;
font-family:"font1",sans-serif;
text-align:center;
font-size:160px;
padding-right:25px;
padding-bottom:70px;
padding-top:89%;
letter-spacing:-24px;
}
.a4{
z-index:5;
font-family:"font4",sans-serif;
color:#000;
padding-bottom:130px;
padding-right:100px;
text-align:center;
font-size:24px;
line-height:20px;
position:absolute;
right:5%;
padding-top:3000px;
letter-spacing:0.3px;
}
a.a5:hover{
border-bottom:1px solid #000;
}
.a6{
text-transform:uppercase;
font-family:"font3",sans-serif;
font-size:12px;
letter-spacing:1px;
}
.a7{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:500;
background:rgba(255,255,255, 0.98);
visibility:hidden;
opacity:0;
}
.a7:target {
visibility: visible;
opacity: 1;
}
.a8 {
float:right;
margin-right:186px;
top:23%;
background:rgba(255,255,255, 1.0);
width:350px;
height:100%;
position:relative;
font-family:"font3",serif;
font-size:70px;
line-height:60px;
letter-spacing:-2px;
text-decoration:none;
color:#000;
}
.a23 {
float:right;
margin-right:186px;
top:16%;
background:rgba(255,255,255, 1.0);
width:350px;
height:100%;
position:relative;
font-family:"font3",serif;
font-size:70px;
line-height:60px;
letter-spacing:-2px;
text-decoration:none;
color:#000;
}
.a9{
margin-bottom:20px;
}
.a11{
text-transform:uppercase;
font-family:"font3",sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:90px;
}
.a12{
padding-top:100px;
float:right;
}
.a13{
text-transform:uppercase;
font-family:"font3",sans-serif;
font-size:12px;
letter-spacing:1px;
}
.a14{
font-family:"font2",sans-serif;
font-size:50px;
padding-bottom:40px;
}
.a15{
font-family:"font4",serif;
font-size:22px;
width:340px;
letter-spacing:0.5px;
line-height:26px;
padding-top: 20px;
padding-bottom:70px; 
}
.a16{
font-family:"font3",serif;
font-size:18px;
letter-spacing:0px;
line-height:23px;
padding-bottom: 20px;
}
.a17{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:500;
overflow-y:scroll;
overflow-x:hidden;
}
.a18{
display:inline-block;
padding-bottom:40px;
width:350px;
position:fixed;
bottom:50px;
z-index:1000; 
}
.a19{
text-transform:uppercase;
font-family:"font3",sans-serif;
font-size:12px;
letter-spacing:1px;
float:left;
margin-right:35px;
}
.a20{
font-size:16px;	
line-height:18px;
padding-left:20px;
padding-right:20px;
margin-bottom:-30px;
margin-top:-10px;
}
.a21{
padding-top:100px;
width:350px;
display: block;
margin-left: auto;
margin-right: auto;
}
.a22{
animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.a24{
letter-spacing:-1px;
}








/* TIM-ID Fabrications (Mobile) */


@media only screen and (max-width: 480px){
.a1{
right:0px;
left:-100px;
}
.a8{
margin-right:40px;
top:100px;
width:310px;
height:100%;
position:relative;
font-family:"font3",serif;
font-size:70px;
line-height:60px;
letter-spacing:-2px;
}
.a18{
bottom:0px;
}
.a23{
margin-right:40px;
top:20px;
width:310px;
height:100%;
position:relative;
font-family:"font3",serif;
font-size:70px;
line-height:60px;
letter-spacing:-2px;
overflow-x: hidden; 
overflow-y: auto;
}
.a15{
width:310px;
}
.a12{
padding-top:70px;
float:none;
text-align:center;
}
}