/*
Theme Name: Amigoe Nieuws
Theme URI: http://amigoe.com
Author: Donovan Babb
Author URI: http://mediasuite.co
Description: Amigoe Responsive website with Uberflip integration for viewing newspapers
Version: 1.0.1

Colors:

Body text: #969595
Headings: #333333

Blue 1: #5FB8E4
Blue 2: #31AAE2

*/


/*--------- Framework ----------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
    font-family: "Iconic";
    src: url("fonts/open-iconic.eot");
    src: url("fonts/open-iconic.woff") format("woff"), 
        url("fonts/open-iconic.ttf") format("truetype"), 
        url("fonts/open-iconic.otf") format("opentype"), 
        url("fonts/open-iconic.svg#iconic") format("svg");
}

@font-face {
    font-family: "AktivGrotesk-Bold";
    src: url("fonts/AktivGrotestk-Bold.otf") format("opentype"), url("fonts/aktivgrotesk-bold-webfont.woff") format("woff");
}

@font-face {
    font-family: "AktivGrotesk-Regular";
    src: url("fonts/Aktiv-Grotesk-Regular.otf") format("opentype"), url("fonts/Aktiv-Grotesk-Regular.ttf") format("truetype"), url("fonts/aktivgrotesk-regular-webfont.woff") format("woff");
}

@font-face {
    font-family: "AktivGrotesk-Light";
    src: url("fonts/Aktiv-Grotesk-Light.otf") format("opentype"), url("fonts/Aktiv-Grotesk-Light.ttf") format("truetype"), url("fonts/aktivgrotesk-light-webfont.woff") format("woff");
}


.bob_2017 {
    width:225px;
}

body { letter-spacing: 1px; background-color: #fff !important; font-family: "AktivGrotesk-Light";-webkit-font-smoothing: antialiased !important; font-size: 16px;color: rgba(55,61,72,0.8);}

h1, h2, h3, h4, h5, h6 {letter-spacing: 0px;font-family: "AktivGrotesk-Light";margin-top:0px; color:#6B6B6B;}

h1 {font-size: 27px; letter-spacing: 1px; margin-bottom: 10px !important; line-height: 30px; font-family: "AktivGrotesk-Regular";}

h2 {font-size: 24px; letter-spacing: 1px; margin-bottom: 10px; font-family: "AktivGrotesk-Regular";}

h3 {font-size: 20px; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px;}

h4 {font-size: 20px; font-weight: 500; letter-spacing: 1px; margin-bottom: 10px; margin-top:10px ; font-family: "AktivGrotesk-Regular";}

h5 {font-size: 16px; font-weight: 500; letter-spacing: 1px; margin-bottom: 5px ; margin-top:10px ; font-family: "AktivGrotesk-Regular";}

h6 {font-size: 14px; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px ;}

.admin h3 {
    margin: 20px 0 0;
}
.admin hr {
    border-top: 1px solid #c0c0c0;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.login-log hr {
    border-top: 1px solid #fff;
}
.mainslider h1, .mobileslider h1 {color:#fff;}
.kranten h2 {font-weight: 500;}
p {color:rgba(55,61,72,0.8); font-size: 16px; font-family: "AktivGrotesk-Light" ; margin-bottom: 20px; line-height: 24px; font-weight: 100; -webkit-font-smoothing: antialiased !important;}

span {font-size: 16px; font-family: "AktivGrotesk-Light"; line-height: 24px; font-weight: 100; letter-spacing: 0.5px;}

a {color: #32a4dd;letter-spacing: 0.5px; font-family: "AktivGrotesk-Light" ;}
a:hover {text-decoration: none;}
.header a {color: #FFF;}
.header #backbutton {
    padding: 11px 40px 16px 0px;
    margin-left: 80px;
    position: absolute;
    left: 0;
    top: 0;
}
#inout {
    font-size: 15px;
}
.gray-bg {
    background-color: #f3f3f3;
}
.blue-bg {
    background-color: #2779A5;
}
.white-bg {
    background-color: #fff;
}
.white-text, a.white-text {
    color: #FFF;
}
.blue-text, a.blue-text {
    color: #2779A5;
}
.underline:hover, .underline:focus {
    text-decoration: underline;
}
.login-log {
    padding: 10px 15px;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-left: 10px;
    padding-right: 10px;
}

.row>[class^=col-].gray-bg {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
input {border:1px solid #ddd; border-radius: 0px; background-color: #F4F3F3; box-shadow: inset 0 1px 3px 0 #CFCDCB; border-radius: 2px;}
#pagination-input input {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    width: 30px;
    padding: 6px 0px;
}
.form-control {background-color: #F4F3F3;}
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    margin-top: .5rem;
    margin-bottom: 0;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2E8705;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2E8705;
}

input.blue:checked + .slider {
    background-color: #6abee8;
}

input.blue:focus + .slider {
    box-shadow: 0 0 1px #6abee8;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

img {	width: 100%;}

.active {
}

.equal {
    display: flex;
    flex-wrap: wrap;
}

.equal > div[class*='col-'] {  
    display: flex;
    flex-direction: column;
}

/*--------- General Classes ----------*/

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.container {
    position: relative;
}
.pagecontainer {
    width: 100%;
    padding:110px 0px;
    padding-bottom:100px;
}
.logged .pagecontainer, .logged .mobileslider {
    margin-top: 40px;
}

.vertical-align {
    display: flex;
    flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
    display: flex;
    align-items: center;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #ffffff;
    background-color: #5fb8e4;
    border-color: #fff;
}

.btn-xl {
    padding: 10px 60px
}

.btn-lg {
    padding: 16px 56px;
}

