@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../assets/fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../assets/fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../assets/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:#505050!important;
    font-weight: bold!important;
}

body {
    overflow-x: hidden !important;
    line-height: 26px !important;
    font-size: 14px !important;
}

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: none !important;
}

.navbar-nav > li.menu-afspraak a {
    background: #B7D560!important;
    border-radius: 3px!important;
    color: #FFF!important;
}

.navbar-nav > li.menu-afspraak a:hover {
    background: #87a52c!important;
}

@media (max-width: 768px) {
    .navbar-nav > li.menu-afspraak a {
        font-size: 14px!important;
    }
}

@media (max-width: 1024px) {
    .navbar-nav > li.menu-afspraak a {
        font-size: 12px;
    }

    .nav > li > a {
        padding: 0px!important;
    }
}

.navbar {
    border: 0 none !important;
}

.navbar-toggle {
    border-radius: 3px !important;
}

.navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}

.navbar a.navbar-brand.logo {
    display: block !important;
    margin: 20px auto 10px !important;
    padding: 10px !important;
    width: 180px !important;
    transition: all 0.3s ease-in-out !important;
}

.navbar a.navbar-brand.logo img {
    max-width:160px !important;
    width: 100% !important;
}

.navbar a.navbar-brand.logo:hover {
    opacity: 0.6 !important;
    transition: all 0.3s ease-in-out !important;
}

.navbar-brand {
    float:none !important;
}

.nav-main {
    font-size:14px !important;
    color:#b0b0b0 !important;
    text-align: center !important;
    text-transform:uppercase ;
}

.navbar {
    position:fixed !important;
    z-index:9999 !important;
}

.navbar-nav {
    padding-bottom:68px !important;
}

.navbar-nav > li > a {
    color:#b0b0b0 !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    transition: all 0.3s ease-in-out !important;
}

.navbar-nav > li > a:hover {
    color:#fff!important;
}

.wrap.main-section .content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wrap.main-section .content .bg {
    padding-top: 0 !important;
}

.before-main-wrapper .clearfix:before, .clearfix:after {
  clear: none !important;
}

/*
main > div.col-sm-12 {
    width: 50% !important;
    float: left !important;
}*/

main > div.col-sm-12:first-child {
    background: url("../images/header_img.jpg") no-repeat center center !important;
    background-size: cover !important;
    color: #fff !important;
    width: 100% !important;
    text-align: center !important;
    float:none !important;
}

main > div.col-sm-12:first-child header {
    padding-top: 5% !important;
}

main > div.col-sm-12:first-child div.entry-content {
    padding-bottom: 2% !important;
}

main > div.col-sm-12:first-child h2 {
    color: #fff !important;
    font-weight: bold!important;
    font-size: 30px!important;
}

main > div.col-sm-12:first-child div.entry-content p:first-child {
    padding-bottom: 5%!important;
}

main > div.col-sm-12:first-child a {
   /* background: url("../images/arrow_down.png") no-repeat center 25px!important; */
    color: #fff!important;
    font-size: 13px!important;
    height: 35px!important;
    display: block!important;
    background-size: 11px!important;
    transition:background-position 0.3s ease!important;
}

main > div.col-sm-12:first-child a:hover {
    background-position: center 30px!important;
}

main > div.col-sm-12:first-child ul {
    padding-left: 0!important;
}

main > div.col-sm-12:first-child ul li {
    background: url("../images/pin_point.png") no-repeat left 6px!important;
    list-style-type: none!important;
    width: 18.5em!important;
    margin: 0 auto!important;
    background-size:10px!important;
}

main > div.col-sm-12#vacature {
    width: 100% !important;
    background-color:#b7d560!important; 
    margin-top: 0px!important;
}

main > div.col-sm-12#vacature header p {
    text-align: center;
    color: #fff;
    padding-top: 60px;
    text-transform: uppercase;
}

main > div.col-sm-12#vacature h2 {
    color: #fff !important;
    margin-top: 0;
}

main > div.col-sm-12#vacature .entry-content p {
    color: #fff !important;
    max-width: 640px;
    margin: 0 auto;
    padding-bottom: 60px;
}

main > div.col-sm-12#vacature .entry-content a {
    text-decoration: underline;
    color: #fff;
}

main > div.col-sm-12#vacature .entry-content a:hover {
    text-decoration: none;
}

main > div.col-sm-12:nth-child(4n) {
    margin-bottom:60px;
}

main > div.col-sm-12:nth-child(5n) {
    width: 100% !important;
    background-color:#e8e8e8!important; 
    margin-bottom:30px!important;
    padding-top: 30px;
}

/*
main > div.col-sm-12:nth-child(5n) header h2 {
    display:none!important;
}*/

main > div.col-sm-12:nth-child(5n) h2 {
    text-align:center!important;
    font-size:22px!important;
}

/*

main > div.col-sm-12:nth-child(6n) .entry-content {
    border-right: 1px solid #e6e6e6!important;
    padding-right: 20px!important;
    position: relative!important;
    right: -20px!important;
}*/

