body {
    animation: fadein 1.5s;
}

@keyframes fadein {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.highcharts-root {
    border-radius: 6px !important;
}

video {
    z-index: 99999;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

#stats h4 {
    font-size: 1.2em;
    margin-top: 20px;
}

#stats.highcharts-container {
    margin-bottom: 40px !important;
}

.site .domain-tlds .domain-tld {
    font-size: 16px !important;
}

.site .site-section .section-title {
    text-transform: none !important;
}

.article-content img {
    border-radius: 3px;
}

.invoice-title .label {
    margin-left: 0 !important;
}

.modal-content {
    background: rgba(58, 69, 89, 0.90) !important;
    width: 800px;
}

input.invalid {
    border: 1px solid #d14c4b !important;
}

.container-all {
  width: fit-content;
  margin: 20px auto;
  height: auto;
}

.site-section .green {
    color: #37c055;
}

#progressbar {
    background-color: #d14c4c;
    border-radius: 3px;
    padding: 3px;
    text-align: center;
    position: relative;
}

#progressbar > div {
    background-color: #fff;
    width: 100%;
    height: 20px;
    border-radius: 3px;
}

#hosttest {
    opacity: 0.66;
    border-radius: 6px;
    transition: 0.3s;
}

#hosttest:hover {
    opacity: 1;
}

@media only screen and (max-width: 900px) {
    .gallery-container {
        width: calc(50% - 6px);
    }
}
@media only screen and (max-width: 400px) {
    .gallery-container {
        width: 100%;
    }
}

.ticket-reply-message {
    line-break: auto !important;
    text-justify: auto;
    text-align: justify;
    margin-right: 20px;
}

.container-inner {
	border-radius: 6px;
}

.carousel-item > .title {
	padding: 5px;
	position:absolute;
	top: 10%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	background-color: #d14c4c;
}

.carousel-item > .text {
	padding: 5px;
	position:absolute;
	display:block;
	top: 14%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	font-weight: regular;
	font-size: 1.0em;
	color: #fff;
	background-color: #d14c4c;
}

.carousel-item > img {
	width: 100%;
}

.carousel-inner .carousel-item {
	transition: -webkit-transform 4s ease;
	transition: transform 4s ease;
	transition: transform 4s ease, -webkit-transform 4s ease;
}

@media only screen and (max-width: 900px) {
    .gallery-container {
        width: calc(50% - 6px);
    }
}

@media only screen and (max-width: 400px) {
    .carousel-item > .title {
		position:absolute;
		display: none;
		top: 10%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-right: -50%;
		font-weight: bold;
		font-size: 0.5em;
		color: #fff;
		background-color: #d14c4c;
		z-index: 999999999;
    }

    .carousel-item > .text {
		position:absolute;
		top: 15%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-right: -50%;
		font-weight: regular;
		font-size: 0.4em;
		color: #fff;
		background-color: #d14c4c;
    }
}