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;
}
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;

}
@media screen and (min-width: 1025px){
	.phone_links{
		display:none !IMPORTANT;
	}
	.header{
		display:none !IMPORTANT;
	}
	.sticky_phone{
		display:none !IMPORTANT;
	}
}
@media screen and (max-width: 1025px){
    .container{
		width:96% !IMPORTANT;
		margin-left:2% !IMPORTANT;
	}
	.column_footer{
		width:100% !IMPORTANT;
		margin-bottom:0px !IMPORTANT;
	}
	.line_footer{
		display:block !IMPORTANT;
	}
	.bordered{
		border:none !IMPORTANT;
	}
	.links_bottom{
		display:none !IMPORTANT;
	}
	.copyright{
		display:block !IMPORTANT;
		width:100% !IMPORTANT;
	}
	.phone_links p{
		padding-top:5px;
		padding-bottom:5px;
	}
	.phone_links{
		border-top: 1px solid rgba(0,0,0,.2);
		margin-top:10px;
	}
	#main{
		display:none !IMPORTANT;
	}
	.link_page_P{
		margin-left:0% !IMPORTANT;
	}
	.page_P{
		margin-left:0% !IMPORTANT;
	}
	.phone_numbers_footer{
		margin-left:0% !IMPORTANT;
	}
	header h1{
		font-size:8vw !IMPORTANT;
	}
	header p{
		font-size:5vw !IMPORTANT;
	}
}
.container {
	width:1250px;
	margin:0 auto;
}

#content-wrap {
  padding-top:96px;
}
footer{
	background-image:url(../images/footer_img.webp);
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#173d59;
	padding-top:50px;
}
.container_footer{
    width: 86%;
    max-width: 86%;
    margin: 0 auto;
}
.bottom_footer_container{
	display:inline-block;
	border-top: 1px solid rgba(255,255,255,.2);
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
.line_footer{
	display:flex;
}
.column_footer{
	width:33%;
	height:max-content;
	padding-top:10px;
	outline: none;
	float:left;
	text-decoration:none;
	display:inline-block;
	margin-bottom:50px;
}
.column_footer img{
	margin-bottom:50px !IMPORTANT;
}
.links_bottom{
	color:#ffffff;
	transition:all .3s;
	display:inline;
	float:right;
	font-size:14px;
	cursor:pointer;
	font-weight: 400;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}
.links_bottom:hover{
	color:#858585;
}
.copyright{
	display:inline;
	color:#ffffff;
	float:left;
	font-size:14px;
}
.bordered{
	    border-left: 1px solid rgba(255,255,255,.15);
}
.copyright_link{
	color:#3ea1eb;
	text-decoration:none;
}
.column_footer h2{
	color: #f0b743;
	font-size:18px;
	padding-bottom:18px;
	font-weight: 600;
	line-height: 1.2;
}
.column_footer i{
	padding-right:5px;
	font-size:15px;
	padding-left:5px;
}
.column_footer img{
	margin:0 auto;
}
.column_footer a{
	text-decoration:none;
	transition:all .3s;
	color:#ffffff;
}
.column_footer p{
	color:#ffffff;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	   font-weight: 300;
	transition:all .3s;
}
.column_footer a:hover{
	color:#3ea1eb;
}
.link_page_P:hover .link_page{
	padding-left:5px;
}
.link_page_P{
	margin-left:30%;
}
.page_P{
	margin-left:30%;
}
header {
  text-align: center;
  height: 50vh;
  background: url(../images/bg.webp)bottom center no-repeat;
  background-size: cover;
  align-items: center;
  justify-content: center;
  background-attachment:fixed;
}

header h1 {
  color: white;
  font-size: 4vw;
  text-shadow: 3px 4px 0 rgba(0, 0, 0, .4);
  padding-top:26vh;
}
header p {
  color: white;
  font-size: 2vw;
  text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.4);
    padding-top:5vh;
}
.phone_numbers_footer{
	margin-left:30%;
}

.header {
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255,.3);
	overflow: hidden;
	height: 55px;
	width: 100%;
	z-index: 100;
	position: fixed;
	transition: all 0.4s ease-out, background 1s ease-out;
}
.header.menu-open {
	height: 100%;
	background: white;
	transition: all 0.45s ease-out, background 0.8s ease-out;
}
.header.scrolls{
background-color:#173d59;	
}
.header.scrolls ul.menu li.menu-item a{
	color:white;
}
.header.scrolls ul.menu li.menu-item{
	border-color:white;
}
.header.scrolls ul.menu li.menu-item .active{
	color:#f0b743 !IMPORTANT;
}
.mobile-menu {
	clear: both;
}
.header ul.menu {
	position: relative;
	display: block;
	padding: 0px 40px 0;
	list-style: none;
}
.header ul.menu li.menu-item a {
	display: block;
	position: relative;
	color: #303030;
	text-decoration: none;
	font-size: 18px;
	line-height: 2.8;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}
