/*--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/


@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/

.introduction-info,.agileits-about-grids,.agileinfo_services_grids,.gallery-grids,.agile_team_grids,.w3-agileits-subscribe-form,.contact-row{
    margin: 0;
}

/*-- //introduction --*/
/*-- about --*/

.gallery{
	background: #ffffff;
	height:300px;
}

.gallery-grid img {
    width: 100%;
    cursor: pointer;
}
.gallery-top-grids:nth-child(2),.gallery-top-grids:nth-child(3){
	margin-top:0;
}
.gallery-grids-left {
    padding: 0;
}
.gallery-grid{
	position:relative;
	overflow: hidden;
	border:5px solid #fff;
}
.gallery-grid:hover .captn {
    bottom: 0;
}
.captn {
    background: #075098; /* Old browsers */
background: -moz-linear-gradient(left,  #075098 0%, #e41e29 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #075098 0%,#e41e29 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #075098 0%,#e41e29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075098', endColorstr='#e41e29',GradientType=1 ); /* IE6-9 */
    position: absolute;
    bottom: -100%;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
	opacity:.9;
}
.captn h4 {
	font-size: 26px;
    color: #fff;
    margin: 30% 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.captn p {
    margin: 0.5em 0 0 0;
    color: #FFFFFF;
    font-size: .9em;
}
/*-- //gallery --*/