.btn-sm {
    padding: 10px 45px;
    font-size:15px;
}

.btn-md {
    padding: 13px 45px;
    font-size:15px;
}

.btn-header {
    font-family: "AktivGrotesk-Regular";
    transition: all 0.5s ease;
    padding: 10px 36px;
}

.btn-header, .btn-header span {
    color: #fff;
}

.btn-header:hover {
    background-color: #42abdf;
    color: #fff;
}

.greenbutton, .darkbluebutton, .bluebutton, .redbutton, .orangebutton, .whitebutton, .ghostbutton, .whiteghostbutton, .greenghostbutton, .grayghostbutton {
    font-family: "AktivGrotesk-Light";
    border-radius: 2px;
    border: none;
    font-size: 15px;
    font-weight: 100;
    transition: all 0.5s ease;
}
.ghostbutton {
    border: 1px solid #2779A5;
    color: #2779A5;
    font-weight: bold;
    background: transparent;
}

.ghostbutton:hover {
    border: 1px solid #2779A5;
    background-color: #2779A5;
    color: #fff;
}

.ghostbutton:focus {
    border: 1px solid #5fb8e4;
    background-color: #5fb8e4;
    color: #fff;
}
.orangebutton {
    background-color: #F38630;
    color: #fff;
}
.orangebutton:hover,.orangebutton:focus {
    background-color: #FA6900;
    color: #fff;
}

.whitebutton {
    background-color: #fff;
    color: #5fb8e4;
    line-height: 24px;
}

.whitebutton:hover {
    background-color: #fafafa;
    border:1px #fafafa solid;
    color: #5fb8e4;
}

.whitebutton:focus {
    background-color: #fff;
    color: #333;
}

.bluebutton {
    background-color: #60B9E5;
    color: #fff;
}
.bluebutton:hover, .bluebutton:focus , .bluebutton:active {
    background-color: #31AAE2;
    color: #fff;
}

.whiteghostbutton {
    background-color: #60B9E5;
    color: #fff;
    border:1px #fff solid;
}
.whiteghostbutton:active, .whiteghostbutton:hover, .whiteghostbutton:focus {
    border:1px #fff solid;
    background-color: #fff;
    color:#5fb8e4;
}
.greenbutton {
    background-color: #2E8705;
    color: #fff;
    border:1px #2E8705 solid;
}
.greenbutton:active, .greenbutton:hover, .greenbutton:focus {
    border:1px #2E8705 solid;
    background-color: #2E8705;
    color:#fff;
}
.greenghostbutton {
    background-color: transparent;
    color: #2E8705;
    border:1px #2E8705 solid;
}
.greenghostbutton:active,.greenghostbutton.active, .greenghostbutton:hover, .greenghostbutton:focus,.greenghostbutton.focus {
    border:1px #2E8705 solid;
    background-color: #2E8705;
    color:#fff;
}
.orangeghostbutton:active,.orangeghostbutton.active, .orangeghostbutton:hover, .orangeghostbutton:focus,.orangeghostbutton.focus {
    border:1px #F38630 solid;
    background-color: #F38630;
    color:#fff;
}
.redbutton {
    background-color: #E56A5F;
    color: #fff;
}
.redbutton:hover, .redbutton:focus {
    background-color: #e04f42;
    color: #fff;
}
.darkbluebutton {
    background-color: #2779A5;
    color: #fff;
    border:1px #2779A5 solid;
}
.darkbluebutton:hover, .darkbluebutton:focus {
    border:1px #2c87b5 solid;
    background-color: #2c87b5;
    color:#fff;
}

.btn-slider {
    font-size:14px;
    letter-spacing: 1px;
}

.buttonarrow {
    width: 10px !important;
    height: 10px !important;
    margin-left: 5px !important;
}

.cc-input {
    width:100% !important;
    margin-bottom:10px;
}

.timeinput {
    margin-top: 10px;
}

label {
    font-family: "AktivGrotesk-Light";
    color:rgba(55,61,72,0.8) !important;
    font-size: 14px;
    font-weight: 100;
}

.abo_option {
    margin-bottom:20px;
    height: auto;
}

.pageicon {
    color:#5FB8E4;
    font-size: 16px !important;
    margin-right:10px;
}

.contacticon {
    margin-right:5px;
    color:#5FB8E4;
}

.a_light {
    color:#969595;
    line-height: 18px;
    font-size:12px;
    font-family: open sans;
}

.a_blue {
    color:#5FB8E4;
    line-height: 18px;
    font-size:12px;
    font-family: open sans;
}

ul li {
    font-size: 14px;
    font-family: "AktivGrotesk-Light";
    letter-spacing: 0.5px;
    line-height: 24px !important;
}

.bullet {
    width:15px;
    margin-right:10px;
    margin-bottom: 2px;
}

.pagecontent {
    padding-right:50px;
}

.pagecontent_inner {
    padding-left: 0px !important;
}

.req {
    color:#BE0527 !important;
    margin-left: 3px;
}

