@charset "utf-8";
/* CSS Document */
/*Modals Section Start Here*/
.modals-h { font-size: 30px; padding:15px 10px; text-align:center; margin-bottom:15px; font-weight: lighter;}
.modals-h::before{border-bottom: 2px solid #222; content:""; position:absolute; bottom:0; width:100px; margin-bottom: 25px;}
.mod-thumb{overflow:hidden; position:relative; margin-bottom:15px; text-align:center;}
.mod-thumb img{width:100%;}
.modals-th { position: absolute; width: 100%; z-index: 2; bottom: 0; left: 0; padding: 10px; background: rgba(0, 0, 0, 0.7); height: 0%; overflow: hidden; color: #fff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transform: translateY(135px); opacity: 0.2;}
.mod-thumb:hover .modals-th { transform: translateY(0); opacity: 1; height: 100%; padding-top:40%;}
.modals-name{font-size:24px; color:#fff; font-weight:lighter;}
.modals-view{font-size:14px; color:#fff; padding:5px 10px; background:#19baa7; margin-top:10px; display:inline-block; border-radius:2px;}
/*Modals Section Closed Here*/
/*City List*/