@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;padding:0;background:#dcdbd9;color:#1E2347;font-size:16px}@media (max-width:767px){body{font-size:16px}}.intro{height:100vh;background-color:#ADADAD}section video,.intro video{width:100%;height:100%;object-fit:cover}.fade-in{opacity:0;position:fixed;top:57%;width:100%;transform:translateY(50px) rotate(-5deg);transition:all 1s ease-out;left:2%;font-size:230%}.fade-in.show{opacity:1;transform:translateY(0px) rotate(-5deg)}@media (max-width:767px){.fade-in{font-size:16px}}.intro h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:45px;color:black;font-weight:900}section{height:100vh;color:black}section.black{background:black;color:white}.btn{padding:10px 25px;min-width:170px;font-size:16px;font-weight:600;border-width:0px;background:#1E2347;color:white;border-color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-width:0;text-decoration:none;margin:10px 15px 10px 0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;margin:0;cursor:pointer;text-transform:uppercase}.btn:hover{color:white}.btn.btn-green{background:#c1d82f;color:#000;border-color:#c1d82f}.btn.btn-pink{background:#EC008C;color:white;border-color:#EC008C}.btn.btn-white{color:black;background:white;border-color:white}@media (max-width:321px){.btn{padding:8px 15px}}section h1{padding-top:300px;text-align:center;font-size:80px}#robotBG path{fill:#E8E8E8}.animation{position:fixed;top:0;left:50%;margin:auto 0;width:100%;height:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:1}@media (max-width:767px){.animation{margin-bottom:400px}}.scene{height:100vh;width:100%;position:relative;text-align:center}.scene.laptop{height:570vh}.scene.koe{height:1000vh}#tips{position:fixed;top:0;left:50%;transform:translateX(-50%)}.cowbackground{position:fixed;z-index:0;width:50%;top:0;right:0}.tile.overlap{margin-top:-75px}header{z-index:9;background:white;padding:15px;margin:30px 0 0 80px;border-radius:20px}header a{display:block;cursor:pointer}header a img{width:400px}@media (max-width:1299px){header{padding:10px;margin:30px 0 0 30px}header a img{width:130px;width:250px}}@media (max-width:991px){header{margin:10px 0 0 10px}header a img{width:120px}}.overlap{position:relative;background:black;z-index:99}.icon-scroll{width:26px;height:40px;bottom:50px;border:2.5px solid white;border-radius:25px;-webkit-transition:0.3s all;-moz-transition:0.3s all;-ms-transition:0.3s all;-o-transition:0.3s all;transition:0.3s all;position:fixed;left:50%;margin-left:-13px;z-index:1}.icon-scroll:before{content:'';width:5px;height:5px;background:white;margin-left:-2.5px;top:4px;border-radius:5px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll;position:absolute;left:50%;z-index:2}.icon-scroll.white{border:2.5px solid white}.icon-scroll.white:before{background:white}@keyframes scroll{0%{opacity:1}
100%{opacity:0;
transform:translateY(25px)}}
.tile{padding:30px;display:block;border-radius:20px;position:absolute;z-index:999}.tile .btn-group .btn{background:none !important;padding:0 10px}.tile .btn-group .btn .fa{font-size:32px}.tile .btn-group .btn:active .fa:before,.tile .btn-group .btn:hover .fa:before{content:"\f005"}.tile.blue{background:#009FE3}.tile.white{background:white;color:#009FE3}.tile.white table,.tile.white p{color:#1E2347}.tile.pink{background:#EC008C;color:white}.tile.pink:before{width:36px;height:36px;position:absolute;top:-15px;left:-15px;border-radius:50%;border:2px solid white;content:'';background:#EC008C;z-index:2}@media (max-width:767px){.tile.pink:before{display:none}}.tile.pink:after{width:42px;height:42px;position:absolute;top:-18px;left:-18px;border-radius:50%;content:'';background:#EC008C;z-index:1}@media (max-width:767px){.tile.pink:after{display:none}}.tile.darkblue{background:#009FE3}.tile.lightblue{background:#E5F5FC}.overview{top:270px;left:90px;width:400px}@media (max-width:767px){.overview{display:none}}@media (max-width:1199px){.overview{top:auto;bottom:-100px;left:3%}}.overview .row{margin-bottom:10px}.overview a{font-size:14px;font-weight:bold;color:#1E2347;line-height:1em;display:block;min-height:27px}.overview .btn{color:white;display:flex;justify-content:space-between;align-items:center}.overview .btn img{width:40px}.overview .fa{font-size:16px}.stars.yellow{color:#F8BF03}.stars.green{color:green}.stars.red{color:red}.tile.form{bottom:20%;right:50px;width:400px}.tile.form.start{right:6%;bottom:auto;top:7%}@media (max-width:1099px){.tile.form.start{right:2%;top:5%}}.tile.form.kgmelk{bottom:17%;right:12%}@media (max-width:1099px){.tile.form.kgmelk{bottom:17%;right:5%}}.tile.form.gehaltes{bottom:30%;right:3%}@media (max-width:1099px){.tile.form.gehaltes{bottom:30%;right:1%}}.tile.form.benen{bottom:30%;right:10%}@media (max-width:1099px){.tile.form.benen{bottom:16%;right:1%}}.tile.form.bespiering{bottom:35%;right:10%}@media (max-width:1099px){.tile.form.bespiering{bottom:16%;right:1%}}.tile.form.dochtervruchtbaarheid{bottom:20%;right:30%}@media (max-width:1099px){.tile.form.dochtervruchtbaarheid{bottom:10%;right:14%}}.tile.form.dochtervruchtbaarheid:before{right:-15px;left:auto}.tile.form.dochtervruchtbaarheid:after{right:-18px;left:auto}.tile.form.geboortegemak{bottom:32%;right:14%}@media (max-width:1099px){.tile.form.geboortegemak{bottom:10%;right:21%}}.tile.form.uiervorm{bottom:18%;right:3%}@media (max-width:1099px){.tile.form.uiervorm{bottom:8%;right:2%}}.tile.form.uiergezondheid{bottom:46%;right:3%}@media (max-width:1099px){.tile.form.uiergezondheid{bottom:45%;right:3%}}@media (max-width:1399px){.tile.form{width:300px}.tile.form h3{font-size:22px}.tile.form .rating-list li{font-size:24px}}.tile.form.ending{position:fixed !important}@media (max-width:767px){.tile.form{left:0 !important;right:0 !important;top:100% !important;bottom:auto !important;width:100% !important;border-radius:0}.tile.form.ending{bottom:0 !important;top:auto !important}}.stars{color:#1E2347;display:flex !important;align-items:flex-start;justify-content:end;height:100%}.stars .fa{margin-left:10px;display:none}.stars.star5stars .fa{display:inline-block}.stars.star5stars .fa:before{content:"\f005"}.stars.star1stars .fa{display:inline-block}.stars.star1stars .fa:nth-child(1):before{content:"\f005"}.stars.star4stars .fa{display:inline-block}.stars.star4stars .fa:nth-child(1):before,.stars.star4stars .fa:nth-child(2):before,.stars.star4stars .fa:nth-child(3):before,.stars.star4stars .fa:nth-child(4):before{content:"\f005"}.stars.star3stars .fa{display:inline-block}.stars.star3stars .fa:nth-child(1):before,.stars.star3stars .fa:nth-child(2):before,.stars.star3stars .fa:nth-child(3):before{content:"\f005"}.stars.star2stars .fa{display:inline-block}.stars.star2stars .fa:nth-child(1):before,.stars.star2stars .fa:nth-child(2):before{content:"\f005"}.scene.overlap{position:relative;background:black;z-index:99}.rating-list li{float:right;color:#ddd;padding:10px 10px;font-size:32px;cursor:pointer}.rating-list li:hover .fa:before,.rating-list li:hover~li .fa:before{content:"\f005"}.rating-list{display:inline-block;list-style:none}.modal{color:#1E2347}.modal label{margin-bottom:0}.modal .btn{margin-left:10px}.modal .btn.btn-primary{background:#EC008C}.scoretile{padding:0 15px}.scoretile .col{border-left:1px solid rgba(0,0,0,0.1);padding:15px}.scoretile .col:first-child{-ms-flex:0 0 340px;flex:0 0 340px;max-width:340px;border-left:none}.scoretile .col:first-child .stars{margin-left:20px}.scoretile .col h2{font-size:18px}.scoretile .col .imagecontainer{background-repeat:no-repeat;background-size:contain !important;position:relative;height:108px;border-radius:10px;margin-bottom:10px}.scoretile .col .btn{min-width:0;width:100%;margin-top:20px}.scoretile .col .row{height:44px;padding:10px 0;align-items:center;border-bottom:1px solid rgba(0,0,0,0.1);color:#1E2347}.scoretile .col .row.big{height:70px}.scoretile .col .row .stars{justify-content:start}.scoretile .col .row .stars .fa{margin:0 10px 0 0}#results .loader{position:absolute;display:flex;align-items:center;justify-content:center;font-size:32px;left:0;top:0;right:0;bottom:0;border-radius:20px;background:rgba(255,255,255,0.8);z-index:1}.bullcols .col .choice{background:#ef7811;color:white;width:60px;height:60px;border-radius:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:12px;line-height:1em;float:right;transform:rotate(10deg)}.bullcols .col .choice .number{font-weight:900;font-size:24px;margin-bottom:5px}.bullcols .col.bull-col .yellow{display:none !important;margin-bottom:10px !important}@media (max-width:767px){.bullcols .col{flex:0 0 100%}.bullcols .col h2{font-size:24px}.bullcols .col .imagecontainer{height:auto}.bullcols .col .imagecontainer:after{padding-bottom:67%;content:'';display:block}.bullcols .col .row{height:auto}.bullcols .col.bull-col .yellow{display:flex !important}}.perfectmatchbanner{width:100%;display:block;height:180px;background:url('https://www.bayerngenetik.nl/Content/images/perfectmatchbanner.jpg') #f0f0f0 no-repeat -50px center;background-size:auto 100%;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-left:40%;text-align:center;color:#1E2347;font-weight:bold;font-size:16px;border:2px solid white;margin-bottom:50px}.perfectmatchbanner .smaller{font-size:14px}.perfectmatchbanner.bayern{background:url('/Content/images/logo.png') white no-repeat 50px center;background-size:auto 50%}@media (max-width:767px){.perfectmatchbanner{padding-left:0 !important;padding-top:100px !important;background-size:auto 191px !important;background-position:left top !important;height:auto;padding:201px 0 22px 0 !important}.perfectmatchbanner.bayern{background-size:auto 80px !important;background-position:center 10px !important;padding:110px 0 22px 0 !important}}.perfectmatchbanner .btn{background:#EC008C;box-shadow:none;margin:20px 0 0 0}.perfectmatchbanner .btn.btn-blue{background:#009FE3}.perfectmatchbanner:hover{text-decoration:none;color:#ef7811}.perfectmatchbanner:hover .btn{background:#ef7811}canvas{width:112% !important;margin-top:0 !important;margin-left:-130px !important}@media (max-width:991px){canvas{margin-left:0 !important}}@media (min-width:991px){#robotLottie{max-height:100vh !important;overflow:hidden}}.resulttext{font-size:24px;z-index:1}.resulttext a{display:block;color:#EC008C}.m-t-100{margin-top:100px !important}.m-b-100{margin-bottom:100px !important}.m-b-10{margin-bottom:10px !important}.m-l-100{margin-left:100px !important}.m-r-100{margin-right:100px !important}.m-t-75{margin-top:75px !important}.m-t-0{margin-top:0px !important}.m-r-0{margin-right:0px !important}.m-l-0{margin-left:0px !important}.m-b-0{margin-bottom:0px !important}.m-b-75{margin-bottom:75px !important}.m-l-75{margin-left:75px !important}.m-r-75{margin-right:75px !important}.m-t-50{margin-top:50px !important}.m-b-50{margin-bottom:50px !important}.m-l-50{margin-left:50px !important}.m-r-50{margin-right:50px !important}.m-t-20{margin-top:20px !important}.m-b-20{margin-bottom:20px !important}.m-r-20{margin-right:20px !important}.m-l-20{margin-left:20px !important}.m-t-15{margin-top:15px !important}.m-b-15{margin-bottom:15px !important}.m-r-15{margin-right:15px !important}.m-l-15{margin-left:15px !important}.p-t-150{padding-top:150px !important}.p-b-150{padding-bottom:150px !important}.p-l-150{padding-left:150px !important}.p-r-150{padding-right:150px !important}.p-t-100{padding-top:100px !important}.p-b-100{padding-bottom:100px !important}.p-l-100{padding-left:100px !important}.p-r-100{padding-right:100px !important}.p-t-75{padding-top:75px !important}.p-b-75{padding-bottom:75px !important}.p-l-75{padding-left:75px !important}.p-r-75{padding-right:75px !important}.p-t-50{padding-top:50px !important}.p-b-50{padding-bottom:50px !important}.p-l-50{padding-left:50px !important}.p-r-50{padding-right:50px !important}.p-t-20{padding-top:20px !important}.p-b-20{padding-bottom:20px !important}.p-r-20{padding-left:20px !important}.p-l-20{padding-left:20px !important}.p-t-15{padding-top:15px !important}.p-b-15{padding-bottom:15px !important}.p-r-15{padding-left:15px !important}.p-l-15{padding-left:15px !important}.p-100{padding:100px !important}.p-75{padding:75px !important}.p-50{padding:50px !important}.p-20{padding:20px !important}.m-b-0{margin-bottom:0 !important}.p-l-0{padding-left:0}.p-r-0{padding-right:0}h1.left,h2.left,h3.left,h4.left,h5.left,h6.left,p.left{text-align:left}h1.center,h2.center,h3.center,h4.center,h5.center,h6.center,p.center{text-align:center}h1.right,h2.right,h3.right,h4.right,h5.right,h6.right,p.right{text-align:right}.form-control{background:white !important;border-color:rgba(0,0,0,0.05);margin-bottom:15px}.form-control.input-validation-error{border-color:red}label{font-size:16px;margin-bottom:20px}.validation-summary-errors ul{margin:20px 0;color:red}