p, h1, h2, h3, h4, h5, h6, ul, ol{color:#e6e6e6;font-family:Roboto,sans-serif;}

.bg-entropia {background-color: rgba(0,0,0,0.62);}

.eu-center-block {max-width: 1650px !important;margin-top:-10em;}

.eu-toc-height-auto {height:0;top:100px; z-index:100;}

@media only screen and (max-width: 992px) {
	.eu-toc-height-auto {height:auto;}
	.eu-center-block {margin-top:0;}
}

.extended-header-component h2 {
		font-family: Arial,Tahoma,Geneva,sans-serif;color: #fff;font-weight: 600;font-size:3em;text-transform: uppercase;
		background: #e6e6e6; /* fallback for old browsers */
		background: linear-gradient(to bottom, #f6f6f6 34%, #828789 62%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.extended-header-component h3 a {color:#e6e6e6;text-decoration:none;}
.extended-header-component h3 a:hover {text-decoration:underline;}

.banner-button {background: linear-gradient(to top left, #01020F 0%, #1B3940 91%);}

.banner-button {border:solid 1px #555555;border-radius:0.22rem;}

.banner-button h5 {
		font-family: Arial,Tahoma,Geneva,sans-serif;color: #fff;font-weight: 600;
		background: #e6e6e6; /* fallback for old browsers */
		background: linear-gradient(to bottom, #f6f6f6 60%, #828789 90%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}

.banner-button p {font-size:0.8rem;}

.picture-component .subtitle {color:#e6e6e6} /*#0dcaf0;*/

a {color: rgb(13, 202, 240);}

body {
font-family:Roboto;
font-size:18px;
position:relative;
margin-top: 80px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Oswald;
	font-weight:300;
}
h2 {font-size:2.5rem;}

.navbar {padding-top:0;font-size:16px;}
.navbar a {
	font-family:Oswald;
	font-weight: 400;
}
.navbar li a {
text-transform: uppercase;
}
.layer {
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: fixed;
}

.gradient-border {
background: linear-gradient(to top, rgb(34,37,41),rgb(34,37,41)) no-repeat border-box, linear-gradient(to right, rgba(0,0,0,0) 0%, #696969 20%, #696969 80%, rgba(0,0,0,0) 100%) no-repeat border-box;
background-size: 100% 100px, 100% 1px;
background-position: 0 bottom, left 0 bottom 100px;
max-height: 600px;
}

.list-group-item.active {
border-color:transparent;
background-color: #fff !important;
color:#000 !important;
}
section {
padding-top: 80px;
margin-top: -40px;
}

/* marulk for blog start */
.parallax {
	width:100%;
	height: 100%;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

/* marulk for first page */
.arrow{
	position: absolute;
	left: 50%;
}
.arrow.down {
top: -45px;
	}
.arrow.up {
bottom:-45px;
}
.arrow span{
	display: block;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	margin: -10px;
}
.arrow.down span {
border-bottom: 3px solid #0dcaf0;
	border-right: 3px solid #0dcaf0;
	animation: animate-down 2s infinite;
}
.arrow.up span {
border-top: 3px solid #0dcaf0;
	border-left: 3px solid #0dcaf0;
	animation: animate-up 2s infinite;
}
.arrow.down span:nth-child(2){
	animation-delay: -0.2s;
}
.arrow.down span:nth-child(3){
	animation-delay: -0.4s;
}
.arrow.up span:nth-child(2){
	animation-delay: 0.2s;
}
.arrow.up span:nth-child(3){
	animation-delay: 0.4s;
}
.border-gradient {
border-image: linear-gradient(to right, rgba(0,0,0,0) 0%, #0dcaf0 20%, #0dcaf0 80%, rgba(0,0,0,0) 100%) 1;
}

@keyframes animate-down {
	0%{
			opacity: 0;
			transform: rotate(45deg) translate(-15px,-15px);
	}
	50%{
			opacity: 1;
	}
	100%{
			opacity: 0;
			transform: rotate(45deg) translate(15px,15px);
	}
}
@keyframes animate-up {
	0%{
			opacity: 0;
			transform: rotate(45deg) translate(15px,15px);
	}
	50%{
			opacity: 1;
	}
	100%{
			opacity: 0;
			transform: rotate(45deg) translate(-15px,-15px);
	}
}

/* pageImageLightbox settings */
#pageImageLightbox .modal-content {
	display: inline-block;
	text-align: center;
	border:none;
}
#pageImageLightbox .close {
	opacity: 1;
	color: rgb(0, 0, 0);
	background-color: rgba(82,213,250,0.5);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255,255,255);
	position: absolute;
	top: -15px;
	right: -55px;
	z-index:1002;
}
#pageImageLightbox .modal-body {padding: 0;border: 2px solid rgb(82,213,250);}
#pageImageLightbox .modal-dialog {max-width: fit-content;}

/* Download page animation */
@keyframes dwnpulse {
	0% { filter : brightness(1); }
	100% { filter : brightness(1.2); }
}
.downloadButton {animation: dwnpulse linear 1.15s infinite alternate;}

.centerDivider {
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(82,213,250,1) 50%,rgba(0,0,0,1) 100%);
    width: 100%;
    height: 1px;
}
/* IE only stuff */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.bg-dark: background-color:rgb(33,37,41);
 }