/* Custom, iPhone Retina */ 
@media only screen and (min-width : 0px) {
    a[href^="tel"]{
        color:inherit;
        text-decoration:none;
    }
	.navbar-toggle {
		display: block;
		float: right;
		padding: 0px 0px;
		margin-top: 0;
	}
	h1#heading-top {
		font-size: 1.4em;
	}
	p#text-top {
		font-size: 1.2em;
	}
	#about h2, #work h2, #location h2 {
		font-size: 1.2em;
	}
	#about p, #address-block {
		font-size: 0.9em;
	}
	#about .content {
		margin-top: 0;
	}
	#work p, #belasting p,
	#salaris p, #consult p, 
	#zakelijk p, #contact-us p {
		width: 100%;
		font-size: 0.8em;
	}
	h3.heading-name {
		margin-top: 0;
		font-size: 1.4em;
	}
	#location h3 {
		font-size: 1em;
	}
    #map {
        width: 100%;
        height: 600px;
        box-shadow: 0px 18px 5px -13px rgba(166,166,166,1);
    }
    address {
		font-size: 0.8em;
		margin-bottom: 0.5em;
	}
	footer#copyright h4 {
		font-size: 0.9em;
	}
	footer#copyright address {
		font-size: 0.7em;
	}
	#logo {
		background: #fff;
		padding: 1em;
	}
	/* Body Basic Typo */
	body {
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 2em;
		line-height: 1.4;
		color: #333;
		background-color: #fff;
		padding-right: 0 !important;
	}

	#logo img {
		margin-left: auto;
		margin-right: auto;
	}

	.gray {
		color: #CECECE;
	}

	::-moz-selection { 
		background: #7d0000; 
		color: #fff;}
	::selection {
		background: #7d0000;
		color: #fff;
		}

	small {
		font-size: 0.6em
	}

	h1, h2, h3 {
		font-family: "Libre Baskerville", serif;
		font-weight: 800;
	}

	h2 {
		line-height: 1.6;
	}

	h4 {
		font-weight: 800;
		line-height: 2em;
	}

	#menu {
		margin-top: 0.7em;
		color: #fff;
		font-weight: 800;
		float: right;
	}

	#bar-icons {
		float: left;
		padding: 1em;
	}

	a:link {
		text-decoration: none;
	}

	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:active,
	.navbar-default .navbar-toggle:focus {
		background-color: rgba(0, 0, 0, 0.31);
		border: transparent;
		border-radius: 0;
		padding-right: 1em;
		margin-right: 0;
	}

	.navbar-default .navbar-toggle:hover {
		background-color: rgba(255, 255, 255, 0.61);
	}

	.navbar-default .navbar-toggle {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.navmenu-default .navmenu-nav>li>a {
		color: #fff;
	}

	.navmenu-default .navmenu-nav>li>a:hover {
		background: #fff;
	}

	.navmenu-default .navmenu-nav>li>a:focus {
		color: #CACACA;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #FFFFFF;
		height: 3px;
	}

	.navbar-default .navbar-toggle:hover .icon-bar {
		background-color: #7d0000;
	}

	button:hover span {
		color: #7d0000 !important;
	}

	.navbar-default {
		background-color: transparent;
		border-bottom: 0;
		border-radius: 0;
		position: fixed;
	}

	.navmenu-default, 
	.navbar-default .navbar-offcanvas {
		background-color: #7D0000;
		border: none;
	}

	/* Dropdown Menu */
	.dropdown-menu {
		border-bottom: solid 4px rgba(125,0,0,0.6);
		border-radius: 0px;
		text-transform: uppercase;
		padding: 0;
		background-color: #FFF;
		box-shadow: none;
		display: block;
	}

	.dropdown-menu>li>a {
		font-weight: bold;
		color: #7d0000;
		padding: 8px 20px;
	}

	.navmenu-default .navmenu-nav.dropdown-menu, 
	.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
		background-color: #9E1313;
	}

	#copyright {
		padding-top: 1em;
	}

	/* Background images */
	.office {
		background: url("/images/Boekhoud-Kantoor.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #464646;
	}

	#salaris {
		color: #272727;
		background: url("/images/Salaris.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #FAFDFB;
	}

	#about {
		background: url("/images/Amsterdam.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #464646;
	}

	#belasting {
		background: url("/images/Belastingen.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #EEF4FF;
		color: #065387;
	}
	
	#zakelijk {
		background: url("/images/Kantoor-gebouw.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #EEF4FF;
		color: #5B5B5B;
	}
		
	#contact-us {
		background: url("/images/Contact.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #3A3843;
	}


	/* header wrapper and wrapper inner */
	.wrapper {
		color: #fff;
	}

	.glyphicon-info-sign {
		font-size: 1.5em !important;
		vertical-align: bottom;
	}

	.wrapper-inner {
		text-align: center;
		float: left;
	}

	/* header text */
	#heading-top {
		border-bottom: 2px solid #7d0000;
		letter-spacing: 1px;
		padding: 0 0 15px;
		text-transform: capitalize;
		font-family: "Libre Baskerville", "Times New Roman", serif;
		line-height: 1.3em;
	}

	#text-top {
		font-weight: 800;
	}
    
    .glyphicon-chevron-down {
		color: #7d0000;
		font-size: 2em;
		margin-top: 1em;
	}

	/* button limay style */
	.btn {
		letter-spacing: 1px;
		text-decoration: none;
		background: none;
		-moz-user-select: none;
		background-image: none;
		border-radius: 0;
		cursor: pointer;
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
		white-space: nowrap;
		font-size:14px;
		line-height:20px;
		font-weight:700;
		text-transform:uppercase;
		border: 3px solid;
		padding: 8px 20px;
	}

	.btn-border {
		border-radius: 0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}

	.btn-border.btn-limay {
		background: transparent;
		color: #fff;
		border-color: #fff;
		font-weight: lighter;
	}

	.btn-border.btn-limay:hover,
	.btn-border.btn-limay:active {
		color: #fff;
		background: #7d0000;
		border-color: #7d0000;
	}

	.btn-border.btn-red {
		background: transparent;
		color: #7d0000;
		border-color: #7d0000;
	}

	.btn-border.btn-red:hover,
	.btn-border.btn-red:active {
		color: #fff;
		background: #7d0000;
		border-color: #7d0000;
	}

	.anchor{
	  display: block;
	  height: 50px;
	  margin-top: -50px;
	  visibility: hidden;
	}

	/* border bottom heading */
	.line-bottom {
		border-bottom: 2px solid #7d0000;
		display: block;
	}

	h4.line-bottom {
		border-bottom: 2px solid #fff;
		width: 10em;
		margin-left: auto;
		margin-right: auto;
	}

	.space h2 {
		line-height: 2em;
	}

	.space {
		margin-top: 4em;
	}

	.space h3 {
		font-size: 0.8em;
	}

	.title-intro {
		margin-bottom: 2em;
	}

	.title-intro p {
		width: 40%; 
		margin-left: auto;
		margin-right: auto;
	}

	.col-border {
		display: block;
		border: 2px solid #7d0000;
		padding: 30px;
		text-align: center;
		color: #243a54;
		height: 11em;
	}

	.col-border img {
		position: absolute;
		left: 50%;
		top: 40%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.bg-location h2 {
		color: #525254;
		text-align: center;
	}

	#address-block {
		background: rgba(125, 0, 0, 0.2);
		padding: 0.5em 1em;
		color: #7d0000;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	#address-block h3 {
		margin-top: 6px;
	}

	#address-block p {
		font-size: 0.8em;
	}

	.gm-style>div>div>div,
	.gm-style-cc a {
		color: #7d0000 !important;
	}

	#work {
		background: #F4F4F4;
	}

	#work h4 {
		margin-top: 0;
	}

	#content-bg {
		background: rgba(125,0,0,0.70);
		padding: 1em;
	}

	.border-block {
		border: solid 2px #A8A8A8;
		margin-left: 0.5em;
	}

	#about .content {
		margin: 20px 0;
	}

	#about h2 {
		color: #FFFFFF;
	}

	#about p {
		color: #FFFFFF;
	}
	
	#about img {
		margin-top: 6.8em;
		height: 15em;
	}

	.wrap-light {
		background: rgba(255, 255, 255, 0.91);
		padding-bottom: 1em;
	} 
	.wrap-light .heading-block {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	} 

	#consult {
		background: #EBEBEB;
		color: #7d0000;
	}

	.end {
		background: #F7F7F7;
		color: #fff;
	}

	#company {
		color: #7d0000;
		padding-bottom: 1em;
	}

	#company h4 {
		font-size: 1em;
	}

	#company .line-bottom {
		border-color: #FFFFFF;
	}

	.img-block {
		text-align: center;
		display: block;
		max-width: 100%;
		height: auto;
	}

	.heading-block p {
		font-size: 1.2em;
	}

	#contact-us h2 {
		border-color: #7d0000;
		margin-top: 0;
	}

	#contact-us {
		color: #7d0000;
	}

	#contact-form {
		background: rgba(255, 255, 255, 0.85);
		padding: 1em;
	}

	#contact-form form {
		margin-top: 1em;
	}

	.system-message-container {
		display: block;
		z-index: 999;
	}

	#contact-us h3 {
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.bg-location {
		background: #FAF9F9;
	}

	@-webkit-keyframes bounce {
		0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	  }
		40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	  }
		60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	  }
	}

	@keyframes bounce {
		0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	  }
		40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	  }
		60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	  }
	}

	.bounce {
	  -webkit-animation: bounce 2s infinite;
	  animation: bounce 2s infinite;
	}

	p#meer {
		color: #7d0000;
		font-size: 0.9em;
	}

	.red-line {
		border-bottom: 2px solid #7d0000;
	}

	.alert-success {
		background-color: #C6FFC0;
	}

	button.close {
		color: #7d0000;
		opacity: 1;
	}

	.color-blue {
		color: #065387;
	}

	/* phone radius problem form */
	input, textarea {
		border-radius: 0;
		font-size: 1em;
	}

	.form-control {
		display: block;
		width: 100%;
		height: 40px;
		padding: 6px 12px;
		font-size: 20px;
		line-height: 1.42857143;
		color: #424242;
		background-color: transparent;
		background-image: none;
		border: none;
		border-bottom: 3px solid #7d0000;
		border-radius: 0px;
		box-shadow:  none;
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

	.form-control:focus {
		border-color: #fff;
		outline: 0;
		box-shadow: none;
	}

	::-webkit-input-placeholder {
	   color: #7d0000 !important;
	   font-size: 0.8em;
	}
	:-moz-placeholder { /* Firefox 18- */
	   color: #7d0000 !important;
	   font-size: 0.8em;
	}
	::-moz-placeholder {  /* Firefox 19+ */
	   color: #7d0000 !important;
	   font-size: 0.8em; 
	}
	:-ms-input-placeholder {  
	   color: #7d0000 !important;
	   font-size: 0.8em; 
	}

	textarea:focus, input:focus{
		outline: none;
	}

	.bootstrap-switch.bootstrap-switch-focused {
		outline: none;
		box-shadow: none;
		border-color: transparent;
	}
	
	p#checkit {
		font-size: 0.8em !important;
		margin-bottom: 0;
	}

	p.text-danger {
		font-size: 0.8em !important;
		font-weight: 700;
		margin-top: 0.4em;
		color: #E43D3D;
	}

	label {
		margin: 0;
	}

	#phone {
		background: rgba(125, 0, 0, 0.72);
		color: #fff;
		padding: 1em;
	}

	#phone h3{
		margin: 0;
		font-size: 0.9em;
	}
