#accordion,#accordion li{list-style-type:none}

.accordion{width:100%;max-width:360px;background:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:2px 2px 6px #000}

.accordion .link {cursor:pointer;display:block;padding:15px 15px 15px 42px;color:#4D4D4D;font-size:14px;font-weight:700;border-bottom:1px solid #CCC;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.accordion .link a{color:#4D4D4D;font-size:14px;font-weight:700;}

.accordion li:last-child .link{border-bottom:0}

.accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#595959;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.accordion li i.fa-chevron-down{right:12px;left:auto;font-size:16px}.accordion li.open .link a{color:#b63b4d}.accordion li.open i,.link a{color:#b63b4d}

.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

.accordion li.default .submenu{display:block}.submenu{display:none;background:#444359;font-size:14px}.submenu li{border-bottom:1px solid #4b4a5e}

.submenu a{display:block;text-decoration:none;color:#d9d9d9;padding:12px;padding-left:42px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}

.submenu a:hover{background:#b63b4d;color:#FFF} 





 .wrapper {padding: 1em; display: table; height: 100%; width: 100%; } 

 .card {display: block; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); transition: box-shadow .25s; } 

 .card:hover {box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); } 

 .img-card {width: 100%; height:200px; border-top-left-radius:2px; border-top-right-radius:2px; display:block; overflow: hidden; } 

 .img-card img{width: 100%; height: 200px; object-fit: cover; transition: all .25s ease; } .card-content {padding:15px; text-align:left; } 

 .card-title {white-space: nowrap;overflow: hidden;margin-top:0px; font-weight: 500; font-size: 1.15em;text-align: center } 

 .card-title a {word-wrap:break-word; color: #000; text-decoration: none !important;font-size: 20px } .card-read-more {border-top: 1px solid #D4D4D4; } .card-read-more a {text-decoration: none !important; padding:10px; font-weight:600; text-transform: uppercase

}







 .overlayy {height: 100%; width: 100%; display: none; position: fixed; z-index: 999999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); } .overlay-content {position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; } .overlayy .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlayy .closebtn:hover {color: #ccc; } .overlayy input[type=text] {padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white; height: 50px; } .overlayy input[type=text]:hover {background: #f1f1f1; } .overlayy button {float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none; cursor: pointer; height: 50px; } .overlayy button:hover {background: #bbb; }