.input-error {
    border:1px solid red !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

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

.demolink {
    color:#969595;
    cursor: pointer;
}

.demolink:hover {
    color:#000;
    cursor: pointer;
}

.demolink:focus {
    color:#000;
    text-decoration: none;
}
.vergeten-success {
    background-color: #D4EDDA;
    border: 1px solid #C3E6CB;
    padding: 15px;
}
/*--------- HEADER SECTION ----------*/

.topbar {
    height:auto;
    background-color:#5fb8e4;
    position: relative;
    display: block;
    vertical-align: middle;
}

.logo{
    padding:0px 0px;
    margin-top: 15px;
    width:auto;
    margin-right:3%; 
}
.logo img {width:175px;}

.navbar {margin-top:20px; justify-content: center;}
.navbar ul li {
    display: inline;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0px;
    color: #fff;
    margin-right: 40px;
}

.navbar-default {background-color: transparent; border: none;}

.callusicon {color:#fff !important; z-index:1000 !important; top: 17px;}

.mobilenav {
    display: none !important;
}

.smallogo {
    width:100% !important;
    margin:0 auto;
}

.navlogo {
    width:100% !important;
}

.wsmenu-list > li > a {
    font-size: 13px !important;
}

.logout_img {
    width:30px;
}

.navmenutext {
    margin-left:50px;
    color:#fff;
    font-size:14px;
}

.leesdeamigoe {
    display: none;
}

.leesdeamigoe .btn-sm{
    display: block;
    background-color: #fff;
}

.menuicons {
    width: 20px;
    margin-right:6px;
}

.dashboard-header {
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    font-size: 14px;
}

/*--------- SLIDER ----------*/

.slider img {width: 100%;}

.mobileslider {
    display: none;
}

.mainslider {
    background: url('images/slider/Slider-BG-White-2.jpg'),#6ABEE8;
    /*background: #6ABEE8;*/
    background-repeat: repeat-x;
    background-position-y: bottom;
    height:auto;
}
/*
.mainslider-left {height:500px;color:#fff;padding: 150px 50px 0px 0px;}
*/

.mainslider-left {height:650px;color:#fff;padding: 200px 50px 0px 0px;}

.mainslider-left p {
    color:#fff;
    line-height: 1.3rem;
}

.mainslider-right {
    background:url('images/slider/Respsonsive-Mockup@2x.png');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.rev_demo {color:#fff !important;font-size:14px !important;cursor:pointer;}
.rev_demo:hover {cursor: pointer !important;}


/*--------- SIDEBAR ----------*/

.amigoe_sidebar {

}

.amigoe_sidebar_inner {
    padding-left: 20px;
}

/*--------- HOME ----------*/


.homeinfo {
    width:100%;
    background-color: #fff;
    text-align: center;
    margin-top: 50px;
}

.homeinfo .hometitle {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
}

.homeinfo .homesubtitle {
    font-size: 16px;
    color:#969595;
    letter-spacing: 1px;
}

.hometitledivider, .amigoe_banner_hr {
    width:75px;
    border-top:1px solid #2779A5;
}

.homeinfoitem {
    background-color: #fff;
    height: auto;
    position: relative;
}

.homeinfosubitem {
    background-color: #f3f3f3;
    height: auto;
    position: relative;
    padding:20px 0px 50px 0px;
}

.homeinfosubitem img {
    width: 100%;
}

.homeinforow {
    margin-top: 50px;
}

.homeinfotitle {
    color: #6B6B6B;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom:0px;
    margin-top:0px;
}

.homeinfosubtitle {
    color: #969595;
    font-size:13px;	
    font-weight: 100;
    margin-top: 5px;
}

.homeamigoeonline {
    width: 100%;
    background-color: #f3f3f3;
    margin-top:20px;
    padding: 60px 0px 60px 0px;
}

.homeamigoeonline ul, .aboamigoeonline ul {
    color:#969595;
    font-size: 13px;
    font-family: open sans;
    list-style: none;
    padding-left:0px;
}

.homeamigoeonline ul li {
    line-height: 30px;
}

.homeamigoeonline ul li i {
    margin-right: 10px;
    color: #5fb8e4;
    font-size: 20px;
}

.prefooter {
    width: 100%;
    background-color: #f3f3f3;
    padding: 15px 0px;
}

.amigoeonlinetitle {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom:20px;
}

.amigoeweetjes_top {
    width:100%;
    text-align: center;
    padding:40px 0px 40px 0px;
}

.amigoeweetjes_top h1 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
}

.amigoeweetjes_bottom {
    width:100%;
    background-color: #5fb8e4;
}

.amigoeweetjes_row {
    padding: 30px 0px 30px 0px;
}

.amigoeweetjes_single {
    background-color: #fff;
    text-align: center;
    min-height: 180px;
    font-family: open sans;
    font-size: 13px;
    color: #969595;
    line-height: 25px;
    vertical-align: middle;
    display: table;
}

.amigoeweetjes_single span {
    vertical-align:middle; 
    display: table-cell;
    font-size:12px;
}

.weetjes_top {
    background-color: #ccc;
    height: 100px;
    width:100%;
}

.partners {
    width:100%;
    background-color: #fff;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 90px;
}

.partners img {
    width: auto;
}

.partnersrow {
    margin: 40px 0px;
}

.notfound {
    font-family: "AktivGrotesk-Bold" !important;
    font-size: 34px !important; 
    margin-top:30px !important;
}

.notfound_sub {


}

.home_cta_bg {height:auto; padding: 70px 0px; text-align: center;}


/*--------- ABONNEREN ----------*/

.aboamigoeonline_product {
    background-color: #F3F3F3;
    padding: 30px;
}

.aboamigoeonline ul {
    color:#969595;
    font-size: 13px;
    font-family: open sans;
}

.aboamigoeonline ul li {
    line-height: 20px;
}

.aboamigoeonline ul li i {
    margin-right: 10px;
    color: #5fb8e4;
    font-size: 20px;
}

.amigoeonlinetitle {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom:20px;
}

.homeamigoeonline_desc {
    padding:0px 20px 0px 20px;
}

.aboinforow {
    margin-top: 30px;
    text-align: center;
}

.aboinfoarrow {

}

.aboinfoitem {
    height: auto;
    position: relative;
}

.aboamigoeonline_desc ul {
    list-style: none;
    padding-left:0px;
}


.amigoe_banner {
    background:#fff;
    background-position:center top;
    background-size:cover;
    padding-top:20px;
    background-repeat: no-repeat;
}

.amigoe_banner_cur {
    background-image: url('images/AmigoeCur-BG.jpg');
    background-position:center top;
    background-size:cover;
    padding-top:50px;
    background-repeat: no-repeat;
}

.amigoe_banner_bon {
    background-image: url('images/AmigoeBON-BG.jpg');
    background-position:center top;
    background-size:cover;
    padding-top:50px;
    background-repeat: no-repeat;
}

.amigoe_banner_online {
    background-image: url('images/AmigoeONLINE-BG.jpg');
    background-position:center top;
    background-size:cover;
    padding-top:50px;
    background-repeat: no-repeat;
}

.amigoe_item {
    width:80%;
}

.amigoe_banner h1 {
    color:#333;
}

.amigoe_banner_cur h1 {
    color:#333;
}

.amigoe_banner_bon h1 {
    color:#333;
}

.amigoe_paper ul li i {
    margin-right: 10px;
    color: #5fb8e4;
    font-size: 20px;
}

.amigoe_banner_subtitle {
    color:#ffffff;
    font-size:14px;
}

.amigoeonlinebanner {
    width:100%;
    background-image: url('images/Amigoeonline-Abonneren-BG-2.jpg');
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:50px;
    padding-bottom: 50px;
    color:#fff;
    text-align: center;
}

.amigoeonlinebanner2 {
    width:100%;
    background-image: url('images/Amigoeonline-Abonneren-BG-2.jpg');
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top:50px;
    padding-top:50px;
    padding-bottom: 50px;
    color:#fff;
    text-align: center;
}

.amigoeonlinebanner3 {
    width:100%;
    background-image: url('images/Amigoeonline-Adverteren-BG-2.jpg');
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:50px;
    padding-bottom: 50px;
    color:#fff;
    text-align: center;
}

.amigoeonlinebanner p {
    color:#fff;
}

.amigoeonlinebanner h2 {
    text-transform:uppercase; 
    letter-spacing: 6px; 
    margin-bottom:20px !important;
    line-height: 34px !important;
}

.amigoeonlinebanner2 p {
    color:#fff;
}

.amigoeonlinebanner2 h2 {
    text-transform:uppercase; 
    letter-spacing: 6px; 
    margin-bottom:20px !important;
}

.amigoeonlinebanner3 p {
    color:#fff;
}

.amigoeonlinebanner_inner {
    background-color:rgba(0, 0, 0, 0.8);
    padding: 50px;
}

.amigoepaperbanner {
    width:100%;
    padding:50px 0px 50px 0px;
    background-color: #5fb8e4;
    color:#fff;
}

.oops {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.oops h1 {
    font-size: 20px !important;
}

/*--------- SIGN UP ----------*/

.signup {
    width: 100%;
    background-color: #f3f3f3;
    padding: 40px 0px 0px 0px;
}

.gekozen-product {
    background:#fff;
    padding: 30px;
    margin-bottom:20px;
}

.signupoutercol_left {
    padding: 30px 10px 20px 0px;
    background-color: #fff;
}

.signupoutercol_right {
    padding: 30px 0px 20px 10px;
    background-color: #fff;
}

.signupoutercol_right p {
    margin-bottom: 10px !important;
}

.signupoutercol_middle {
    padding: 20px 10px 20px 10px;
}

.signupinnercol {
    background-color: #fff;
    padding: 0px 30px;
    position: relative;
}

.signupinnercol_2 {
    background-color: #fff;
    padding: 40px;
    height:200px;
}

.formsubmit {
    text-align: center;
    margin-bottom:30px;
}

.formsubmit_btn {
    border:none !important;
    border-radius:0px !important;
    padding: 10px 150px;
}

.loginbox {
    background-color: #fff;
    padding: 40px;
    margin-top:20px;
}

.loginsubmit_btn {
    border:none !important;
    padding: 10px 50px;
}

.login-response {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.login-response a {
    color: #a94442;
    font-weight: 700;
    font-family: "AktivGrotesk-Regular";
}

.no_abonnee {
    text-align: center;
    padding-top: 30px;
}

.ww {
    font-size:10px;
    font-weight: 100;
}

.noggeenlid {
    padding-top:40px;
}

.signuprow {
    margin-left:0px;
    margin-right:0px;
    background-color: #fff;
}

.signup_submit {
    background-color: #fff;
    padding: 0px 0px 20px 0px;
    width:100%;
    margin-top:20px;
}

.signup_submit_txt {
    font-size:10px;
    margin-top:10px;
}

.gekozen_product {
    font-size: 16px;
    margin-bottom:0px !important;
}

.radio_top {
    float: left;
    margin-right: 5px;
}

.radio_top label {margin-left:5px !important;}

.radiobuttons {
    width:auto;
}

.radiobar {
    width: 100%;
    background-color: #fff;
    height: auto;
    padding: 0px;
    margin-bottom:15px;
}

.product_meta {
    border-bottom: 1px dotted #eee;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom:20px;
    padding-bottom: 20px;
}

.price {
    color:#2779A5;
}

.price p {
    font-size: 18px;
    color:#2779A5;
    line-height: 25px;
    margin-bottom: 0px !important;
    font-family: "AktivGrotesk-Regular" !important;
    font-weight: bold;
}

.price span {
    color:#EB813F;
    font-size: 10px;
}

.price2 {
    color:#5FB8E4;
}

.price2 p {
    font-size: 17px;
    line-height: 3.5rem;
    margin-bottom: 0px !important;
    font-family: "AktivGrotesk-Bold";
}

.pricesubtext {
    color:rgba(55,61,72,0.8);
    font-size:60%;
}

.breadcrumbs {
    font-size: 10px;
    color:#aaa;
    font-family: "AktivGrotesk-Regular";
}
.breadcrumbs a {
    font-family: "AktivGrotesk-Regular";
}

.btn-default {
    background-color: #ccc !important;
    color:#fff !important;
}

.btn-group>.btn:first-child {
    background-color: #eee !important;
    color:#fff !important;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    border: none;
}

.dob {
    width: 100% !important;
}

.cc-container {
    background-color: #fff;
    padding: 20px 50px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position: relative !important;margin-right:2px !important;}

.well {background-color: #fff !important;}

.cc_info {background:#fff;padding:20px 5px;}

.checkmark-circle {
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin:40px 0px;
}
.checkmark-circle .background {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #5FB8E4;
    position: absolute;
}
.checkmark-circle .checkmark {
    border-radius: 5px;
}
.checkmark-circle .checkmark.draw:after {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    -moz-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.checkmark-circle .checkmark:after {
    opacity: 1;
    height: 75px;
    width: 37.5px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border-right: 15px solid white;
    border-top: 15px solid white;
    border-radius: 2.5px !important;
    content: '';
    left: 35px;
    top: 75px;
    position: absolute;
}

@-webkit-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 37.5px;
        opacity: 1;
    }
    40% {
        height: 75px;
        width: 37.5px;
        opacity: 1;
    }
    100% {
        height: 75px;
        width: 37.5px;
        opacity: 1;
    }
}
@-moz-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 37.5px;
        opacity: 1;
    }
    40% {
        height: 75px;
        width: 37.5px;
        opacity: 1;
    }
    100% {
        height: 75px;
        width: 37.5px;
        opacity: 1;
    }
}
@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 37.5px;
        opacity: 1;
    }
    40% {
        height: 75px;
        width: 37.5px;
        opacity: 1;
    }
    100% {
        height: 75px;
        width: 37.5px;
        opacity: 1;
    }
}




/* Hover tooltips */
.infoicon {
    width:14px;
    margin-left: 5px;
}
.field-tip {
    position:relative;

}
.field-tip .tip-content {
    position:absolute;
    z-index: 999;
    font-size:10px;
    top:-10px; /* - top padding */
    right:9999px;
    width:200px;
    margin-right:-220px; /* width + left/right padding */
    padding:10px 20px 10px 20px;
    border-radius: 2px;
    color:#fff;
    background:#969595;
    -webkit-box-shadow:2px 2px 5px #aaa;
    -moz-box-shadow:2px 2px 5px #aaa;
    box-shadow:2px 2px 5px #aaa;
    opacity:0;
    -webkit-transition:opacity 250ms ease-out;
    -moz-transition:opacity 250ms ease-out;
    -ms-transition:opacity 250ms ease-out;
    -o-transition:opacity 250ms ease-out;
    transition:opacity 250ms ease-out;
}
.field-tip .tip-content:before {
    content:' '; /* Must have content to display */
    position:absolute;
    top:50%;
    left:-16px; /* 2 x border width */
    width:0;
    height:0;
    margin-top:-8px; /* - border width */
    border:8px solid transparent;
    border-right-color:#969595;
}
.field-tip:hover .tip-content {
    right:-20px;
    opacity:1;
}


.jresponse {
    color: #BE0527 !important;
    font-size: 10px;
    margin-left: 10px;
}

.whiterow {
    background-color: #fff;
    padding: 0px;
}

.bankinfo_row {
    background-color: #fff;
    margin-left:0px; 
    margin-right:0px; 
    padding:20px 20px 30px 20px;
}

.bankinfo_row p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom:0px !important;
}

.bankinfo_row h3 {
    margin-bottom: 10px !important;
    margin-top:10px;
}

.amigoe_paper ul {

}

.amigoe_paper_list {
    list-style: square;
    padding-left:15px;
}

.amigoe_paper_list li {
    color:#5FB8E4;
}

.amigoe_paper_list span {
    color:rgba(55,61,72,0.8);
}

.amigoe_paper_list:before {
    color:#5FB8E4;
}

.signupcontainer {
    background-color:#fff;
}

.cc-icon {
    margin-right:5px;
    color:#313131;
}

.cc-wrapper {
    background: #fff;
    padding: 20px;

}

/*--------- OTHER PAGES ----------*/

.adverteren {
    margin-bottom: 30px;
}

.adverteren-right {
    padding:40px
}

.adverteren ul {
    color:#969595;
    font-size: 13px;
    font-family: open sans;
    list-style:square;
    margin-left:20px;
}

.adverteren ul li {
    line-height: 20px;
}

.adverteren ul li i {
    margin-right: 10px;
    color: #5fb8e4;
    font-size: 20px;
}

.adverteren_cta {
    width: 100%;
    background-color: #fff;
    padding-top:40px;
}

.adverteren_cta .btn i {
    color:#fff;
    font-size: 16px;
}

.adverteren_cta i {
    color:#60B9E5;
    font-size: 14px;
}

.adverteren_cta ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom:20px;
}

.adverteren_cta .btn {
    font-size:14px;
    color:#fff;
}

.adverteren_cta .btn:hover {
    font-size:14px;
    color:#fff;
}

.adverteren_cta a {
    font-size:14px;
    color:#60B9E5;
}

.adverteren_cta a:hover {
    text-decoration: none;
    color: #31AAE2;
}

.adimg {
    margin-bottom: 40px;
}

.redactie_outerleft {
    padding: 10px 10px 10px 0px;
}

.redactie_outerright {
    padding: 10px 0px 10px 10px;
}

.redactie_inner {
    background-color: #fff;
    padding: 60px;
    min-height: 350px;
}

.betaling_option {
    margin-bottom: 40px;
    height: auto;
}

.amigoe_banner {
    width:100%;
}
.amigoe_paper {
    padding-bottom: 0px;
}

.amigoe_redactie_box {
    background-color: #fff;
    min-height:300px;
    margin-bottom:20px;
}

.amigoe_redactie_box_2 {
    background-color: #fff;
    min-height:500px;
    margin-bottom:20px;
}

.amigoe_redactie_img {
    background-color: #ccc;
    height: 300px;
    background-image: url('images/Amigoe-Redactie-1.jpg');
    background-position: top left;
    background-size: cover;
}

.amigoe_redactie_img_2 {
    background-color: #ccc;
    height: 300px;
    background-image: url('images/Amigoe-Redactie-2.jpg');
    background-position: top left;
    background-size: cover;
}

.amigoe_redactie_img_3 {
    background-color: #ccc;
    height: 300px;
    background-image: url('images/Amigoe-Redactie-3.jpg');
    background-position: top left;
    background-size: cover;
}

.amigoe_redactie_img_4 {
    background-color: #ccc;
    height: 300px;
    background-image: url('images/Amigoe-Redactie-4.jpg');
    background-position: top left;
    background-size: cover;
}

.amigoe_redactie_txt {
    padding:20px;
}

.gmap {
    width:100%;
}

#map {
    width: 100%;
    height: 500px;
}

