#uitl-nav-2.navbar:after{content:''; position:absolute; bottom:-1px; left:0px; right:0px;  height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdfaab+0,fdfaab+21,9dd1de+24,9dd1de+50,b5e31f+54,b5e31f+76,fec90f+79,fec90f+100 */
background: #fdfaab; /* Old browsers */
background: -moz-linear-gradient(left,  #fdfaab 0%, #fdfaab 21%, #9dd1de 24%, #9dd1de 50%, #b5e31f 54%, #b5e31f 76%, #fec90f 79%, #fec90f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fdfaab 0%,#fdfaab 21%,#9dd1de 24%,#9dd1de 50%,#b5e31f 54%,#b5e31f 76%,#fec90f 79%,#fec90f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fdfaab 0%,#fdfaab 21%,#9dd1de 24%,#9dd1de 50%,#b5e31f 54%,#b5e31f 76%,#fec90f 79%,#fec90f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfaab', endColorstr='#fec90f',GradientType=1 ); /* IE6-9 */
}
#uitl-nav-2.navbar:before{content:''; position:absolute; top:0px; left:0px; right:0px;  height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdfaab+0,fdfaab+21,9dd1de+24,9dd1de+50,b5e31f+54,b5e31f+76,fec90f+79,fec90f+100 */
background: #fdfaab; /* Old browsers */
background: -moz-linear-gradient(left,  #fdfaab 0%, #fdfaab 21%, #9dd1de 24%, #9dd1de 50%, #b5e31f 54%, #b5e31f 76%, #fec90f 79%, #fec90f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fdfaab 0%,#fdfaab 21%,#9dd1de 24%,#9dd1de 50%,#b5e31f 54%,#b5e31f 76%,#fec90f 79%,#fec90f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fdfaab 0%,#fdfaab 21%,#9dd1de 24%,#9dd1de 50%,#b5e31f 54%,#b5e31f 76%,#fec90f 79%,#fec90f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfaab', endColorstr='#fec90f',GradientType=1 ); /* IE6-9 */
}






#uitl-nav-2 .bg-wrap{
	
}

#uitl-nav-2 a svg{
	padding:15px 5px 15px 5px;
	
}
#uitl-nav-2 li:hover a{text-decoration:none !important; color:#000 !important;}
#uitl-nav-2 a{text-decoration:none !important;}
#uitl-nav-2 li .nav-link svg,
#uitl-nav-2 li .sub-menu a svg{opacity:0.2;}
#uitl-nav-2 li:hover .nav-link svg,
#uitl-nav-2 li .sub-menu li:hover svg{opacity:1;}
#uitl-nav-2 li:nth-child(1):hover.nav-item{background:#FDFAAB;}
#uitl-nav-2 li:nth-child(2):hover.nav-item{background:#9DD1DE;}
#uitl-nav-2 li:nth-child(3):hover.nav-item{background:#A8D220;}
#uitl-nav-2 li:nth-child(4):hover.nav-item{background:#FEC90F;}
#uitl-nav-2 li:nth-child(5):hover.nav-item{background:#FDFAAB;}
#uitl-nav-2 li:nth-child(6):hover.nav-item{background:#9DD1DE;}
#uitl-nav-2 li:nth-child(7):hover.nav-item{background:#A8D220;}
#uitl-nav-2 li:nth-child(8):hover.nav-item{background:#FEC90F;}
#uitl-nav-2 li:nth-child(9):hover.nav-item{background:#FDFAAB;}
#uitl-nav-2 li:nth-child(10):hover.nav-item{background:#9DD1DE;}
#uitl-nav-2 li:nth-child(11):hover.nav-item{background:#A8D220;}
#uitl-nav-2 li:nth-child(12):hover.nav-item{background:#FEC90F;}
#uitl-nav-2 .sub-menu li:nth-child(1):hover{background:#FDFAAB;}
#uitl-nav-2 .sub-menu li:nth-child(2):hover{background:#9DD1DE;}
#uitl-nav-2 .sub-menu li:nth-child(3):hover{background:#A8D220;}
#uitl-nav-2 .sub-menu li:nth-child(4):hover{background:#FEC90F;}