.header.menu-open #menuicon .bar{
	background:black;
}
.header ul.menu li.menu-item {
	border-bottom: 1px solid #303030;
	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);
}
.header ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.35s;
}
.header ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.3s;
}
.header ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.25s;
}
.header ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.header ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.15s;
}
.header ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.1s;
}
.header ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.05s;
}
.header.menu-open ul.menu li.menu-item {
	opacity: 1;
}
.header.menu-open ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.05s;
}
.header.menu-open ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.1s;
}
.header.menu-open ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.15s;
}
.header.menu-open ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.header.menu-open ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.25s;
}
.header.menu-open ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.3s;
}
.header.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);
}
.sticky_phone{
	width:45%;
	height:100px;
  position: fixed;
     right: 0;
   bottom: 0;
   z-index:99;
}
.sticky_element{
	margin-bottom:10px;
}
.sticky_phone a{
	text-decoration:none;
	color:white;
}
.sticky_phone p{
	padding:10px;
	text-align:center;
	background-color:rgba(0, 0, 0, 0.95);
	border-radius:10px;
}
.navbar{
	background-color:transparent;
	width:100%;
	height:max-content;
	position:absolute;
	z-index:99;
}
.active{
	color:#3ea1eb !IMPORTANT;
}
.navbar.scroll .active{
	color:#f0b743 !IMPORTANT;
}
.navbar-header{
	width:100%;
	height:50px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	background-color:transparent;
	font-family:web-pixel-nav,Arial,sans-serif !IMPORTANT;
}
.navbar-header-links{
	float:left;
}
.navbar-header-links a{
	display:inline;
	font-size:13px;
	letter-spacing:1.5px;
	color:white;
	text-decoration:none;
	margin-left:10px;
}
.navbar-header-links p{
	display:inline-block;
	padding:20px;
	color:white;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
}
.header-overlay{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
}
.navbar-header-links-icons{
	float:right;
}
.navbar-header-links-icons a{
	display:inline;
	font-size:16px;
	letter-spacing:1.5px;
	color:white;
	text-decoration:none;
	margin-left:10px;
}
.navbar-header-links-icons p{
	display:inline-block;
	padding:20px;
	color:white;
	font-size:16px;
	padding-right:10px;
	padding-left:10px;
}
.logo-footer{
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	width:400px;
	height:100px;
	display:block;
	background-image:url(../images/logo.png);
	margin-bottom:50px;
}
.navbar-content{
	width:100%;
	height:max-content;
	display:flex;
	transition:all .5s;
}
.navbar.scroll .navbar-header{
	display:none;
}
.navbar.scroll{
	background-color:#fff;
	position:fixed;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
	 transition: background .3s ease 0s,box-shadow .3s ease 0s;
}
.navbar.scroll .navbar-list li{
		padding:20px;
}
.navbar.scroll .navbar-list li a{
	color:#303030;
}
.navbar.scroll .navbar-list li a:hover{
	color:#f0b743;
}
.navbar.scroll .navbar-logo{
		background-image:url(../images/icon.png);
		height:90px;
		margin-top:10px;
		margin-bottom:10px;
}
.navbar-list{
	width:33%;
	display:inline-block;
	padding-top:25px;
	padding-bottom:25px;
	float:left;
}
.navbar-logo{
	width:33%;
	display:inline-block;
	margin-top:25px;
	margin-bottom:25px;
	height:100px;
	background-image:url(../images/logo.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
.rightnavlist{
	float:right;
}
.leftnavlist{
	float:left;
}
.navbar-list li{
	color:white;
	display:inline-block;
	padding:20px;
}
.navbar-list li a{
	color:white;
	text-decoration:none;
	transition:all .2s;
	letter-spacing:1px;
}
.navbar-list li a:hover{
	color:#3ea1eb;
}
@media screen and (max-width: 1025px){
	.logo-footer{
		width:100%;
	}
	.navbar{
	display:none !IMPORTANT;	
	}
}
.test{
	height:100vh;
}
.fade {
  -webkit-animation-name: fade-image;
  -webkit-animation-duration: 1.5s;
  animation-name: fade-image;
  animation-duration: 1.5s;
  background-color:rgba(0,0,0,.5);
}
.images{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
}
.image1slide{
	background-image:url(../images/bg2.webp);
}
.image2slide{
	background-image:url(../images/bg3.webp);
}
.image3slide{
	background-image:url(../images/bg.webp);
}
@-webkit-keyframes fade-image {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-image {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.slideshow{
		width:100%;
		height:100vh;
}
.images h2{
	text-align:center;
	padding-top:40vh;
	color:white;
	font-size:3vw;
}
.images p{
	text-align:center;
	color:white;
	font-size:2vw;
	padding-top:5vh;
}
.images a{
		text-transform:uppercase;
		color:rgba(255,255,255,.5);
		letter-spacing:1px;
		font-size:25px;
		padding:20px;
		border-bottom:1px solid rgba(255,255,255,.5);
		border-top:1px solid rgba(255,255,255,.5);
		text-decoration:none;
		transition:all .5s;
}
.images a:hover{
	padding-left:40px;
	padding-right:40px;
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.button-home{
	width:100%;
	display:flex;
	justify-content:center;
	padding-top:20vh;
}
.phone-logo-header{
	display:none;
}
.home-section{
	width:100%;
	height:max-content;
	padding-top:10vh;
	padding-bottom:10vh;
	font-family: web-pixel-nav,Arial,sans-serif !IMPORTANT;
}
.home-section.colored-white{
	background-color:white;
}
.home-section .leftasigned-section-home{
	width:50%;
	height:max-content;
}
.home-section .rightasigned-section-home{
	width:50%;
	height:max-content;
	padding-top:10vh;
}
.home-container-section{
width:100%;
display:flex;
}
.firstsection .leftasigned-section-home{
	width:48%;
	padding:1%;
	border:1px solid #ebebeb;
	transition:all .5s;
	border-right:none;
}
.firstsection .picture-home{
	height:50vh;
	width:100%;
	background-image:url(../images/pwclean1.webp);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}
.home-section h2{
	color:black;
	font-weight:bold;
	font-size:25px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
}
.home-section .rightasigned-section-home p{
	font-size:16px;
	line-height:25px;
	letter-spacing:.5px;
}
.border{
	width:10%;
	height:2px;
	background-color:#3ea1eb;
	margin:auto;
	margin-top:5vh;
	margin-bottom:5vh;
}
.leftasigned-layout{
	height:100%;
	width:100%;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,1) 100%);
}
.firstsection .button-home{
	padding-top:1vh;
}
.home-section a{
	padding:15px;
	font-size:18px;
	text-transform:uppercase;
	text-decoration:none;
	color:#3ea1eb;
	border-top:1px solid #3ea1eb;
	border-bottom:1px solid #3ea1eb;
	margin-top:10px;
	transition:all .5s;
}
.home-section a:hover{
	padding-left:20px;
	padding-right:20px;
}
.price-container{
width:100%;
height:max-content;
display:flex;	
}
.price-item{
	width:100%;
	min-height:50vh;
	height:max-content;
	background: linear-gradient(135deg, #3ea1eb, #f0b743);
	border-radius:10px;
}
.price-item-contain{
	width:40%;
	margin-left:2.5%;
	margin-right:2.5%;
	padding:2.5%;
	height:max-content;
	border:1px solid #ebebeb;
	border-right:none;
	border-bottom:none;
	margin-top:10vh;
	border-radius:10px;
}
.price-item h3{
	color:white;
	text-align:center;
	padding:50px;
	font-size:24px;
	text-transform:UPPERCASE;
}
.price-item .border{
	background-color:white;
	margin:0px;
	margin:auto;
	margin-bottom:2vh;
}
.price-item p{
	padding:2vh;
	line-height:2vh;
	color:white;
	text-align:center;
}
.prices .button-home{
	padding-top:1vh;
	padding-bottom:2vh;
}
.prices a{
	color:white;
	border-color:white;
}
.prices b{
		color:red;
}
.prices{
	font-family: web-pixel-nav,Arial,sans-serif !IMPORTANT;
}
.about-us{
	background-color:#f6f6f6;
}
.about-us p{
	text-align:center;
	padding:20px;
}
.about-us-container{
	display:flex;
	width:100%;
	height:max-content;
	padding-top:10vh;
	padding-bottom:10vh;
}
.about-us-section{
	width:33%;
	display:inline-block;
	height:max-content;
	float:left;
}
.about-us-section h5{
	font-size:50px;
	color:#f0b743;
	padding:10px;
}
.about-us-section h4{
	font-size:20px;
	color:black;
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
}
.about-us-section h6{
	font-size:15px;
	font-weight:100;
	line-height:25px;
}
.left-section-about{
	text-align:right;
}
.right-section-about{
	text-align:left;
}
.text-about{
	padding-top:5vh;
	padding-bottom:5vh;
}
.picture-circle-about{
	width:15vw;
	height:15vw;
	border-radius:50%;
	border:1px solid #ebebeb;
	margin:auto;
	margin-top:2vh;
	padding:1vw;
}
.image-circle-about{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	border-radius:50%;
}
.about-image-overlay{
	opacity:0;
	width:100%;
	height:100%;
	transition: .5s ease;
	background-color:rgba(0,0,0,.5);
	border-radius:50%;
}
.about-image-overlay .button-home{
	padding-top:5vw;
}
.about-image-overlay .button-home a{
	color:white;
	border-color:white;
	font-size:16px;
}
.image-circle-about:hover .about-image-overlay{
	opacity:1;
	cursor:pointer;
}	
.first-image-about{
	background-image:url(../images/pwclean2.webp);
}
.secondary-image-about{
	background-image:url(../images/pwclean3.webp);
}
.customers{
	background-image:url(../images/bg2.webp);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:rgba(0,0,0,.5);
}
.customer-container{
	display:flex;
	width:100%;
}
.customer-item{
	width:30%;
	padding:1%;
	margin-right:1%;
	border-radius:5px;
	border:1px solid #ebebeb;
	border-right:none;
	border-bottom:none;
	height:10vh;
}
.customer-content{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.8);
	border-radius:5px;
}
.customers h2{
		padding-top:3.5vh;
		color:#ebebeb;
		font-size:20px;
}
.customers h6{
	text-align:center;
	padding-top:3vh;
	font-size:30px;
	color:#3ea1eb;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-track{
	padding-top:10vh;
	padding-bottom:10vh;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.container-services-home{
	width:100%;
	display:flex;
}
.leftasigned-services-home{
	width:50%;
	height:max-content;
	padding-top:10vh;
}
.services-home .button-home{
	padding-top:1vh;
}
.leftasigned-services-home p{
	padding:10px;
	text-align:center;
	color:black;
}
.rightasigned-services-home{
	width:48%;
	border: 1px solid #ebebeb;
	border-left:none;
	height:max-content;
	padding:1%;
}
.rightasigned-services-home .picture-services{
	height: 50vh;
    width: 100%;
    background-image: url(../images/pwclean4.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.leftasigned-services-home h2{
	padding-bottom:5vh;
}
.picture-services-overlay{
	background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,1) 100%);
width:100%;
height:100%;
}
.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 #3ea1eb;
	border-right:none;
	border-bottom:none;
	border-radius:10px;
	height:20vh;
}
.card-overlay{
	    background: #3ea1eb;
	width:100%;
	height:100%;
	border-radius:10px;
}
.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:#f0b743;
	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 #3ea1eb;
	border-right:none;
	border-bottom:none;
	display: inline-block;
}
.contact-formular-layout{
	width:80%;
	height:max-content;
	background-color:rgba(0, 86, 150, .8);
	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;
}
.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-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	background-color:transparent;
	color:white;
	cursor:pointer;
	transition:all .5s;
}
.contact-formular button:hover{
	padding-left:20px;
	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;
}

.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: #39ac31;
  margin: 20px 0;
  display: inline-block;
  text-align:center;
}
.contant_box_404 {
  margin-top: -50px;
  text-align:center;
}
.logo-contact{
	width:37%;
	display:inline-block;
	height:30vh;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	float:right;
	margin-top:30vh;
}
@media screen and (max-width: 1025px){
	.images h2{
		font-size:8vw;
	}
	.images p{
		font-size:7vw;
	}
	.phone-logo-header{
		display:block;
		background-image:url(../images/icon.png);
		background-position:center;
		background-repeat:no-repeat;
		width:100%;
		height:100px;
		background-size:contain;
		background-color:transparent;
		margin-top:10vh;
		float:left;
	}
	.firstsection .leftasigned-section-home{
		width:98%;
	}
	.home-container-section{
	    flex-direction: column;	
	}
	.home-section .rightasigned-section-home{
	width:100%;
	padding-top:0px;
   }
   .home-section .rightasigned-section-home p{
	   text-align:center;
	   padding-bottom:10vh;
   }
   .firstsection .leftasigned-section-home{
	   border:1px solid #ebebeb;
	    border-bottom:none;
   }
   .leftasigned-layout{
	   background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,1) 100%);
   }
   .price-item-contain{
	   width:90%;
   }
   .price-container{
	  flex-direction: column;
   }
   .about-us-container{
	       flex-direction: column;
   }
   .about-us-section{
	   width:100%;
   }
   .left-section-about{
	   text-align:center;
   }
   .right-section-about{
	   text-align:center;
   }
   .picture-circle-about{
	   width:70vw;
	   height:70vw;
   }
   .about-image-overlay .button-home{
	padding-top:25vw;
   }
   .customer-container{
   flex-direction: column;
   }
   .customer-item{
	   width:90%;
	   margin-left:5%;
	   margin-bottom:5vh;
   }
   .container-services-home{
	   flex-direction: column;
	   padding:1%;
	   width:98%;
   }
   .leftasigned-services-home{
	   width:100%;
	   padding-bottom:10vh;
	   padding-top:10vh;
   }
   .rightasigned-services-home{
	   width:100%;
   }
   .rightasigned-services-home{
	  border: 1px solid #ebebeb; 
	  border-top:none;
   }
   .picture-services-overlay{
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,1) 100%);
   }
   .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;
   }
}