.sidebar h4 {
    margin-bottom: 20px !important;
}

.social_sidebar {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 30px;
    height:auto;
}           

.fb_box {
    background-color: #3b59a1;
    float: left;
    width: 90px;
    min-height: 50px;
    margin-right: 10px;
    padding: 10px 0px 30px 0px;
}

.fb_box_last {
    background-color: #3b59a1;
    float: left;
    width: 90px;
    min-height: 50px;
    padding: 10px 0px 30px 0px;
    margin-right:0px;
}

.fb_box span {
    color:#fff;
    font-size:8px;
}

.fb_box img {
    margin-bottom: 10px;
}

.fb_box_last span {
    color:#fff;
    font-size:8px;
}

.fb_box_last img {
    margin-bottom: 10px;
}

.tw_box {
    background-color: #46b0e4;
    float: left;
    width: 90px;
    min-height: 50px;
    margin-right: 10px;
    padding: 10px 0px 30px 0px;
}

.tw_box_last {
    background-color: #46b0e4;
    float: left;
    width: 90px;
    min-height: 50px;
    margin-right: 0px;
    padding: 10px 0px 30px 0px;
}

.tw_box span {
    color:#fff;
    font-size:8px;
}

.tw_box img {
    margin-bottom: 10px;
}

.tw_box_last span {
    color:#fff;
    font-size:8px;
}

