@font-face {
	font-family: 'Marie PBV Variable';
	src: url('/css/fonts/marie/Marie PBV Variable.woff2') format('woff2'), url('/css/fonts/marie/Marie PBV Variable.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
	--bs-table-bg-type: rgba(210,213,219,1);
}
body {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #444444;
}
a {color: #5846f9;text-decoration: none;}
a:hover {color: #8577fb;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.e-control,
.e-wrapper, {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

.e-control, .e-css, .e-error {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}
.e-control {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

.e-tab .e-toolbar-items .e-toolbar-item .e-tab-text {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

.e-card {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}


label.e-float-text, .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}


.no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a, button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	text-decoration: none;
}
a:focus, .btn:focus, button:focus {text-decoration: none;outline: none;box-shadow: none;}
.btn:focus,button:focus,input:focus,input:focus,textarea,textarea:focus {outline: 0;box-shadow: none;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;right: 15px;bottom: 15px;z-index: 996;
  background: rgba(16,51,68,1);
  width: 40px;height: 40px; border-radius: 4px; transition: all 0.4s;
}
.back-to-top i {font-size: 28px;color: #fff;line-height: 0;}
.back-to-top:hover {background:rgba(224,50,57,1);color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #fff;}
#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid rgba(16,51,68,1);;
  border-top-color: rgba(255,255,255,1);;
  border-radius: 50%;
  width: 60px; height: 60px;
  animation: animate-preloader 1s linear infinite;
}
@keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@-webkit-keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;


  }

}
body.roadbk{width:100%;height:100%;}

@media screen and (max-width: 600px) {
	
	.responsive {
		width: 30px !important;
		height: auto !important;
	}
	.nav-item{
		padding:0.3rem !important;
	}


}

/*hide footer on small height*/
@media screen and (max-height: 700px) {
	footer {
		visibility: hidden;
		clear: both;
		float: left;
		margin: 10px auto 5px 20px;
		width: 28%;
		display: none;
	}
	
	.responsive {
		width: 30px !important;
		height: auto !important;
	}

	.nav-item {
		padding: 0.3rem !important;
	}

	
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero {
	width: 100%;
	height: 100vh;
	position: relative;
	/*  background: url("../img/bk_road.svg") 95% 50% no-repeat;background-size:contain;*/
}
#hero .container, #hero .container-fluid {/* padding-top: 84px; */}

	/*#hero h1 {margin: 0;font-size: 52px;font-weight: 700;line-height: 64px;color: #fff;}*/
	#hero h1 {
		margin: 0;
		font-size: 20px;
		font-weight: 700;
		line-height: 64px;
		color: #fff;
	}
#hero h2 {color: rgba(255, 255, 255, 0.8);margin: 10px 0 0 0;font-size: 20px;}
#hero .info-user{position:relative;padding-top:100px;}
#hero .info-user h1{position:relative;margin: 0 0 2rem 0;font-size: 1rem;font-weight: 700;line-height:1.2;color: #103344;padding-top:.5em;}
#hero .info-user.logo_b h1::before {content: "";display: block; position: absolute; top: 0; left: 0; width: 2.5em; height: 3px; background-color: #e03239;}




#hero .info-user .headline{margin: 0 0 1rem 0;font-size: 1rem;font-weight: 400;line-height:1.6;color: #103344;}
#hero .info-user .info-auth{margin: 2rem 0 1rem 0;font-size: 1rem;font-weight: 400;line-height:1.6;color: #103344;font-weight:600;font-style: italic;}
#hero .info-user li{position:relative;margin: 0rem 0 1rem 0;font-size: 1rem;font-weight: 400;line-height:1.6;color: #103344;padding-left:60px;font-weight:600;font-style: italic;}
#hero .info-user li img{position:absolute;top:-12px;left:0px;width:50px;height:auto;}
.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:380px;clip-path: circle(50% at 50% 50%);-webkit-clip-path: circle(50% at 50% 50%);}
.videoWrapper video { width: 100% !important; height: auto !important; }
.user-form {
	margin: 30px;
	left: 20px;
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.user-form .pswd-col{max-width:200px;}
.user-form .form-control{background:rgba(231,230,230,1);color:rgba(51,63,80,1);font-weight: 500;border: 2px solid rgba(51,63,80,1);border-radius:0;box-shadow:none;}
.user-form input::placeholder {color: var(#333F50);font-weight: 500;}
.user-form .btn-primary{background:rgba(51,63,80,1);color:#fff;border-color:rgba(51,63,80,1);border-radius:0;backdrop-filter: blur(21px);transition: 0.5s;}
.user-form .btn-primary:hover{background:rgba(51,63,80,.9);border-color:rgba(51,63,80,1);}

#resItem{background:rgba(147,38,255,.5); color:#fff;font-weight:500;position:absolute;top:0;left:0;width:100%;height:26px;z-index:999;} /*mov*/

.animated-u-d {animation: up-down 2s ease-in-out infinite alternate-reverse both;}
.animated-l-r {animation: left-right 2s ease-in-out infinite alternate-reverse both;}


@keyframes up-down {
  0% {transform: translateY(10px);}
  100% {transform: translateY(-10px);}
}
@-webkit-keyframes up-down {
  0% {transform: translateY(10px);}
  100% {transform: translateY(-10px);}
}
@keyframes left-right {
  0% {transform: translateX(10px);}
  100% {transform: translateX(-10px);}
}
@-webkit-keyframes left-right {
  0% {transform: translateX(10px);}
  100% {transform: translateX(-10px);}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 0px 0; overflow: hidden;}
.section-bg {background-color: #f9f8ff;}
.section-title {text-align: center;padding-bottom: 30px;}
.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 20px;position: relative;}
.section-title h2::after {
  content: "";position: absolute;display: block;width: 50px;height: 3px;
  background: #5846f9;
  bottom: 0;
  left: calc(50% - 25px);
}
.section-title p {margin-bottom: 0;}
section ul {list-style: none;padding: 0;}


section.invoice-page{padding: 30px 0;position:relative;} /* padding: 200px 0; in caz ca doresti FIX*/
.invoice-page h1{position:relative;margin: 0 0 2rem 0;font-size: 2rem;font-weight: 700;line-height:1.2;color: #103344;padding-top:.5em;}
.invoice-page h1::before {content: "";display: block; position: absolute; top: 0; left: 0; width: 2.5em; height: 3px; background-color: #e03239;}
.invoice-page a.btn-view {
  font-size: 1.2rem;
  padding: 2px 20px;line-height:1.4;
  background: rgba(16,51,68, 1);
  color: #fff;
  transition: 0.3s;
  border-radius:0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.invoice-list{margin-bottom:30px;}
.invoice-page a.btn-view:hover {background: rgba(16,51,68, 0.9);}
.list-invoices .table th.btn-options{border:0;}
.list-invoices .table td.btn-options{background:none;box-shadow:none;border:0;}
.car-cover{position:absolute;top:100px;right:0px;z-index:-1;}
.car-cover img{max-width:300px;}
.logo-header {
	position: absolute;
	top: 50px;
	right: 100px;
	z-index: -1;
}

	.logo-header img {
		max-width: 300px;
	}

/*--------------------------------------------------------------
# Car
--------------------------------------------------------------*/
#vspot {
  position: absolute;bottom:140px;
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 10s;
}
img.car-img{width:120px;height:auto;}

img.logo_b {
	width: 80%;
	height: auto;
}

@-webkit-keyframes run {
  0% {left: 0;bottom:140px;}
  40% {bottom:158px;}
  50% { /*left: calc(100% - 100px);*/ }
  100% {left: 100%;bottom:190px;}
}
@keyframes run {
  0% {left: 0;bottom:140px;}
  40% {bottom:158px;}
  50% { /*left: calc(100% - 100px);*/ }
  100% {left: 100%; bottom:190px;}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 50;
  padding: 20px 0;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(16,51,68, 1);
  padding: 12px 0;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
  
  
}
.header.logo img {
  height:auto;width:450px;
  text-align:center;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 140px;
	width: 100%;
	font-family: 'Marie PBV Variable', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
	.footer::before{content: "";position: absolute;top:-80px;left:0;right:0;display: block;height:80px;width:100%;background:rgba(16,51,68,1);z-index:-1;
		clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
		 -webkit-clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
	}
	.footer::after{content: "";position: absolute;bottom:0;left:0;right:0;display: block;height:100%;width:100%;background:rgba(16,51,68,1);z-index:-1}
	.footer-logo{text-align:right;padding-top:0px;}
	.footer-logo img{width:100%;max-width:540px;}
	.footer-links{color:#fff;font-weight:500;font-style:italic;padding-left:120px; }
	.footer-links a{color:rgba(237,238,242,1);}
	.footer-links a:hover{color:rgba(224,50,57,1);}
	

@media (min-width: 1200px) {
	#hero {background-attachment: fixed;}
	#hero .container,  #hero .container-fluid {padding-top: 84px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	.car-cover{position:absolute;top:100px;right:100px;z-index:-1;}
	.car-cover img{max-width:280px;}

	.logo-header {
		position: absolute;
		top: 100px;
		right: 0px;
		z-index: -1;
	}

		.car-cover img {
			max-width: 280px;
		}


	.borders {
		border-top: 20px solid #103344;
		position: relative;
	}

		.borders::before,
		.borders::after {
			content: '';
			position: absolute;
			width: 15px;
			height: 200px;
			background-color: #103344;
			clip-path: polygon(0 0, 100% 0, 100% 99%, 0% 100%);
		}

		.borders::before {
			left: 0;
			top: 0;
			transform: scaleX(-1); /* mirror the slope for the right side */
		}

		.borders::after {
			right: 0;
			top: 0;
		}
	


}
@media (max-width: 1199.98px) {
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:352px;}
	  #hero .container,  #hero .container-fluid {padding-top: 84px;padding-bottom:240px;}
	  #hero .container-fluid.cfooter {padding-top: 0px;}
	.car-cover{position:absolute;top:100px;right:0px;z-index:-1;}
	.car-cover img{max-width:260px;}


	.borders {
		border-top: 20px solid #103344;
		position: relative;
	}

		.borders::before,
		.borders::after {
			content: '';
			position: absolute;
			width: 15px;
			height: 200px;
			background-color: #103344;
			clip-path: polygon(0 0, 100% 0, 100% 99%, 0% 100%);
		}

		.borders::before {
			left: 0;
			top: 0;
			transform: scaleX(-1); /* mirror the slope for the right side */
		}

		.borders::after {
			right: 0;
			top: 0;
		}
}
@media (max-width: 991.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 84px;padding-bottom:240px;}
  #hero .container-fluid.cfooter {padding-top: 0px;}
  #hero .animated {animation: none;}
  .videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:300px;}
  .footer-logo img{max-width:400px;}
  .footer-links{padding-left:50px;}
  #hero .info-user{position:relative;padding-top:80px;}
  .footer-logo{text-align:right;padding-top:20px;}
	.car-cover{position:absolute;top:100px;right:0px;z-index:-1;}
	.car-cover img{max-width:230px;}

	

}
@media (max-width: 949.98px) {
	#hero{background-size:cover;}
	/*body.roadbk{background: url("../img/bk_road.svg") 95% 50% no-repeat;background-size:contain;}*/
	.car-cover{display:none; position:absolute;top:100px;right:0px;z-index:-1;}
	.car-cover img{max-width:230px;}


}


@media (max-width: 767.98px) {
	#hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:240px;}
	#hero .info-user{position:relative;padding-top:30px;}
	#hero .info-user h1{max-width:410px;}
	.footer-logo img{max-width:360px;}
	.footer-logo{text-align:center;padding-top:0px;}
	.footer{position:absolute;bottom:0px;left:0px;height:140px;width:100%;padding-top:14px;}
	#vspot {position: absolute;bottom:140px;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 10s;}
	img.car-img{width:100px;height:auto;}
	.car-cover{display:none; position:absolute;top:100px;right:0px;z-index:-1;}
	.car-cover img{max-width:200px;}
	@-webkit-keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%;bottom:194px;}
	}
	@keyframes run {
	  0% {left: 0;bottom:140px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%; bottom:194px;}
	}
}

@media (max-width: 650.98px) {
	#hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero{background-position:35% 0%;}
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:250px;}
	#hero .info-user{position:relative;padding-top:30px;}
	#hero .info-user h1{max-width:320px;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}
	.car-cover{ display:none; position:absolute;top:100px;right:0px;z-index:-1;}
	.car-cover img{max-width:180px;}
	.logo_b {
		margin: 20px;
	}
}

@media (max-width: 575.98px) {
	#hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero{background-position:35% 0%;}
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:220px;}
	#hero .info-user{position:relative;padding-top:30px;}
	#hero .info-user h1{max-width:320px;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}
	.car-cover{position:absolute;top:100px;right:0px;z-index:-1;}
	.car-cover img{max-width:180px;}

	#vspot {position: absolute;bottom:140px;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 10s;}
	img.car-img{width:100px;height:auto;}
	@-webkit-keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%;bottom:194px;}
	}
	@keyframes run {
	  0% {left: 0;bottom:140px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%; bottom:194px;}
	}

}

@media (max-width: 540.98px){
	#hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:190px;}
	#hero .info-user{position:relative;padding-top:30px;}
	#hero .info-user h1{max-width:320px;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}
	.footer-links{padding-left:20px;font-size:.8rem;}

	#vspot {position: absolute;bottom:144px;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 10s;}
	img.car-img{width:100px;height:auto;}
	@-webkit-keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%;bottom:194px;}
	}
	@keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%; bottom:194px;}
	}

}

