body {
    /*
	font-family: 'Roboto', sans-serif;
    */
	background-color: #f8f8f8;
}
a {
    color: #186737;
}
/*-- PADDINGS / MARGINS --*/

.m--small-small--bottom     { margin-bottom: 5px;   }
.m--small-medium--bottom    { margin-bottom: 6px;   }
.m--small-large--bottom     { margin-bottom: 10px;  }

.m--medium-small--bottom    { margin-bottom: 20px;  }
.m--medium-medium--bottom   { margin-bottom: 25px;  }
.m--medium-large--bottom    { margin-bottom: 30px;  }

.m--large-small--bottom     { margin-bottom: 40px;  }
.m--large-medium--bottom    { margin-bottom: 70px;  }
.m--large-large--bottom     { margin-bottom: 100px;  }

.p--small-small--bottom     { padding-bottom: 5px;  }
.p--small-medium--bottom    { padding-bottom: 6px;  }
.p--small-large--bottom     { padding-bottom: 10px; }

.p--medium-small--bottom    { padding-bottom: 20px; }
.p--medium-medium--bottom   { padding-bottom: 25px; }
.p--medium-large--bottom    { padding-bottom: 30px; }

.p--large-small--bottom     { padding-bottom: 40px; }
.p--large-medium--bottom    { padding-bottom: 70px; }
.p--large-large--bottom     { padding-bottom: 100px; }

/*top*/

.m--small-small--top     { margin-top: 5px;   }
.m--small-medium--top    { margin-top: 6px;   }
.m--small-large--top     { margin-top: 10px;  }

.m--medium-small--top    { margin-top: 20px;  }
.m--medium-medium--top   { margin-top: 25px;  }
.m--medium-large--top    { margin-top: 30px;  }

.m--large-small--top     { margin-top: 40px;  }
.m--large-medium--top    { margin-top: 70px;  }
.m--large-large--top     { margin-top: 100px;  }

.p--small-small--top     { padding-top: 5px;  }
.p--small-medium--top    { padding-top: 6px;  }
.p--small-large--top     { padding-top: 10px; }

.p--medium-small--top    { padding-top: 20px; }
.p--medium-medium--top   { padding-top: 25px; }
.p--medium-large--top    { padding-top: 30px; }

.p--large-small--top     { padding-top: 40px; }
.p--large-medium--top    { padding-top: 70px; }
.p--large-large--top     { padding-top: 100px; }

/*-- ELEMENTS --*/
.btn {
	cursor: pointer;
    background: #186737;
    color: #fff;
    border-radius: 0px;
}
.btn:hover,
.btn:focus {
	color: #186737;
	background: #fff;
	outline: none;
}


/*-- HEADER --*/

.header {
	background: #fff;
}
.header__logo {
    height: 114px;
    margin: 8px 0;
    margin-top: -52px;
}
.header__top {
	height: 60px;
}
.header__bottom {
    width: 100%;
    height: 70px;
    position: relative;
    padding-top: 10px;
}
.header__contact-item {
	line-height: 60px;
}
.header__contact-item i {
    margin-right: 5px;
}
.header__sm a {
	line-height: 60px;
}
.search__input:focus {
	outline: none;
}
.header__language {
	line-height: 60px;
	padding-right: 20px;
}


/*-- HEADER MOBIL / TABLET --*/

.hamburger-menu {
    width: 25px;
    height: 70px;
    cursor: pointer;
    float: right;
}
.bar,
.bar:after,
.bar:before {
    width: 25px;
    height: 2px;
}
.bar {
    position: relative;
    transform: translateY(33px);
    background: #5b6a75;
    transition: all 0ms 300ms;
}
.bar.animate {
    background: rgba(255, 255, 255, 0);
}
.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    background: #5b6a75;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: #5b6a75;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* -- MENU -- */

.menu {
	padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: right;
}
.menu > .menu__item {
	display: inline-block;
	position: relative;
	line-height: 15px;
    padding: 0 5px;
    text-align: center;
}
.submenu {
	position: absolute;
    width: max-content;
    list-style-type: none;
    padding: 27px 10px;
    display: none;
    z-index: 10;
    background: #fff;
}

