/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
body {
	font-family:'Roboto', sans-serif!important;
	background-color:#333333!important;
	color:#fff;
	margin:auto;
	margin:0px;
	background-image: url('../img/background-diamond.png');
	background-repeat:no-repeat;
	background-position:right;
	background-size:800px;
	background-attachment:fixed;
}

p {
line-height:30px;
}


	.background-social {
	background-color:#111111;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	}
	
	img {
	max-width:580px!important;
	}
	
	.logo {
	padding-top:40px;
	padding-bottom:40px;
	}
	
	
	.fa-stack {
	font-size:20px !important;
	padding-left:30px;
	padding-right:30px;
	}
	
	h1{
	letter-spacing:6px;
	margin-bottom:25px;
	 }
	
	.col-sm {
	background-color:#111111;
	border-bottom: 3px solid #ff0000;
	padding:10px;
	margin:20px;
    overflow: hidden;
	}
	
 .sites {
	height:auto;
	max-width:250px !important;
	min-width:50px !important;
	}
	
.slide {
    bottom: -300px;
    background: #ff0000 ;
    transition: 0.5s;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	margin-bottom:50px;
	padding-bottom:30px;
	padding-top:25px;
	margin-bottom:-20px;
	margin-left:-20px;
	width: 100vw;
	position: absolute;
	margin-left: -50vw;
	left: 50%;
	transform: skewY(-4deg);
}

.slide p{
	transform: skewY(4deg);
}

.col-sm:hover .slide {
    transition: 0.5s;
    bottom: 0;
}

a {
text-decoration:none;
color:#fff;
}

a:hover {
text-decoration:none!important;
color:#fff;
}

@media screen and (max-width:576px) {

.space{
margin-bottom:150px;

}
}

@media screen and (min-width:577px) and (max-width:980px) {

.sites{
	height:auto;
	max-width: 150px !important;
	min-width: 50px !important;
}
}


@media screen and (min-width:1281px) {

	.footer {
	background-color:#ff0000;
	color:#fff;
	padding-top:10px;
	padding-bottom:0px;
	margin-top:40px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	}
}

@media screen and (max-width:1280px) {

	.footer {
	background-color:#ff0000;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:40px;
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin-bottom:0px!important;
	}
}
#redim-cookiehint #cookiehintsubmit,
#redim-cookiehint #cookiehintsubmitno {
    background: #ff0000 !important;
    color: white !important;
}

#redim-cookiehint #cookiehintinfo,
#redim-cookiehint #cookiehintinfo a {
    color: #ff0000;
    font-size: 16px;
}

#redim-cookiehint .cookiehead .headline::before {
    background-image: none !important;
}
#redim-cookiehint .cookiehead .headline {
    padding-left: 0 !important;
}