/*************************
*******Typography******
**************************/

body {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 15px;
  line-height:24px;
  color: #000;
}


.btn {
  border-radius: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  padding: 9px 23px;
}

a {
	color:#013a4a;
}

a:focus, 
a:hover {
  text-decoration: underline;
  outline: none;
  color:#013a4a;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight:800;
  text-transform: uppercase;
  color:#013a4a;
}

h1 {
	font-size:28px;
}

h2 {
  font-size: 25px
}

h5 {
    text-transform: none;
    font-weight: normal;
    font-size: 19px
}

.navbar-toggle {
  margin-top: 12px
}

.navbar-toggle .icon-bar {
  background-color: #013a4a;
}

.navbar-toggle, 
.navbar-toggle:focus {
  border:1px solid #013a4a;
  outline: none;
}

.rood {
	color:#013a4a;
}

iframe{
    border-top: none;
    margin-top: 30px;
}

div[pseudo="-webkit-plugin-replacement"]{
    height:390px;
}


/*************************
*******Header CSS******
**************************/

.header-top {
  display: block;
  overflow: hidden;
  padding: 35px;
}

.main-nav {
  position: absolute;
  width: 100%;
  z-index: 999;
  background-color:#fff;
}

.main-nav 
.container {
  width: 100%;
}


.navbar-brand {
  background-color: #013a4a;
  margin-bottom: 120px;
  position: relative;
  width:300px;
  height:200px;
  position: absolute;
  margin-left:20px;
}

.navbar-brand img {
 /* top: -35px; */
}

.navbar-right {
  background-color: #fff;
  padding:0 10px 0 0; /* padding:0 95px 0 0;*/
  opacity: .9
}

.navbar-right li a {
  padding: 20px 10px;
  font-size: 12px;
  color: #013a4a;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.navbar-right li a:hover, 
.navbar-right li a:focus,  
.navbar-right .active a {
  background-color: #013a4a;
  color: #ffffff;
}


.fixed-menu {
  background-color: #ffffff;
  position: fixed;
  top: 0;
}

.fixed-menu .navbar-right {
  padding: 0;
}


.fixed-menu .navbar-right li a {
  font-size: 12px;
  padding: 20px 10px;
}

.fixed-menu .navbar-brand {
  height: 60px;
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
  width: 125px;
}

.fixed-menu .navbar-brand img {
  /*height:60px;*/
  margin-top:10px;
}

.fixed-menu .header-top {
  display: none;
}

@media all and (max-width: 1065px) {
	.navbar-brand {
	  position: absolute;
	  background-color: #013a4a;
	  margin-bottom: 20px;
	  position: relative;
	  width:150px;
	  height:70px;
	  position: absolute;
	  margin-left:0px;
	}
}





/*************************
*******Home CSS******
**************************/

#home {
  position: relative;
  overflow: hidden;
}

#main-slider img {
  width: 100%;
  border-bottom:#013a4a 8px solid;
}

#main-slider 
.carousel-caption {
  background: none repeat scroll 0 0 #fff;
  bottom: 14%;
  float: left;
  left: 0;
  opacity: 0.8;
  padding:10px 60px 35px;
  right: inherit;
  text-transform: uppercase;
  color: #000;
  text-align: left;
  text-shadow:none;
 }


#main-slider 
.carousel-caption h2 {  
  font-size: 38px;
 
}

#main-slider 
.carousel-caption h4 {
  font-size: 24px;
}

#main-slider 
.carousel-caption a {
  font-size: 22px;
  color: #013a4a
}

#main-slider 
.carousel-caption a:hover {
  color: #730d19;
}

#main-slider 
.carousel-caption a:hover i {
  margin-left: 35px
}

#main-slider 
.carousel-caption a i {
  margin-left: 15px;
}

#main-slider 
.carousel-indicators li {
  background-color:#013a4a;
  border: 1px solid #013a4a;
}

#main-slider 
.carousel-indicators li.active {
  background-color:#fff;
  border: 1px solid #fff;
}


/* about */

.gap {
  margin-bottom: 50px;
}

#team-scroller .designation {
  margin-top: 10px;
  display: block;
  color:#000000;
}

