.banner{position: relative;}
.banner .info{position: absolute;top: 20%;left: 20%;color: white;/*! font-size: 30px; */width: 40%;}
.banner .info h1{
	font: 4.0625vw "Quicksand Bold";
}
.banner .info .iinfo{color:white;line-height: 20px;}
.portfolio-main .block{position: relative;margin: 0p;margin-bottom: 10px;cursor: pointer;}
.portfolio-main .block .protitle{position: absolute;bottom:20px;left:10%;color: white;cursor: pointer;border-left: 4px solid white;padding-left: 20px;font-size: 18px;font-weight: bold;}
.portfolio-main .block::before{
	background: rgba(0, 136, 255, 0.7) url("img/eye-icon.png") center no-repeat;
	  background-size: auto;
	background-size: 4.5833333333vw;
	opacity: 0;
}
	.portfolio-main .block .shadown{
		position: absolute;width:100%;
		left:0px;
		top:0px;
		background: rgba(0, 136, 255, 0.7);
		height: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		display: none;
}
.portfolio-main .block .shadown img{max-width:50px;}
.portfolio-item .portfolio-main .block{display: none;}
.portfolio-item .portfolio-main .block:nth-child(1){display: block;}
.portfolio-item .portfolio-main .block:nth-child(2){display: block;}
.contact-form {
  padding: 5%;
  /*! width: 34.375vw; */
  background-color: #111423;
  box-sizing: border-box;
  width: 70%;
  margin-left: auto;
}
.contact-form .block-title {
  text-align: center;
  margin-bottom: 1.0416666667vw;
}
.style-form input:not([type="submit"]), .style-form textarea {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 0.78125vw;
  border-radius: 1.5625vw;
  color: #fff;
}
.contact-form .block-title {
  text-align: center;
  margin-bottom: 1.0416666667vw;
}
.contact{display: flex;flex-wrap: wrap;width: 100%;align-items: center;background: #090c1a;}
.contact .contleft{width:30%;text-align: center;}
.contleft p img{max-width:30px;margin-right: 10px;}
.contleft p {margin:50px 0px;font-size:18px;color:white;text-align: left;padding-left: 10%;align-items: center;display: flex;}
.centered-main-column-wrapper  .contact-form{margin-left:auto;width:60%;}
.dsadfs{font-size:44px !important;text-align: center;margin:50px 0px;display: block !important;}
.portfolio{/*! padding-left: 15.54%; */}
.toplogo{
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 0px;
	width: 100%;
	background-image: linear-gradient(to bottom, black, transparent);
	padding:10px 0px;
}
.toplogo a{padding-left:50px;}
.toplogo img{max-width: 225px;}
.index{display: none;}
.portfolio-item{position: relative;}
.portfolio-item .pinpai{position: absolute;right: -20%;bottom:10px;z-index: 9999;}
.portfolio-item .pinpai img{max-width:200px;}
.mySwiper {z-index: 760;}
img{max-width:100%;}
.logo-container{display:none}
.prlist{display: flex;flex-wrap: wrap;}
 .prti{
    font-size: 22px;
margin: 40px 0px;
text-align: center;
font-weight: bold;

}
.prlist .pldsa{width:18%;margin:5px 1%;}
@media only screen and (max-width: 750px) {
	#new-logo{max-width:180px;margin-right: 20px;margin-top: 20px;margin-left: auto;}
	.banner .info{width:90%;left:5%;top:30%;}
	.index{display: block;margin-left: auto;text-align: right;}
	.toplogo{display: none;}
	.portfolio-item .pinpai{right:0px;}
	.portfolio-item .pinpai img{max-width:120px;}
	#main-container{width:98%}
	.logo-container{display:block;}
	.contact .contleft{width:100%;}
	.centered-main-column-wrapper .contact-form{width:100%;padding:0px;}
	.centered-main-column > *{padding:0px;}
	.style-form input:not([type="submit"]), .style-form textarea {
  display: block;
  width: 90%;
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 1.5625vw;
  color: #fff;
  margin: 10px auto;
  padding: 10px 10px;
}
	.prlist .pldsa{width:31%;margin:1%}
}