.submenu > .menu__item {
	line-height: 40px;
    text-align: left;
}
.submenu > .menu__item:hover,
.submenu > .menu__item--active {
    background: #186737;
}
.submenu > .menu__item:hover > a {
    color: #fff;
}
.menu > .menu__item:hover > .submenu,
.menu > .menu__item:focus > .submenu {
	display: block;
}
.menu__item a,
.menu__item a:hover,
.menu__item a:focus {
    color: #186637;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    text-decoration: none;
}
.menu__item a:hover {
	color: #186737;
}
.menu__item--current a,
.menu__item--current a:hover,
.menu__item--current a:focus {
	color: #186737;
	border-bottom: 2px solid #186737;
}
.menu > .menu__item:first-child a {
	margin-left: 0;
}
.menu > .menu__item:last-child a {
	margin-right: 0;
}
.submenu > .menu__item a {
	border-bottom: 0px;
    line-height: 40px;
    display: block;
}
.search {
    position: absolute;
    right: 70px;
    padding-left: 85px;
    top: 0;
    z-index: 9;
    display: none;
    width: 100%;
}
.search__input {
    height: 60px;
    width: 100%;
    padding: 0 15px;
    border: 1px solid #dae6ec;
    border-top: 0px;
    border-left: 0px;
}
.search_icon {
    cursor: pointer;
}
.search_icon--close {
    display: none;
    cursor: pointer;
    padding: 0 2px;
}
.header__top {
    border-bottom: 1px solid #dae6ec;
}
.header__contact,
.header__countries,
.header__sm,
.header__language {
	float: right;
}
.header__contact-item,
.header__sm,
.header__countries {
	border-left: 1px solid #dae6ec;
	color: #999;
	font-size: 14px;
}
.header__countries > .menu > li.menu__item {
    height: 60px;
    padding: 0 10px;
    line-height: 60px;
    cursor: default;
}
.header__countries .submenu {
    width: 100%;
    margin-left: -10px;
    border: 1px solid #dae6ec;
    border-top: none;
}
.countryflag {
    margin: 0 10px;
}
.language__switcher {
	margin: 0;
}
.language__switcher a:hover,
.language__switcher a:focus {
	text-decoration: none;
}
.header__contact-item {
	margin: 0;
	padding: 0 20px;
	float: left;
}
.header__sm,
.header__sm a {
	padding: 0 10px;
}
.header__sm a {
	color: #999
}
.language__switcher,
.language__switcher a {
	font-size: 14px;
	color: #999;
}
.language__switcher--current {
	border-bottom: 1px solid #999;
}
@media (min-width: 1200px) {
    .menu {
        display: block !important;
        padding-top: 5px;
    }
}
@media (max-width: 1199px) {
    .header__top,
    .header__sm,
    .header__sm a,
    .header__contact-item {
        line-height: 50px;
        padding: 0 10px;
        height: 50px;
    }
    .header__top {
        padding: 0px;
    }
    .header__language {
        line-height: 50px;
        padding-right: 10px
    }
    .search {
        position: absolute;
        right: 50px;
        padding-left: 66px;
        top: 0;
        z-index: 9;
        display: none;
        width: 100%;
    }
    .search__input {
        height: 49px;
        width: 100%;
        padding: 0 15px;
        border: 1px solid #dae6ec;
        border-top: 0px;
        border-left: 0px;
    }
    .header__logo {
        height: 80px;
        margin-top: -40px;
    }
    .header__bottom {
        height: 50px;
    }
    .hamburger-menu {
        height: 50px;
    }
    .bar {
        transform: translateY(23px);
    }
    .header__bottom {
        height: unset;
    }
    .menu {
        text-align: left;
        border-top: 1px solid #dae6ec;
        padding: 15px 0;
        display: none;
    }
    .menu > .menu__item {
        display: block;
        line-height: 30px;
        border-bottom: 1px solid #f3f3f3;
    }
    .menu > .menu__item:last-child {
        border: none;
    }
    .menu > .menu__item:first-child a {
        margin-left: 8px;
    }
    .submenu {
        display: block;
        position: unset;
        width: 100%;
        padding: 10px 0px;
    }
    .submenu > .menu__item {
        line-height: 20px;
        padding-left: 30px;
    }
    .submenu > .menu__item a {
        font-size: 13px;
    }
}
@media (max-width: 575px) {
    .header__top,
    .header__sm,
    .header__sm a,
    .header__contact-item {
        padding: 0 5px;
    }
    .header__contact-item:first-child {
        border: none;
    }
    .header__logo {
        margin-top: 8px;
    }
    .hamburger-menu,
    .language__switcher {
        height: 96px;
        line-height: 96px;
    }
    .hamburger-menu .bar {
        transform: translateY(48px);
    }
}

