h1,h2,h3 {text-align:center}
h1,h2,p,li {font-weight:300}

h1 {font-size:36px;max-width:500px;margin:21px auto}
h2 {font-size:22px;margin:20px auto}
h3 {font-size:21px;line-height:25px;margin:17px auto;font-weight:400;letter-spacing:-1px;color:#000}
p,li,th,td {font-size:17px;line-height:24px}
p {margin:14px auto}
td {vertical-align:top}
a {text-decoration:none;color:#3d7cb7;font-weight:500}
a:hover {color:#64D0DA}
a img {border:0}
b {font-weight:500}
li {padding:5px}

.index h2 {font-size:21px}
.small {font-size:10pt;line-height:16px}
.red {color:#a00;font-weight:400}
.banner {display:block;width:100%}
.cen {text-align:center}

body {
margin:0 auto;
width:100%;
max-width:1000px;
font-family:roboto,arial,sans-serif;
background:#e5e5e5;
color:#333;
}

#con,#top {background:#fff}
#con {padding:50px 200px}
#con.index {padding:80px}
#con.h2pad h2 {margin-top:40px}
#top {overflow:auto}
#ban {position:relative}

.logo {padding:20px 30px 15px;float:left}
#top_nav {float:right;padding:20px}
#top_nav a {text-transform:uppercase;font-size:10pt;color:#333;font-weight:400;letter-spacing:1px}
#top_nav a:hover {color:#777}

nav {
text-align:center;
font-family:'open sans','century gothic',verdana;
font-size:0;
position:absolute;
bottom:0;
background:rgba(255,255,255,0.8);
width:100%;
}
nav ul {list-style:none;padding:0;display:inline-block}
nav li {float:left;text-transform:uppercase;padding:0;font-size:10pt;letter-spacing:1px;width:150px;-webkit-transition:all 0.3s;transition:all 0.3s}
nav li a {display:block;padding:12px 20px}
nav li a,nav li:not(.t) a:hover {color:#333}
nav li:not(.t):hover {background:#fff}
nav ul ul {display:none;position:absolute}
nav li:hover > ul {display:block}
nav li li {float:none;background:#f7f7f7}
nav .t {background:#64D0DA}
nav .t a {color:#fff}
nav .t li a {color:#333}
nav .t li:hover {background:#ddd}

.data {
max-width:560px;
border:1px solid #64D0DA;
padding:10px;
margin:auto;
}
.data div div {display:table-cell;padding:5px}
.data th{font-weight:500;border:1px solid #444;background:#444;color:#fff}
.data td,.data th {padding:15px}
.data div div,.cform td {font-size:16px;line-height:23px}
.cform {font-weight:300}

#cell {display:inline-block;width:22%;padding:10px;text-align:center;vertical-align:top;color:#333}
#cell h2 {-webkit-transition:all 0.3s;transition:all 0.3s}
#cell img {filter:grayscale(100%);-webkit-transition:all 0.3s;transition:all 0.3s}
#cell:hover img {filter:grayscale(0%)}
#cell:hover h2 {color:#3d7cb7}

#but input,#but a,.cir,.block {font-family:'open sans','century gothic',verdana}

#but a,#but input,.cir {
color:#fff;
background:#64D0DA;
padding:0;
border:0;
}
#but input,#but a {
width:200px;
border-radius:8px;
margin:50px auto;
font-size:17px;
text-align:center;
display:block;
padding:14px 0;
font-weight:600;
}
#but input:hover,#but a:hover {background:#34b2e4;cursor:pointer}

.block {background:#34b2e4;padding:12px;border-radius:8px;max-width:400px;margin:20px auto}
.block h1,.block h3 {color:#fff}
.block h3:first-child {margin-top:0}
.block+h3,.small+h3 {margin-top:37px}
#y {background:#fa0}

.cir {
border-radius:50%;
height:220px;
width:220px;
margin:40px auto;
line-height:220px;
}

/* calc */
.o,.in,.imgc {display:inline-block}
.o {margin:20px;border:1px solid #ccc}
.in {padding:10px;vertical-align:top}
.imgc {position:relative}
.k {position:absolute;top:0;bottom:0;left:0;right:0}
#thumbs {margin:auto}
#thumbs td {max-width:300px;padding:10px}
#thumbs input[type="radio"] {visibility:hidden}
input:checked+.imgc,input +.imgc:hover {background:#ffefce;cursor:pointer}

nav.bt {position:relative;background:#fff;border-top:1px solid #ddd;-webkit-transition:all 0.3s;transition:all 0.3s}
nav.bt .t,nav.bt li a:hover {background:#fa0}
.bt li {border-right:1px solid #ddd}
.bt li:first-of-type{border-left:1px solid #ddd}

.icon {margin-top:50px}
.fut,.futsel {display:inline-block;margin:5px}
#but.futsel a {background:#fa0}
#but.fut a,#but.futsel a {margin:20px auto;width:150px}

footer {background:#fff;padding:5px;text-align:center;border-top:1px solid #ccc}
footer a {color:#000;font-weight:400}
footer a:hover {color:#555}

/* RESPONSIVE */
@media screen and (max-width:960px){#con {padding:50px 150px}
#cell {width:45%}}
@media screen and (max-width:860px){#con {padding:50px}
p,h3 {max-width:600px}}

#mob,.slicknav_menu {display:none}
@media screen and (max-width:660px){
h2,h3 {font-size:18px;max-width:400px;font-weight:400}
#con img {max-width:100%}
#con.index {padding:80px 20px}
#top_nav {padding:10px}
nav.bt,.js nav,.js nav2 {display:none}
#mob,#thumbs td,.js .slicknav_menu {display:block}
#thumbs {display:table}
}

@media screen and (max-width:600px){
#con {padding:10px 20px 40px}
p,td,li{font-size:16px;line-height:23px}
.data td,.data th {padding:10px}
.fut,.futsel {margin:0 5px}
}

@media screen and (max-width:500px){#cell {width:100%;padding:0 0 40px}}

@media screen and (max-width:430px){
nav,.logo{float:none}
nav {padding-top:10px}
h1 {font-size:30px;line-height:34px}
h2,h3 {text-align:left}
.block h3 {text-align:center}
.cform h3 {margin-top:0}
.logo{padding:20px 0 0 20px}
.small {font-size:14px;line-height:19px}
.data {width:100%;padding:0}
.data td:first-of-type {font-weight:500}
.data span {font-weight:300}
.data td,.data th {display:block;border:0;padding:10px}
}

.slicknav_icon-bar {display:block;background:#f7f7f7;width:1.125em;height:0.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.8);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.8);box-shadow:0 1px 0 rgba(0,0,0,0.8)}
.slicknav_icon-bar+.slicknav_icon-bar {margin-top:0.188em}
.slicknav_arrow {font-size:0.8em;margin:0 0 0 0.4em;color:#fff}
.slicknav_menu {padding:2px 0;position:fixed;z-index:100;top:0;right:0}
.slicknav_nav,.slicknav_menu:after {clear:both}

.slicknav_btn {
float:right;
padding:0.438em 0.625em 0.438em 0.625em;
margin:5px;
background:rgba(255,255,255,0.7);
border:1px solid #999;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.slicknav_nav,.slicknav_nav .slicknav_item a {padding:0}
.slicknav_nav,.slicknav_nav ul {background:#555;list-style:none;overflow:hidden}
.slicknav_nav ul {padding:0 20px;margin:0}
.slicknav_nav li {padding:0}
.slicknav_nav a{display:block;padding:8px 15px;margin:2px 0;color:#fff;font-weight:300}
.slicknav_nav a:hover {background:#134887}
.slicknav_item a {display:inline}