body {background-color:#fff;text-align:center;margin:0;font-family:Spartan;font-size:15px}
html {scroll-behavior:smooth}

h1 {font-family:Raleway;color:#990099;font-weight:800;font-size:24px;letter-spacing:1px;margin:0;padding:0 10px 20px 0}
h2 {font-family:"Raleway";font-weight:600;font-size:20px;margin:0 0 30px}
h3 {font-family:"Raleway";font-size:16px;font-weight:600;margin:0 0 20px}
h4 {font-family:"Raleway";font-size:15px;font-weight:600;text-align:left}

.blink:hover {opacity:0.7}
.menu-link {position:absolute;top:0;right:0;margin:15px;padding:10px 20px;background-color:white;color:#993399;font-weight:100;font-size:30px;border-radius:3px;border:1px #ffccff solid;box-shadow:10px 10px #ffccff}
.side-menu a{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s}
.side-menu {height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.side-menu a{font-size:20px;text-decoration:none;font-weight:500;padding:4px 20px 4px 16px;color:#202020}
.side-menu a:hover{color:#990099}
.side-menu a{display:block}
.side-menu {background-color:#ffccff;color:#333;opacity:0.8}
.top{position:fixed;width:100%;z-index:1}.top{top:0}
.animate-top {position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

* {box-sizing:border-box}
.main {max-width:1200px;margin:0 auto;padding:2px}
.page {max-width:920px;margin:0 auto}
.bottom-menu {max-width:720px;margin:0 auto}
.white {background-color:#fff}
.clear:after {content:"";display:table;clear:both}
.part {display:inline-block;font-family:"Raleway";padding:8px 16px;font-size:16px;text-decoration:none;color:#00414b}
.half,.third,.two-third,.quarter,.fifth,.sixth,.three-quarter {display:block;float:left;width:100%}
@media (min-width:1000px) {.fifth{width:19.99999%}.sixth{width:16.66666%}.quarter{width:24.99999%}.third{width:33.33333%}.half{width:49.99999%}.two-third{width:66.66666%}.three-quarter{width:74.66666%}}

a, a:visited {text-decoration:none}
.link {color:#993399;font-family:Raleway;font-size:15px;font-weight:600;text-decoration:none}
.link:hover {color:#993399;text-decoration:none;opacity:0.5}
.link2 {color:#993399;font-family:Raleway;font-size:15px;font-weight:600;text-decoration:none;opacity:0.6}
.more {color:#993399;text-align:center;text-decoration:none}
.more:hover {color:#993399;text-decoration:none;opacity:0.5}
.small {font-size:12px}

.center {text-align:center}
.left {text-align:left}
.right {text-align:right;padding-right:20px}
.justify {text-align:justify;padding:10px}
.margin-tb-40 {margin:40px auto}
.margin-tb-15 {margin:15px auto}
.padding-5 {padding:2px}
.padding-10 {padding:10px}
.padding-20 {padding:20px}
.padding-lr-20 {padding:0 20px}
.top-30 {padding-top:30px}
.top-20 {padding-top:20px}
.top-15 {padding-top:15px}

.input {padding:8px;font-family:Spartan;font-size:16px;display:block;border:1px solid #ccc;width:100%}
.button {border:none;display:inline-block;padding:10px 20px;font-size:18px;text-decoration:none;background-color:#993399;color:#fff;text-align:center;border-radius:2px;cursor:pointer}
.button:hover {opacity:0.5}

img {vertical-align:middle}
.shadow {border-radius:1%;box-shadow:20px 20px #ffe6ff}

.container {position:relative}
.topleft {position:absolute;top:-10px;left:10px}
.topright {position:absolute;top:-10px;right:10px}
a.next {display:inline-block;font-family:"Raleway";padding:8px 15px;font-size:14px;font-weight:600;text-decoration:none;color:#993399;text-align:center}
a.next:hover {display:inline-block;font-family:"Raleway";padding:8px 15px;font-size:14px;font-weight:600;text-decoration:none;opacity:0.5;text-align:center}

#myBtn {display:none;position:fixed;background-color:#993399;bottom:20px;right:30px;padding:10px;z-index:199;border:0 solid #d1e0e0;outline:none;cursor:pointer;border-radius:50%}
#myBtn:hover {border:0 solid #993399;opacity:0.5}

footer {font-size:14px;padding:50px 0 0}