@import url(fontawesome.min.css);@import url(animate.css);@import url(vegas.min.css);@import url(https://fonts.googleapis.com/css?family=Raleway:400,900);body{width:100%;height:100vh;background-color:#777;margin:0;padding:0}canvas{display:block;vertical-align:bottom}.container{position:absolute;color:#fff;font-family:Raleway,sans-serif;top:30%;left:25%;transform:translateX(-50%);transition:opacity .1s ease;z-index:99}.container:hover{opacity:1}.button.bt-button:hover{border-color:#F9981C;background-color:#F9981C;box-shadow:none;color:#fff}.button.bt-button{display:inline-block;margin-top:0;float:left;border:2px solid #F9981C;border-radius:7px;background-color:transparent;box-shadow:none;-webkit-transition:all .5s ease,color .5s ease;transition:all .5s ease,color .5s ease;font-family:Raleway,sans-serif;font-weight:500}.button,h1{font-family:Raleway,sans-serif;;color:#fff;text-align:center}.button{display:inline-block;margin-top:59px;padding:15px 35px;border-radius:7px;background-color:#00c2a2;box-shadow:0 2px 0 0 #02967e;-webkit-transition:all .7s ease;transition:all .7s ease;font-size:14px;font-weight:300;letter-spacing:2px;text-decoration:none;text-transform:uppercase}h1,h2{display:block}.vegas-overlay{opacity:.2}.vegas-timer-progress{background:#fff}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%,100%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);transform:scale(1)}}.overlay-dash{background:url(../img/overlay.svg) center center;background-size:cover;position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100vh!important}h2{font-size:1em;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:400}h1{margin-top:0;margin-bottom:0;font-size:70px;line-height:44px;font-weight:300}.text1,.text2{font-family:Raleway,sans-serif;color:#fff;font-weight:100;text-align:left;background-color:#F9981C}.text2{margin-bottom:80px;font-size:25px}.text1{margin:0 0 10px;float:left;font-size:50px;line-height:61px;letter-spacing:0}.logo{width:200px}#particles-js{position:absolute;width:100%;height:100%;background:0 0}.social{padding-top:25%}.social a{padding-left:3%}
.termeniLink
{    font-family: Raleway,sans-serif;
position:relative;	
   top:5%;
    text-decoration: none;
    text-align: center;
    background-color: orange;   
    color: #fff;
    padding: 0 20px 0 20px;
}
.container-termeni
{
	 border-radius: 25px;
position: absolute;
left:15%;
top:10%;
margin-bottom:10%;
background-color:white;
box-sizing:border-box;
color:rgb(51, 51, 51);
display:block;
font-family:Raleway,sans-serif;
font-size:14px;
height:auto;
letter-spacing:0.4px;
line-height:23.3334px;
text-size-adjust:100%;
width:50%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
overflow: auto;
}
.container-termeni .logo
{
	padding:20px 0 0 20px;
	width:50px;
}
.container-termeni a 
{
	color:orange;
text-decoration:none;
}
.termeni
{ 
padding:15px;
text-align:justify;
}
.termeni h1
{
	font-size:20px;
	color:#000;
	text-align: left;
	font-weight:bold;
}
.termeni h2
{
	font-size:15px;
	color:#000;
	text-align: left;
	font-weight:bold;
}

.tg  {text-align:left; border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Raleway,sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Raleway,sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-yw4l{vertical-align:top;}
.tg .tg-9j4x { text-align: center; font-weight: bold  }
@media (max-width:768px)
{
	.container-termeni 
	{ 
		width:90%; 
		left:5%;
		top:5%;
		bottom: 1%
	}
	.container{top:15%;left:15%;transform:translateX(-10%)}
	.text2{margin-bottom:40px;font-size:16px;top:20%}
.tg td {
font-size:9px;
}
.tg th {font-size:10px;
}
.widget
{
top:70%!important;
width:auto!important;
}
.description
{
	margin-bottom:30px!important;
}
}
@media (max-height:400px)
{
	.logo{width:100px}
	.container{top:15%;left:15%}
.widget
{
top:70%!important;
width:auto!important;
}
.description
{
	margin-bottom:30px!important;
}
}

@media (max-width:320px)
{
	.logo{width:100px}
	.container{top:15%;left:15%}
.widget
{
top:70%!important;
width:auto!important;
}
.description
{
	margin-bottom:30px!important;
}
}
.widget{
   width:28%;
   position:absolute;
   right:0; 
top:25%;  
}