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

h1 {font-family:Raleway;color:#00414b;font-weight:500;font-size:26px;letter-spacing:0px;padding:10px}
h2 {font-family:Raleway;color:#00414b;font-weight:100;font-size:24px;margin:25px 0}
h3 {font-family:Raleway; font-size:16px;color:#00414b}
h4 {font-family:Raleway;font-size:14px;font-weight:100;color:#ccc;margin:0 0 5px 0;text-align:right}
p {font-size:13px;text-align:center;color:white}

ul.menu-top {list-style-type:none;font-family:"Raleway";font-weight:600;margin:0;padding:0;font-size:18px;letter-spacing:1px;overflow:hidden}
ul.menu-top li {display:inline-block}
ul.menu-top li a {display:block;background-color:#fff;color:#00414b;text-align:center;padding:15px 20px;margin:0}
ul.menu-top li a:hover:not(.active){background-color:#d1e0e0;color:#00414b}
ul.menu-top li a:hover {background-color:#d1e0e0}
ul.menu-top li a:active {background-color:#d1e0e0}
@media screen and (max-width:600px) {ul.menu-top li {float:none;width:100%}}

* {box-sizing:border-box}
.main {max-width:1300px;margin:0 auto}
.page {max-width:1000px;margin:0 auto}
.clear:after {content:"";display:table;clear:both}
.half,.third,.two-third,.quarter,.fifth,.sixth,.three-quarter {display:block;float:left;width:100%}
@media (min-width:640px) {.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}
.blink:hover {opacity:0.6}
.link {color:#006666;font-weight:600;text-decoration:none}
.link:hover {color:#a3c2c2;text-decoration:none}
.more {color:#00414b;text-align:center;font-weight:bold}
.more:hover {opacity:0.6}
.small {font-size:12px;padding:20px}

.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.center {text-align:center}
.left {text-align:left;padding-left:10px}
.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-15 {padding-top:15px}

div.gallery {border:1px solid #fff}
div.gallery:hover {border:1px solid #fff;opacity:0.8}
div.gallery img {width:100%;height:auto}
img {vertical-align:middle}

.input {padding:8px;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:#00414b;color:#fff;text-align:center;border-radius:2px;cursor:pointer}
.button:hover {opacity:0.5}

.container {position:relative}
.topleft {position:absolute;top:-10px;left:10px}
.topright {position:absolute;top:-10px;right:10px}
.pagination {display: inline-block;}
.part {display:inline-block;font-family:"Raleway";padding:8px 15px;font-size:16px;text-decoration:none;color:#00414b}
a.next {display:inline-block;font-family:"Raleway";padding:8px 15px;font-size:14px;text-decoration:none;color:#00414b;text-align:center;border-radius:2px}
a.next:hover {display:inline-block;font-family:"Raleway";padding:8px 15px;font-size:14px;text-decoration:none;color:#00414b;background-color:#d1e0e0;text-align:center;border-radius:2px}

#myBtn {display:none;position:fixed;background-color:#00414b;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 #ffc63f;opacity:0.5}

@media (max-width: 1400px){.hide-small {display:none}}

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