html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}

html{

	scroll-behavior: smooth;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}
@font-face {
  font-family:web-pixel;
  src: url(../text-font/static/Inter-Regular.ttf);
}
@font-face {
  font-family:web-pixel-nav;
  src: url(../text-font/Raleway/static/Raleway-Regular.ttf);
}
body {
	font-family:web-pixel-nav;
}
ol, ul {

	list-style: none;

}

b{
	color:#858585;
	
}
blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}
nav{
	width:100%;
	height:max-content;
	position: absolute;
    z-index: 99;
}
.nav-header{
	width:100%;
	height:max-content;
	background-color:rgba(0, 0, 0, .7);
}
.container {
	width:1250px;
	margin:0 auto;
}
.nav-logo{
	width:20%;
	height:110px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:20%;
	background-image:url(../images/logo.png);
}
.nav-header-container{
	display:flex;
	width:100%:
}
.nav-header-section{
	width:20%;
	height:50px;
	display:inline-block;
	padding:30px 0px;
}
.nav-header-section h3{
	color:white;
	text-transform:uppercase;
}
.nav-header-section i{
	color:#a10000;
	font-size:25px;
	padding-right:10px;
}
.nav-header-section p{
	color:#ebebeb;
	padding:5px;
}
.nav-header a{
	color:#ebebeb;
	text-decoration:none;
}
.nav-body{
	width:100%;
	height:max-content;
	background-color:rgba(161, 0, 0,.7);
	    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    transition: background .3s ease 0s,box-shadow .3s ease 0s;
}
.scroll .nav-body{
	background-color:rgba(161, 0, 0,.9);
	position:fixed;
}
.scrolls{
	background-color:rgba(161, 0, 0,.9);
	position:fixed;
}
.scroll .nav-header{
	display:none;
}
.nav-body-container{
	display:flex;
	width:100%;
}
.nav-body-container ul{
	margin:auto;
}
.nav-body-container ul li{
	display:inline-block;
	padding:20px;
	border-left:1px solid rgba(235, 235, 235,.2);
}
.last-list{
	border-right:1px solid rgba(235, 235, 235,.2);
}
.nav-body-container ul li a{
	color:white;
	text-decoration:none;
	transition:all .5s;
}
.nav-body-container ul li a:hover{
	color:red;
}
header{
	width:100%;
	height:100vh;
	background-image:url(../images/bg.webp);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.overlay-header{
	background: linear-gradient(180deg, rgba(161,0,0,.10) 50%, rgba(161,0,0,1) 100%);
	height:100%;
	width:100%;
}

footer{
	width:100%;
	height:max-content;
	padding:50px 0px;
	background-color:#a10000;
	text-align:center;
	color:white;
}
footer a{
	color:black;
	text-decoration:none;
}
.test{
	width:100%;
	height:100vh;
}
.nav-phone {
	background-color: rgba(161, 0, 0,.7);
	overflow: hidden;
	height: 55px;
	width: 100%;
	z-index: 100;
	display:none;
	transition: all 0.4s ease-out, background 1s ease-out;
}
.nav-phone.menu-open {
	height: max-content;
	background-color: rgba(161, 0, 0,1);
	transition: all 0.45s ease-out, background 0.8s ease-out;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}
.mobile-menu {
	clear: both;
}
.nav-phone ul.menu {
	position: relative;
	display: block;
	padding-bottom:55px;
	list-style: none;
}
.nav-phone ul.menu li.menu-item a {
	display: block;
	position: relative;
	color: white;
	text-decoration: none;
	font-size: 18px;
	line-height: 2.8;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	padding-left:4vw;
}
.nav-phone.menu-open #menuicon .bar{
	background:white;
}
.nav-phone ul.menu li.menu-item {
	width:90%;
	margin-left:5%;
	border-bottom: 1px solid white;
	margin-top: 5px;
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav-phone ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.35s;
}
.nav-phone ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.3s;
}
.nav-phone ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.25s;
}
.nav-phone ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.nav-phone ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.15s;
}
.nav-phone ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.1s;
}
.nav-phone ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.05s;
}
.nav-phone.menu-open ul.menu li.menu-item {
	opacity: 1;
}
.nav-phone.menu-open ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.05s;
}
.nav-phone.menu-open ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.1s;
}
.nav-phone.menu-open ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.15s;
}
.nav-phone.menu-open ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.nav-phone.menu-open ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.25s;
}
.nav-phone.menu-open ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.3s;
}
.nav-phone.menu-open ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.35s;
}

