html,
body{
    height: 100%;
}
body{
    padding-top: 50px; 
}
.img-portfolio{
    margin-bottom: 30px;
}
.img-hover:hover{
    opacity: 0.8;
}
header.carousel{
    height: 50%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner{
    height: 100%;
}
header.carousel .fill{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.error-404{
    font-size: 100px;
}
.price{
    display: block;
    font-size: 50px;
    line-height: 50px;
}
.price sup{
    top: -20px;
    left: 2px;
    font-size: 20px;
}
#engineprice{
	font-family:Lucida Grande, Helvetica, Arial, Sans-Serif;
	font-size:20px;
	color:#ff0000;
	text-decoration:none;
	letter-spacing:2px;
	line-height:20px;
}
.homecat{
	width: 100%;
	height: 440px;
	background-position: center;
	background-size: cover;
}
.period{
    display: block;
    font-style: italic;
}
footer{
    margin: 50px 0;
}
table{
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent;
}
td,th{
	padding: 2;
}
#verifynumber{
	font-size: 18px;
	color: #ff0000;
	background-color: #000000;
}
#domainnametext1{
	font-family: "Comic Sans MS";
	color: #ff0000;
}
#domainnametext2{
	font-family: "Comic Sans MS";
	color: #000000;
}
#textcolor1{
	color: #ff0000;
}
#textcolor2{
	color: #000000;
}
#textcolor3{
	color: #ffffff;
}
#textcolor4{
	color: #b3b3b3;
}
#textcolor5{
	color: #0471ea;
}
#textcolor6{
	color: #FFD700;
}
.contentbgcolorinav{
	display: block;
	max-width: 100%;
	height: auto;
	background-color: #121212;
	border: 1px solid;
	border-color: #000000;
	background-position: center;
	background-size: cover;
}
.contentbgcolorabout{
	display: block;
	max-width: 100%;
	background-color: #121212;
	border: 1px solid;
	border-color: #000000;
	background-position: center;
	background-size: cover;
}
.contentbgcolorfaq{
	display: block;
	max-width: 100%;
	height: auto;
	background-color: #121212;
	border: 1px solid;
	border-color: #000000;
	background-position: center;
	background-size: cover;
}
.contentbgcolorfoot{
	display: block;
	max-width: 100%;
	height: auto;
	background-color: #000000;
	border: 1px solid;
	border-color: #000000;
}
.contentbgcolor1{
	display: block;
	max-width: 100%;
	height: auto;
	background-color: #121212;
	border: 1px solid;
	border-color: #000000;
}
.contentbgcolor2{
	display: block;
	max-width: 100%;
	height: auto;
	background-color: #000000;
	border-color: #000000;
}
.divspaner{
    width: 100%;
}
.shadow-filter-effect{
	/* Initial state: subtle or no shadow */
	filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
	transition: filter 0.3s ease-in-out;
}
.shadow-filter-effect:hover{
	/* Hover state: a more pronounced shadow */
	filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.6));
}
.p65warn{
    position: relative;
    height: 150px; /* Example height for the div */
    border: 1px solid black;
}
.p65warn img{
    position: absolute;
    bottom: 0; /* Places the image at the bottom */
    right: 0; /* Aligns to the bottom-left corner */
}
@media (max-width: 480px){
	.abracadabra{
		display: none;
		visibility: hidden;
	}
}
@media (max-width: 769px){
	.alakazam{
		display: none;
		visibility: hidden;
	}
}
@media (max-width: 1000px){
	.shazam{
		display: none;
		visibility: hidden;
	}
}
@media (min-width: 480px){
	.presto{
		display: none;
		visibility: hidden;
	}
}
@media (min-width: 769px){
	.prestidigitation{
		display: none;
		visibility: hidden;
	}
}
@media (min-width: 1000px){
	.voila{
		display: none;
		visibility: hidden;
	}
}
@media (min-width: 680px){
	.med1{
		display: none;
		visibility: hidden;
	}
}
@media (max-width: 680px){
	.med2{
		display: none;
		visibility: hidden;
	}
}
@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}
@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
    header.carousel .carousel {
        height: 70%;
    }
}