/* centered columns styles */
	.row-centered {
		text-align:center;
	}
	.col-centered {
		display:inline-block;
		float:none;
		/* reset the text-align */
		text-align:left;
		/* inline-block space fix */
		margin-right:-4px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	#work p, #belasting p,
	#salaris p, #consult p, 
	#zakelijk p, #contact-us p {
		font-size: 0.9em;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h1#heading-top {
		font-size: 1.5em;
	}
	p#text-top {
		font-size: 2em;
	}
	#about h2, #work h2, #location h2, #contact-us h2 {
		font-size: 1.7em;
	}
	#logo {
		padding: 2em;
	}
	.glyphicon-chevron-down {
		margin-top: 2em;
	}

	::-webkit-input-placeholder {
	   font-size: 0.9em;
	}
	:-moz-placeholder { /* Firefox 18- */
	   font-size: 0.9em;
	}
	::-moz-placeholder {  /* Firefox 19+ */
	   font-size: 0.9em; 
	}
	:-ms-input-placeholder {  
	   font-size: 0.9em; 
	}
	
	p#checkit {
		font-size: 0.9em !important;
	}

	#phone h3{
		font-size: 1em;
	}
	.wrap-light {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.office, #belasting, #zakelijk  {
		background-attachment: fixed;
	}

	h3.heading-name {
		font-size: 2em;
		margin-top: 1em;
	}
	#about p, #work p, #belasting p,
	#salaris p, #consult p, 
	#zakelijk p, #contact-us p {
		font-size: 1em;
	}
	#belasting p,
	#salaris p, #consult p, 
	#zakelijk p {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.wrap-light .heading-block {
		width: 100%;
	} 
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#about h2, #work h2, #location h2, #contact-us h2 {
		font-size: 2em;
	}
	#about h2 {
		line-height: 1.3em;
	}
	#about p, #work p, #belasting p,
	#salaris p, #consult p, 
	#zakelijk p, #contact-us p {
		font-size: 1.2em;
	}
}

@media all and (min-width: 0px) and (max-width: 479px) {
	#menu {
		position: absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
	}
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {
		padding-right: 0;
	}
	.navmenu, .navbar-offcanvas {
		width: 250px;
	}
}

.mb-4 {
    margin-bottom: 1.5rem;
}