@media (max-width: 475.98px) {
	#hero {height: auto; min-height: 100vh;display:block !important;}
	.videoWrapper{position:relative;top:0px;right:0px;z-index:-1;width:154px;margin:0 auto;}
	#hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	
	#hero .info-user{position:relative;padding-top:0px;}
	#hero .info-user h1{max-width:99%;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}

	#vspot {position: absolute;bottom:146px;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 10s;}
	img.car-img{width:80px;height:auto;}
	@-webkit-keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%;bottom:194px;}
	}
	@keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%; bottom:194px;}
	}
	.footer::before{content: "";position: absolute;top:-78px;left:0;right:0;display: block;height:80px;width:100%;background:rgba(16,51,68,1);z-index:-1;
		clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
		 -webkit-clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
	}

}

@media (max-height: 749.98px) {
	#vspot {position: absolute;bottom:142px;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 10s;}
	img.car-img{width:80px;height:auto;}
	@-webkit-keyframes run {
	  0% {left: 0;bottom:142px;}
	  40% {bottom:160px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%;bottom:192px;}
	}
	@keyframes run {
	  0% {left: 0;bottom:142px;}
	  40% {bottom:160px;}
	  50% { /*left: calc(100% - 100px);*/ }
	  100% {left: 100%; bottom:192px;}
	}
	.footer::before{content: "";position: absolute;top:-78px;left:0;right:0;display: block;height:80px;width:100%;background:rgba(16,51,68,1);z-index:-1;
		clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
		 -webkit-clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
	}



}