.tw_box_last img {
    margin-bottom: 10px;
}

.datatable {
    width:100%;
    margin-top: 10px;
}

.datatable a {
    color:#337ab7;
    font-size:16px;
    line-height: 20px;
}

.datatable_header {
    background-color: #313131;
    color:#fff;
}

.datatable_header_col1 {
    width:80%;
    padding:20px;
    font-weight: 100;
    letter-spacing: 0.5px;
    border-right:1px solid #eee;
}

.datatable_header_col2 {
    width:20%;
    padding:20px;
    font-weight: 100;
    letter-spacing: 0.5px;
    border-right: 1px solid #313131;
}

.datatable_row_col1 {
    padding:10px 20px 10px 20px;
    border-left: 1px dashed #eee;
    border-right: 1px dashed #eee;
    border-bottom: 1px dashed #eee;
    line-height: 14px;
}

.datatable_row_col2 {
    padding:10px 20px 10px 20px;
    border-right: 1px solid #eee;
    border-bottom: 1px dashed #eee;
    line-height: 14px;
    font-size: 10px;
}

.mobilenavitem {
    display: none !important;
}

.contactform {
    background-color:#fff;
    padding:20px 30px;
}

.contactform h4 {
    margin-bottom: 20px !important;
}

.field-wrapper {
    margin-bottom:10px !important;
}

