.main-colorbg {
    background-color: #bdbdbd1c;
}
.main-marq.xlrg .box .item h4{
	font-size: 8vw;
  font-weight: 800;
}
@media only screen and (max-width: 800px) {.crev-header{padding: 0px 0 0!important; margin-top: -50px;}}
.main-img{
	position: relative;
	display: inline-block;
	padding-left: 0px!important;
	margin-top: -100px!important;
	width:180%!important;
	height:auto!important;
	margin-left: auto!important;
}
@media only screen and (max-width: 800px) {
	.main-img{
		position: relative;
		display: inline-block;
		padding-left: 0px!important;
		margin-top: -80px!important;
		width:120%!important;
		height:auto!important;
		margin-left: auto!important;
	}
}

.main-img .imgov {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
}

@keyframes imgSlide {
 -10%   {z-index:1;opacity:1; transform:translate(0px,0px); scale:1;}
   0%   {z-index:1;opacity:1; transform:translate(0px,0px); scale:1;}
	20%   {z-index:2;opacity:1; transform:translate(0px,0px); scale:1;}
	30%   {z-index:3;opacity:1; transform:translate(-40px,20px); scale:1.1; filter: drop-shadow(3px 3px 5px #222);}
	35%  {z-index:3;opacity:0; transform:translate(0px,0px); scale:0; }
	36%  {z-index:-1;opacity:0; transform:translate(0px,0px); scale:1; }
	100% {z-index:-1;}
}

.main-img .imgov{
  animation-name: imgSlide;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

.main-img .imgov:nth-child(2){
}
.main-img .imgov:nth-child(3){
  animation-delay: 5s;
}
.main-img .imgov:nth-child(4){
  animation-delay: 10s;
}
.main-img .imgov:nth-child(5){
  animation-delay: 15s;
}

@media only screen and (max-width: 800px) {}

@media only screen and (max-width: 800px) {
  .cursor{display: none;}
  .cursorOut{display: none;}
}

header .caption h3{
	font-size: 32px;
}
header .caption p{text-align:justify;}
header canvas{display: none;}

header.crev-header .main-img img {
    object-fit: contain;
}

@media only screen and (max-width: 800px) {
header .caption h3{font-size: 22px;}
}

.about-intro h2{font-size: 35px;}
.serv-box .serv-item:hover{
	box-shadow: 0px 0px 5px 1px lightgray;
}

.services-tab .serv-tab-link .item-link {font-size: 18px;}
.services-tab .serv-tab-link .item-link span{font-size: 10px;}

footer{background: rgba(255, 0, 0, 1);background-color: rgba(255, 0, 0, 1)!important; color: #fff;}
footer p, footer .subscribe input {color: #fff;}
footer .stroke {-webkit-text-stroke: 2px #fff;}
footer .call-box{border: 1px solid #ffffff;}

.contact-crev .call-box{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 35px;
	padding: 15px 0;
}
.contact-crev .call-box h2{
	font-size: 80px;
}
.skills-exp .skill-item {
	flex-wrap: wrap;
	justify-content: space-around!important;

}
.skills-exp .skill-item .item {
	padding: 15px 5px;
	width:auto ;
	border-radius: 10px;
	margin: 10px;
	border: none;
}
footer .butn.butn-bord{
	border-color: #fff;
  background: transparent;
  color: #fff;
}

html, body {
  padding:0;
  margin:0;
/*  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif!important; */
}
.main-bg{background: #fff;}
.topnav .menu-icon, .topnav .menu-icon .icon, .topnav .menu-icon .text {color:#fff!important;}
.topnav .menu-icon .icon i{background: #fff!important;}

.topnav .open.menu-icon, .topnav .open.menu-icon .icon, .topnav .open.menu-icon .text {color:#1d1d1d!important;}
.topnav .open.menu-icon .icon i{background: #1d1d1d!important;}
.topnav .open.menu-icon .icon i:nth-child(2){display: none;}

.topnav.nav-scroll{background:transparent; color: #1d1d1d;}
.topnav{width: 80px; right: 100px; position:relative;}

.hamenu{color: #1d1d1d;}
.hamenu .menu-links .main-menu .sub-menu li a{color:#1d1d1d;}

.hamenu .menu-links::-webkit-scrollbar-thumb{background: red; width: 25px;}
.hamenu .menu-links{height: 450px;}

.header{
	width: 100%;
	height: 145px;
	overflow: hidden;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.blink_me {
	color: black;
  animation: blinker 1s linear infinite;
}

#sph, #sph canvas {
	position: absolute;
	height: 600px!important;
	width: 600px!important;
	bottom: 0px;
	left:-150px;
	z-index: -1;
}
main{width: 100%; overflow: hidden;}
.conta{
	position: fixed;
	overflow: hidden;
	width: 100%;
	z-index: 99999;
}
.split{
	width: 100%;
	height: 100px;
	display: inline-block;
}
.split.up{
	background: red;
	height: 90px;
}
.split.down{
	background: white;
	height: 90px;
}
.split.down .bg{
	background: red; display:inline-block; width: 100%; height:50px;
	position: absolute;
	bottom: 0px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}
.menu{
	color: #fff;
	position: absolute;
	right:40px;
	top:12px;
	font-size: 40px;
}
.breadcrums{
	color: gray;
	position: absolute;
	right:40px;
	top:110px;
	font-size: 18px;
}
.header .notif{
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 9;
	padding: 10px 45px;
	min-width: 450px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	left: calc(50% - 300px);
	font-weight: normal;
}
.header .notif:after{
	content: "✕";
	position: absolute;
	background: red;
	padding: 1px 5px;
	font-weight: 900;
	border-radius: 5px;
	color: #fff;
	right: 15px;
}