@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url(//fonts.googleapis.com/css?family=Montserrat); 
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url(//fonts.googleapis.com/css?family=Roboto); 
html,
body {padding-top:28px;background:#fafafd;
font-family:"Open+Sans",Helvetica,Arial,sans-serif;font-size:1.0rem;line-height:1.7rem;color:#555863;font-display: auto;}

@media (max-width:991.98px) {
  .offcanvas-collapse { position:fixed;top:56px;bottom:0;left:100%;width:100%;padding-right:1rem;padding-left:1rem;overflow-y:auto;visibility:hidden;background-color:#FFF;transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:left, visibility;}.offcanvas-collapse.open { left:0;visibility:visible;}
}
.fa {font-display: auto;}

h1 {font-weight:bold;font-size:2.2rem;color:#043d75;}
h2 {font-size:1.4rem;display: inline-block;position:relative;margin-bottom:20px;}
h3 {font-size:1.2rem;display: inline-block;position:relative;margin-bottom:20px;}
h4 {font-size:1.0rem}
h6.green {background:#ebebeb;display:inline-block;color:#898989;line-height:30px;padding:0 10px 0 10px;font-weight:600;text-transform:uppercase;margin:0 0 0 -16px;border-top-left-radius:.25rem;border-bottom-right-radius:.25rem;}
h6.black {background:#343a40;display:inline-block;color:#FFF;line-height:30px;padding:0 10px 0 10px;text-transform:uppercase;margin:0 0 0 -16px;border-top-left-radius:.25rem;border-bottom-right-radius:.25rem;}
h6.black.right {margin:0px;}
p {margin-bottom:1.8rem;}
h1, h2, h3, h4, h5, h6 {color:#313239;font-family: "Montserrat",Helvetica,Arial,sans-serif;}
h2:after, h3:after {content:'';position:absolute;left:0;top:100%;margin: 10px auto;width:80px;height:6px;background:#00d563;} 
a {color:#00d563;}
a:hover {color:#00d563;}
.space {width:100%;height:60px;clear:both;overflow:hidden;}
.space-small {width:100%;height:15px;clear:both;overflow:hidden;}
.form-control, .btn {border-radius:0px;}
.pt-0 {padding-top:0px!important;}
.cookieinfo-close {background:#343a40!important;color:#FFF!important;}
.mobile_only {display:none!important;}
.ad_300x250 {width:300px;height:250px;margin:0 auto;padding:0px;text-align:center;overflow:hidden;}
.ad_long {width:300px;height:auto;margin:0 auto;padding:0px;text-align:center;overflow:hidden;}
.mr-auto, .mx-auto {margin-left: auto !important;margin-right:0px!important;}
.row {margin:0px;}
.fa-star {color:#ffcf47;}
.desktop {display:block;}
.mobile {display:none;}

.mob_show {display:none;visibility:hidden;height:0px;}

.button {background:#00d563;color:#FFF;text-transform:uppercase;border-radius:2px;padding:15px 15px 15px 65px;transition: 0.3s;border:1px solid #00b956;border-radius:2px;}
.button:hover {background:#00b956;color:#FFF;text-decoration:none;}
.button-default {background:url("https://www.annexs.nl/resources/views/themes/start/images/icons/right-small.png") no-repeat;background-color:#f3f5f9;color:#c5c6c9;text-transform:uppercase;border-radius:2px;padding:3px 9px 3px 34px;transition: 0.3s;z-index:999;border:1px solid #00b956;cursor:pointer;}
.button-default:hover {background-color:#e3e5e8;color:#FFF;text-decoration:none;}
.button-buy {background:#009600;border:0px;border-bottom:2px solid #015f01;font-size:18px;color:#FFF;font-weight:bold;text-transform:uppercase;border-radius:2px;padding:15px 15px 10px 15px;transition: 0.3s;cursor:pointer;}
.button-buy:hover {background:#015f01;}
.btn-primary, .btn {border-color:#00d563;border-color:#00b956;}
.btn-primary:hover, .btn:hover {background:#00b956;border-color:#00b956;}
.btn.bedrijfspagina {max-width:300px;}
.btn.logout {background:#ebebeb;border:1px solid #CCC;color:#000;}
a .btn.logout:hover {color:CCC;}

.btn-outline-success {border-color:#43c67c;}
.btn-outline-success:hover {background-color:#43c67c;border-color:#43c67c;}
.message {margin:10px 0 0 0;background:#f3f5f9;border:1px solid #e3e5e8;display:block;padding:10px;border-radius:3px;font-style: italic;}
.gradient-thermometer .text-right {margin-top:-34px;}

.bg {width:100%;height:500px;position:absolute;display:block;background:linear-gradient(to top, rgba(255,255,255, 1) 20%,rgba(0,0,0, 0) 80%), url("https://www.annexs.nl/resources/views/themes/start/files/tuinklus.jpg") no-repeat;background-color:red;opacity: 0.15;background-size:cover;}
.container {z-index:4;position:relative;}
.middle.grijs {background:#FFF;display:grid;}
.middle.grijs .container {background:#FFF;margin-top:30px;}

.middle.wit {background:#FFF;}
.middle.gray {background:#ebebeb;}


/* Menu */
.top-bar-balk {width:100%;height:5px;margin-bottom:10px;background: rgb(234,67,53);
background: linear-gradient(90deg, rgba(234,67,53,1) 0%, rgba(234,67,53,1) 25%, rgba(251,188,5,1) 25%, rgba(251,188,5,1) 50%, rgba(52,168,83,1) 50%, rgba(52,168,83,1) 75%, rgba(66,133,244,1) 75%, rgba(66,133,244,1) 100%); }
.top-bar {background:none;height:80px;padding:0px 0 10px 0;border:0px!important;}
.navbar {background:none;font-size:20px;padding-top:7px;padding-bottom:15px;}
.navbar .nav-link {color:#555863!important;text-transform:uppercase;}
.navbar .navbar-collapse {font-size:13px;}
.navbar-expand-lg {margin:0 auto;}
.navbar-nav {float:right;padding-left:20px;}
.navbar-nav .nav-item {padding:0 10px 0 10px;line-height:26px;color:#204257;}
.navbar-nav .nav-item.active a {font-weight:bold!important;text-decoration:underline;}
.navbar-brand {background:#00d563;border-right:1px solid rgba(0, 0, 0, 0.1);padding:5px 15px 5px 15px;color:#FFF!important;text-align:center;font-weight:bold;text-transform:uppercase;
      margin-right:10px!important;border-radius:2px;}
.nav-item.adv .nav-link {background:none;border:2px solid #00d563;color:#00d563!important;border-radius:3px;padding-left:20px;padding-right:20px;font-weight:bold;}
.nav-item.adv .nav-link:hover {background:#FFF;color:#555863!important;border-color:#555863}
.nav-scroller {position:relative;z-index:2;height:2.75rem;overflow-y:hidden;}
.nav-scroller .nav {display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:0px;margin-top:2px;overflow-x:auto;color:rgba(255, 255, 255, .75);text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.lang-items {float:right;}
.lang-items .active img {border:1px solid #71757a;}
.navbar-nav .nav-item.category-item {color:#000;line-height:41px;text-transform:uppercase;font-weight:bold;font-size:14px;}

.nav-underline label {line-height:42px;color:#CCC;text-transform:uppercase;font-weight:600;}
.nav-underline .nav-link {padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:#FFF;}
.nav-underline .nav-link:hover {color:#007bff;}
.nav-underline .active {font-weight:500;color:#343a40;}

.top-search.form-inline {margin-left:248px;float:right;padding-top:0px;}
.top-search .form-control {height:34px;}
.top-search .btn {font-size:14px;padding:5px 15px 5px 15px;}

/* header */
.header .container {opacity:1;}
.top-header {padding:30px 0 0 0;text-align:left;}
.top-title {font-weight:600;font-size: 3.2rem;}
.header .search {width:90%;font-size:14px;padding:10px;color:#FFF;}
.header .search::placeholder {color:#FFF;opacity:0.8;}
.header .search a {padding:0 5px 0 5px;}
.start .top-bar2 {display:none;}
.search {font-size:14px;padding:10px;color:#555863;}
.search::placeholder {color:#555863;opacity:0.8;}
.search form {background:none;margin:3px 0 0 0;}
.search input {background:#fafafd;border:0px;padding:5px 7px 5px 7px;font-size:14px;}
.fixedheader .search input {background:#FFF;}
main.container {margin-top:60px;}
main.container.category {margin-top:0px;}

/* Homepage */
body.home .navbar {background:none;color:#204257;}
body.home .navbar .nav-link {color:#204257!important;}
body.home .fixedheader, .fixedheader.top-bar {background:#FFF;color:#555863;}
body.home .fixedheader .navbar .nav-link, .fixedheader .navbar .nav-link {color:#555863!important;}
.fixedheader {box-shadow:0 0px 10px rgba(0,0,0,0.05);}


/* Startpagina blokken */
.startblok {box-shadow:0 .15rem 1.75rem 0 rgba(31,45,65,.15);margin:0px 0px 30px 0px;padding:0px;list-style:none;border:1px solid #d3dae5;border-radius:5px;}
.startblok li.subcat {background:#f3f5f8;font-size:14px;text-transform:uppercase;border-top-left-radius:5px;border-top-right-radius:5px;}
.startblok li {background:#FFF;border-bottom:1px solid #f4f5f6;font-size:13px;}
.startblok li:before {}
.startblok li:last-child {border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.startblok li a {color:#485260;display:block;}
.startblok li.subcat a {padding:0px;}
.startblok li a:hover {background:#f9fafb;}
.startblok li strong {padding:7px 10px 4px 10px;display:block;}
.startblok li .fa-arrow-right {float:right;font-size:10px;margin-top:7px;color:#c5ccd6;}
.startblok li a {padding:7px 10px 4px 10px;}

/*BLOG */
.directory .news {padding:0px!important}
.news-content .d-block {width:auto!important;max-height:480px;}
.news-content a {text-decoration:underline;}
.category .card-text {margin-bottom:0px;text-align:center;min-height:60px;}
.category .date {text-align:left;}
.category .card-text a {font-weight:bold;color:#000;font-size:18px;text-align:center;}
.category .card-body .date {font-size:12px;color:#CCC;}
.category .card-content {min-height:100px;}
.category .card-content h2 {display:none;}
.category .card .image {height:236px;overflow:hidden;}
.category .card .image img {height:250px;}

/* Blog bericht */
.news-header .date {color:#CCC;font-size:14px;}


/* Messages*/
.titel-msg {background:none;border:0px;}

/* FAQ */
.faq h2 {font-size:16px;font-weight:bold;}

/* FORM */
.form-box {background:url(https://www.annexs.nl/resources/views/themes/start/images/loading.gif) center 50px no-repeat;}
.form {overflow:hidden;}
.form .field {line-height:14px;}
.bday_icon {font-size:18px;padding:10px;}
.form_actions .button {width:100%;cursor:pointer;}

.date .field .field__label {font-size:0px;}
.ck-content {height:200px;resize: vertical;}

.bg-dark {}
.bg-light-gray {background-color: #ced6e7 !important;}
.border-rounded-circle {border-radius: 10000rem !important;}

.topic-list {list-style:none;padding:0px;margin:0 auto;}
.topic-list li {float:left;text-align:center;}
.topic-list li a {color:#333333;}

.text-white-50 {color:rgba(255, 255, 255, .5); }

.lh-100 {line-height:1; }
.lh-125 {line-height:1.25; }
.lh-150 {line-height:1.5; }


/* Register pagina*/
.register_company img {max-width:100%;padding-bottom:15px;}

/* Account */
.bedrijfspagina {display:block;}

/* Bedrijfspagina*/
.comp-cat {}
.bedrijfsgegevens textarea, .bedrijfsgegevens input {width:100%;}

/* Recensies */
.recensies {background:#00d563;}
.recensies h2 {color:#FFF;}
.recensies .swiper-pagination-bullet-active {background:#000;}


/* Messages */
.messages .form-group {min-width:500px;}
.card-body .msg-main {background:#f9f9f9;padding:5px 15px 5px 15px;border-radius:3px;margin:0 0 10px 0;}
.card-body .details {font-size:12px;padding:2px 0 2px 0;border-bottom:1px solid #ebebeb;line-height:15px;margin-bottom:5px;}
.card-body .details .sender {font-weight:bold;}
.card-body .details .date {float:right;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background:#00d563;color:#FFF;}
.nav-pills .nav-link {color:#555863;border-radius:3px;}
.card .form-group {padding:20px;}

/* Offerte */
.col-sm iframe {width:100%;min-height:600px;border:0px;overflow:hidden;}

/*footer */
footer {background:#182338;padding:20px 0 0 0;color:#FFF;}
footer a {font-size:14px;color:#FFF;}
footer h6 {color:#4180c6;}
.footer-bottom {background:#FFF;font-size:12px;}
.social-icons i {font-size:24px;}
ul.pages li a.nav-link {color:#6c757d;padding-left:0px;}
#newsletter-form .btn {padding:0px 20px 0px 20px;}
.latest-news .card-img-top {height:150px;}
.latest-news .card-body {height:120px;}

footer .bg-gray-800 {background:rgba(0,0,0,0.5);padding:12px 0 3px 0!important;}
footer .bg-gray-800 a, footer .bg-gray-800 p {font-size:13px;color:#6c757d;}
footer .text-right a {display:inline-block;font-size:13px;}
#newsletter-form .form-control {height:45px;}

.latest-topics {margin:0px;}
.latest-topics li {list-style:none;border-bottom:1px solid #ebebeb;line-height:20px;padding:10px 0 10px 0;}
.latest-topics li a {color:#000;font-size:14px;}
.latest-topics li .fa {font-size:11px;color:#cccdcf;padding:0 5px 0 0;}

.start footer .col-lg-7 li {float:left;width:33%;}

/* Company page */
.company .card-img-top {width:auto;max-height:100px;border-radius: 10px;}
.company h1 {}



/* ------ MOBILE ------ */
@media only screen and (max-width: 40em) { /* small */
.mobile_only {display:block!important;}
.mob_show {display:block;visibility:visible;}
.buynow_article.mob_show {width:100%;position:fixed;top:0;z-index:9999;height:auto;}
.st-sticky-share-buttons {display:none!important;}
.cookieinfo {display:none;}
.navbar-light .navbar-brand {margin:0px!important;}
.navbar .navbar-collapse {top:80px;}
.navbar-light .navbar-nav .nav-link, body.home .navbar .nav-link {color:#000!important;}
body.home .top-bar {background:#FFF;}
.desktop {display:none;}
.mobile {display:block;}

/* Basic */
.content-left {width:100%;}
.content-right {width:100%;}
.header-content {height: auto;min-height:750px;display:inline-block;padding-bottom:20px;}
.header .search {width:100%;margin-bottom:20px;}
.sidebar {padding:0px;}
.main-right {padding:0px;}
.content {padding:0px;}

/* Advertenties */
.ads li .title {width:100%;padding:0px;}
.ads li .type {padding:0px;}
.ads li .afb {width:100%;height:100px;padding:0px;overflow:hidden;}
.ads li .afb img {border-radius:2px;width:100%;height:auto;}

.sidebar {width:100%;display:none;}
.main-right {width:100%;}
.carousel {width:100%;}

/* recensies */
.card, .swiper-slide {width:100%!important;}

/*login */
.petition-sign {margin:0px!important;}

/* Blog */
.card-img-top {height:auto;}
.card-body {height:auto;}
.blog .card-body {height:auto;}
.blog .card-text {margin-bottom:0px;text-align:left;min-height:inherit;}
.blog .card-text a {font-weight:bold;font-size:30px;}
.latest-news .col-md-3 {margin-bottom:0px;}
.news img {width:100%;}
.news-content .d-block {max-width:100%!important;}
.news-header {text-align:center;}

.sharethis-inline-share-buttons {margin:auto;text-align:center;}
#st-1 {text-align:center!important;}
.p-img  {height:auto;}
.p-img img {height:auto;padding:0px;}
.recommended {display:none;}

/* menu */
.navbar-nav {width:100%;padding-left:0px;}
.lang-items {float:left;margin-top:20px;}

/*homepage*/
.featured, .news {margin-right:15px;margin-left:15px;}
h1 {font-size: 1.75rem;}

}