@charset "utf-8";

body{
    background-color: rgb(255, 224, 0);
}
a:link {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #030303;
    line-height: 28px;
    margin: 0px;
}

a:visited {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #030303;
    line-height: 28px;
    margin: 0px;
}

a:hover {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgb(249, 148, 6);
    line-height: 28px;
    margin: 0px;
}

a:active {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgb(249, 148, 6);
    line-height: 28px;
    margin: 0px;
}
.light-blue.lighten-4 {
background-color: rgb(255, 224,0)!important;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: #fff;
}

.navbar-light .navbar-brand {
color: #fff; }

.navbar-toggler:not(:disabled):not(.disabled) {
    padding: 0px;
}

.badge, .btn, .card:not([class*="card-outline-"]), .chip, .jumbotron, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header, .navbar, .pagination .active .page-link, .z-depth-1 {
box-shadow: none;

}
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
    background-color: rgba(0,0,0,.0);
    color: #cccccc;
}
.hamburger-icon {
    margin-right: 0px;
}
.hamburger-icon:hover {
    transform: rotate(180deg);
}
.logo {
    margin-top: 3px;
    margin-bottom: 4px;
    margin-right: 20px;
    float: left;
}
.logo-sire {
    margin-top: 12px;
    margin-bottom: 4px;
    margin-right: 20px;
    float: left;
}
.row {
    padding-top: 45px;
    padding-bottom: 45px;   

}
.burnout {
    padding-bottom: 120px;
}
.ruimte-extra {
    padding-bottom: 50px;
}
.ronding {
    background-image: url("../links/ronding.svg");
    height: 100px;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: -2px;
}
.ronding-1 {
    background-image: url("../links/ronding-1.svg");
    height: 100px;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.ronding-3 {
    background-image: url("../links/ronding-3.svg");
    height: 100px;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.ronding-4 {
    background-image: url("../links/ronding-4.svg");
    height: 100px;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.rot {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
h1 {
    font-size: 21px;
    float: left;
    margin-top: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #030303;
}
h2 {
    margin: 20px 0px 20px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #030303;
    font-size: 25px;
    -webkit-transition: linear 0.5s; 
    transition: linear 0.5s;
}

h2:hover {
    color: #ffffff;
}
h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: rgb(249, 148, 6);
    line-height: 25px;
    margin: 0px 0px 20px 0px;
}
p {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #030303;
    line-height: 28px;
    margin: 0px;
}
.greyy {
    background: #FCFCFC;
}
.blackk {
    background-color: #030303;
}
.slogan {
    background-color: #030303;
    padding: 16px 32px;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: rgb(255, 224, 0);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.30);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.30);

}
.rowslogan {
    padding-top: 70px;
    padding-bottom: 70px;
}
.pijl {
    float: left;
}
.pijl-1 {
    float: right;
}
h4 {
    font-size: 13px;
    color: #FCFCFC;
    float: left;
    margin-left: 15px;
    margin-top: -12px;
    font-family: 'Montserrat', sans-serif;
}
h5 {
    font-size: 13px;
    color: #FCFCFC;
    float: right;
    margin-right: 15px;
    margin-top: -12px;
    font-family: 'Montserrat', sans-serif;
}
h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: #030303;
    line-height: 25px;
    margin: 0px 0px 20px 0px;
}
h7 {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: #030303;
    line-height: 25px;
    margin: 0px 0px 20px 0px;
    
}
.pijl-wrap {
    margin-top: -15px;
    transform: rotate(4deg);
}
.pijl-wrap-1 {
    margin-top: 50px;
    margin-bottom: -50px;
    transform: rotate(-20deg);
}
input[type=text], textarea {
    width: 100%;
    padding: 12px;
    border: 0px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    background: #FCFCFC;
}

input[type=submit] {
    background-color: #030303;
    color: rgb(255, 224,0);
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    float: right;
    -webkit-transition: linear 0.5s; 
    transition: linear 0.5s;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    height: 46px;
    width: 190px;
    text-align: center;
}

input[type=submit]:hover {
    background-color: rgb(255, 224, 0);
    color: #030303;
}
input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 0px;
    box-shadow: 0 0px 0 0;  
}
.lampbg {
    background-image: url(../links/lamp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.bgpatern {
    background-image: url(../links/patern.jpg);
    background-size: 400px;
    background-repeat: repeat;
    background-attachment: fixed;
}
.stripe {
    margin-top: 30px;
    border-bottom: solid 1px #030303;
    margin-bottom: 30px;
}
.GB-letter {
    float: left;
    height: 44px;
    width: 44px;
    background-color: rgb(255, 224, 0);
    border-radius: 25px;
    text-align: center;
    padding-top: 7px;
    color: #030303;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-right: 30px;
}
.GB-text {
    float: left;
    text-align: left;
    padding: 0px;
    color: rgb(249, 148, 6);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
}
.wrapper-GB-text {
    padding-top: 7px;
}
.naam {
    padding-bottom: 10px;
    padding-top: 7px;
    height: 44px;
}
.text-self {
    margin-left: 74px;
}
.GB-knop {
    background-color: #030303;
    color: rgb(255, 224,0);
    padding: 9px 20px;
    float: right;
    -webkit-transition: linear 0.5s; 
    transition: linear 0.5s;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-top: 40px;
    height: 46px;
    width: 190px;
    text-align: center;
}
.GB-knop:hover {
    background-color: rgb(255, 224, 0);
    color: #030303;
}
.GB-container {
    padding-top: 40px;
}
.lamp-foto {
    width: 90%;
    margin-top: -70px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    margin-bottom: -30px;
}
.shirt {
    width: 90%;
    margin-left: 5%;
    margin-top: -12px;
}
.shirt-knop {
    background-color: #030303;
    color: rgb(255, 224,0);
    padding: 12px 20px;
    float: right;
    -webkit-transition: linear 0.5s; 
    transition: linear 0.5s;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-top: 40px;
    height: 46px;
    width: 190px;
    text-align: center;
    cursor: pointer;
}
.shirt-knop:hover {
    background-color: rgb(255, 224, 0);
    color: #030303;
}
.footer {
    margin-left: auto;
    margin-right: auto;
}
.footer-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #030303;
    line-height: 28px;
    margin: 0px;
    text-align: center;
    width: 100%;
}
.logo-footer {
    width: 60%;
    margin-left: 20%;
    padding-bottom: 40px;
}
.pijlshirt {
    top: 210px;
}
.sire-naam {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: #D0D0D0;
    line-height: 25px;
    float: left;
    height: 56px;
    width: auto;
    padding-top: 15px;
    padding-left: 20px;
}
.sire-pf {
    height: 56px;
    width: 56px;
    float: left;
    border-radius: 28px;
}
.sire-wrapper {
    width: 100%;
    height: 56px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.sire-personen-wrapper {
    height: 209px;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}
.lucy {
    background-image: url(../links/lucy.jpg);
    background-size: contain;
}
.vanessa {
    background-image: url(../links/vanessa.jpg);
    background-size: contain;
}
.yvonne {
    background-image: url(../links/yvonne.jpg);
    background-size: contain;
}
.inforow {
    padding-bottom: 80px;
}
.rowgb {
    border-bottom: 1px solid #030303;
    padding-bottom: 140px;
}
.footerline {
    border-top: 1px solid #030303;
    padding-top: 90px;
}
.pagegb {
    padding-bottom: 80px;
}