li a {
    letter-spacing: 1px;
}

 h3
 {
     font-size: 27px;
 }

h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
}

h5
{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
}

p
{
    color:#a3a3a3;
}

 a
 {
     color: #A3A3A8;
 }

 a:hover
 {
     color: #A3A3A8;
     text-decoration: none;
     cursor: alias;
 }

body {
    font-family: "Helvetica Neue", Open Sans, Helvetica,Arial,sans-serif !important;
    }


.intro-section {
    background: url("../img/david_background.jpg") fixed;
}

 .logo
 {
     height: 33px;
     width: 129px;
     margin-top: 14px;
 }
.intro-section {
    height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #5DB0D3;
}

 .navbar-ex1-collapse a {
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
}


.active {
    border: 2px solid white;
    margin-top: 7px;
}

.container.container_header {
    border-bottom: 1px solid white;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 82px;
}

 .intro_content form td {
     color: grey;
 }

.navbar-fixed-bottom, .navbar-fixed-top {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1030;
}

.koptekst h1 {
    color: white;
    color: white;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 10px;
}

 .intro_content .intro_title {
     border: 1px solid #B3AEAE;
     margin-top: 0px;
 }

.tel {
    background: url("../img/tel.png");
    width: 355px;
    height: 402px;
    margin-top: -150px;
    float: right;
}

.about-section {
    background-color: white;
    color: grey;
    text-align: left;
    height: 650px;
    padding-top: 75px;
}

.intro_content p {
		color:#a3a3a3;
}

.about-section {
    background-color: white;
    color: grey;
    text-align: left;
    height: auto;
	padding-top: 80px;
    padding-bottom: 90px;
}

.koptekst {
    margin-top: 258px;
    text-align: center;
    color: white;
}

 .underline {
     border: 1px solid white;
     width: 60px;
     margin-right: auto;
     margin-left: auto;
     margin-top: 35px;
     display: block;
     margin-bottom: 10px;
 }

.intro_content h2 {
    padding-top: 0px;
    padding-bottom: 10px;
}