main > div.col-sm-12:nth-child(6n) h2 {
    background: url("../images/quote.png") no-repeat top center!important;
    background-size: 33px!important;
    text-indent:-9999px!important;
}

main > div.col-sm-12:nth-child(7n) p {
    font-size: 18px!important;
    text-decoration:italic!important;
}

main > div.col-sm-12:last-child {
    width: 100% !important;
    padding-left:0!important;
    padding-right:0!important;
    padding-top: 30px!important;
}

main > div.col-sm-12:last-child header > h2:first-child {
    display:none!important;
}

#om_container {
    padding:0!important;
    margin:0!important;
}

#location-canvas {
    position: relative!important;
}

@media (max-width: 320px) {
    .navbar {
        
    }
    
    .header-wrapper .sci-contact {
        display: none!important;
    }
    
    .entry-content > .otw-row {
        min-width: 100%!important;
    }
    
}

@media (max-width: 640px) {
    #om_container {
        height: 320px!important;
        width: 100%!important;
        background-color: #e8e8e8!important;
    }
    
    #location-canvas {
        display: none!important;
    }
    
    .contactgegevens {
        background-color: #fff!important;
        position: absolute!important;
        top: 0 !important; 
        left: 0!important;
        right: 0 !important;
        margin-left: auto!important;
        margin-right: auto!important;
        max-width: 360px!important;
        margin-top: 55px!important;
        height: 270px!important;
        padding: 25px!important;
    }
    
    .contactgegevens .left, .contactgegevens .right {
        float: none !important;
    }
    
    .contactgegevens .right {
        padding-left: 0 !important;
        padding-top: 20px!important;
    }
}

@media (min-width: 640px) {
    .contactgegevens {
        position: absolute!important;
        top: 28%!important;
        background-color: #fff!important;
        right: 10%!important;
        padding: 25px!important;
        text-align: left!important;
    }

    .contactgegevens .left, .contactgegevens .right {
        float:left!important;
    }

    .contactgegevens .right {
        padding-left:40px!important;
    }
}

@media (max-width: 767px) {
    .navbar {
        min-width:100%!important;
        margin-bottom:0!important;
        padding-bottom:0!important;
    }
    
    .navbar-nav {
        padding-bottom: 0px!important;
    }
    
    .nav-main #navbar_social_bar {
        bottom: 0!important;
        height: 100%!important;
        position: relative!important;
    }
    
    header.sm.banner.navbar.static-left {
        min-height: 0!important;
    }
    
    .navbar a.navbar-brand.logo {
        margin:0 !important;
        background-image: url("../images/logo_horizontaal.png")!important;
        background-position: left center!important;
        background-repeat: no-repeat!important;
        background-size: 100% auto!important;
        margin: 0 0 0 15px!important;
    }
    
    .navbar a.navbar-brand.logo img {
        display:none !important;
    }
    
    .before-main-wrapper {
        padding-top: 60px!important;
    }
    
    .header-wrapper {
        position: relative!important;
        z-index: 100!important;
    }
    
    .header-wrapper .op-status-label {
        padding-left: 15px!important;
    }
    
    .header-wrapper .sci-contact {
        padding-right: 15px!important;
    }
    /*
    main > div.col-sm-12:nth-child(3n) .entry-content {
        padding-bottom:40px!important;
    }*/
    
    main > div.col-sm-12:nth-child #contact.entry-content {
        padding-bottom:80px!important;
    }
    
    main > div.col-sm-12:nth-child(5n) .entry-content {
        padding-bottom:60px!important;
    }
    
    main > div.col-sm-12:nth-child(6n) .entry-content {
        border-right: 0 none!important;
        padding-right: 0!important;
        position: relative!important;
        right: 0!important;
    
    }
    
    /*
    main > div.col-sm-12 {
        width: 100%!important;
        padding-top:60px!important;
        margin-top:-40px!important;
    }*/
    
    .content-left {
        padding-bottom: 40px!important;
    }

    main > div.col-sm-12#vacature header p {
        padding-top: 0px!important;
    }

    /*

    main > div.col-sm-12#quote {
        padding-bottom: 60px!important;
    }*/
}

@media (min-width: 768px) {

	header.sm.banner.navbar.static-left {
        height: auto !important;
        min-height: 100% !important;
        height: auto !important;
    }
    header.col-sm-2 {
        width:20%!important;
    }
    
    section.sm.static-menu-main.col-static-10 {
        padding-left: 20% !important;
    }
    
    /*
    main > div.col-sm-12#kisproducten, #quote {
        padding-top: 80px!important;
    }*/
    
    .content-left, .content-right {
    width:50%!important;
    float:left!important;
    }
    
    .content-left {
        padding-top: 80px!important;
    }
    
    .content-right {
        padding-top: 20px!important;
        padding-bottom: 10px!important;
    }

}


.otw-row {
    margin: 0 auto!important;
    max-width: 25em!important;
}

[class*="el-icon-"] {
    font-family: 'FontAwesome' !important;
}

.el-icon-facebook:before {
    content: "" !important;
}

