/* Klassic 2021 styles */
@import url('https://fonts.googleapis.com/css2?family=Sintony:wght@400;700&display=swap');

body {font-family:'Sintony', sans-serif;color:black;}
.logopane img {margin:40px 0;}
::selection {background:#01a4ef;}
::-moz-selection {background:#01a4ef;}
a.bigbutton:link, a.bigbutton:visited {background:#01a4ef;font-family:'Sintony', sans-serif;font-weight:400;}
a.bigbutton:active, a.bigbutton:hover {background:black;}
a.bigbutton.phone:before {content:'\f095';margin:0 8px 0 0;}
button.bigbutton {background:#01a4ef;font-family:'Sintony', sans-serif;font-weight:400;}
button.bigbutton:hover {background:black;}
.h2-headline, .h3-headline, .h4-headline {font-family:'Sintony', sans-serif;font-weight:400;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {background:white;font-family:'Sintony', sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.documents a:active, .documents a:hover {background:black;color:white;text-decoration:none;}
.newspaper-link a {display:inline-block;margin:0 0 3px 0;}
.newspaper-link a:link, .newspaper-link a:visited {background:#01a4ef;color:white;font-family:'Sintony', sans-serif;font-weight:400;padding:5px 20px 5px 0;}
.newspaper-link a:active, .newspaper-link a:hover {background:black;color:white;text-decoration:none;}
.newspaper-link a:before {color:white;}
.gallery-link a:link, .gallery-link a:visited {font-weight:700;}
.slider-container {height:640px;}
.rslides li:after {background: rgba(70,86,105,.3);}
.rslides li .caption h2 {font-size:80px;letter-spacing:0;text-transform:none;}
.rslides li .caption h3 {font-size:30px;line-height:36px;color:white;}
.topimageheader {height:240px;}
.topimageheader .caption h2 {font-size:80px;letter-spacing:0;text-transform:none;}
.topimageheader .caption h3 {font-size:30px;line-height:36px;color:white;}
.bottom {background:#24292d;color:white;}
.bottom h4 {color:white;margin:0 0 12px 0;}
.bottom a:link, .bottom a:visited {color:white;}
.bottom a:active, .bottom a:hover {color:#01a4ef;}
.socialicons {margin:0 0 12px 0;}
.formatdate {font-family:'Sintony', sans-serif;font-weight:700;}
.articlesat-link a {font-weight:700;}
.datatable th {font-family:'Sintony', sans-serif;font-weight:700;}
h1, h2, h3, h4, h5, h6 {font-family:'Sintony', sans-serif;font-weight:400;color:black;}
h1 {font-size:24px;line-height:30px;color:#999;}
h2 {font-size:40px;line-height:48px;font-weight:700;text-transform:none;}
h3 {font-size:24px;line-height:30px;color:#e30613;}
h4 {font-weight:700;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {color:black;}
hr {background:#e30613;}
a:link, a:visited {color:#01a4ef;}
a:active, a:hover {color:#e30613;}
.content ul li:before, .content2 ul li:before {color:#01a4ef;}
ul.megamenu a {font-family:'Sintony', sans-serif;height:60px;line-height:60px;margin:35px 0;padding:0 15px;font-size:18px;font-weight:700;color:black;text-transform:none;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {color:#e30613;}
ul.megamenu .current a {color:#e30613;}
ul.megamenu li.menufirst {display:none;}
ul.megamenu li.menulast {margin:0 0 0 15px;}
ul.megamenu li.menulast a {background:#01a4ef;color:white !important;}
ul.megamenu li.menulast a:hover {background:black;}
ul.megamenu li.menulast a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f108";margin-right:8px;}
.mobilemenu ul {font-family:'Sintony', sans-serif;}
.parallax-window {background:#2b3136;}
.parallax-link a:link, .parallax-link a:visited {font-family:'Sintony', sans-serif;font-weight:400;background:#01a4ef;color:white;}
.parallax-link a:active, .parallax-link a:hover {background:white;color:#01a4ef;}
.fd-day {font-family:'Sintony', sans-serif;font-weight:400;}
article.blog-detail h1 {font-family:'Sintony', sans-serif;font-weight:400;color:#e30613;}
.ci-header span {background:#e30613;}
.labelswrapper {text-align:center;background:white;padding:40px 80px;}
.labels {font-size:0;}
.tools .label {width:300px;height:300px;}
.tools .label img {max-height:300px;}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.rslides li .caption h2 {font-size:72px;}
.topimageheader .caption h2 {font-size:72px;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:54px;line-height:60px;}
.topimageheader .caption h2 {font-size:54px;line-height:60px;}
h1 {font-size:36px;line-height:40px;}
}