@media (min-width: 476px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
  #vspot{display:none;}
  .videoWrapper{width:160px;}
}
@media (min-width: 499.98px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
}
@media (min-width: 540.98px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
}
@media (min-width: 575.98px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
}
@media (min-width: 650.98px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 20px;padding-bottom:240px;}
  #vspot{display:block;}
  .videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:230px;margin:0 auto;}
}
@media (min-width: 767.98px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
  #hero .info-user{padding-top:60px;}
}
@media (min-width: 991.98px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 20px;padding-bottom:240px;}
  #hero .info-user{padding-top:60px;}
}
@media (min-width: 1200px) and (max-height: 819.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
  #hero .info-user{padding-top:40px;}
}


@media (min-width: 476px) and (max-height: 749.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
  #vspot{display:none;}
}
@media (min-width: 499.98px) and (max-height: 749.98px) {
}
@media (min-width: 540.98px) and (max-height: 749.98px) {
}
@media (min-width: 575.98px) and (max-height: 749.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
}
@media (min-width: 650.98px) and (max-height: 749.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 20px;padding-bottom:240px;}
  #vspot{display:block;}
  #hero .info-user{padding-top:10px;}
}
@media (min-width: 767.98px) and (max-height: 749.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
  .videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:230px;margin:0 auto;}
  #hero .info-user{padding-top:40px;}
}
@media (min-width: 991.98px) and (max-height: 749.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
}
@media (min-width: 1200px) and (max-height: 749.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
}