.contactalert {
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
}

/*--------- FOOTER ----------*/

.social_media {
    background-color: #313131;
    width: 100%;
    height: auto;
    color:#ccc;
    padding-top:30px;
    padding-bottom:50px;
}

.social_media span, .social_media a, .social_media a:link, .social_media a:focus, .social_media a:hover, .social_media a:active {
    color:#ccc;
}

.social_media ul {
    padding-left: 0;
    list-style: none;
}

.social_media ul li{
    padding-left: 0;
    list-style: none;
    font-size: 16px;
}

.social_media i {
    font-size: 40px;
    color:#ccc;
}

.social_media p {
    font-size:16px;
    color:#ccc;
    margin-bottom:20px !important;
}

.social_media h6 {font-size: 26px !important; color: #fff;margin-top: 20px;}

.social_media i:hover {
    color:#5fb8e4;
}

.social_media hr {
    width: 50px;
    border-top: 1px solid #fff;
    margin: 0 0 20px;
}

.social_icon:not(:last-child) {
    margin-bottom: 15px;
}

.social_icon > div {
    line-height: 2.3rem;
    font-size: larger;
}

.social_icons {
    width:165px;
    text-align: center;
    margin:0 auto;
}

.footer {
    width:100%;
    background-color: #202020;
    color: #d9d9d9;
    font-family: open sans;
    padding:10px 0px 10px 0px;
    font-size: 11px;
    letter-spacing: 1px;
}

.footer_links {
    text-align: right;
    font-size:9px;
}

.footer_links a {
    color:#969595;
}

.footer_links a:hover {
    text-decoration: none;
    color:#d9d9d9;
}

.footer p {
    font-size: 12px !important;
    color:#919191;
    margin-bottom: 0px !important;
}

.copyright a {
    color:#585858;
}

.copyright a:hover {
    color:#969595;
    text-decoration: none;
}

.copyright a:focus {
    color:#969595;
    text-decoration: none;
}

/*--------- Popup --------------*/

#hover{
    position:fixed;
    background:#000;
    width:100%;
    height:100%;
    opacity: .6;
    z-index:1001;
}

