.ok-simple-card { padding-bottom: 10px; position: relative; color: #6c6c6c; }

.ok-simple-border { border: 1px solid rgba(37, 37, 37, 0.53); }

.ok-simple-shadow { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

h3.ok-card-title { display: block; padding: 10px; margin: 0; }

.ok-card-descr { display: block; padding: 10px 0; margin: 0 10px; }

.ok-card-overlay { display: block; padding: 10px; margin: 0; }

.ok-contrast { color: #fff !important; }

.ok-card-link { position: absolute; bottom: 0; right: 10px; left: 10px; border-top: 1px solid rgba(193, 193, 193, 0.73); }

.ok-card-simple-link { display: block; margin: 5px 10px 0 10px; text-transform: uppercase; }

.ok-simple-but { display: block; margin: 10px 10px 0 10px !important; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55); }
.ok-simple-but:hover { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transition: all .3s ease-out; }

a.ok-simple-but { color: #fff; }

a.ok-simple-but:hover { text-decoration: none !important; }

.ok-simple-but:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.ok-simple-but:active { background-color: rgba(255, 255, 255, 0.55); z-index: 1; transform: scale(0.767, 0.917); -webkit-transform: scale(0.767, 0.917); -moz-transform: scale(0.767, 0.917); -o-transform: scale(0.767, 0.917); -ms-transform: scale(0.767, 0.917); transition: all .9s ease-out; }