.carousel.scale .left-arrow,
.carousel.scale .right-arrow {
  top: 30%;
  position: absolute;
  color:#013a4a;
}
.carousel.scale .left-arrow {
  left: -10px;
  color:#013a4a;
}
.carousel.scale .right-arrow {
  right: -10px;
  color:#013a4a;
}
.carousel.scale .active .row > div:nth-child(1) {
  -webkit-animation: scaleUp 200ms linear 0 both;
  -moz-animation: scaleUp 200ms linear 0 both;
  -ms-animation: scaleUp 200ms linear 0 both;
  -o-animation: scaleUp 200ms linear 0 both;
  animation: scaleUp 200ms linear 0 both;
}
.carousel.scale .active .row > div:nth-child(2) {
  -webkit-animation: scaleUp 200ms linear 100ms both;
  -moz-animation: scaleUp 200ms linear 100ms both;
  -ms-animation: scaleUp 200ms linear 100ms both;
  -o-animation: scaleUp 200ms linear 100ms both;
  animation: scaleUp 200ms linear 100ms both;
}
.carousel.scale .active .row > div:nth-child(3) {
  -webkit-animation: scaleUp 200ms linear 200ms both;
  -moz-animation: scaleUp 200ms linear 200ms both;
  -ms-animation: scaleUp 200ms linear 200ms both;
  -o-animation: scaleUp 200ms linear 200ms both;
  animation: scaleUp 200ms linear 200ms both;
}
.carousel.scale .active .row > div:nth-child(4) {
  -webkit-animation: scaleUp 200ms linear 400ms both;
  -moz-animation: scaleUp 200ms linear 400ms both;
  -ms-animation: scaleUp 200ms linear 400ms both;
  -o-animation: scaleUp 200ms linear 400ms both;
  animation: scaleUp 200ms linear 400ms both;
}

.member {
  margin: 0 50px;
  text-align: center;
}

