body  {
    font-size:14px;
    font-weight:400;
    margin-top: 39px;
    font-family:"Open Sans", sans-serif;
    color:#666;
}

@media (min-width: 992px) {
    body {
        margin-top: 77px;
    }
}

input, button, select {
font-size:16px;
font-weight:300;
font-family:"Open Sans", sans-serif;
border-radius:0px;
}

.footer input {
    font-size: 13px;
}

p {
font-size:14px;
font-weight:300;
}

.form-control {
font-size:14px;
}

a, a:hover {
    color: #72c02c;
    text-decoration: none;
}

nav.navbar-light {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

nav .nav-item {
    font-size: 14px;
    font-weight: 600;
    color: #444444 !important;
    padding: 14px 8px !important;
}

@media (min-width: 992px) {
    
    nav .nav-item {
    padding: 28px 20px !important;
    }    

    nav .nav-item.login {
    background-color:#8bc34a!important;
    color:#fff!important;
    padding:8px 20px!important;
    display:inline-table;
    margin:20px 30px 20px 30px;
    border-radius:3px;
    text-transform:uppercase;
    font-weight:600;
    }

}

    nav .nav-item .nav-link {
        padding: 0px !important;
        color: inherit !important;
    }

.navbar {
    padding: 0px;
}

.navbar-toggler {
border:none;
}

.navbar-brand {
    margin:2px 0px 4px 8px;
}

    .navbar-brand img {
    height:25px;
    }

@media (min-width: 992px) {
 .navbar-brand {
    margin:0px 0px 0px 8px;
}   
 
 .navbar-brand img {
    height:33px;
    }
}

.navbar-toggler {
    margin-top:8px;
    }

.nav-item:hover, .nav-item.active {
    color: #8bc34a!important;
}

nav .dropdown-menu {
    margin-top: 0px;
    background-color: #8bc34a;
    border: none;
    border-radius: 0px;
    min-width: 180px;
}

nav .dropdown-item {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 25px 6px 10px;
    color: #fff !important;
}

    nav .dropdown-item:hover {
        background-color: #5d8e25;
    }

.breadcrumbs {
    overflow: hidden;
    padding: 10px 0px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

    .breadcrumbs h1 {
        color: #666;
        font-size: 22px;
        margin-top: 8px;
    }

.breadcrumb {
    background-color: #fff;
    margin-bottom: 0px;
}

    .breadcrumb a {
        color: #777;
    }

    .breadcrumb > li {
        display: inline-block;
    }

    .breadcrumb li.active, .breadcrumb li a:hover {
        color: #72c02c;
        text-decoration: none;
    }

    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }


.header-img-dash {
    background-image: url(/img/marketing-dashboard/MarketingDashboard.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 480px 150px;
    min-height: 150px;
}

.header-img-doe-mee {
    background-image: url(/img/marketing-dashboard/DoeMee.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 480px 150px;
    min-height: 150px;
}

.header-img-toepassingen {
    background-image: url(/img/marketing-dashboard/Toepassingen.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 660px 144px;
    min-height: 144px;
}

@media (min-width: 500px) { 
    .header-img-dash, .header-img-doe-mee {
        background-size: 720px 225px;
        min-height: 225px;
    }
    .header-img-toepassingen {
        background-size: 960px 210px;
        min-height: 210px;
    }
}

@media (min-width: 750px) { 
    .header-img-dash, .header-img-doe-mee {
        background-size: 960px 300px;
        min-height: 300px;
    }
    .header-img-toepassingen {
        background-size: 1200px 263px;
        min-height: 263px;
    }
}

@media (min-width: 1000px) { 
 .header-img-dash, .header-img-doe-mee {
        background-size: 1440px 450px;
        min-height: 450px;
    }
 .header-img-toepassingen {
        background-size: 1440px 315px;
        min-height: 315px;
    }
 }

@media (min-width: 1250px) {
    .header-img-dash, .header-img-doe-mee {
        background-size: 1920px 600px;
        min-height: 600px;
    }
    .header-img-toepassingen {
        background-size: 1920px 420px;
        min-height: 420px;
    }
}

.btn-iMonitoring {
    background-color: #8bc34a;
    color: #fff;
    border-radius: 2px;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
}

    .btn-iMonitoring:hover {
        background-color: #79ae3c;
        color:#fff;
    }

    .btn-iMonitoring i {
        position:relative;
margin-right:8px;
font-size:13px;
}

.btn-application {
    background-color: #fff;
    color: #5fb611;
    border: 2px solid #8bc34a;
    border-radius: 2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

    .btn-application:hover {
        color: #8bc34a;
    }

.footer {
    padding: 40px 0;
    background: #272727;
    color: #eee;
    font-size: 13px;
}

    .footer h2 {
        font-size: 18px;
        font-weight: 300;
    }

    .content {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .input-group-addon {
    color: #b3b3b3;
    font-size: 14px;
    background: #fff;
}

    .has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

    .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .who li {
    margin-bottom: 6px;
}
        .who li a {
            color: #72c02c;
    font-size: 13px;
        }

    .who li i {
    color: #72c02c;
    font-size: 13px;
    min-width: 15px;
    margin-right: 8px;
    text-align: center;
    position: relative;
}

.headline {
    display: block;
    margin: 10px 0 25px 0;
    padding:0 0 10px 0;
    border-bottom: 1px solid #e4e9f0;
}

.headline h2, .headline h3, .headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
}

.headline h2 {
  font-size: 12px;
  font-weight:700;
  text-transform:uppercase;
}

.footer-logo {
    margin: 17px 0 20px;
    max-width:80%;
}

.footer-socials {
    margin-top: 12px;
    text-align: right;
    
}

    .footer-socials li a i {
        color: #fff !important;
        position:relative;
        margin-top:-32px;
    }

    .footer-socials li a {
        font-size: 22px;
        width: 33px;
        display: inline-block;
        height: 33px;
        text-align: center;
    }

.copyright a {
    margin: 0 2px;
}

.latest-list li a {
    color: #eee;
}

.link-list li {
    border-top: solid 1px #353535;
}

    .link-list li:first-child {
        border-top: none !important;
    }

    .link-list li a {
        color: #eee;
        font-size: 11px;
        padding: 6px 0px;
        display: inline-block;
        text-transform: uppercase;
    }

    .link-list li i {
        float: right;
        margin-top: 10px;
    }

.latest-list small {
    color: #999;
    display: block;
}

.latest-list li {
    padding: 8px 0;
    border-top: 1px solid #353535;
}

    .latest-list li:first-child {
        padding-top: 0;
        border-top: none;
    }

.copyright {
    padding: 10px 0 5px;
    background: #222;
    color: #eee;
    border-top: none;
}

    .copyright p {
        color: #eee;
        margin-top: 18px;
        font-size: 12px;
    }

.subscript-btn {
    margin-top: 10px;
    background: #7ac143;
    background-clip: padding-box;
    border: 1px solid #4e8325;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 0 #4e8325;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: 700;
    height: auto;
    line-height: 1.8rem;
    margin-bottom: .8rem;
    outline: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: auto;
}

.tagline {
    padding: 30px 10px;
    background-color: #f3f3f3;
}

.try-it {
    padding: 60px 10px;
    background-color: #99CC66;
}

    .try-it .btn-iMonitoring {
        font-size: 18px;
        padding: 16px 22px;
    }

.applications-home {
    margin: 80px;
}

.applications-light {
    margin: 40px 0 60px 0;
}

.applications h6 {
    text-align: center;
    font-weight:400;
    font-size:14px;
    margin-top:16px;
}

.applications {
    text-align:center;
}

.applications p {
    font-weight:300;
    text-align: center;
    font-size:14px;
    line-height:33px;
    margin-top:16px;
}

    .applications .application {
    margin-bottom:22px;
    }

.app-icon {
text-align:center;
font-size:26px;
padding:10px 0px;   
color:#444444;
}

    .app-icon .circle {
        background-color:#eee;
    border-radius:50%;
    width:100px;
    height:100px;
    display:inline-block;
    }

        .app-icon .circle i {
            display:inline-block;
            position:relative;
            margin-top:40px;
            color:#333;
            font-size:22px;
        }

        .app-icon .circle.circle-red {
    background-color:#fcd5d0;
}
        .app-icon .circle.circle-green {
    background-color:#e1f7cf;
}

        .app-icon .circle.circle-blue {
    background-color:#d0ecfc;
}

        .app-icon .circle.circle-orange {
    background-color:#ffdbb4;
}

            .app-icon .circle.circle-red i {
            color:#a94442;
            }

            .app-icon .circle.circle-green i {
            color:#5b9715;
            }

            .app-icon .circle.circle-blue i {
            color:#036392;
            }

            .app-icon .circle.circle-orange i {
            color:#f27e00;
            }

.about-us-container {
    margin-bottom:120px;
}

.about-us-card {
margin-bottom:22px;
}

.about-us {
    border-radius:8px;
    padding:14px;
    margin-bottom:8px;
}

    .about-us h4 {
    font-weight:700;
    font-size:16px;
    margin:14px 0;
    }

.about-us-dark {
    background-color:#004769;
    color:#fff;
}

.about-us-light {
    background-color:#3fa1db;
    color:#fff;
}

.about-us-white {
    background-color:#fff;
    color:#333;
    border:none;
}

.about-us-gradient {
background-image: linear-gradient(90deg,#d5efbb 0%,#ecffda 100%);
color:#3d6b08;
}

.about-us-team {
background-image:url(/img/team.jpg);
background-position:50% 18%;
height:241px;
}

.light-connect {
background-image: url(/img/iMonitoring_connect.png);
background-size: cover;
height: 450px;
background-repeat: no-repeat;
}

.toepassingen-links a {
    color:#233d04;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    margin:3px 0;
}

    .toepassingen-links a:hover {
    font-weight:700;
    }


.partner-images div {
text-align:center;
margin-bottom:60px;
}

.partner-images img {
max-width:100%;
height:80px;
}

.prices-container table th {
    text-align:center;
    font-weight:400;
    color:#333;
}

.prices-container table td {
text-align:center;
}

.prices-container .divider {
background-color:#f3f3f3;
border:1px solid #eee;
text-align:left;
font-weight:700;
font-size:12px;
padding:6px 6px;
}

.no-border {
border:none!important;
}

.prices-container .label {
text-align:left;
font-size:12px;
border:1px solid #efefef;
border-bottom:none;
padding:0px 6px;
}

.prices-container .price {

font-size:32px;
font-weight:700;
}

.prices-container .option {
padding:12px 0;
border:1px solid #efefef;
border-bottom:none;
}

.prices-container .option i {
color:#72c02c;
font-size:16px;
}

.prices-container .option-big {
padding:12px 0;
border:1px solid #efefef;
border-bottom:none;
font-size:18px!important;
font-weight:700;
}

.prices-container tr:last-child td {
    border:1px solid #efefef;
}

.app-seperator {
    text-align: center;
}

    .app-seperator div {
        margin: 20px 0px;
        display: inline-block;
        border-bottom: 2px solid #5fb611;
        width: 20%;
    }

.parallax-team {
    background: url(/img/team/faces.png) 50% 0 repeat fixed;
        position: relative;
}

    .parallax-team:before {
        background: rgba(255,255,255,0.6);
        width: 100%;
        height: 100%;
        content: " ";
        position: absolute;
    }

.team-v2 {
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
}

    .team-v2 img {
        width: 100%;
    }

    .team-v2 .inner-team {
        padding: 10px;
        background: #fff;
        text-align: center;
    }

        .team-v2 .inner-team h3 {
            margin: 0;
        }

        .team-v2 .inner-team small {
            display: block;
            font-size: 12px;
            margin-bottom: 7px;
        }

        .team-v2 .inner-team p {
            font-size: 13px;
        }

        .team-v2 .inner-team hr {
            margin: 10px 0 15px;
        }

.team-social {
    margin-bottom: 0;
}

    .team-social li {
        padding: 0 2px;
    }

        .team-social li a {
            font-size: 14px;
            padding: 6px 4px;
            text-align: center;
            border-radius: 50% !important;
        }

        .team-social li i {
            min-width: 20px;
        }

        .team-social li a.fb {
            color: #4862a3;
            border: 1px solid #4862a3;
        }

        .team-social li a.tw {
            color: #159ceb;
            border: 1px solid #159ceb;
        }

        .team-social li a.gp {
            color: #dc4a38;
            border: 1px solid #dc4a38;
        }

        .team-social li a.li {
            color: #007bb6;
            border: 1px solid #007bb6;
        }

        .team-social li a:hover {
            text-decoration: none;
        }

        .team-social li a.fb:hover {
            color: #fff;
            background: #4862a3;
        }

        .team-social li a.tw:hover {
            color: #fff;
            background: #159ceb;
        }

        .team-social li a.gp:hover {
            color: #fff;
            background: #dc4a38;
        }

        .team-social li a.li:hover {
            color: #fff;
            background: #007bb6;
        }

.author-info {
padding:4px 0 8px 0;
font-size:13px;
}

.row.blog.blog-medium {
margin-bottom:20px;
}

.blog .col-md-3 img {
    width:100%;
    border-radius:4px;
    border:1px solid #efefef;
}

.blog h4 a {
    color: #444;
}

.blog h5 a {
    color: #444;
    font-size:18px;
}

.blog-info li {
font-size:12px;
color: #333333;
}

.blog-author-container {
margin-top:40px;
background-color:#fcfcfc;
border:1px solid #efefef;
padding:10px 20px 20px 20px;
clear:both;
}

.blog-author-container img {
float:left;
width:100px;
height:100px;
border-radius:50%;
padding:2px;
border:1px solid #c0c0c0;
margin:10px;
}

.blog-author-name {
font-weight:600;
font-size:16px;
}

.blog-author-company {
font-weight:400;
font-size:16px;
margin-top:3px;
}

.blog-author-description {
margin-top:3px;
font-size:13px;
}

.blog-author-connect {
margin-top:10px;
}

    .blog-author-connect a {
    margin-right:8px;
    }

.blog-author-connect a i {
    font-size:25px;
}

.fa-twitter {
color:#55acee;
}

.fa-instagram {
color:#c08d64;
}

.fa-tumblr {
color:#35465c;
}

.fa-facebook {
color:#3b5998;
}

.fa-linkedin {
color:#1b86bc;
}

.fa-google-plus {
color:#d9442f;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.fade.in {
opacity:1;
}

.input-group-addon {
width:44px;
color:#666;
}

#reg-form h2 {
font-size:18px;
}

#form-container h5 {
font-size:14px;
}

#form-container p, #reg-form p {
font-size:13px;
}

.g-recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

@media (min-width: 576px) { 
    .g-recaptcha {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (min-width: 768px) { 
    .g-recaptcha {
        transform: scale(1);
        -webkit-transform: scale(1);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.plan-type-container {
margin:12px 0 0 0;
}

    .plan-type-container.plan-1 {
    margin-top:20px;
    }

    .plan-type-container.plan-2 {
    margin-bottom:35px;
    }

.plan-type-container input {
margin-left:-7px;
height:18px;
width:18px;
}

.plan-type-container span {
display:inline-block;
position:relative;
top:2px;
margin:0 0 0 18px;
font-weight:400;
color:#333;
font-size:14px;
}

.page-item {
margin-right:5px;
}

.page-item.active .page-link {
background-color: #61a62b;
border-color: #61a62b;
}

.page-link {
color: #61a62b;
font-weight:600;
border-radius:3px;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius:3px;
}

.blog-pagination {
margin-top:22px;
}

.blog-page h5 {
font-size: 16px;
font-weight: 700;
color: #555;
}

.blog-page strong, .blog-page b {
font-weight: 400;
color: #111;
}

.cta-white-paper {
background-color:#8bc34a;
color:#fff;
}

    .cta-white-paper .intro {
    font-size:15px;
    }

    .cta-white-paper .lead {
        font-size:16px;font-weight:400;
    }

    .cta-white-paper .outro {
        font-size:18px;font-weight:400;
    }

    .cta-white-paper .input-group-addon {
    border:none;
    border-radius:0px;
    width:33px;
    padding:5px 5px;
    }

    .cta-white-paper .form-control {
    border:none;
    border-radius:0px;
    padding:8px 5px 8px 2px;
    }

    .cta-white-paper .btn-iMonitoring {
    background-color:#3c7508!important;
    }

.lightbox img {
max-width:100%;
}

small {
color:#666;
}

.fancybox-skin {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.login-logo img {
    max-width: 200px;
    max-height: 60px;
}

.home-wrap {
box-sizing: border-box;
max-width: 1200px;
margin: 0 auto;
}

.home-img {
    text-align:left;
}

    .home-img img {
    max-width:90%;
    position:relative;
    bottom:-16px;
    }

.home-desc {
font-size:44px;
font-weight:700;
color:#fff;
padding-top:40px;
text-align:left;
padding-left:12%;
}

    .home-desc .btn-iMonitoring {
    margin-top:12px;
    }

.header-breadcrumb {
 display:block;
font-size:12px;
font-weight:300;
}

    .header-breadcrumb b {
    font-weight:700;
    }

.header-tagline {
    display:block;
    font-size:14px;
font-weight:400;
margin-top:10px;
}

.tagline .lead {
text-align:center;
font-weight:400;
color:#333;
font-size:18px;
}

.features .header {
font-weight:700;
color:#333;
font-size:16px;
text-align:center;
margin-top:40px;
}

@media (max-width: 1700px) {
    .home-desc {
        font-size: 38px;
        padding-top:40px;
    }
    .header-tagline {
    font-size:14px;
    }
}

@media (max-width: 1500px) {
    .home-desc {
        font-size: 30px;
        padding-top:26px;
    }
    .header-tagline {
    font-size:14px;
    }
}

@media (max-width: 1300px) {
    .home-desc {
        font-size: 24px;
        padding-top:22px;
    }
    .header-tagline {
    font-size:14px;
    }
}

@media (max-width: 1100px) {
    .home-desc {
        font-size: 18px;
        padding-top:18px;
    }
    .header-tagline {
    font-size:12px;
    font-weight:400;
    }
}

@media (max-width: 900px) {
    .home-desc {
        font-size: 16px;
        padding-top:14px;
    }
    .btn-iMonitoring {
    font-size:12px;
    padding:4px 6px;
    }

    .header-tagline {
    font-size:11px;
    font-weight:400;
    }
}

@media (max-width: 768px) {
    .home-img {
    text-align:center;
}
    .home-desc {
        font-size: 22px;
        text-align:center;
        padding-left:0;
    }
    .header-tagline {
    font-size:14px;
    text-align:center;
    font-weight:400;
    }
}

.home-tagline {
padding:28px 0;
}

.signup-steps, .signup-steps span {
    text-transform:uppercase;
    font-size:10px;
    font-weight:700;
    color:#c0c0c0;
    letter-spacing:3px;
}

.signup-steps .active-step {
    color:#666;
}

.signup-steps i {
    font-size:14px;
}