#uitl-nav-2 .nav-item{position:relative;}
#uitl-nav-2 .sub-menu li:hover a{text-decoration:none !important; color:#000 !important;}
#uitl-nav-2 .sub-menu{padding:0 !important; margin:0; width:100%; background:rgba(255,255,255,0.5);}
#uitl-nav-2 .sub-menu li{width:100%; padding:4px; text-align:center;}
#uitl-nav-2 .sub-menu li{padding:0; margin:0;}.madgrid-item .rounded-circle{width:150px; height:150px; margin:0 auto; border-width:5px; border-style:solid;}
:root {
  --orange: #F2A247;
  --dark-orange: #DB863C;
}
@keyframes animatedBackground {
  from { margin-left:-20%; }
  to { margin-left:120%; }
}

.hond {
 /* animation: animatedBackground 5s linear infinite;*/
 position:absolute;
 z-index:1;
 bottom:0px;
 top:0px;
  
}
.loopbaan{

 position:absolute;
 left:0px;
 right:0px;
 bottom:-30px;
}

.loopbaan .hond{

 position:relative;
 display:table;
 width:auto;
margin-left:120%;
animation: animatedBackground 10s linear infinite;
}
.hond, .container-img {
	
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 18rem;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  z-index: 0;
}

.container-img {
  height: 23rem;
}
.container-img .source {
  width: 31rem;
  height: auto;
}