@media (min-width: 476px) and (max-height: 699.98px) {
  #vspot{display:block;}
	#hero {height: auto; min-height: 100vh;display:block !important;}
	.videoWrapper{position:relative;top:0px;right:0px;z-index:-1;width:154px;margin:0 auto;}
	#hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero .info-user{position:relative;padding-top:0px;}
	#hero .info-user h1{max-width:99%;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}
}
@media (min-width: 499.98px) and (max-height: 699.98px) {
}
@media (min-width: 540.98px) and (max-height: 699.98px) {
}
@media (min-width: 575.98px) and (max-height: 699.98px) {
	#vspot{display:none;}
	#hero {width:100%;height:100vh;display:flex !important;}
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:154px;margin:0 auto;}
	#hero .container,  #hero .container-fluid {padding-top: 20px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero .info-user{position:relative;padding-top:10px;}
	#hero .info-user h1{max-width:99%;}
	#hero .info-user li img{top:-12px;width:50px;}
	#hero .info-user li{padding-left:60px;}
	.footer-logo{text-align:center;padding-top:0px;}
 
}
@media (min-width: 650.98px) and (max-height: 699.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 20px;padding-bottom:240px;}
  #vspot{display:block;}
  #hero .info-user h1{width:490px; max-width:99%;}
}
@media (min-width: 767.98px) and (max-height: 699.98px) {
 .videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:230px;margin:0 auto;}
  #hero .container,  #hero .container-fluid {padding-top: 30px;padding-bottom:240px;}
}
@media (min-width: 991.98px) and (max-height: 699.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
}
@media (min-width: 1200px) and (max-height: 699.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
}