#navbar_social_bar{
    bottom: 20px!important;
    position: absolute!important;
    width: 100%!important;
    height:38px!important;
}

.btn-link {
    border: 1px solid !important;
    border-radius: 3px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 0 !important;
    padding: 6px 5px 3px 13px !important;
    width:28px !important;
    height:28px !important;
    transition: all 0.5s ease-in-out !important;
}

.btn-link:hover {
    color:#121212 !important;
    background-color:#fff !important;
}

.header-wrapper {
    padding:0!important;
    height:40px !important;
}

.op-status-label {
    float:left!important;
    font-weight:normal!important;
    text-transform:uppercase!important;
    font-size:12px!important;
    line-height: 40px!important;
    padding-left: 30px!important;
}

.op-status-label span {
    background: none repeat scroll 0 0 #FFFFFF!important;
    border-radius: 3px!important;
    color: #B7D560!important;
    padding: 3px 5px!important;
    margin-left: 2px!important;
}

.op-status-label span a {
    color: #b7d560!important;
    text-decoration:none!important;
}

.sci-address-phone {
    float:left!important;
    color: #fff!important;
}

.sci-address-phone a {
    color: #fff!important;
    text-decoration:none!important;
}

.sci-address-phone span {
    background-image:url('../images/tel_icon.jpg')!important;
    background-position: 0 center!important;
    background-repeat: no-repeat!important;
    display: inline-block!important;
    margin-right: 10px!important;
    text-indent: -9999px!important;
    width: 16px!important;
    background-size: 16px!important;
}

.sci-address-email {
    float:right!important;
}

.sci-address-email span {
    background-image:url('../images/mail_icon.jpg')!important;
    background-position: 0 center!important;
    background-repeat: no-repeat!important;
    display: inline-block!important;
    margin-right: 10px!important;
    text-indent: -9999px!important;
    width: 16px!important;
}

.sci-address-email a {
    color:#fff!important;
}

.op-status-label.open {
    color:#fff!important;
    background-image:none!important;    
}

.op-status-label.closed {
    color:#fff!important;
    background-image:none!important;
}

.sci-contact {
    float:right!important;
    font-size: 15px!important;
    line-height: 40px!important;
    padding-right: 30px!important;
}

header h2 {
    text-align:center!important;
    font-size: 22px!important;
}

.entry-content p {
    text-align:center!important;
}

th {
    font-weight: 300!important;
}

.op-overview-row {
    color:#8d8c8c!important;
}

.op-overview-row.highlighted {
    color:#95ae4c!important;
}

.op-overview-title.closed {
    color: #c6c6c6!important;
}

.op-overview-set.closed {
    color: #c6c6c6!important;
}

.op-overview-times {
    text-align: right!important;
}

.gm-style-cc {
    visibility:hidden!important;
}

#om_container {
    position: relative!important;
}

.contactgegevens h2 {
    font-size: 22px!important;
    margin:0!important;
    margin-bottom:10px!important;
}

.contactgegevens strong {
    font-weight:normal!important;
    color:#505050!important;
}

.contactgegevens p {
    text-align: left!important;
    line-height: 24px!important;
    margin:0!important;
}

.contactgegevens ul {
    margin:0!important;
    padding:0!important;
}

.contactgegevens li {
    line-height:24px!important;
    list-style-type: none!important;
    padding-left: 20px!important;
    background-repeat: no-repeat!important;
    background-position: 0 center!important;
}

.contactgegevens a {
    color:#94ad4b!important;
}

.contactgegevens li.route {
    background-image:url('../images/pin_point_contact.jpg')!important;
    background-size: 10px!important;
    padding-left: 15px!important;
}

.contactgegevens li.tel {
    background-image:url('../images/tel_icon_contact.jpg')!important;
    background-size: 12px!important;
}

.contactgegevens li.mail {
    background-image:url('../images/mail_icon_contact.jpg')!important;
    background-size: 12px!important;
}

.contactgegevens li.fb {
    background-image:url('../images/fb_icon_contact.jpg')!important;
    background-size: 12px!important;
}

footer.content-info {
    text-align:center!important;
    font-size:13px!important;
    padding:0!important;
    height:40px!important;
}

#copyright-bar {
    line-height: 40px!important;
}

footer.content-info {color:#ffffff!important;background:#b7d560!important;}

footer div.container { margin-top:0px!important; }

#footer_social_bar { line-height: 30px!important; font-size: 16px!important; text-align: right!important; }

#footer_social_bar a { margin-left: 9px!important; padding: 3px!important; color:#ffffff!important; }

#footer_social_bar a:hover, #footer_social_bar a:active { color:#27a0ae !important; text-decoration:none!important; }

.header-wrapper{ color: #ffffff!important; background: #b7d560!important; }

/*.jumbotron {background-attachment: fixed!important;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-position: 50% 50%;background-image: url( 'http://szportfolio.nl/wp/wp-content/uploads/2014/03/header_img.jpg' );text-align: center;border-bottom:2px none #27ae42;margin-bottom: 0px;}*/

/*.navbar-static-top { margin-top:px !important; margin-bottom:px !important; }*/