#popup{
    position:absolute;
    height:auto;
    background:#fff;
    top:15%;
    border-radius:5px;
    padding:20px;
    margin-top:50px; /* height/2 + padding-top */
    text-align:left;
    box-shadow:0 0 10px 0 #000;
    z-index: 1002;
}

#close{
    position:absolute;
    background:black;
    color:white;
    right:-15px;
    top:-15px;
    border-radius:50%;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:8px;
    font-weight:bold;
    font-family:'Arial Black', Arial, sans-serif;
    cursor:pointer;
    box-shadow:0 0 10px 0 #000;
}


/*--------- DASHBOARD --------------*/
.bluebutton_filter {
    border: 2px solid #5fb8e4;
    background-color: #5fb8e4;
    border-radius: 0px !important;
    color: #fff;
    font-family: Open sans;
    font-weight: 100;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
}

.delete_btn {
    border: 2px solid #f0ad4e;
    background-color: #f0ad4e;
    border-radius: 0px !important;
    color: #fff;
    font-family: Open sans;
    font-weight: 100;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
}

.dashboard_table_container {
    background-color: #fff;
    padding:20px 20px 20px 20px;
}

.dashboard_table tr th{
    padding: 10px;
    border-top: 1px solid #c0c0c0;
}

.dashboard_table tr td{
    padding: 10px;
    border: 1px solid #F1F1F1;
    border-bottom-color: #fff;
    background-color: #F1F1F1;
    vertical-align: middle;
}

.gebruiker_span {
    font-size: 10px;
    margin-top:-10px;
    color:#bbb;
}

.gebruiker_beheer_col {
    background-color: #fff;
    padding: 20px;
    min-height:475px;
}

.headericon {
    margin-right: 10px;
    color: #6ABEE8;
}

.gebruiker_beheer_submit {
    background-color: #fff;
    margin-top: 20px;
}

.label_group {
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.dashboard_filter h3 {margin-top:0px !important;}
.gebruiker_beheer_col h3 {margin-top:0px !important;}

.form-control {
    border: 0px;
    border-radius: 2px;
}

.iframesize {
    width: 100%;
    height: 140px;
}

.fa-upload {
    margin-right:10px;
}

#filebutton {
    display: none;
}

#fileuploadspan {
    color:#5fb8e4 !important;
    font-size:14px !important;
    font-weight:bold !important;
    transition:0.3s;
}

.datatable_header_col0 {
    padding:10px;
}

.datatable_row_col0 {
    padding:10px;
    border-bottom:#eee 1px dashed;
}
.pagination-container {
    float: right;
}
.pagination {
    float: left;
}
.pagination a {
    color: #212529;
    font-size: 18px;
    line-height: 1.6;
    padding: 0 10px;
}
.pagination li {
    padding: 5px 10px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #c1c1c1;
    color: #212529;
}
.pagination li:first-child {
    border-width: 1px 0 1px 1px;
}
.pagination li:last-child {
    border-width: 1px 1px 1px 0px;
}

.pagination li:first-child a, .pagination li:last-child a {
    font-size: 24px;
    line-height: 1.2;
    padding: 0;
}

.resultupload {
    color:#488214 !important;
    margin-bottom: 20px;
    background: #CFDBC5 !important;
    padding: 10px 20px !important;
    border: 1px solid #488214;
    border-radius: 2px;
}

.check-result {
    color:#488214;
    margin-right:5px;
}

.failupload {
    color:#b20000 !important;
    margin-bottom: 20px;
    background: #ffe5e5 !important;
    padding: 10px 20px !important;
    border: 1px solid #b20000;
    border-radius: 2px;
}

.cross-result {
    color:#b20000;
    margin-right:5px;
}