@media (min-width: 476px) and (max-height: 649.98px) {
	#vspot{display:block;}
	#hero {height: auto; min-height: 100vh;display:block !important;}
	.videoWrapper{position:relative;top:0px;right:0px;z-index:-1;width:154px;margin:0 auto;}
	#hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero .info-user{position:relative;padding-top:0px;}
	#hero .info-user h1{max-width:99%;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}
}
@media (min-width: 499.98px) and (max-height: 649.98px) {
}
@media (min-width: 540.98px) and (max-height: 649.98px) {
}
@media (min-width: 575.98px) and (max-height: 649.98px) {
}
@media (min-width: 650.98px) and (max-height: 649.98px) {
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:154px;}
	#hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
}
@media (min-width: 767.98px) and (max-height: 649.98px) {
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:230px;}
	#hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
}
@media (min-width: 991.98px) and (max-height: 649.98px) {
	#vspot{display:none;}
	#hero {width:100%;height:100vh;display:flex !important;}
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:230px;margin:0 auto;}
	#hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero .info-user{position:relative;padding-top:20px;}
	#hero .info-user h1{max-width:450px;}
	#hero .info-user li img{top:-12px;width:50px;}
	#hero .info-user li{padding-left:60px;}
	.footer-logo{text-align:center;padding-top:0px;}
	.footer{height:120px;}
}
@media (min-width: 1200px) and (max-height: 649.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
  #hero .info-user{padding-top:20px;}
}



@media (min-width: 476px) and (max-height: 600.98px) {
	#vspot{display:block;}
	#hero {height: auto; min-height: 100vh;display:block !important;}
	.videoWrapper{position:relative;top:0px;right:0px;z-index:-1;width:154px;margin:0 auto;}
	#hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero .info-user{position:relative;padding-top:0px;}
	#hero .info-user h1{max-width:99%;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}
	.footer{height:140px;}
}
@media (min-width: 499.98px) and (max-height: 600.98px) {
}
@media (min-width: 540.98px) and (max-height: 600.98px) {
}
@media (min-width: 575.98px) and (max-height: 600.98px) {
}
@media (min-width: 650.98px) and (max-height: 600.98px) {

	#vspot{display:block;}
	#hero {height: auto; min-height: 100vh;display:block !important;}
	.videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:154px;}
	#hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	#hero .info-user{position:relative;padding-top:0px;}
	#hero .info-user h1{max-width:99%;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}
	.footer{height:140px;}
}
@media (min-width: 767.98px) and (max-height: 600.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
  #hero .info-user{padding-top:40px;}
  .videoWrapper{position:absolute;top:0px;right:0px;z-index:-1;width:230px;margin:0 auto;}
}
@media (min-width: 991.98px) and (max-height: 600.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
}
@media (min-width: 1200px) and (max-height: 600.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
}



/*
@media (min-width: 1200px) and (max-height: 550.98px) {
  #hero .container,  #hero .container-fluid {padding-top: 40px;padding-bottom:240px;}
  #hero .info-user h1{color:#c34;}
}
*/



/*

@media (max-height: 670px) {
	#vspot{display:none;}
}
*/



/*
@media (max-height: 500.98px) {
	#vspot{display:block;}
	#hero {height: auto; min-height: 100vh;display:block !important;}
	.videoWrapper{position:relative;top:0px;right:0px;z-index:-1;width:154px;margin:0 auto;}
	#hero .container,  #hero .container-fluid {padding-top: 0px;padding-bottom:240px;}
	#hero .container-fluid.cfooter {padding-top: 0px;}
	
	#hero .info-user{position:relative;padding-top:0px;}
	#hero .info-user h1{max-width:99%;}
	#hero .info-user li img{top:-7px;width:40px;}
	#hero .info-user li{padding-left:44px;}
	.footer-logo{text-align:center;padding-top:0px;}

	#vspot {position: absolute;bottom:146px;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 10s;}
	img.car-img{width:80px;height:auto;}
	@-webkit-keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  100% {left: 100%;bottom:194px;}
	}
	@keyframes run {
	  0% {left: 0;bottom:144px;}
	  40% {bottom:162px;}
	  100% {left: 100%; bottom:194px;}
	}
	.footer::before{content: "";position: absolute;top:-78px;left:0;right:0;display: block;height:80px;width:100%;background:rgba(16,51,68,1);z-index:-1;
		clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
		 -webkit-clip-path: polygon(0 94%, 100% 30%, 100% 100%, 0% 100%);
	}

}
*/




/*

991.98px
767.98px
650.98px
575.98px
540.98px

@media (max-width: 575.98px) {
*/