/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.formleft { width: 50%; float: left; height: 34px; color: white; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.formright { width: 50%; float: left; height: 34px; color: white; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.formsubmit { width: 100%; float: left; height: 34px; color: white; text-align: center; margin-top: 10px; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.select { background-color: transparent; }
.webdesign_container { float: left; margin-left: 20px; margin-right: 20px; font-size: 12px;}
.webdesign_container ul { padding-left: 10px; }
.webdesign_container a[href^="http://"] { background: url(../img/offsite.png) no-repeat center right; padding-right: 12px; }
.webdesign_container h4 { margin-bottom: 20px; font-size: 16px;}
.copyright           { float: left; width: 100%; clear: both; margin-top: 40px; }
body { width: 100%; height: 100%; font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; background-color: #000; }
html { width: 100%; height: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 35px; text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; letter-spacing: 1px; }
p { margin: 0 0 25px; font-size: 18px; line-height: 1.5; }
.inputtext { color: white; border: 1px solid #42dca3; background-color: transparent; }
input.submit { background-color: #42dca3; border: #42dca3; margin-left: 3px; }
#freelance_programmeur img { margin: 20px 30px; }
.carousel-caption { bottom: 120px; background-color: rgba(1,1,1,0.6); padding-bottom: 0px; }
.carousel-caption p{ margin: 0 0 10px 0; }
.item.next .carousel-caption { opacity: 0; }
.item.prev .carousel-caption { opacity: 0; }
.carousel-caption { transition: opacity .75s ease-in-out; -moz-transition: opacity .75s ease-in-out;  -webkit-transition: opacity .75s ease-in-out; }
.carousel-indicators li { background-color: rgba(1,1,1,0.6); }
a { color: #42dca3; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover,a:focus { text-decoration: none; color: #1d9b6c; }
#freelance_programmeur a { background: url(../img/offsite.png) no-repeat center right; padding-right: 12px; }
.light { font-weight: 400; }
.navbar-custom { margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.3); text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #000; }
.navbar-custom .navbar-brand { font-weight: 700; }
.navbar-custom .navbar-brand:focus { outline: 0; }
.navbar-custom .navbar-brand .navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff; }
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active { outline: 0; }
.navbar-custom a { color: #fff; }
.navbar-custom .nav li a { -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.navbar-custom .nav li a:hover { outline: 0; color: rgba(255,255,255,.8); background-color: transparent; }
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active { outline: 0; background-color: transparent; }
.navbar-custom .nav li.active { outline: 0; }
.navbar-custom .nav li.active a { background-color: rgba(255,255,255,.3); }
.navbar-custom .nav li.active a:hover { color: #fff; }
#midden { font-size: 16px; display: inline-block; text-align: left; }
#midden img { margin-right: 4px; margin-left: 4px; width: 18px; height: auto;}
.intro { display: table; width: 100%; height: auto; padding: 100px 0; text-align: center; color: #fff; background-color: #000; }
.intro .intro-body { display: table-cell; vertical-align: middle; }
.intro .intro-body .brand-heading { font-size: 40px; }
.intro .intro-body .intro-text { font-size: 18px; }
.carousel-inner img { width:100%; }
.carousel-indicators { bottom: -40px; }
.btn-circle { width: 70px; height: 70px; margin-top: 15px; padding: 7px 16px; border: 2px solid #fff; border-radius: 100%!important; font-size: 40px; color: #fff; background: 0 0; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.btn-circle:hover,.btn-circle:focus { outline: 0; color: #fff; background: rgba(255,255,255,.1); }
.btn-circle i.animated { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; }
.btn-circle:hover i.animated { -webkit-animation-name: pulse; -moz-animation-name: pulse; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; }
.content-section { padding-top: 100px; }
.download-section { width: 100%; padding: 50px 0; color: #fff; background: url(../img/downloads-bg.jpg) no-repeat center center scroll; background-color: #000; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
.domeinnaam-section { width: 100%; padding: 50px 0; color: #fff; background: url(../img/domeinnaam-bg.jpg) no-repeat center center scroll; background-color: #000; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
#map { width: 100%; height: 200px; margin-top: 100px; }
.btn { border-radius: 0; text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn-default { border: 1px solid #42dca3; color: #42dca3; background-color: transparent; }
.btn-default:hover, .btn-default:focus { border: 1px solid #42dca3; outline: 0; color: #000; background-color: #42dca3; }
ul.banner-social-buttons { margin-top: 0; }
footer { padding: 50px 0; }
footer p { margin: 0; }
::-moz-selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2); }
::selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2); }
img::selection { background: 0 0; }
img::-moz-selection { background: 0 0; }
body { webkit-tap-highlight-color: rgba(255,255,255,.2); }

@media(min-width:768px) {
	p { margin: 0 0 35px; font-size: 20px; line-height: 1.6; }
	#midden { font-size: 20px; display: inline-block; text-align: left; }
	#midden img { margin-right: 20px; margin-left: 20px; width: 24px; height: auto;}
	.navbar-custom { padding: 20px 0; border-bottom: 0; letter-spacing: 1px; background: 0 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out;}
	.navbar-custom.top-nav-collapse { padding: 0; border-bottom: 1px solid rgba(255,255,255,.3); background: #000; }
	.intro { height: 100%; padding: 0; }
	.intro .intro-body .brand-heading { font-size: 40px; }
	.intro .intro-body .intro-text { font-size: 26px; }
}

@media screen and (min-width: 768px) and (max-width: 999px)  {
	.navbar-nav > li { font-size: 12px; }
	.navbar-brand { display: none; }
}

@media(max-width:767px) {
    #freelance_programmeur img { margin: 15px 0px; }
	.carousel-caption { bottom: 60px; background-color: rgba(1,1,1,0.6); padding-bottom: 0px; }
}

@media(max-width:440px) {
	.carousel-caption { display:none; }

}

@media(min-width:767px) {
    .content-section { padding-top: 150px; }
    .download-section { padding: 100px 0; }
    #map { height: 560px; margin-top: 250px; }
}

@media(max-width:1199px) {
    ul.banner-social-buttons { margin-top: 15px; }
}

@media(max-width:767px) {
    ul.banner-social-buttons li { display: block; margin-bottom: 20px; padding: 0; }
    ul.banner-social-buttons li:last-child { margin-bottom: 0; }
}