/*= Reset CSS 
============= */
.container{margin: 0 auto;}
.container99{margin: 0 auto;}
*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%; vertical-align: middle;}
.full-length{width: 100%; float: left; padding-top:60px;margin-bottom: 40px; }
.container{margin: 0 auto; max-width: 1000px;}
 .container li{float: left;width: 450px;height:430px; margin: 10px ; list-style: none;background-color: #fff;  }
 .desc {height:30px;text-align: center;  }
 .desc  img {padding:8px;text-align: center;  }
 .container2{margin: 0 auto; max-width: 1030px;}
 .full-length99{width: 100%; float: left; padding-top:60px;margin-bottom: 40px; }
 .container99{margin: 0 auto; max-width: 1000px;}
 .container99li{float: left;width: 450px;height:255px; margin: 10px ; list-style: none;background-color: #fff;  }
 .container2 li{float: left;width: 330px;height:300px; margin: 5px ; list-style: none; }
 .container1{margin: 0 auto; max-width: 1000px;}
 .container1 li{float: left;width: 310px;height:250px; margin: 10px ; list-style: none; border: 2px solid #eee;box-shadow:2px 2px 6px #000}
 .p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;}
 p1{font-weight: 600; line-height: 20px; font-size: 16px; margin-bottom: 25px; text-align:left}
 p2{font-weight: 500; line-height: 20px; font-size: 14px; }
.li btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.li btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}
h3{font-size: 20px; margin: 0px 0 10px;}
.h4{font-size: 20px; margin: 115px 0 10px;}
.h4 a{background-color: #000;color:#fff;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 0px;}
.text-desc11{position: absolute; left: 0; top: 0;background-color: #eee;  height: 100%; opacity: 0; width: 100%; }
.btn1{display: inline-block; font-size: 18px; color: #fff; border: 2px solid #000; background-color: #000; text-decoration: none; transition: 0.4s;}
.btn1:hover{background-color: transparent; color: #fff; transition: 0.8s;}
/*= Reset CSS End
================= *

/* effect-1 css */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);box-shadow:2px 2px 6px #000}
.port-1 .text-desc2{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; }
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.1);}

.port-1.effect-1:.text-desc2{top: 10px;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}


/* effect-1 css end */







/*= Media Screen CSS
==================== */
@media only screen and (max-width: 1090px){
	ul{width: 340px; margin: 0 auto;}
	li{width: 100%; margin: 20px 0;}
	.port-5.effect-1 {z-index: 19;}
}

@media only screen and (max-width: 360px){
	ul{width: 300px;}
	.port-1 .text-desc, 
	.port-1.effect-3:hover .text-desc, 
	.
}
/*= Media Screen CSS End
======================== */