.logoblanc{width:25%;}
.specialdisplay{vertical-align:top;padding:0.6rem 0 0 4.5rem;}
.ingo .portfolio-item {
  margin-top: 30px;
}

.ingo .portfolio-item-content {
  position: relative;
  border-radius: 1.25rem;
}

.ingo .portfolio-item-content::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  transform: scale(0.8);
  transition: .5s all ease;
  border-radius: 0.25rem;
	width:100%; height:100%;
}

.ingo .portfolio-item-content:hover .img-overlay-content {
  opacity: 1;
}

.ingo .portfolio-item-content:hover::before {
  transform: scale(1);
  opacity: 1;
}

.ingo .img-overlay-content {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  opacity: 0;
  transition: all .5s ease;
}

.portfolio .img-overlay-content h5 {
  color: #fafafa;
}

.ingo .portfolio-icon a {
  background-color: white;
  width: 35px;
  height: 35px;
  line-height: 37px;
  margin: 0 8px;
  display: inline-block;
  border-radius: 4px;
  transition: all 0.3s ease;
  line-height: 37px;
}

.ingo .portfolio-icon a i {
  font-size: 18px;
  font-weight: 700;
}

.ingo .portfolio-icon a:first-child {
  background-color: white;
  width: 35px;
  height: 35px;
  line-height: 37px;
  margin: 0 8px;
  display: inline-block;
  border-radius: 4px;
  transition: all 0.3s ease;
  border-color: transparent;
}

.ingo .portfolio-icon a:first-child i {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  left: -2px;
}

.ingo .portfolio-icon a:first-child:focus {
  outline: none !important;
}
.portfolio-item-content::before {
    background-color: rgba(221, 174, 63, 0.9);
}
.arshia-dark .box-border, .arshia-dark .box-hover-border, .arshia-dark .button-border, .arshia-dark .image-border {
    background-color: #000;
    /*box-shadow: 3px 3px 3px #fff, -3px -3px 3px #fff;*/
}
.arshia-dark .box-hover-border:hover{
    box-shadow: none;
}
.arshia-dark #main > section {
    background-color: #000 !important;
    color: #fff;
}
.arshia-dark .text-muted, .arshia-dark .about .personal-info span, .arshia-dark .language-skill h4 span {
    color: #fff !important;
}
.arshia-dark .text-dark, .arshia-dark .hero-content,.arshia-dark .blog-single .modal-content {
    color: #fff !important;
}
.arshia-dark .hero-04, .arshia-dark .testimonial .owl-carousel .testimonial-image::before, .arshia-dark .skill-box .skillbar, .arshia-dark .blog-item:before, .arshia-dark .blog-image, .arshia-dark .testimonial .owl-carousel .testimonial-image, .arshia-dark .blog-single .modal-content, .arshia-dark .portfolio-single .modal-content {
    background-color: #fff;
}
/*.arshia-dark header {
    background-color: #2c2d30;
    box-shadow: 3px 3px 3px #202125, -3px -3px 3px #3e3e3e;
}*/
.arshia-dark header {
    background-color: #000;
    box-shadow: 3px 3px 3px #000, -3px -3px 3px #000;
}
.sercon {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}
.sercon2 {
background: linear-gradient(-45deg, #6aee52, #e7e23c, #d59623, #2393d58c);	
	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}
.sercon3 {
background: linear-gradient(
-45deg
, #8052ee, #e73c3c8f, #23d562, #57d523);	
	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}
.sercon4 {
background: linear-gradient(
-45deg
, #6aee52, #d6b3ad, #afbfd0, #2393d5e6);	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}
.sercon5 {
    background: linear-gradient(
-45deg
, #1cb900, #3ccfe7, #d52323, #2393d58c);	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}
.sercon6 {
    background: linear-gradient(
-45deg
, #6aee52, #3c59e7, #9923d5, #d52396);	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.carousel__cell img{width:90%}
.formobile{display:none}



/*---- mobile ---*/
@media (max-width: 800px) {
	.logoblanc{ width: 42%;
    margin-top: 18px;margin-left: 8px}
	h1{font-size:2rem}
	h1{font-size:1.7rem}
	.specialdisplay{vertical-align:top;padding:0.6rem 0 0 2.3rem;}
	.title h2 {font-size: 2rem;}
	.carousel__cell img{width:70%}
	.formobile{display:block}
	#ninja-slider{display:none}
	

    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      background: #fff;text-align:center
    }

	.swiper-slide img{width:78%;margin:0 auto;text-align:center}
	.swiper-slide div{padding-left:10px; width:90%;text-align:left}
}
.cardo p{color:white; font-size: 1.2rem}
/*----end mobile ---*/
.hero-05::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    height: 100vh;
}