/*-- SLIDER --*/

.slider,
.slide {
	height: 630px;
	width: 100%;
    position: relative;
}
@media (max-width: 768px) {
    .slider,
    .slide {
        height: 300px;
    }
}
@media (max-width: 576px) {
    .slide__content {
        display: none;
    }
    .slider,
    .slide {
        height: 200px;
    }
}
.slide,
.slide:focus {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    outline: none;
}
.slide__wrap {
	height: 630px;
    position: inherit;
}
.slide__content {
    position: absolute;
    bottom: 70px;
    padding: 1px;
    margin-right: 15px;
    position: absolute;
    right: 60px;
    max-width: 500px;
}
.slide__title,
.slide__description {
    /*background: rgba(255,255,255,0.5);*/
    color: #186737;
    margin: 0px;
    padding: 5px 20px;
}
.slide__title {
    font-size: 1.5rem;
}
.slide__description {
    color: #000;
}
.slick-dots {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-bottom: 20px;
}
.slick-dots li button {
	display: none;
}
.slick-dots li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	cursor: pointer;
	background-image: url(../images/assets/slide.png);
}
.slick-dots li.slick-active {
	background-image: url(../images/assets/current_slide.png);
	cursor: default;
}
.slickprev,
.slicknext {
	position: absolute;
    left: 10vw;
    color: #fff;
    z-index: 9;
    font-size: 24px;
    top: 303px;
    cursor: pointer;
}
.slicknext {
    right: 10vw;
    left: unset;
}

@media (max-width: 1199px) {
    .slide__title {
        font-size: 32px;
    }
    .slickprev {
        left: 5vw;
    }
    .slicknext {
        right: 5vw;
    }
}
@media (max-width: 767px) {
    .slick-arrow {
        display: none !important;
    }
    .slide__title {
        font-size: 24px;
    }
}

/*-- FOOTER --*/

.footer {
	background: #252525;
	padding-top: 50px;
    background-image: url(..images/assets/footer-bkg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.footer__title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
}
.footer__list {
    padding: 0px;
    margin: 0;
    font-size: 14px;
    list-style-type: none;
}
.footer__list-item {
	color: #bbb;
	padding: 3px 0;
}
.footer__list-item i {
	color: #fff;
}
.footer__list-item a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	color: #bbb;
	font-size: 13px;
}
.footer__list-item a:hover,
.footer__list-item a:focus {
	text-decoration: none;
    color: #239a52;
}
.footer__copyright {
    margin: 0;
    line-height: 70px;
    text-align: center;
    color: #bbb;
    font-size: 14px;
    border-top: 1px solid #384653;
    margin-top: 50px;
}
.footer__copyright a {
	color: #bbb;
	font-weight: bold;
}


/*-- SERVICES --*/
.service-video {
    font-family: 'Roboto', sans-serif;
    background:rgba(255,255,255, 0.7);
    color: #186737;
    border:2px solid #186737;
    box-sizing: content-box;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    padding: 30px 0;
    transition: all 1s ease;
}
.service-video:hover {
    background: #186737;
    background:rgba(24,103,55, 0.7);
    color: #fff;
    border:2px solid #fff;
    margin-top: -20px;
    border-radius: 5px
}

.service-video:hover a{
    color: #fff;
    text-decoration: none;
}

.slick-custom-border{
    margin: 30px auto;
}

.visual-breaker{
    color: #fff !important;
    background: #186737;
    padding: 20px 0;
}

.visual-breaker h1, .visual-breaker p{
    color: #fff !important;
}

.multiple-items{
    margin: 25px -15px 35px -15px;
}

.group-logos{
    background: #186737;
}

.group-logos p,
.group-logos h4{
    color: #fff !important;
}

.activity-box-middle{
    border-left: 10px solid white;
    border-right: 10px solid white;
}

.activity-box{
    padding: 50px;

}

.green-bg-extend{
    width: 100%;
    background: #186737;
    color: #fff;
}

.home-green-content{
    background:url("../images/bg_12.jpg") no-repeat 50% center;
    background-size: cover;
    color: #186737;
    padding: 20px 0;
}

.home-green-content .container{
    padding: 20px;
    background:rgba(255,255,255, 0.8);
}

.home-green-content h1{
    font-size: 24px;
}

.group-logos img{
    max-width: 100%;
}