.icon-container {
	position: relative;
	display: inline-block;
	z-index: 2;
	float: right;
	height: 55px;
	width: 55px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.icon-container #menuicon {
	width: 20px;
	height: 10px;
	position: relative;
	display: block;
	margin: -4px auto 0;
	top: 50%;
}
#menuicon .bar {
	width: 100%;
	height: 1px;
	display: block;
	position: relative;
	background: #fff;
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#menuicon .bar.bar1 {
	-webkit-transform: translateY(0px) rotate(0deg);
	transform: translateY(0px) rotate(0deg);
}
#menuicon .bar.bar2 {
	-webkit-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}
.menu-open .icon-container {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-open .icon-container #menuicon .bar {
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition-delay: 0.1s;
}
.menu-open .icon-container #menuicon .bar.bar1 {
	-webkit-transform: translateY(4px) rotate(45deg);
	transform: translateY(4px) rotate(45deg);
}
.menu-open .icon-container #menuicon .bar.bar2 {
	-webkit-transform: translateY(3px) rotate(-45deg);
	transform: translateY(3px) rotate(-45deg);
}
.home-section{
	width:100%;
	height:max-content;
	padding-top:100px;
	padding-bottom:100px;
}
.redhome{
	background-color: #a10000;
}
.home-part1-body{
	width:100%;
	height:50vh;
	display:flex;
}
.home-part1-body-left{
	width:30%;
	height:100%;
	background-color:#a10000;
}
.home-part1-body-right{
	    background-image: url(../images/bg2.webp);
	width:69%;
	border:1px solid white;
	height:100%;
	background-attachment:fixed;
	background-size:cover;
	background-position:center;
}
.home-part1-body-right-overlay{
	width:100%;
	height:100%;
	background-color:rgba(161, 0, 0, .6);
}
.home-part1-body-right-overlay h3{
	text-align:center;
	border-bottom:1px solid white;
	color:white;
	padding:10vh;
	padding-bottom:5vh;
	width:max-content;
	text-transform:uppercase;
	font-weight:bold;
	font-size:30px;
	letter-spacing:2px;
}
.home-part1-body-right-overlay p{
	padding:2.5vh;
	padding-left:5vh;
	padding-right:5vh;
	color:white;
	font-size:16px;
}
.item-home-body{
	width:100%;
	height:33.3%;
	display:block;
}
.item-home-body h3{
	color:white;
	font-size:40px;
	padding-top:40px;
	padding-right:20%;
	text-align:right;
}
.item-home-body p{
	color:white;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-top:20px;
	font-weight:bold;
	padding-right:20%;
	text-align:right;
}
.services-home{
	width:100%;
	height:60vh;
	display:flex;
}
.services-home-side{
	width:20%;
	height:100%;
}
.services-home-body{
	width:60%;
	height:100%;
	background-image:url(../images/02.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.services-home-parent h3{
	text-align:center;
	text-transform:uppercase;
	font-size:30px;
	color:rgba(161, 0, 0, 1);
	letter-spacing:2px;
}
.services-home-parent span{
	background-color:rgba(161, 0, 0, 1);
	color:white;
	padding:10px;
	border-radius:5px;
}
.services-home-side-child{
	width:100%;
	height:50%;
}
.services-home-side-child h4{
	color:rgba(161, 0, 0, 1);
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5vh;
}
.services-home-side-child p{
	color:black;
	text-align:center;
	padding-top:2vh;
}
.services-home-side-child h2{
	background-color:rgba(161, 0, 0, 1);
	width:max-content;
	padding:15px;
	border-radius:50%;
	color:white;
	font-weight:bold;
	text-align:center;
	font-size:40px;
}
.services-child-container-h2{
	display:flex;
	width:100%;
	justify-content:center;
}
.section-contact{
	width:100%;
	height:max-content;
	padding-top:10vh;
	padding-bottom:10vh;
}
.cards {
	background-color:#f6f6f6;
}
.card{
	width:30%;
	margin-right:1%;
	padding:1%;
	border:1px solid rgba(161, 0, 0, 1);
	border-left:none;
	border-top:none;
	height:20vh;
}
.card-overlay{
	    background: rgba(161, 0, 0, 1);
	width:100%;
	height:100%;
}
.cards-container{
display:flex;	
}
.a-container{
	display:flex;
	width:100%;
	justify-content:center;
}
.card-overlay{
	text-transform:uppercase;
	font-weight:bold;
	font-family: web-pixel-nav,Arial,sans-serif !IMPORTANT;
	text-align:center;
}
.card-overlay h2{
	color:white;
	font-size:30px;
	text-transform:uppercase;
	padding-top:4vh;
}
.card-overlay h3{
	color:white;
	padding:20px;
}
.card-overlay a{
	color:black;
	text-decoration:none;
}
.success{
	background-color:green;
}
.error{
	background-color:red;
}
.contact-formular .border{
	background-color:white;
}
.contact-formular{
	width:56%;
	padding:2%;
	height:max-content;
	font-family: web-pixel-nav,Arial,sans-serif !IMPORTANT;
	border:1px solid rgba(161, 0, 0, 1);
	border-left:none;
	border-top:none;
	display: inline-block;
}
.contact-formular-layout{
	width:80%;
	height:max-content;
	background-color:rgba(161, 0, 0, .4);
	padding:10%;
}
.contact-formular h1{
	color:white;
	text-align:center;
	padding:20px;
}
.contact-formular-image{
	width:100%;
	height:100%;
	background-image:url(../images/bg2.webp);
	background-repeat:no-repeat;
	background-size:cover;
}
.contact-formular h2{
	text-align:center;
	text-transform:uppercase;
	color:white;
	font-size:30px;
	padding-bottom:50px;
}
.contact-formular input{
	width:100%;
	padding:10px;
	padding-left:20px;
	margin-bottom:5vh;
	background: rgba(20, 20, 20, .2);
	border:none;
	color:white;
	border-bottom:1px solid white;
}
.contact-formular button{
	padding:10px;
	border:none;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	background-color:transparent;
	color:white;
	cursor:pointer;
	transition:all .5s;
}
.contact-formular button:hover{
	padding-right:20px;
}
.button-contact{
	width:100%;
	display:flex;
	justify-content:center;
	padding-top:5vh;
	padding-bottom:5vh;
}
.contact-formular textarea{
	width:100%;
	padding:10px;
	padding-left:20px;
	margin-bottom:5vh;
	resize:none;
	background: rgba(20, 20, 20, .2);
	border:none;
	color:white;
	border-bottom:1px solid white;
}
::placeholder {
  color: white;
  opacity: 1; 
}

:-ms-input-placeholder { 
  color: white;
}

::-ms-input-placeholder { 
  ccolor: white;
}
.logo-contact{
	width:37%;
	display:inline-block;
	height:30vh;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	float:right;
	margin-top:30vh;
}
.page_404 {
  background: #fff;
  font-family: "Arvo", serif;
  padding-top:10vh;
  padding-bottom:10vh;
}

.page_404 img {
  width: 100%;
}

.four_zero_four_bg {
  background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
  height: 400px;
  background-position: center;
  background-repeat:no-repeat;
}

.four_zero_four_bg h1 {
  font-size: 80px;
  text-align:center;
}

.four_zero_four_bg h3 {
  font-size: 80px;
  text-align:center;
}

.link_404 {
  color: #fff !important;
  padding: 10px 20px;
  background: rgba(161, 0, 0, 1);
  margin: 20px 0;
  display: inline-block;
  text-align:center;
}
.contant_box_404 {
  margin-top: -50px;
  text-align:center;
}
header h3{
	color:white;
	text-align:center;
	font-size:7vh;
	text-transform:uppercase;
	padding-top:70vh;
}
header p{
	text-align:center;
	font-size:30px;
}
header a{
	color:white;
	text-align:center;
	text-decoration:none;
}
.swiper-container {
  --swiper-navigation-color: #ffffff;
  --swiper-theme-color: #ffffff;
  height: 50vh;
  min-height: 640px;
  max-height: 960px;
}

.swiper-slide {
  background-color: #0f0f0f;
  width:100% !IMPORTANT;
}
.swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  background-color: rgba(161, 0, 0, 1);
  z-index: 1;
  background: linear-gradient(to top, rgba(161, 0, 0, 1) 0%, rgba(161, 0, 0, 0.987) 8.1%, rgba(161, 0, 0, 0.951) 15.5%, rgba(161, 0, 0, 0.896) 22.5%, rgba(161, 0, 0, 0.825) 29%, rgba(161, 0, 0, 0.741) 35.3%, rgba(161, 0, 0, 0.648) 41.2%, rgba(161, 0, 0, 0.55) 47.1%, rgba(161, 0, 0, 0.45) 52.9%, rgba(161, 0, 0, 0.352) 58.8%, rgba(161, 0, 0, 0.259) 64.7%, rgba(161, 0, 0, 0.175) 71%, rgba(161, 0, 0, 0.104) 77.5%, rgba(161, 0, 0, 0.049) 84.5%, rgba(161, 0, 0, 0.013) 91.9%, rgba(161, 0, 0, 0) 100%);
}
.swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.75;
}
.swiper-slide__title {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  position: absolute;
  left: 10%;
  top: 66.66%;
  transform: translate(0, -50%);
  z-index: 2;
  letter-spacing: -2px;
  opacity: 0.5;
  transition: 0.3s;
}
.swiper-slide h1 {
  font-size: 5rem;
}
.swiper-slide h2 {
  font-size: 4rem;
}
.swiper-slide.swiper-slide-active .swiper-slide__title {
  opacity: 1;
}
.customers{
	background-image:url(../images/bg2.webp);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding:0px;
}
.customers-overlay{
	width:100%;
	height:100%;
	background:rgba(161,0,0,.8);
	background: linear-gradient(0deg, rgba(161,0,0,0) 0%, rgba(161,0,0,0.4) 30%, rgba(161,0,0,0.9) 70%, rgba(161,0,0,1) 100%);
	padding-top: 100px;
    padding-bottom: 100px;
}
.customer-container{
	display:flex;
	width:100%;
}
.customer-item{
	width:30%;
	padding:1%;
	margin-right:1%;
	border:1px solid #ebebeb;
	border-left:none;
	border-bottom:none;
	height:10vh;
}
.customer-content{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.8);
}
.customers h2{
		padding-top:3.5vh;
		color:#ebebeb;
		font-size:20px;
}
.customers h6{
	text-align:center;
	padding-top:3vh;
	font-size:30px;
	color:rgba(161,0,0,1);
}
@media screen and (max-width: 1025px){
	    .container{
		width:96% !IMPORTANT;
		margin-left:2% !IMPORTANT;
	}
	.phone-display{
	display:none;
    }
	.nav-header-section {
	text-align:center;
	}
	.nav-logo{
		margin-right:0px;
		width:50%;
	}
	.customer-container{
   flex-direction: column;
   }
   .customer-item{
	   width:90%;
	   margin-left:5%;
	   margin-bottom:5vh;
   }
	.nav-header-section{
		width:45%;
	}
	.nav-phone{
		display:block;
	}
	.home-part1-body{
		display:block;
		height:max-content;
	}
	.home-part1-body-left{
		width:100%;
		height:70vh;
	}
	.home-part1-body-right{
		height:max-content;
		width:90%;
		margin-left:5%;
	}
	.home-part1-body-right-overlay h3{
		width:auto;
	}
	.item-home-body h3{
		text-align:center;
		padding-right:0px;
	}
	.item-home-body p{
		text-align:center;
		padding-right:0px;
	}
	.services-home{
		height:max-content;
		display:block;
	}
	.services-home-side{
		width:100%;
		height:max-content;
	}
	.services-home-body{
		width:100%;
		height:50vh;
	}
	.services-home-parent h3{
		display:grid;
		line-height:50px;
		padding-bottom:50px;
	}
	.services-home-side-child p{
		padding:40px;
	}
	   .cards-container{
	       flex-direction: column;
   }
   .card{
	   margin:0px;
	   margin-left:10%;
	   width:80%;
	   margin-bottom:5%;
   }
   .contact-formular{
	   width:90%;
	   margin-left:3%;
   }
   .logo-contact{
		width:100%;
		float:none;
		margin:0px;
		margin-top:10vh;
   }
}