.bgw { background: #fff; padding: 39px 15px 36px; } 
.left { padding-left: 24px; }
.utp {
    background: #fff;
    padding: 0px 15px 32px;
}
.bl1 .text p {
    font-family: "OpenSansRegular", sans-serif; 
    font-size: 14px;
    color: #1a1a1a; 
    line-height: 1.5;
}
.bl1 .inside { 
    display: table;
    margin: 24px -15px;
    padding: 64px 15px;
    background: url('../img/aboutus.jpg') center;
    background-size: cover;
}
.bl1 .inside .title {
    margin-bottom: 12px;
	font-family: "RobotoBold", sans-serif; 
    font-size: 20px;
    color: #ffa834; 
    text-align: center;
}
.bl1 .inside .text {    
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 14px;
    color: #fff; 
    line-height: 1.4;
    text-align: center;
}

.bl2 .mrow > div {
    height: 500px;
    background: #e5e5e5;
    border: 1px #fff;
    position: relative;
    overflow: hidden;
}
.bl2 .mrow > div:hover .btn {
    bottom: 24px;
}
.bl2 .mrow > div:hover .text { padding-bottom: 48px; }
.bl2 .mrow .item {
    display: table;
    width: 100%;
    height: 200px;
    padding: 32px 16px;
    position: absolute;
    left: 0;
    bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
}
.bl2 .mrow .item .title { margin-bottom: 12px; }
.bl2 .mrow .item .text {     
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    line-height: 1.5;
    font-size: 14px;
}
.bl2 .mrow .item .btn { 
    padding: 12px 16px;
    border: 2px solid #808080;
    position: absolute;
    left: 16px;
    bottom: -100px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.bl2 .mrow > div:nth-child(odd) { background: #f9f9f9; }


/*320 - 767*/
@media (min-width: 320px) and (max-width: 767px) {
    
    .mb24-xs { margin-bottom: 24px; }
    .bl1 .inside .text { text-align: center; }
    
}


/*320 - 479*/
@media (max-width: 479px) {	
	   
}

/*480 - 767*/
@media (min-width: 480px) and (max-width: 767px) {
    
    
    
}

/*768 - 991*/
@media (min-width: 768px) and (max-width: 991px) {
  
}


/*992 - 1199*/
@media (min-width: 992px) and (max-width: 1199px) {	

}
	
	
/*1200*/
@media (min-width: 1200px) {

}