.signouticon {
    color:#fff;
    margin-top:10px;
}
.hide {
    display: none;
}
.icon, .icon-sm, .icon-md {
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    display: inline-block;
    margin-bottom: -.4rem;
}
.icon, .icon-sm {
    padding-left: 22px;
    min-height: 22px;
}
.icon-md {
    padding-left: 32px;
    height: 32px;
}
.User-icon {
    background-image: url('images/icons/User-icon.svg');
}
.User-icon-blue {
    background-image: url('images/icons/User-icon-blue.svg');
}
.Home-icon {
    background-image: url('images/icons/Home-icon.svg');
}
.Info-icon {
    background-image: url('images/icons/Info-icon.svg');
}
.Abo-icon {
    background-image: url('images/icons/Abo-icon.svg');
}
.Adv-icon {
    background-image: url('images/icons/Adv-icon.svg');
}
.Lees-icon {
    background-image: url('images/icons/Lees-icon.svg');
}
.Lees-icon-blue {
    background-image: url('images/icons/Lees-icon-blue.svg');
}
.Mail-icon {
    background-image: url('images/icons/Mail-icon.svg');
}
.Mail-send-icon {
    background-image: url('images/icons/Mail Send.svg');
}
.Upload-icon {
    background-image: url('images/icons/Upload-icon.svg');
}
.List-icon {
    background-image: url('images/icons/List-icon.svg');
}
.Logout-icon {
    background-image: url('images/icons/Logout-icon.svg');
}
.Locked-icon {
    background-image: url('images/icons/Paketten.svg');
}
.Export-icon {
    background-image: url('images/icons/Export-icon.svg');
}
.Redactie-icon {
    background-image: url('images/icons/Redactie-icon.svg');
}
.Phone-icon {
    background-image: url('images/icons/Phone-icon.svg');
}
.Transactie-icon {
    background-image: url('images/icons/Transactie-icon.svg');
}
.AmericanExpress {
    background-image: url('images/icons/AmericanExpress.svg');
    height: 20px;
}
.MasterCard {
    background-image: url('images/icons/MasterCard.svg');
    height: 20px;
}
.Visa {
    background-image: url('images/icons/Visa.svg');
    height: 20px;
}
.modal-content {
    border-radius: 0;
}
.modal-header {
    padding: 0.5rem 1rem;
    background: #6abee8;
    border-bottom: 1px solid #6abee8;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.modal-header h5.modal-title {
    font-size: 22px;
    margin-top: 3px;
    color: #fff;
}
.modal-header span {
    font-size: 26px;
    line-height: 36px;
}
.close, .close:focus, .close:hover {
    color: #fff;
}
.owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -50px;
}
.owl-carousel.partnerslist .owl-item{
    display: table !important;
    height: 190px;
    padding: 0 5px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    margin: 0;
    padding: 15px 5px !important;
}
.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}
.owl-carousel .owl-nav button.owl-next {
    right: 0;
}
.owl-carousel.partnerslist .item:hover, .owl-carousel.partnerslist .item:focus{
    border: 1px solid #6ABEE8;
}
.owl-carousel.partnerslist .item {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #c8c8c8;
}
.owl-carousel.partnerslist .item img{
    max-width: 140px;
    height: 30px;
    display: inline-block;
}
/*--------- MEDIA QUERIES ----------*/

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar ul li {
        display: block;
    }
    .amigoeweetjes_single {
        padding: 20px 20px 20px 20px;
        min-height: 315px;
    }
    .signupoutercol_left {
        padding: 30px 0px 20px 0px;
    }

    .signupoutercol_right {
        padding: 30px 0px 20px 0px;
    }



    .ww {
        margin-top:30px;
        float: right;
    }
    .wwseparator {
        clear:both;
    }
}


@media (max-width: 780px) {
    .footer_links {
        display:none;
    }
    .mobilenav{
        display: block !important;
    }
    .smallogo {
        z-index: 1 !important;
    }
    #navToggle {
        z-index: 999;
    }
    .mobilenavitem {
        display: list-item !important;
    }

}


@media (max-width: 768px) {
    .amigoeweetjes_single {
        width:100%;
        margin-bottom:20px;
    }
    .homeinfoitem{
        margin-bottom: 20px;
    }
    .amigoe_banner {
        padding-top: 50px;
    }
    .noggeenlid {
        padding-top:40px;
        margin-top:40px;
    }
    .menutext {
        display: none !important;
    }
    .revslider {
        display: none;
    }
    .mobileslider {
        display: block;
        background-color: #60b9e5;
        text-align: center;
        color:#fff;
        padding-top: 100px;
    }
    .mobileslider p {
        color:#fff;
    }
    .mainslider {
        display: none;
    }
    .btn-wide {
        padding: 16px 80px !important;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .loginbox {
        margin-left: 20%;
        margin-right: 20%;
    }
    .logintitle {
        margin-left: 20%;
    }
}

@media (max-width: 650px) {
    .footer {
        text-align: center;
    }
    .footer .copyright {
        margin-bottom: 20px;
    }
    .footer .copyright:last-child {
        margin-bottom: 10px;
    }
    .adimg {
        margin-bottom: 20px;
    }
    .owl-carousel.partnerslist .owl-item {
        height: 100px;
    }
}

@media (max-width: 502px) {

    .logo {
        padding:9px 0px 09px 0px !important;
        margin: 10px 30% 0 !important;
        text-align: left;
    }
    .logo img {
        width:140px;
    }
    .leesdeamigoe {
        display: block;
    }

}

@media (max-width: 414px) {
    .formsubmit_btn {
        padding: 10px 100px;
    }
    .loginbox {
        margin-left: 20px;
        margin-right: 20px;
    }
    .logintitle {
        margin-left: 20px;
    }
    .btn-header {
        padding: 10px 0px;
    }
}

@media (min-width: 576px) {
    .container {
        padding-right: 10px !important;
        padding-left: 10px !important;
        max-width: 1200px;
    }
    .owl-theme .owl-dots, .owl-theme .owl-nav {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }
}
@media (min-width: 40em) {
    .owl-theme .owl-dots {
        margin-top: 20px;
    }
}
/*::-webkit-scrollbar-button{ display: block; height: 13px; border-radius: 0px; background-color: #AAA; } 
::-webkit-scrollbar-button:hover{ background-color: #AAA; } */
::-webkit-scrollbar-thumb{ background-color: #5E5E5E; } 
::-webkit-scrollbar-thumb:hover{ background-color: #5E5E5E; } 
::-webkit-scrollbar-track{ background-color: #efefef; } 
/*::-webkit-scrollbar-track:hover{ background-color: #CCC; }*/ 
::-webkit-scrollbar{ width: 8px; height: 8px;}