.box {
  padding: 50px 30px;
  /* border-bottom: 1px solid #013a4a;
  text-align:center; */
  position: relative;
  color:#000;
}
.box.first {
  margin-top: -40px;
  border-radius: 5px 5px 0 0;
}
.box.last {
  border-radius: 0 0 5px 5px;
}
.box h2 {
  padding: 10px 30px;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  margin-bottom: 30px;
  font-size: 48px;
  color:#013a4a;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleUp {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-ms-keyframes scaleUp {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1);
  }
}
@-o-keyframes scaleUp {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

.wit {
	background-color: #000;
}

.grijs {
	background-color: #f0f0f0;
}

.bg_groen {
	background-color: #013a4a;
	color:#fff;
}
.bg_groen .container, .bg_groen .box {
	color:#fff;
}
.bg_groen h1 {
	color:#fff;
	text-align:center;
}


.bg_donker {
	background-color: #01242e;
	color:#fff;
}
.bg_donker .container, .bg_donker .box {
	color:#fff;
}
.bg_donker h1 {
	color:#fff;
	text-align:center;
}


/*

.img-circle {
	border: 3px solid #013a4a;
}

#about .page-head:before, #services .page-head:before { 
	background:  #013a4a 
}

#about .page-head small, #services .page-head small { 
	color: #A3A7B9
}

#about .page-head, #services .page-head { 
	border-bottom: 1px solid #A3A7B9 
}

.about_wrap_one { 
	margin-bottom: 45px; 
	text-align: center; 
}

.about_wrap_one p { 
	margin-top:15px 
}

.holder { 
	overflow:hidden; 
	text-align:center;
}

.holder > img { 
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
}
*/

/*
.about_wrap { 
	margin-top: 20px; 
}

.about_wrap:hover img { 
	-webkit-transform: scale(1.1) rotate(3deg); 
	-moz-transform: scale(1.1) rotate(3deg); 
	-o-transform: scale(1.1) rotate(3deg); 
	-ms-transform: scale(1.1) rotate(3deg); 
}

.about_data { 
	overflow: hidden; 
	padding: 15px; 
	background-color:#fff; 
}

.about_data ul.title { 
	margin:0 0 10px; 
	padding: 0; 
}

.about_data h2, .about_data h3, .about_data p { 
	margin: 0; 
}

.about_data h2 { 
	font-size: 16px; 
	line-height: 20px; 
	margin-bottom: 3px; 
	text-transform: uppercase; 
}

.about_data h3 { 
	font-size: 11px; 
	line-height: 17px; 
	text-transform: uppercase; 
}

.about_data p { 
	margin-top: 13px; 
}

.about_social { 
	border-top: 1px dotted #CCC; 
	margin: 13px 0 0; 
	overflow: hidden; 
	padding: 13px 0 0 
}

.about_wrap_one .about_social { 
	padding: 15px 13.5% 0 
}

.about_wrap_one .about_social li { 
	display: inline-block; 
	text-align: center; 
}

.about_social li { 
	display: inline; 
	float: center; 
	height: 30px; 
	line-height: 30px; 
	margin-right: 8px; 
	text-align: center; 
	width: 30px; 
}

.about_social li:hover { 
	background-color:#013a4a; 
	border:none 
}

.about_social li:hover a { 
	color:#F2F2F2 
}

.about_social li a { 
	font-size: 17px; 
	padding: 0 5px; 
	color:#013a4a 
}


.about_social {
	text-align:center;
}

.about_wrap h2 {
	font-size:20px;
}

.about_wrap h3 {
	font-size:15px;
}
*/

/* ==========================================================
                Footer
============================================================= */
footer { 
	background-color: #013a4a; 
	border-bottom: 5px solid #f0f0f0; 
	color: #fff; 
	padding: 25px 10px 10px 60px; 
}

footer a { 
	color: #fff; 
}

footer a:hover { 
	color: #fff;
    text-decoration: undeline;
}

.footer_social > li { display: inline; float: center; height: 30px; line-height: 30px; margin-right: 8px; text-align: center; width: 30px; }
.footer_social > li:hover { background-color: #013a4a }
.footer_social > li:hover a { color: #f0f0f0; }
.footer_social li.go_top { margin-left:15px; border:none }


/* ==========================================================
                other
============================================================= */

h4 {
	color:#013a4a;
	display:block;
}

#pedigree {
    border:0px solid #fff;
	border-collapse:collapse;
	width:85%;
	margin:0px auto;
}
#pedigree td {
    vertical-align:middle;
    padding:2px 4px;
    border-bottom:1px solid #fff;
	border-collapse:collapse;
}


.titel_lijn {
	text-align:center;
	margin-bottom:20px;
}
.titel_lijn h1 {
	border-bottom:1px solid #fff; 
	display:inline; 
	padding-bottom:25px;
}
.titel_lijn h1.wit {
    border-bottom:1px solid #01242e; 
}

.titel_lijn .icoon {
	display:inline-block; width:55px; height:55px; padding:5px;
}
	.titel_lijn .icoon.groen {
		background-color:#013a4a;
	}
	.titel_lijn .icoon.donker {
		background-color:#01242e;
	}
	

.fotohome {
	border:15px solid #d7e4e6;
	margin-right:30px;
	margin-bottom:10px;
}

.paardmatrix {
    margin-top: 30px;
	background-color:#eee;
	border:7px solid #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#01242e;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    text-align: center;
    min-height: 218px;
}

.paardmatrix h3 {
    font-size: 14px;
    line-height: 24px;
    min-height: 115px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.paardmatrix:hover {
    background-color: #013a4a;   
    -webkit-transform: scale(1.09,1.09);
    transform: scale(1.09,1.09);
}

.paardmatrix:hover h3 {
    color: #fff;
}

.paardmatrix img {
    margin: 0 auto;
}

/* ==========================================================
                other
============================================================= */

.contact-message {
    font-size: 19px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.formulier {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 8px;
}

.contact-social {
    padding-top: 28px;
}

.contact-social img {
    margin-bottom: 18px;
}

.contact-button {
    background-color: #fff;
    border: none;
}

.formulier-donker {
    background-color: #01242e;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 8px;
}

.contact-button-donker {
    background-color: #01242e;    
    border: none;
}


/*

.highlight {
	text-transform:uppercase;
	color:#013a4a;
}

.txt-paard {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height:24px;
  letter-spacing:0.05em;
  color:#333;
  font-weight:lighter;
}

.paardfotoov {
	border:1px solid #013a4a;
	margin:5px;
}

.nieuwshoofdfoto {
	border:1px solid #013a4a;
	margin-left:15px;
	float:right;
}

.clearleft {
	clear:left;
}

.readmore {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#fff;
	padding: 10px;
	background-color:#013a4a;
	cursor:pointer;
}
.message p.txt-paard {
	margin-top:20px;
}
*/

.paard_foto {
    margin: 0px 10px 10px 0px;
}

.link-licht, .link-licht:hover, .link-licht:visited, .link-licht:focus {
    color: #fff;
}


.fokkerijmenu a {
    color: #fff;
    background-color: #013a4a;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;    
}