@-webkit-keyframes bodyJump {
  from {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
  to {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}

@keyframes bodyJump {
  from {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
  to {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}
.body {
  width: 9rem;
  height: 4rem;
  margin-top: 10rem;
  position: relative;
  z-index: 0;
  border-radius: 0 0 2rem 2rem;
  will-change: transform;
  -webkit-animation: bodyJump 0.13s ease-in-out infinite alternate;
          animation: bodyJump 0.13s ease-in-out infinite alternate;
}
.body:after {
  content: '';
  width: 9rem;
  height: 4rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 2rem 2rem;
  background-color: var(--orange);
}

.baseEar, .ear, .backEar {
  width: 1rem;
  height: 3rem;
  border-radius: 2rem;
  position: absolute;
  top: -.7rem;
}

@-webkit-keyframes ear {
  from {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  to {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}

@keyframes ear {
  from {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  to {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
.ear {
  left: .2rem;
  background-color: var(--orange);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  will-change: transform;
  -webkit-animation: ear .2s ease-in-out infinite alternate;
          animation: ear .2s ease-in-out infinite alternate;
}

@-webkit-keyframes backEar {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}

@keyframes backEar {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
.backEar {
  left: 1rem;
  top: -.8rem;
  z-index: -1;
  background-color: var(--dark-orange);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  will-change: transform;
  animation: backEar .2s ease-in-out infinite alternate-reverse;
}

@-webkit-keyframes headTilt {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@keyframes headTilt {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
.head {
  width: 3.2rem;
  height: 5.7rem;
  border-radius: 2rem 2rem 0 0;
  background-color: var(--orange);
  position: absolute;
  bottom: 100%;
  right: 0;
  z-index: 1;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-animation: headTilt .2s ease-in-out infinite alternate;
          animation: headTilt .2s ease-in-out infinite alternate;
}
.head:after {
  content: '';
  width: 3.2rem;
  height: 5.7rem;
  border-radius: 2rem 2rem 0 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--orange);
}

.snout {
  width: 5rem;
  height: 3.2rem;
  border-radius: 0 1rem 1rem 0;
  background-color: var(--orange);
  position: absolute;
  top: 1.1rem;
  left: 1rem;
}

.nose {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -.4rem;
  right: -.4rem;
  border-radius: 50%;
  background-color: #000;
}

.eye {
  margin: 2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: radial-gradient(circle at center, #000 10%, transparent 11%) 1.3rem 0px/100% 100% no-repeat, radial-gradient(circle at center, var(--orange) 0.5rem, transparent 0.5rem) 0 0/100% 100% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(70%, var(--orange)), color-stop(70%, transparent)) 0 0/100% 100% no-repeat, #000;
  background: radial-gradient(circle at center, #000 10%, transparent 11%) 1.3rem 0px/100% 100% no-repeat, radial-gradient(circle at center, var(--orange) 0.5rem, transparent 0.5rem) 0 0/100% 100% no-repeat, linear-gradient(to bottom, var(--orange) 70%, transparent 70%) 0 0/100% 100% no-repeat, #000;
  position: absolute;
  top: -2.6rem;
  left: -1.5rem;
  z-index: 1;
}

.collar {
  height: .9rem;
  position: absolute;
  left: -.1rem;
  right: -.1rem;
  bottom: 0;
  z-index: 1;
  border-radius: .3rem;
  background-color: #000;
}

.tag {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  position: absolute;
  right: -.6rem;
  bottom: -.5rem;
  background-color: #79964D;
}

.frontLegs {
  position: absolute;
  top: 70%;
  right: 2rem;
  z-index: -1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.backLegs {
  position: absolute;
  top: 70%;
  left: 1.4rem;
  z-index: -1;
}

.baseLeg, .frontLeg, .backLeg {
  width: 1rem;
  height: 3rem;
  border-radius: 2rem;
  position: absolute;
  top: 80%;
}

@-webkit-keyframes legs {
  from {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
  to {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg);
  }
}

@keyframes legs {
  from {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
  to {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg);
  }
}
.frontLeg {
  background-color: var(--orange);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  will-change: transform;
  -webkit-animation: legs .4s ease-in-out infinite alternate;
          animation: legs .4s ease-in-out infinite alternate;
}

.backLeg {
  right: -1rem;
  z-index: -1;
  background-color: var(--dark-orange);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  will-change: transform;
  animation: legs .4s ease-in-out infinite alternate-reverse;
}

@-webkit-keyframes tailTilt {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
}

@keyframes tailTilt {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
}
.tail {
  width: .8rem;
  height: 2.5rem;
  border-radius: 2rem;
  position: absolute;
  bottom: 70%;
  left: 1%;
  background-color: var(--orange);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: tailTilt .2s ease-in-out infinite alternate;
          animation: tailTilt .2s ease-in-out infinite alternate;
}

@-webkit-keyframes shadowGrow {
  from {
    width: 7rem;
  }
  to {
    width: 10rem;
  }
}

@keyframes shadowGrow {
  from {
    width: 7rem;
  }
  to {
    width: 10rem;
  }
}
#uitl-header-2 .shadow {
  position: absolute;
  bottom: 1.6rem;
  height: .47rem;
  border-radius: 2rem;
  background-color: #CFBAB2;
  -webkit-animation: shadowGrow .2s ease-in-out infinite alternate;
          animation: shadowGrow .2s ease-in-out infinite alternate;
}

#uitl-header-2 .bg {
    background-image: url('../images/uitlaatservice/d2706a0b9eb0c404aa5ff6c4f67d5f3d.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    opacity: 0.36;
}#uitl-sep{
height:20px;
position:relative;
}
#uitl-sep:after{content:''; position:absolute; op:-1px; left:0px; right:0px;  height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdfaab+0,fdfaab+21,9dd1de+24,9dd1de+50,b5e31f+54,b5e31f+76,fec90f+79,fec90f+100 */
background: #fdfaab; /* Old browsers */
background: -moz-linear-gradient(left,  #fdfaab 0%, #fdfaab 21%, #9dd1de 24%, #9dd1de 50%, #b5e31f 54%, #b5e31f 76%, #fec90f 79%, #fec90f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fdfaab 0%,#fdfaab 21%,#9dd1de 24%,#9dd1de 50%,#b5e31f 54%,#b5e31f 76%,#fec90f 79%,#fec90f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fdfaab 0%,#fdfaab 21%,#9dd1de 24%,#9dd1de 50%,#b5e31f 54%,#b5e31f 76%,#fec90f 79%,#fec90f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfaab', endColorstr='#fec90f',GradientType=1 ); /* IE6-9 */
}#uitl-home .bg{
    background-image: url('../images/uitlaatservice/pattern_dog.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
   opacity: 0.03;
}
#uitl-footer .bg-wrap{
	background:#48B54A;
}