.group-logos a{
    text-decoration: none;
}

.multiple-items .sitem{
    border:1px solid #ebebeb;
    margin: 0 15px;
    text-align: center;
    min-height: 250px;
    border-radius: 5px;
    padding: 15px 10px;
    background: #fff;
    transition: all 0.5s ease;
}

.multiple-items .sitem:hover{
    background: #ebebeb;
}

.multiple-items .sitem a:hover{
    text-decoration: none;
}

.multiple-items .sitem img{
    max-width: 70px;
    margin: auto;
    text-align: center;
}

.multiple-items .sitem .stitle{
    color: #353535;
    font-size: 24px;
}

.tab-over-video1,
.tab-over-video2{
    width: 100%;
    z-index:99;
    font-size: 30px;
}

video.fullscreen {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width:100%;
    height:100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-video {
    position: relative;
    display: grid;
    place-items: center;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
}

.ontop-slider{
    margin-top: -120px;
}

.route-bg-custom{
    background-image: url("../images/holleman_route_map.jpg?v=123");
    background-repeat: no-repeat;
    aspect-ratio: 1600 / 1130;
    background-size: cover;
    margin-top: 40px;
}

.custom-red-bg{
    background:rgba(24,103,55, 0.7);
    color:#fff;
    border-radius: 3px;
    padding: 20px 10px;
    display: block;
    position: absolute;
    right:0;
    margin: 110px 10% 0 0;
}
.mobile-home-contact-details{
    display: none;
}

.btn-reverted{
    border: 1px solid #fff;
    background: #186737;
    padding: 5px 15px;
    color: #fff !important;
}

.btn-reverted:hover{
    border: 1px solid #fff;
    background: #fff8e5;
    padding: 5px 15px;
    color: #186737 !important;
}

@media only screen and (max-width: 798px) {
    .custom-red-bg{
        display: none;
    }
    .route-bg-custom{
        margin-top: 0;
    }
    .mobile-home-contact-details{
        width: 100%;
        background:#186737;
        color:#fff;
        margin-top: 15px;
        padding: 20px 10px;
        display: block;
    }
    .service-video {
        margin-bottom: 20px;
        overflow: hidden;
        text-align: center;
        padding: 10px 0;
        transition: all 1s ease;
    }
    .service-video:hover {
        border:2px solid #fff;
        margin-top: 0;
        border-radius: 5px
    }

    .multiple-items .sitem{
        min-height: 300px;
    }

    .tab-over-video1,
    .tab-over-video2{
        width: 100%;
        z-index:99;
        font-size: 16px;
    }
}

.service {
	background: #fff;
    border: 1px solid #dae6ec;
    border-right: 3px solid #dadada;
    box-sizing: content-box;
    min-height: 132px;
    margin-bottom: 30px;
    overflow: hidden;
}
.service:hover {
    border-right: 3px solid #186737;
}
.service:hover .service__title {
	color: #186737;
}
.service__image {
    background-size: cover;
    background-position: 50%;
    min-height: 132px;
}
.service__title {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #333;
}
.service__description {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin: 0;
    color: #666;
}
.service__content {
	padding-top: 20px;
	padding-bottom: 20px;
}
.service__link:hover,
.service__link:focus,
.service__link {
	display: inherit;
    text-decoration: none;
}
.service__title,
.service__description {
	padding-right: 10px;
}
.section__title {
    color: #666;
    font-size: 30px;
}
.section__title::after {
    content: '';
    width: 55px;
    height: 3px;
    background: #186737;
    display: block;
    margin-top: 5px;
    margin: auto;
}
.section__description {
	font-size: 14px;
    line-height: 16px;
    padding-top: 15px;
    color: #666;
}
@media (max-width: 767px) {
    .section__title {
        font-size: 24px;
    }
}


/*-- ARTICLES --*/

.article {
	background: #fff;
    border: 1px solid #dae6ec;
    position: relative;
}
.article__content {
    padding: 30px;
}
.article__image {
    height: 170px;
    background-size: cover;
    background-position: 50%;
}
.article__image--big {
    height: 270px;
}
.article__title {
	font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}
.article__title--margin {
    margin-bottom: 5px;
}
.article__description {
	font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.article__link {
	color: #186737;
    font-size: 14px;
    font-weight: bold;
}
.article__link:hover,
.article__link:focus {
	color: #186737;
	text-decoration: none;
}
.article__link > i {
	margin-left: 0;
}
.article__link:hover > i {
	margin-left: 5px;
	transition: all 0.2s ease-in-out 0s;
}
.article__date {
	position: absolute;
    background: #fff;
    top: -17px;
    left: 20px;
    width: 50px;
    text-align: center;
}
.article__date-day {
    background: #186737;
    color: #fff;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
}
.article__date-month {
	font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    color: #444;
}
.article__category {
    font-size: 14px;
    color: #666;
}
.article__category a {
    color: #186737;
    font-style: italic;
}

/*-- REQUEST OFFER --*/

.requestoffer {
    background: #186737;
    height: 220px;
    background-image: url(../images/assets/requestoffer.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.requestoffer__title {
	font-size: 24px;
    margin-top: 25px;
}
.requestoffer__title,
.requestoffer__description,
.requestoffer__description a {
	color: #fff
}
.requestoffer__description a {
	text-decoration: underline;
}
.requestoffer__description a:hover {
	text-decoration: none;
}

@media (max-width: 1199px) {
    .requestoffer {
        background-position: 56vw;
    }
}
@media (max-width: 768px) {
    .requestoffer {
        background-image: none;
        height: unset;
        padding-bottom: 30px;
    }
    .requestoffer__title {
        font-size: 18px;
    }
    .requestoffer__description {
        font-size: 14px;
    }
}

/*-- LOCATIONS --*/

.locations {
    height: 500px;
    background: #d4d4d4;
    text-align: center;
    line-height: 500px;
}
.info_content {
    text-align: left;
    max-width: 300px;
    padding: 15px 0;
}
.info_content a {
    color: #186737;   
}
.info_content h3 {
    font-size: 14px;
}
.info_content h3 img {
    margin-right: 8px;
    margin-bottom: 1px;
}
.info_content h2 {
    font-size: 18px;
    font-weight: bold;
    color: #186737;
}
.location-website {
    float: right;
    background: #186737;
    color: #fff !important;
    padding: 5px 10px;
    border: 1px solid #186737;
    font-weight: bold;
    border-radius: 2px;
}
.location-website:hover {
    background: #ffffff;
    color: #186737 !important;
    border: 1px solid #186737;
    text-decoration: none;
    transition: all 500ms 0s;
}
.location-website i {
    margin-left: 10px;
}


/*-- PAGE HEADER --*/

.pageHeader {
    background: #186637;
    color: #fff;
    padding: 40px 0;
}
.pageHeader__title {
    margin: 0px;
    font-size: 24px;
}
.pageHeader__posted {
    margin: 0;
    color: #666;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}
.breadcrumbs {
    text-align: right;
    font-size: 14px;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.breadcrumbs__item a {
    color: #fff;
}
.breadcrumbs__item a:hover {
    opacity: 0.7;
}
.breadcrumbs__sep {
    padding: 0 5px;
    font-size: 12px;
    opacity: 0.7;
}
@media (max-width: 767px) {
    .breadcrumbs {
        text-align: left;
        margin-top: 10px;
    }
}


/*-- CONTACT TEMPLATE --*/

.countryContact {
    background: #252525;
    padding: 15px;
    color: #fff;
    min-height: 235px;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .countryContact {
        min-height: 285px;
    }
}
.countryContact__name {
    background: #191919;
    width: fit-content;
    padding: 5px 10px;
    font-size: 13px;
}
.countryContact__name img {
    margin-right: 3px;
}
.countryContact__title {
    font-weight: bold;
}
.countryContact__address {
    font-size: 14px;
    margin: 0;
    color: #e6e6e6;
    line-height: 24px;
}
.countryContact__site {
    color: #fff;
    text-decoration: none;
    float: right;
    font-size: 13px;
    background: #191919;
    padding: 5px 10px;
}
.countryContact__site i {
    margin-left: 3px;
    font-size: 9px;
}
.countryContact__site:hover {
    color: #fff;
    text-decoration: none;
    background: #313131;
    transition: all 300ms 0ms;
}
.countryContact__address i {
    color: #737373;
    font-size: 12px;
}
.contact-control {
    font-size: 14px;
}
.contact-control p {
    margin: 0;
}
.contact-control__flag {
    font-weight: bold;
    margin-bottom: 20px !important;
    width: fit-content;
    border: 1px solid #e6e6e6;
    padding: 0 8px;
    border-radius: 3px;
}
.contact-control__flag img {
    width: 14px;
    margin-right: 7px;
    margin-bottom: 1px;
}
#contactForm {
    background: #efefef;
    padding: 25px 15px;
}
#contactForm p {
    margin-bottom: 5px;
}
#contactForm input,
#contactForm select {
    margin-bottom: 15px;
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
    content: '\2039';
}
.mfp-arrow-right:before {
    content: '\203A';
}
.gallery__images img {
    width: 100%;
}
.gallery__filters {
    width: 100%;
    text-align: center;
}
.btn.galleryFilter {
    background: transparent;
    color: #186737;
    border: 1px solid #186737;
    padding: 6px 15px;
    margin: 0 5px;
}
.btn.galleryFilter.active,
.btn.galleryFilter:hover {
    background: #186737;
    color: #ffffff;
}
.gallery__content {
    padding: 15px;
    height: 100px;
    overflow: hidden;
}
.gallery__title {
    font-size: 16px;
    color: #252525;
    margin-bottom: 5px;
}
.gallery__title a:hover,
.gallery__title a {
    color: #186737;
    text-decoration: none;
}
.gallery__description {
    margin: 0px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

/*-- ARTICLES PAGE --*/

.sidebar {
    margin: 70px 0;
}
.widget {
    background: white;
    padding: 15px;
    border: 1px solid #dae6ec;
}
.widget__title:after {
    content: '';
    width: 35px;
    height: 3px;
    background: #186737;
    display: block;
    margin-top: 3px;
}
.widget__title {
    font-size: 20px;
}
.widget__articles {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.widgetArticle__name {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #d0d0d0;
}
.widgetArticle__name:hover {
    text-decoration: none;
    color: #186737;
}
.widgetArticle:last-child .widgetArticle__name {
    border-bottom: 0px;
}
.pagination__item {
    color: #666;
    border: 1px solid #dae6ec;
    background: #fff;
    display: inline-block;
    text-align: center;
    height: 35px;
    width: 35px;
    line-height: 35px;
    margin-right: 10px;
}
.pagination__item:hover {
    border: 1px solid #186737;
    color: #186737;
    text-decoration: none;
}
.pagination__item--current {
    background: #186737;
    color: #fff;
    border: none;
}
@media (max-width: 767px) {
    .sidebar {
        margin-top: 0px;
    }
}


/*-- PAGE CONTENT FORMAT --*/

.contentControl a {
    color: #186737;
}
.contentControl a:hover,
.contentControl a:focus,
.contentControl a:visited {
    color: #186737;
}
.contentControl,
.contentControl p {
    font-size: 16px;
    color: #555;
}
.contentControl h4 {
    font-size: 18px;
}
.contentControl img {
    max-width: 100%;
}
.contentControl ol, ul, dl {
    padding-left: 25px;
}
.boxanimation {

    -webkit-animation: boxanimation 1s infinite;
    animation: boxanimation 1s infinite;
    transition: all 1s;
    border: 10px dotted;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes boxanimation {
    0% {border-color: #d83a3c;}
    50% {border-color: #fff;}
    100% {border-color: #d83a3c;}
}

/* Standard syntax */
@keyframes boxanimation {
    0% {border-color: #d83a3c;}
    50% {border-color: #fff;}
    100% {border-color: #d83a3c;}
}

@media (min-width: 576px){
    .card-columns {
        -webkit-column-count: 4;
        column-count: 4;
    }
}

.led-yellow, .orange-led {
    background-color: #FFA500;
    /*box-shadow: #FFA500 0 -1px 7px 1px, inset #FFA500 0 -1px 9px, #FFA500 0 2px 12px;*/
    -webkit-animation: blinkYellow 0.5s infinite;
    -moz-animation: blinkYellow 0.5s infinite;
    -ms-animation: blinkYellow 0.5s infinite;
    -o-animation: blinkYellow 0.5s infinite;
    animation: blinkYellow 0.5s infinite;
}

.orange-led{
    animation-delay: 0.25s;
}


.left-blink{
    position: absolute;
    margin:10px 0 0 -60px;
}
.right-blink{
    position: absolute;
    right:0;
    top:0;
    margin:10px -60px 0 0;
}

/*
@-webkit-keyframes blinkYellow {
    from { background-color: #FFA500; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #c94910 0 -1px 9px, #FFA500 0 2px 0; }
    to { background-color: #FFA500; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #FFA500; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #c94910 0 -1px 9px, #FFA500 0 2px 0; }
    to { background-color: #FFA500; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #FFA500; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #c94910 0 -1px 9px, #FFA500 0 2px 0; }
    to { background-color: #FFA500; }
}
@-o-keyframes blinkYellow {
    from { background-color: #FFA500; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #c94910 0 -1px 9px, #FFA500 0 2px 0; }
    to { background-color: #FFA500; }
}
*/
@keyframes blinkYellow {
    from { background-color: #ffff00; }
    50% { background-color: #FFA500;}
    to { background-color: #ffff00; }
}


@-webkit-keyframes pulse1 {
    0% {opacity:0.5;}
    10% {opacity:1;}
    20% {opacity:0.5;}
    100% {opacity:0.5;}
}
@-webkit-keyframes pulse2 {
    0% {opacity:0.5;}
    10% {opacity:0.5;}
    20% {opacity:1;}
    30% {opacity:0.5;}
    40% {opacity:0.5;}
    90% {opacity:0.5;}
    100% {opacity:1;}
}
@-webkit-keyframes pulse3 {
    0% {opacity:0.5;}
    20% {opacity:0.5;}
    30% {opacity:1;}
    40% {opacity:0.5;}
    80% {opacity:0.5;}
    90% {opacity:1;}
    100% {opacity:0.5;}
}
@-webkit-keyframes pulse4 {
    0% {opacity:0.5;}
    30% {opacity:0.5;}
    40% {opacity:1;}
    50% {opacity:0.5;}
    70% {opacity:0.5;}
    80% {opacity:1;}
    90% {opacity:0.5;}
    100% {opacity:0.5;}
}
@-webkit-keyframes pulse5 {
    0% {opacity:0.5;}
    40% {opacity:0.5;}
    50% {opacity:1;}
    60% {opacity:0.5;}
    70% {opacity:1;}
    80% {opacity:0.5;}
    100% {opacity:0.5;}
}
@-webkit-keyframes pulse6 {
    0% {opacity:0.5;}
    50% {opacity:0.5;}
    60% {opacity:1;}
    70% {opacity:0.5;}
    100% {opacity:0.5;}
}
#block1 {
    width:15%;
    margin-right: 8px;
    height:20px;
    background:#f00;
    float:left;
    -webkit-animation: pulse1 2s linear;
    -webkit-animation-iteration-count: infinite;
}
#block2 {
    width:15%;
    margin-right: 8px;
    height:20px;
    background:#f00;
    float:left;
    -webkit-animation: pulse2 2s linear;
    -webkit-animation-iteration-count: infinite;
}
#block3 {
    width:15%;
    margin-right:9px;
    height:20px;
    background:#f00;
    float:left;
    -webkit-animation: pulse3 2s linear;
    -webkit-animation-iteration-count: infinite;
}
#block4 {
    width:15%;
    margin-right:9px;
    height:20px;
    background:#f00;
    float:left;
    -webkit-animation: pulse4 2s linear;
    -webkit-animation-iteration-count: infinite;
}
#block5 {
    width:15%;
    margin-right:9px;
    height:20px;
    background:#f00;
    float:left;
    -webkit-animation: pulse5 2s linear;
    -webkit-animation-iteration-count: infinite;
}
#block6 {
    width:15%;
    height:20px;
    background:#f00;
    float:left;
    -webkit-animation: pulse6 2s linear;
    -webkit-animation-iteration-count: infinite;
}


/* cookies */

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:10px 0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#186737;}
#cookie-bar .cb-enable:hover {background:#186737;}

.white-link, .white-link:hover{
    color: #fff;
}

.home-content h1{
    text-align: center;
    font-size: 20px ;
}
.home-content h2{
    text-align: center;
    font-size: 16px ;
}

.spacer-50{
    clear: both;
    margin-top: 50px;
}
.fleet-box{
    text-align: center;
    padding: 15px 15px 30px 15px;
    border-radius:5px;
}
.fleet-box:hover{
    background: #f4f4f4;
    border-radius:5px;
}

.fleet-box img{
    max-width: 100%;
    border: 1px solid #ccc;
    padding: 2px;
}

.fleet-box h3 a{
    font-size: 20px;
    padding: 15px 0;
    color: #186737;
}

.fleet-box h3 a:hover{
    text-decoration: underline;
}

.fleet-box p{
    font-size: 12px;
    padding: 10px;
    color: #353535;
}