*{ margin:0; padding:0; }
body{margin: 0;padding: 0;background:#fff;font-family: Roboto, Tahoma, Verdana, Arial, sans-serif;font-size: 14px;color: #252525;}
ul li {list-style-type:none;}
td{text-align:center}
a img {border:none;}
a { color:#000;text-decoration:none;}
a:hover{text-decoration:underline; color:#333;}
p {margin:0 0 10px 0;line-height:170%;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 10px;}
.aligncenter{display:block;margin:0 auto;}
.textcenter {text-align:center;}
.clear{clear:both;}
.divider {clear:both;border-bottom:1px solid #ddd;margin:0 0 20px 0;padding:20px 0 0 0;}
table{border-collapse:collapse;width:100%;}
table td {border:1px solid #ddd; padding:5px;}

p.success {background: #99CC33;color: #fff;padding: 20px;display: block;width: 100%;font-size: 18px;margin: 30px 0;}
p.notice {color:#ff0000;margin:0 0 10px 10px;}

.gap {clear:both; margin:0 0 50px 0;}

.inner {width:980px;margin:0 auto;}


#topbar {background:#00baf2; color:#fff;padding:10px 0;text-align:center;}
#topbar a {color:#fff;}

header {padding:20px 0; text-align:center;}

#pagetitle {background:#eee;padding:30px 0;text-align:center;margin:0 0 20px 0;}
#pagetitle h1 {letter-spacing:2px; text-transform:uppercase;}

h1,h2,h3,h4,h5,h6 {margin:0 0 10px 0;font-weight:normal;font-family:Roboto;}
h1{font-size:34px;text-transform:uppercase;letter-spacing:5px;}
h2 {font-size:30px;text-transform:uppercase;letter-spacing:2px;}
h3 {font-size:26px;}
h4 {font-size:22px;}
h5 {font-size:28px;}
h6 {font-size:16px;}

form {width:100%;}
.field {margin:0 0 20px 0;}
.field label {letter-spacing:1px;font-size:16px;margin:0 0 2px 0;}
.field select, .field input, .field textarea{width:100%;padding:10px;border:1px solid #ccc;background:#f9f9f9;transition:all 0.2s linear;}
.field input:focus, .field textarea:focus {background:#fff;}
form input.btn {margin:10px 0 20px 1%;padding:15px 40px;font-size:20px;text-transform:uppercase;letter-spacing:4px;word-spacing:4px;}

.post{padding:10px 0; margin:0 0 10px 0;}
.post p{margin:0 0 20px 0;}
.post a {color:#3879E3;}
.post ul {margin:10px 0 20px 0;}
.post ul li {list-style-type:disc;margin:0 0 10px 0;list-style-position:inside;}

form h3 {width:98%;margin:0 0 15px 1%;text-transform:uppercase;letter-spacing:4px;padding:10px 0 5px 0;color:#0099CC;}
form h3 small {text-transform:none;letter-spacing:1px;font-size:14px;}

#footer{clear:both; background:#eee; color:#555; padding:15px 0; text-align:center;font-size:13px;margin:20px 0 0 0;}
#footer a{color:#555;}
#footer a:hover{color:#333;}
.fleft {float:left;}
.fright {float:right;}

img {max-width:100%;height:auto;}
textarea, iframe {max-width:100%;}

@media screen and (max-width:980px) {
body {min-width:270px;}
.desktoponly {display:none;}
.inner {width:90%;padding:2%;}
img.alignleft, img.alignright{float:none;display:block;margin:10px auto;}
.counter .col-md-4 {margin-bottom:30px;}
#footer {font-size:12px;padding:5px 0;}
.fleft, .fright {float:none;}
.fleft {margin:0 0 10px 0;}
}

@media screen and (min-width:640px) {
.onehalf {float:left; width:48%;margin:0 1% 20px 1%;}
.lefthalf {float:left; width:48%;margin:0 1% 20px 1%;}
.righthalf {float:left; width:48%;margin:0 1% 20px 1%;}
.fullwidth {width:98%;margin:0 1% 20px 1%;}
}

@media screen and (min-width:1100px) {
.inner {width:1080px;}
}

@media screen and (min-width:1200px) {
.inner {width:1180px;}
}


.responsive-tabs .responsive-tabs__panel--closed-accordion-only {display: none;}
.responsive-tabs .responsive-tabs__list {display: none;}
.responsive-tabs .responsive-tabs__heading {display: block;cursor: pointer;}
.responsive-tabs .responsive-tabs__heading {display:block;width:98%;min-width:220px;background: #fff;border: 1px solid #ddd;color: #222;font-size: 18px;font-weight: normal;text-transform: inherit;margin: 0;padding: 10px 0;padding-left: 20px;position: relative;margin:0 1% 10px 1%;}
.responsive-tabs .responsive-tabs__heading .fa {margin-right: 8px;display:none;}
.responsive-tabs .responsive-tabs__heading:after {border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #222;content:"";display: block;position: absolute;right: 20px;top: 20px;height: 0; width: 0; }
.responsive-tabs .responsive-tabs__heading:hover {background: #eee;}
.responsive-tabs .responsive-tabs__heading:hover:after {border-top: 6px solid #222;}
.responsive-tabs .responsive-tabs__heading--active,.responsive-tabs .responsive-tabs__heading--active:hover {background: #eee;}
.responsive-tabs .responsive-tabs__heading--active:after,.responsive-tabs .responsive-tabs__heading--active:hover:after {border-bottom: 6px solid #222;border-top: 0;top: 18px;}
.responsive-tabs .responsive-tabs__panel {background: #fff;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-top: none;margin: 0;padding: 10px 0 ;}