.heading{font-size:20px;text-align:left;font-weight:bold}.content{font-size:15px;margin-left:10px}*{box-sizing:border-box}.columns{float:left;width:33.3%;padding:8px}.price{list-style-type:none;border:1px solid #eee;margin:0;padding:0;-webkit-transition:.3s;transition:.3s}.price:hover{box-shadow:0 8px 12px 0 rgba(0,0,0,0.2)}.price .header{background-color:#111;color:white;font-size:25px}.price .header-popular{background-color:#098409;color:white;font-size:25px}.price li{border-bottom:1px solid #eee;padding:20px;text-align:center;font-size:20px}.price .grey{background-color:#eee;font-size:20px}.button{background-color:#4caf50;border:0;color:white;padding:10px 25px;text-align:center;text-decoration:none;font-size:18px}@media only screen and (max-width:600px){.columns{width:100%}}.datagrid table{border-collapse:collapse;text-align:left;width:100%}.datagrid{font:normal 12px/150% Times New Roman,Times,serif;background:#fff;overflow:hidden;border:1px solid #000}.datagrid table td,.datagrid table th{padding:15px 14px}.datagrid table thead th{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000');background:#000;color:#fff;font-size:16px;font-weight:bold;border-left:1px solid #000}.datagrid table thead th:first-child{border:0}.datagrid table tbody td{color:#000;border-left:1px solid #000;font-size:13px;font-weight:normal}.datagrid table tbody td:first-child{border-left:0}.datagrid table tbody tr:last-child td{border-bottom:0}.card{float:left;padding:1.7rem 1.7rem;width:100%}.card .menu-content{margin:0;padding:0;list-style-type:none}.card .menu-content::before,.card .menu-content::after{content:'';display:table}.card .menu-content::after{clear:both}.card .menu-content li{display:inline-block}.card .menu-content a{color:#fff}.card .menu-content span{position:absolute;left:50%;top:0;font-size:10px;font-weight:700;font-family:'Open Sans',serif;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.card .wrapper{background-color:#fff;min-height:350px;position:relative;overflow:hidden;-webkit-box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.2);box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.2)}.card .wrapper:hover .data{-webkit-transform:translateY(0);transform:translateY(0)}.card .data{position:absolute;bottom:0;width:100%;-webkit-transform:translateY(calc(70px+1em));transform:translateY(calc(70px+1em));-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}.card .data .content{padding:1em;position:relative;z-index:1}.card .title{margin-top:10px}.card .text{height:70px;margin:0}.card input[type='checkbox']{display:none}.card input[type='checkbox']:checked+.menu-content{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.example-2 .wrapper{background:center/cover no-repeat}.example-2 .wrapper:hover .menu-content span{-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px);opacity:1}.example-2 .menu-content{float:right}.example-2 .menu-content li{margin:0 5px;position:relative}.example-2 .menu-content span{-webkit-transition:all .3s;transition:all .3s;opacity:0}.example-2 .data{color:#fff}.example-2 .title{color:#fff}