/*

Licht blauw: #83c2f1;
Donker blauw: #078cf8;

*/

.mt0 {
	margin-top: 0px
}
.mt10 {
	margin-top: 10px
}
.mt20{
	margin-top: 20px
}
.mt30{
	margin-top: 30px
}
.mt40{
	margin-top: 40px
}
.mt50{
	margin-top: 50px
}
.mt60{
	margin-top: 60px
}
.mt70{
	margin-top: 70px
}
.mt80{
	margin-top: 80px
}
.mt90{
	margin-top: 90px
}
.mt100{
	margin-top: 100px
}
.mb0{
	margin-bottom: 0px
}
.mb10{
	margin-bottom: 10px
}
.mb20{
	margin-bottom: 20px
}
.mb30{
	margin-bottom: 30px
}
.mb40{
	margin-bottom: 40px
}
.mb50{
	margin-bottom: 50px
}
.mb60{
	margin-bottom: 60px
}
.mb70{
	margin-bottom: 70px
}
.mb80{
	margin-bottom: 80px
}
.mb90{
	margin-bottom: 90px
}
.mb100{
	margin-bottom: 100px
}
.pt0 {
	padding-top: 0px
}
.pt10 {
	padding-top: 10px
}
.pt20{
	padding-top: 20px
}
.pt30{
	padding-top: 30px
}
.pt40{
	padding-top: 40px
}
.pt50{
	padding-top: 50px
}
.pt60{
	padding-top: 60px
}
.pt70{
	padding-top: 70px
}
.pt80{
	padding-top: 80px
}
.pt90{
	padding-top: 90px
}
.pt100{
	padding-top: 100px
}
.pb0{
	padding-bottom: 0px
}
.pb10{
	padding-bottom: 10px
}
.pb20{
	padding-bottom: 20px
}
.pb30{
	padding-bottom: 30px
}
.pb40{
	padding-bottom: 40px
}
.pb50{
	padding-bottom: 50px
}
.pb60{
	padding-bottom: 60px
}
.pb70{
	padding-bottom: 70px
}
.pb80{
	padding-bottom: 80px
}
.pb90{
	padding-bottom: 90px
}
.pb100{
	padding-bottom: 100px
}
.ml0 {
	margin-left: 0px
}
.ml10 {
	margin-left: 10px
}
.ml20{
	margin-left: 20px
}
.ml30{
	margin-left: 30px
}
.ml40{
	margin-left: 40px
}
.ml50{
	margin-left: 50px
}
.mr0 {
	margin-right: 0px
}
.mr10 {
	margin-right: 10px
}
.mr20{
	margin-right: 20px
}
.mr30{
	margin-right: 30px
}
.mr40{
	margin-right: 40px
}
.mr50{
	margin-right: 50px
}
a:active, a:focus {
    outline: none;
}

.site-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
#intro-hero {
    background: url(../../images/hero-bg.jpg) no-repeat scroll 0 0;
    background-size: auto auto;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
    color: #fff;
}
#intro-hero::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(131, 194, 241, 0.4);
    z-index: -1;
}
a.nav-link:hover, a.nav-link:focus, a.nav-link:active {
    text-decoration: none;
    color: #078cf8;
    outline: none;
}
.btn-theme {
    background: #83c2f1;
}
.btn-theme:hover,
.btn-theme:focus {
    background: #078cf8 !important;
	color: #fff !important;
}
.promo-list > ul > li {
    width: 100%;
    float: none;
    padding: 5px 0;
    color: #999999;
}
.promo-list > ul > li span {
    color: #83c2f1;
}
.highlight-text {
    color: #83c2f1;
}
.swiper-pagination-bullet-active,
.navbar-toggler {
    background: #83c2f1;
}
.contact-message {
    font-size: 14px;
    font-weight: 600;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	body {
		font-size: 15px;
		line-height: 24px;
		font-family: "Raleway", sans-serif;
		font-weight: normal;
	}
	a.navbar-brand img {
		max-width: 60px;
	}
	.navbar-toggler {
		background: #83c2f1;
	}
	.navbar-toggler-right {
		top: 12px;
	}
	#intro-hero {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.hero-title {
		font-size: 24px;
	}
	.section-title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	h4 {
		font-size: 20px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}