.arrow {
    background: url("../img/arrow.png");
    height: 200px;
    width: 85px;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.koptekst_ondertekst {
    padding-top: 5px;
}


.intro_content h2 {
    color: #757576;
    line-height: 35px;
}

 a.active_nav
{
    font-weight: 500;
}

 .navbar-default .navbar-nav>li>a:hover {
     color: white;
     text-decoration: none;
 }

 a.contact {
     border: none;
     padding-top: 12px !important;
     padding-bottom: 12px !important;
     margin-top: 4px;
     padding-left: 20px !important;
     padding-right: 20px !important;
     margin-left: 10px;
     background-image: linear-gradient(45deg, #e74f0f, #ee7d00);
     /* background: #e67e22; */
     border-radius: 50px !important;
     transition: background-color .25s ease-in-out;
     -moz-transition: background-color .25s ease-in-out;
     -webkit-transition: background-color .25s ease-in-out;
 }



section.showcase {
    background-color: #D8D8D8;
    color: white;
    text-align: center;
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
    background: url("../img/gra_diensten.jpg") fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 770px;
}

.showcase_content p.intro_title {
    padding-top: 25px;
    border-bottom: 1px solid white;
    width: 303px;
    margin-left: auto;
    margin-right: auto;
}


.first_portfolio
{
	background-image: url("../img/jbl.jpg");
	height: 320px;
	background-repeat: no-repeat;
    background-size: cover;
}

.second_portfolio
{
	background-image: url("../img/captein.jpg");
	height: 320px;
	background-repeat: no-repeat;
    background-size: cover;
}

.thirt_portfolio
{
	background-image: url("../img/fysio.jpg");
	height: 320px;
	background-repeat: no-repeat;
    background-size: cover;
}

.four_portfolio
{
	background-image: url("../img/y4j.jpg");
	height: 320px;
	background-repeat: no-repeat;
    background-size: cover;
}

.showcase_home
{
	padding-top: 50px;
	padding-bottom: 30px;
}

.btn-default {
    color: #818181;
    background-color: #ffffff;
    border: none;
    padding: 13px 30px;
    border-radius: 60px;
    margin-top: 60px;
    border-bottom: 3px solid #A8A8A8;
    letter-spacing: 1px;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

 .btn-default:hover
  {
      background: red;
  }


.intro_content p.intro_title_opd {
    border-bottom: 1px solid #a3a3a3;
    width: 340px;
    color:#a3a3a3;
	height: 25px;
}

.btn-orange {
    color: #ffffff;
    background-image: linear-gradient(45deg, #e74f0f, #ee7d00);
    /* background: #e67e22; */
    border: none;
    padding: 13px 30px;
    border-radius: 60px;
    margin-top: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

.btn-orange:hover
{
    color: white;
}

 p.koptekst_ondertekst {
     color: white;
 }

 .pijl {
     background-image: url("../img/pijl.png");
     height: 25px;
     width: 30px;
     margin-top: 25px;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

.mockup
{
	background-image: url("../img/");
	height: 320px;
	background-repeat: no-repeat;
}

section.logos {
    background-color: #D8D8D8;
    color: white;
    text-align: center;
    height: auto;
    padding-top: 55px;
    padding-bottom: 75px;
    background: url("../img/phone.jpg") fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_foto
{
    background-repeat: no-repeat;
    opacity: 0.4;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.slider_foto:hover
{
    opacity: 1.0;
}

.logo_slider
{
	margin-top: 50px;
}

 .first_logo img {
     width: 115px;
     margin-top: 5px;
 }


.first_logo
{
	height: 120px;
	background-repeat: no-repeat;
}

.second_logo
{
	height: 120px;
	background-repeat: no-repeat;
}

.thirt_logo
{
	height: 120px;
 }

.four_logo
{
	height: 120px;
	background-repeat: no-repeat;
}

.five_logo
{
	height: 120px;
	background-repeat: no-repeat;
}

.six_logo
{
	height: 120px;
	background-repeat: no-repeat;
}


.footer_content p {
    padding-right: 65px;
}

section.second_footer {
    background-color: #D8D8D8;
    color: white;
    text-align: left;
    height: auto;
    padding-top: 80px;
    padding-bottom: 22px;
    background: url("../img/phone.jpg") fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

 .footer {
     padding-bottom: 60px;
 }

 .copy
 {
     text-align: right;
     padding-top: 10px;
 }

 .social
 {
     padding-top: 10px;
 }

 .line
 {
     height: 1px;
     width: 100%;
     background-color: white;
 }


i.fa.fa-linkedin {
    background-color: white;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    color: #5FB7D7;
}

i.fa.fa-facebook {
    background-color: white;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    color: #5FB7D7;
}

 .left_column
{
     padding-top: 20px;
     padding-right: 80px;
 }

 .right_column
 {
     padding-top: 20px;
     padding-right: 80px;
 }

 .cd-intro-content .action-wrapper > * {
     float: inherit !important;
 }

 .cd-intro-content {
     background: none !important;
 }

 .mask.cd-intro-content h1::after {
     top: 20px !important;
     margin-bottom: 50px;
 }

 .action-wrapper {
     padding-top: 25px;
 }




.sub-section
{
    height: 330px !important;
}

.showcase_content
{
    padding-top: 40px;
    background: white;
    padding-bottom: 40px;
}

.portfolio_border
{
    border: 10px solid white;
}

 .portfolio_border:hover
 {
     opacity: 0.3;
 }

.quakkelaar_showcase
{
    background: red;
    height: 470px;
    float: left;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;

}


 .jbl_showcase
 {
     background: red;
     height: 470px;
     float: left;
 }

 .boei_showcase
 {
     background: red;
     height: 235px;
     float: left;
 }

 .youth_showcase
 {
     background: red;
     height: 235px;
     float: left;
 }

 .brug_showcase
 {
     background: red;
     height: 235px;
     float: left;
 }

 .vvd_showcase
 {
     background: red;
     height: 235px;
     float: left;
 }

 .trend_showcase
 {
     background: red;
     height: 235px;
     float: left;
 }

 .sloop_showcase
 {
     background: red;
     height: 235px;
     float: left;
 }

 .swag_showcase
 {
     background: red;
     height: 235px;
     float: left;
 }

 .place-img {
     background-size: cover;
     display: block;
     position: absolute;
     background-position: center;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .content {
     position: inherit;
     text-align: center;
     color: white;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .grid {
     max-width: 100% !important;
 }

 .grid figure
 {
     border: 10px solid white;
     margin: 0px !important;
 }

 .grid figure p
 {
    color: white;
     line-height: 17px;
 }

 .footer_content_left {
     padding-right: 70px;
 }

 .biggets_block {
     max-height: 472px;
     min-height: 470px;
     max-width: 50% !important;
     min-width: 20% !important;
 }

 .big_block {
     max-height: 472px;
     min-height: 470px;
     max-width: 26% !important;
     min-width: 20% !important;
 }

 .square_block {
     max-height: 235px !important;
     min-height: 235px;
     max-width: 26% !important;
     min-width: 20% !important;
 }

 .square_block2 {
     max-height: 235px !important;
     min-height: 235px;
     max-width: 27% !important;
     min-width: 20% !important;
 }

.long_block
{
    max-height: 235px !important;
    min-height: 235px;
    max-width: 73% !important;
    min-width: 24% !important;
    width: 100% !important;
}

.half_long_block
{
    max-height: 235px !important;
    min-height: 235px;
    max-width: 48% !important;
    min-width: 24% !important;
    width: 100% !important;
}


 figure.effect-jazz {
     background: -webkit-linear-gradient(-45deg, #37CCE1 0%,#7D79BA 100%);
     background: linear-gradient(-45deg, #2CD4E6 0%,#7B74B8 100%) !important;
 }

 figure.long_block h2 {
     padding-top: 60px ;
 }
 figure.big_block h2 {
     padding-top: 170px;
 }

 figure.biggets_block h2 {
     padding-top: 170px;
 }

 figure.effect-jazz h2
 {
     font-size: 25px;
 }

 figure.square_block2 h2 {
     margin-left: -39px;
     padding-left: 20px;
 }

 section.about-section.second_footer p {
     color: white;
 }

 .logos p {
     color: white;
 }


 a.square_btn {
     display: inline-block;
     padding: 12px 25px;
     border-radius: 50px;
     margin-top: 15px;
     text-transform: uppercase;
     background: #418DAF;
     margin-bottom: 0;
     font-weight: 400;
     line-height: 1.42857143;
     color: white;
     text-align: center;
     font-size: 14px;
     white-space: nowrap;
     vertical-align: middle;
     transition: background-color .25s ease-in-out;
     -moz-transition: background-color .25s ease-in-out;
     -webkit-transition: background-color .25s ease-in-out;
     user-select: none;
     background-image: none;
     border: none;
     letter-spacing: 1px;
 }

 a.square_btn:hover
 {
     background: #357490;
     text-decoration: none;
 }

 i.fa:hover {
     background: #BBBBBB;
     transition: background-color .25s ease-in-out;
     -moz-transition: background-color .25s ease-in-out;
     -webkit-transition: background-color .25s ease-in-out;
 }

 .left_dienst
 {
     float: left;
     max-width: 555px !important;
 }

 .right_dienst
 {
     float: right !important;
     max-width: 555px !important;=
 }

 figure.effect-jazz h2 {
     text-shadow: 4px 3px 8px #000000;
 }

 .footer_content_left p {
     padding: 0px;
     margin-top: 2px;
 }

 hr {
     border-top: 1px solid #B2B1B1;
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .kop_title {
     float: left;
 }

 .index {
     float: left;
 }
 
 .work_title
 {
     float: left;
 }

 td {
     color: white;
 }

 td {
     border-top: none !important;
     padding-left: 0px !important;
 }

 .menu ul li ul li {
     list-style: none;
     display: none;
 }

 .menu ul li:hover ul {
     display: block;
     opacity: 0.9;
     border: 0px;
     background-color: #333;
     visibility: visible;
 }

 .menu ul li ul {
     float: right;
     text-align: left;
     padding: 0px;
     list-style: none;
 }

 .act_home {
     margin-top: 22px;
 }

 nav i.fa:hover {
     background: none !important;
 }


 a.mail {
       background: #3498db;
       width: 100%;
       float: left;
       border-radius: 50px;
       padding: 15px;
       text-align: center;
       color: white;
       margin-top: 30px;
       text-transform: uppercase;
       font-weight: 500;
        transition: background-color .25s ease-in-out;
        -moz-transition: background-color .25s ease-in-out;
        -webkit-transition: background-color .25s ease-in-out;
   }

 a.mail:hover
 {
     background: #2980b9;
 }

 a.call {
     background: #2ecc71;
     width: 100%;
     float: left;
     border-radius: 50px;
     padding: 15px;
     text-align: center;
     color: white;
     margin-top: 30px;
     text-transform: uppercase;
     font-weight: 500;
     transition: background-color .25s ease-in-out;
     -moz-transition: background-color .25s ease-in-out;
     -webkit-transition: background-color .25s ease-in-out;
 }

 a.call:hover
 {
     background: #27ae60;
 }