/*= Reset CSS 
============= */

.container{margin: 0 auto; max-width: 1060px;}

*{margin: 0; padding: 0;}
.full-length{width: 100%; float: left; padding-bottom: 80px;}
.full-length ul{margin: 0 -1.5%;}
.full-length ul li{float: left; width: 31.33%; margin: 10px 1%; list-style: none;}

h3{font-size: 20px; padding:0px; margin:0px; text-indent:0px; text-align:center; padding-bottom:10px; padding-right:38px;}
.text-desc{position: absolute; left: 0; top: 0;  height: 100%; opacity: 0; width: 100%; padding: 20px;}
/*= Reset CSS End
================= *


/* effect-5 css */
.port-5{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(1, 87, 164, 0.9); overflow: visible;}
.port-5 p{ font-size:15px; padding-right:40px;}
.port-5.effect-2{z-index: 10;}
.port-5.effect-2 img{transition: 0.5s; transform: none);}
.port-5.effect-2:hover img{transform: scale(0.6) translateY(40%); position: relative; z-index: 9; }
.port-5.effect-2 .text-desc{transform: translateY(-50%); opacity: 0; padding: 20px; transition: 0.5s;}
.port-5.effect-2:hover .text-desc{transform: translateY(0px); opacity: 1;}

/* effect-5 css end */

/*= Media Screen CSS
==================== */