@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');

body, p {
    font-family: 'Roboto Slab', serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    color: #444;
    line-height: 24px;
    font-weight: 400;
	font-size: 16px;
}
#sp-main-body {padding: 40px 0;}
a {color: #3E7DB0;}
#sp-header .logo a {font-size: 28px; font-weight: 700;}
#sp-top-bar {background: #00aeef; color: #FFF; font-weight: 700;}
#sp-top-bar .sp-module {margin: 0 0 0 0;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 10px;
    line-height: 100px;
    font-size: 16px;
    font-weight: 700;
}

.awesomplete > ul {z-index: 999;}
#mod-custom120 {margin-top: 5px;}

.sppb-carousel-pro-text {
    background: #fff;
    color: #444;
    max-width: 600px;
    padding: 30px;
}

.sppb-carousel-pro-text h2 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 0;
	color: #333
}

.sppb-btn-default {
    color: #fff;
    background-color: #00aeef;
    border-color: #00aeef;
	text-transform: uppercase;
}

.sppb-addon-articles h3 {font-size: 20px;}
.article-list .article .readmore a {color: #fff;}
.article-list .article .readmore {
    -webkit-appearance: none;
    margin: 15px 0px 0px 0px;
    overflow: visible;
    font: inherit;
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 18px;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    background: #00aeef;
    text-transform: uppercase;
}
.article-list .article {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
	min-height: 240px;
}

.sp-page-title {padding: 80px 0;}
.menurechts {background: #f9f9f9;}
#sp-right .sp-module .sp-module-title {margin: 0 0 20px; font-size: 20px; border-bottom: 1px solid #ddd;}
#sp-right .sp-module li.active > a, #sp-right .sp-module li:hover > a {color: #00aeef;}
#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {border-bottom: 1px solid #ddd;}

@media(max-width:575px) {#sp-header {height: 60px !important;}}

/* PAGE TITLE */
@media(max-width:991px) {.sp-page-title {padding: 60px 0 60px !important;}}
@media(max-width:767px) {.sp-page-title {padding: 30px 0 30px !important;}}
.sp-page-title {
	padding: 100px 0 100px;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

#sp-bottom .sp-module .sp-module-title {font-weight: 700; font-size: 18px; margin: 0 0 30px; color: #00aeef; text-transform: uppercase;}

#sp-bottom .sp-module .sp-module-title:after {
    display: block;
    content: "";
    height: 1px;
    border-radius: 4px;
    background: #00aeef;
    position: relative;
    width: 50px;
    margin-top: 10px;
}

#sp-bottom {background: #f1f1f1; color: #444;}
#sp-bottom p {font-size: 14px !important;}
#sp-footer {background: #00aeef; color: #fff; font-size: 16px;}
#sp-footer p {font-size: 16px !important; color: #fff; margin-bottom: 0px;}
#sp-bottom a {color: #3E7DB0;}
#sp-footer a {color: #FFF;}