@font-face {
    font-family: "NeoSansStd";
    font-style: normal;
    font-weight: normal;
    src: url("/wp-content/themes/lotek/fonts/MonotypeImaging-NeoSansStd-Regular.otf");
}

h3.headline{
    font-family: "NeoSansStd";
}

.col-md-8 col-md-offset-2 home-headline{
    font-family: "NeoSansStd";
}
/* kleuren van achtergronden */

#intro.colorbg{
    background: #64d4ff;
}

#features.darkbg{
    background: #123046;
}

#testimoni.darkbg{
    background: #123046;
}

#Products.darkbg{
    background: #123046;
}

#team.colorbg{
    background: #64d4ff;
}

#blog.colorbg{
    background: #64d4ff;
}

#pricing.colorbg{
    background: #64d4ff;
}

#contact.colorbg{
    background: #64d4ff;
}

footer{
    background:#123046 ;
}

.subfooter{
    background: #123046;
}
/* einde background kleuren van sub kopjes */

/* background kleur verandert */
body, .colorbg, .tags li a:hover, .wp-tag-cloud li a:hover, div.pp_default .pp_close:hover, .icon-social:hover, .pricing-price, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active, .subscribe-button:hover, .pager li > a:hover, .pager li > span:hover, .item-detail, .style2 .accordion-heading a:hover i, .style1 .accordion-heading a:hover, .btn-flat, #home .btn-flat:hover {
    background-color:#64d4ff;;
}
/* text hover verandert van rood naar blauw */
a, a:hover, .pagination > li > a, .pagination > li > a:hover, .navbar-default .navbar-nav li a.selected, .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .dropdown.active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .dropdown.active a:hover, .navbar-default .navbar-nav .active a:focus, .navbar-default .navbar-nav .dropdown.active a:focus, .navbar-default .navbar-nav li a:hover, .icon-title, .company-name, .image-caption .zoom:hover, .image-title a:hover, .date, .meta-post, .validation, .social-network:hover, .style1 .accordion-heading a:hover i, .style2 .accordion-heading a:hover, .tabbable.style1 .tabber li a:hover, .tabbable.style2 .tabber li a:hover, .tabbable.style2 .tabber li.active a, .tabbable.style2 .tabber li.active a:hover, .tabbable.style2 .tabber li.active a:focus, .tabbable.style2 .tabber li.active a:active {
    color: #4cc3eb;
}

/* icon border verandert */
navbar-default .navbar-nav li a.selected, .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .dropdown.active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .dropdown.active a:hover, .navbar-default .navbar-nav .active a:focus, .navbar-default .navbar-nav .dropdown.active a:focus, .colorbg .icon-title, .image-caption .zoom:hover, .image-title a:hover, .form-control:focus, .totop, .social-network:hover, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active, input.subscribe:focus, .pager li > a:hover, .pager li > span:hover, .style2 .accordion-heading a:hover, .tabbable.style1 .tabber li a:hover, .tabbable.style2 .tabber li a:hover, .tabbable.style2 .tabber li.active a, .tabbable.style2 .tabber li.active a:hover, .tabbable.style2 .tabber li.active a:focus, .tabbable.style2 .tabber li.active a:active, .btn-flat, #home .btn-flat:hover {
    border-color: #008aac;
}
 /* kleur weggehaald bg transparant */
.icon-feature {
    background: none repeat scroll 0 0 ;
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 32px;
    height: 70px;
    line-height: 32px;
    margin-bottom: 20px;
    padding-top: 15px;
    text-align: center;
    width: 70px;
}
/* borderline op 0px gezet */
.headline {
    border-bottom: 0 solid #fff;
    font-size: 72px;
    letter-spacing: 15px;
    line-height: 60px;
    margin-bottom: 40px;
    padding-bottom: 20px;
}