Revonzy Mini Shell

/*-------------Import fonts ---------------------------------------*/
@font-face {
	font-family:'FuturaPT-Book';
	src: url('../fonts/FuturaPT-Book_gdi.eot');
	src: url('../fonts/FuturaPT-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaPT-Book_gdi.woff') format('woff'),
		url('../fonts/FuturaPT-Book_gdi.ttf') format('truetype'),
		url('../fonts/FuturaPT-Book_gdi.svg#FuturaPT-Book') format('svg');
}
body{
	font-family: 'FuturaPT-Book';
	font-size: 15px;
}
.respimg {
	width:100%;
	height:auto;
}
.overlay2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.2;
}
.ImageCaption{
	text-transform: capitalize;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y: hidden;
	z-index: 99;
}
.ImageCaption h4{
	background: rgba(0, 0, 0, 0.6);;
	padding: 5px;
	width:100%;
	color:#fff;
	text-align: center;
	position: absolute;
	bottom: -100px;

	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ImageCaption:hover h4{
	background: rgba(0, 0, 0, 0.6);;
	padding: 5px;
	width:100%;
	color:#fff;
	text-align: center;
	position: absolute;
	bottom: 0px;

	-webkit-transition: all 200ms cubic-bezier(.19,1,.22,1) 0ms;
  	-moz-transition: all 200ms cubic-bezier(.19,1,.22,1) 0ms;
  	transition: all 200ms cubic-bezier(.19,1,.22,1) 0ms;
}
.work-filter ul li a{text-transform: uppercase;}
/*------item hover ------------------------------------------------*/
.box-item {
	float:left;
	width:100%;
}
.box-item a {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.box-item a img {
	position:relative;
	z-index:1;
	-webkit-transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;
  	-moz-transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;
  	transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.box-item a .overlay2 {
	opacity:0;
	z-index:2;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.box-item a:hover .overlay2 {
	opacity:0.3;
}
.box-item a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform:scale(1.05);
	transform: scale(1.05);
}

/*------ services  ------------------------------------------------*/
.services-info {
	background:#fff;
	float:right;
	width:90%;
	top:-50px;
	padding:30px;
	position:relative;
	z-index:2;
}
.services-info:before , .services-info:after {
	content:'';
	position:absolute;
	background:#000;
	right:0;
	bottom:0;
}
.services-info:before{
	height:40px;
	width:6px;
}
.services-info:after {
	height:6px;
	width:40px;
}
.services-info , .services-info:before , .services-info:after {
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.services-box:hover .services-info {
	top:0;
	width:100%;
}
.services-box:hover .services-info:before {
	height:0;
}
.services-box:hover .services-info:after {
	width:0;
}
.services-info h4 {
	text-align:left;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:10px;
}
.services-info ul {
	float:left;
	text-align:left;
}
.services-info ul li {
	font-size:13px;
	list-style:circle;
	text-align:left;
	letter-spacing:1px;
	float:left;
	width:100%;
	color:#ccc;
	margin-bottom:10px;
}
.services-info ul li span {
	color:#424242;
}
.section-separator {
	float:right;
	width:70%;
	height:6px;
	background:#000;
	margin-right:-20%;
}
.bg-parallax {
	background-attachment:fixed;
}
/*******************/

.member-thumb{height:318px; overflow: hidden;}
.m-b-30{margin-bottom: 30px !important;}

.p-t-0{padding-top: 0 !important;}
.p-t-5{padding-top: 5px !important;}
.p-t-15{padding-top: 15px !important;}
.p-t-30{padding-top: 30px !important;}
.p-t-70{padding-top: 70px !important;}

.p-b-0{padding-bottom: 0 !important;}
.p-b-5{padding-bottom: 5 !important;}
.p-b-10{padding-bottom: 10 !important;}
.p-b-15{padding-bottom: 15 !important;}
.p-b-20{padding-bottom: 20 !important;}
.p-b-25{padding-bottom: 25 !important;}
.p-b-30{padding-bottom: 30 !important;}

.p-r-0{padding-right: 0;}
.p-l-0{padding-left: 0;}

.m-t-50{margin-top: 50px;}
.m-t-30{margin-top: 30px;}
a.mail{color:#6a737b;}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}


.wrapper-inner {
    float: left;
    width: 70%;
    position: relative;
    background: #fff;
    padding: 150px 0;
    z-index: 3;
}
.img-wrap2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    overflow: hidden;
    height: 100%;
    z-index: 4;
}
.container2 {
    max-width: 1024px;
    width: 92%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.bg-animate {
    position: fixed;
    bottom: 10%;
    right: 10%;
    width: 60%;
    height: 60%;
    z-index: -2;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
}
.slider-block{width: 90%; margin-top: 50px;}
.scale-callback {
    float: left;
    width: 33.33333%;
    height: 25%;
    position: relative;
    z-index: 5;
}
.scale-callback:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all 400ms cubic-bezier(0.215,.61,.355,1);
    -moz-transition: all 400ms cubic-bezier(0.215,.61,.355,1);
    -o-transition: all 400ms cubic-bezier(0.215,.61,.355,1);
    transition: all 400ms cubic-bezier(0.215,.61,.355,1);
}
.grid-item-custom h3{ font-size: 12px; font-weight:bold; padding: 10px 0; clear: both; text-align: center; line-height: 1.3;}

.nav-width{width:70%;}
.footer-length{width:70%; padding-left: 70px;}
.fixed-column-custom {background: #f4f4f4; background-size: 40%; overflow:hidden; position: fixed;}
.fixed-column-custom section {
    padding: 100px 50px 50px;
}
.websiteLink{color:#6a737b;}
.slideLink{display: block; position: absolute; width: 100%; height:100vh;}
.whatsapp{margin-top:9px; }
.position-absolute{position: absolute;}
.whatsapp-block{background: #fff; padding: 10px; border-radius: 5px; right:180px; top:40px;}
.whatsapp-block:after {
	content: '';
	position: absolute;
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-bottom: 5px solid #fff;
  top:-5px;
  right:15px;
}
.d-none{display: none;}
@media only screen and  (max-width: 1024px) {
	.whatsapp-block{background: #fff; padding: 10px; border-radius: 5px; right:45px; top:40px;}
	}

@media only screen and  (max-width: 756px) {
	.nav-width{width:100%;}
	.wrapper-inner{float: none; width: 100%; }
	.footer-length{width:100%; padding-left: 15px; padding-right: 15px;}
	.copyright {
	    margin-top: 0px;
	    border-top:1px solid #fff; padding-top: 10px;
	}
	.footer {
	    padding: 30px 0;
	}
	.whatsapp-block{background: #fff; padding: 10px; border-radius: 5px; right:15px; top:50px;}
}