@charset "utf-8";
/* CSS Document */


:root {
	--main-color: rgb(149,192,61);
}
@font-face {
	font-family: univers-light;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: normal;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 0;
	src: url(../fonts/univers-next-w06-light-eot-data.eot);
	src: url(../fonts/univers-next-w06-light-eot-data.eot) format("eot"), url(../fonts/univers-next-w06-light-woff2-data.woff2) format("woff2"), url(../fonts/univers-next-w06-light-woff-data.woff) format("woff"), url(../fonts/univers-next-w06-light-ttf-data.ttf) format("truetype")
}

body, html {
    background: #fff;
    font-family: univers-light, sans-serif;
    font-size: 14px;
    min-height: 100vh;
    overflow-x: hidden;
}


*,*:focus,*:hover{
    outline:none;
}

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.h5, h5 {
    font-size: 1.2rem;
}

.modal-header{
	border:none;
}

.modal-body{
	min-height:400px;
}
p{
	font-size: 17px;
    line-height: 30px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
 {
    color: grey;
    background-color: white;
    border-color: white;
	box-shadow: 0 0 0 0 rgb(0 0 0 );
	
	/*position:fixed;*/
	left:0;
	right:0;
	margin:50px auto;
}


.slideOutTab .btn img {
	
	width:30px;
	
	
}

.slideOutTab button{
display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 50p;
    padding: 0rem 0.4rem;
}

.slideOutTab button .info_icon {
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
}
.slideOutTab .btn-primary{
	margin:unset;
	border-radius: 0;
}


.offcanvas-start {
    width: 269px;
}


.offcanvas-body .navigation {
width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: nowrap;
}

.offcanvas-body .navigation .nav_icon_container{
	
}
.offcanvas-body .navigation .nav_icon_container div{
	flex-shrink: 0;
	    margin: auto;
	
}

.row{
	    width: 100%;
    left: 0;
    right: 0;
	    margin: 0 auto;
}


#productModal .modal-body .video_container,
#productModal .modal-body .pdf_container{
  /* overflow: hidden;*/
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}



#productModal .modal-body .pdf_container .list,
#productModal .modal-body .video_container .list {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;

}


#productModal .modal-body .pdf_container .list .pdf{
	
	height: 200px;
	margin:10px 10px 0 0;
	position: relative;
}


#productModal .modal-body .pdf_container .list .pdf img {
    border: 0;
    height: 100%;
    min-width: 80px;
    object-fit: contain;
    z-index: 1;
    border: 1px solid var(--main-color);
}

#productModal .modal-body .pdf_container .list .pdf .pdf_icon {
    width: 100%;
    min-width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto;
}

#productModal .video {
    position: relative;
    margin-bottom: 10px;
    width: calc( 50% - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

@media only screen and (max-width: 991px) {
 #productModal .video {
   width: 100%;
  }
}


#productModal .video,
#productModal .pdf{
	cursor:pointer;	
	
	
}
.video .play_icon, 
.pdf .pdf_icon {
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 2;
}
.video img {
    border: 0;
    width: 100%;
    min-width: 80px;
    height: auto;
    z-index: 1;
    border: 1px solid var(--main-color);
}
#logo_container{
    position: fixed;
    height: 50px;
    width: 200px;
    top: 10px;
    right: 10px;
    z-index: 1;

}
#logo_container .schuco_logo{
height: 100%;
    background-position: center center;

}

.instructions_button{
	    position: fixed;
    top: 10px;
    left: 10px;
    width: 32px;
    height: 32px;
	z-index:10;
}
.instructions_button img{
	width:100%;
	height:100%;
}

.blurb{
	color:#8f9498;
    margin-bottom: 10px;
	}
legend{ 
	font-weight:600;
	color:#8f9498;
}
.product img{
	width: 100%;
    height: auto;
    object-fit: cover;
}

.pdf{
	margin:15px auto;
}

.pdf_container object{
    width: calc( 100% - 10px);
    max-width: 600px;
    height: 600px;
    margin-bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pdf iframe{
	width: 100%;
    height: 100%;
}


#productModal .modal-header .btn-close{
    position: absolute;
    right: 10px;
    top: 40px;
}


.video{
	margin-bottom:20px;
}

#player {
	display:none;
	left:0;
	right:0;
	margin:0 auto 10px auto;
	width: 100%;
    aspect-ratio: 16 / 9;
}

.video-container {
     /*  overflow: hidden;*/
    position: relative;
    width: 100%;
   /* max-width: 600px;*/
    left: 0;
    right: 0;
    margin: 0 auto;
}

#videoModal .video-container {
    max-width: 100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.threesixty iframe{
	height:500px;
}

.modal-title {
    width: 100%;
    font-size: 2.5em;
    text-align: left;
    padding-left: 0;
}

#productModal .modal-header .modal-title {
    padding-left: 1.2rem;
}

.modal-header .btn-close {
    margin: -2.5rem -.5rem -.5rem auto;
}
#instructionsModal .row{
    margin-bottom: 20px;
	
}
#instructionsModal legend{
    margin-bottom: 10px;
	
}
#instructionsModal .instruction_title{
	font-size: 1.3em;
    margin-bottom: 10px;
	
}
#instructionsModal .instruction_text{
    margin-top: 10px;
	
}
#instructionsModal .instruction_text::after{
	content: 'Tap / Click';
	
}
#instructionsModal .instruction_btn {
	width:110px;	
}

@media only screen and (max-width: 991px) {
 #instructionsModal .instruction_btn {
    margin-top:10px;
  }
}

#instructionsModal .instruction_icon {	
	width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #95c03d;
	display: block;
  margin-left: auto;
  margin-right: auto;
}

#instructionsModal .instruction_icon img {
   width: 70%;
    left: 0;
    right: 0;
    margin: 15%;
}



#instructionsModal .form-check-input:checked {
    background-color: #95c03d;
    border-color: #95c03d;
}

#instructionsModal .form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(149 192 61 / 25%);
}

#instructionsModal .hideInstructions {
    margin-top: 35px;
}

/* project modal */ 

@media (max-width: 991px){
.modal-dialog-scrollable 
 {
	    height: unset;
}
}


.schuco-footer{
	width: 100%;
    bottom: -15px;
    margin: 15px 0 0 0;
    background: white;
    padding: 15px;
}

.schuco-footer .footer{
	    border-bottom: 20px solid #95c03d;
    background: white;
    height: 100px;
    max-width: 600px;
    left: 0;
    margin: 0 auto;
    right: 0;
    display: flex;
    align-content: center;
    justify-content: flex-end;
}

.schuco-footer .footer img{
	bottom: 45px;
	
}
.schuco-footer .footer .nbs_logo{
    width: 100px;
    left: 15px;
	
}
.schuco-footer .footer .schuco_logo{
    width: 195px;
    right: 15px;
	    background-position: right bottom 10px;
}

/*
.schuco-footer .footer img,
#instructionsModal .schuco-footer img{
	width:100%;	
	margin: 15px 0;
}
*/

.schuco-footer button,
.nbs_link {
display: flex;
    flex: 1;
    height: auto;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: none;
    background-color: transparent;
}

.video_icon,
.play_icon{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2392BF3B' d='M500.994,973.354C239.083,973.354,26,760.268,26,498.351C26,236.438,239.083,23.354,500.994,23.354 C762.91,23.354,976,236.438,976,498.351C976,760.268,762.91,973.354,500.994,973.354z M500.994,86.754 C274.04,86.754,89.4,271.395,89.4,498.351c0,226.961,184.642,411.604,411.596,411.604c226.96,0,411.604-184.644,411.604-411.604 C912.6,271.395,727.954,86.754,500.994,86.754z'/%3E%3Cpolygon fill='%2392BF3B' points='322.072,759.28 322.072,237.42 765.663,498.351 '/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
    background-repeat: no-repeat;
}
.pdf_icon{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2392BF3B' d='M500,970.229c-261.917,0-475-213.082-475-474.994C25,233.318,238.083,20.233,500,20.233 c261.916,0,475,213.085,475,475.001C975,757.148,761.916,970.229,500,970.229z M500,83.633 c-226.956,0-411.6,184.645-411.6,411.603c0,226.957,184.644,411.597,411.6,411.597c226.955,0,411.601-184.641,411.601-411.598 C911.601,268.277,726.955,83.633,500,83.633z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath fill='%2392BF3B' d='M360.654,446.477c0,25.756-8.435,45.494-25.305,59.213c-16.87,13.724-40.883,20.582-72.035,20.582h-25.642 v92.279h-40.319v-246.64h71.022c30.814,0,53.899,6.3,69.251,18.895C352.979,403.403,360.654,421.96,360.654,446.477z M237.672,492.363h21.425c20.692,0,35.875-3.598,45.549-10.797c9.671-7.196,14.508-18.443,14.508-33.74 c0-14.171-4.331-24.741-12.99-31.715c-8.662-6.972-22.157-10.459-40.488-10.459h-28.004V492.363z'/%3E%3Cpath fill='%2392BF3B' d='M610.498,492.869c0,40.715-11.303,71.84-33.908,93.375c-22.605,21.539-55.165,32.307-97.677,32.307h-68.998 v-246.64h76.252c39.249,0,69.784,10.573,91.604,31.716C599.588,424.772,610.498,454.519,610.498,492.869z M567.986,494.219 c0-59.045-27.611-88.567-82.832-88.567h-34.921v178.99h28.679C538.295,584.642,567.986,554.502,567.986,494.219z'/%3E%3Cpath fill='%2392BF3B' d='M703.452,618.551h-39.981v-246.64h139.177v34.078h-99.195v77.096h92.954v34.246h-92.954V618.551z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
    background-repeat: no-repeat;
	}
.schuco-footer .threesixty{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2392BF3B' d='M500.995,973.354C239.083,973.354,26,760.268,26,498.351C26,236.438,239.083,23.354,500.995,23.354 C762.911,23.354,976,236.438,976,498.351C976,760.268,762.911,973.354,500.995,973.354z M500.995,86.754 C274.04,86.754,89.4,271.395,89.4,498.351c0,226.962,184.641,411.604,411.596,411.604c226.96,0,411.604-184.645,411.604-411.604 C912.6,271.395,727.955,86.754,500.995,86.754z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%2392BF3B' d='M380.941,435.513c0,15.188-4.425,27.834-13.274,37.938c-8.85,10.106-21.304,16.907-37.364,20.403v1.311 c19.228,2.404,33.649,8.386,43.264,17.945c9.613,9.561,14.421,22.262,14.421,38.102c0,23.054-8.14,40.834-24.418,53.343 c-16.28,12.511-39.441,18.765-69.485,18.765c-26.548,0-48.946-4.315-67.19-12.947v-34.25c10.161,5.026,20.92,8.905,32.284,11.636 c11.362,2.731,22.288,4.097,32.776,4.097c18.572,0,32.448-3.441,41.625-10.324c9.177-6.884,13.766-17.535,13.766-31.957 c0-12.782-5.081-22.178-15.241-28.188c-10.16-6.007-26.113-9.013-47.853-9.013h-20.813v-31.302h21.141 c38.238,0,57.358-13.218,57.358-39.658c0-10.269-3.333-18.191-9.997-23.763c-6.665-5.572-16.498-8.358-29.499-8.358 c-9.069,0-17.809,1.285-26.221,3.852c-8.414,2.568-18.354,7.566-29.826,14.995l-18.846-26.877 c21.96-16.168,47.469-24.254,76.532-24.254c24.145,0,42.991,5.19,56.539,15.568C374.166,402.957,380.941,417.269,380.941,435.513z' /%3E%3Cpath fill='%2392BF3B' d='M419.781,517.944c0-93.739,38.184-140.608,114.552-140.608c12.017,0,22.177,0.929,30.481,2.786v32.12 c-8.305-2.402-17.919-3.605-28.843-3.605c-25.675,0-44.959,6.883-57.85,20.648c-12.893,13.767-19.886,35.836-20.977,66.208h1.966 c5.134-8.85,12.345-15.704,21.632-20.567c9.285-4.86,20.211-7.292,32.775-7.292c21.74,0,38.676,6.665,50.803,19.993 c12.127,13.33,18.191,31.411,18.191,54.244c0,25.13-7.021,44.985-21.059,59.57c-14.04,14.585-33.186,21.878-57.439,21.878 c-17.154,0-32.067-4.123-44.74-12.373c-12.675-8.248-22.426-20.265-29.252-36.054C423.194,559.106,419.781,540.124,419.781,517.944 z M503.359,591.526c13.219,0,23.406-4.261,30.564-12.782c7.154-8.521,10.733-20.703,10.733-36.545 c0-13.767-3.359-24.582-10.079-32.448c-6.719-7.866-16.797-11.8-30.235-11.8c-8.304,0-15.952,1.777-22.943,5.326 c-6.993,3.552-12.511,8.414-16.552,14.585c-4.043,6.174-6.063,12.483-6.063,18.929c0,15.404,4.179,28.379,12.537,38.921 C479.679,586.257,490.357,591.526,503.359,591.526z'/%3E%3Cpath fill='%2392BF3B' d='M773.105,500.245c0,41.626-6.693,72.545-20.075,92.757c-13.384,20.213-33.841,30.317-61.373,30.317 c-26.658,0-46.87-10.433-60.636-31.301c-13.766-20.867-20.648-51.459-20.648-91.773c0-42.28,6.691-73.443,20.075-93.493 c13.382-20.047,33.785-30.071,61.209-30.071c26.767,0,47.034,10.488,60.8,31.465S773.105,459.823,773.105,500.245z M649.377,500.245c0,32.669,3.359,55.993,10.078,69.978c6.719,13.985,17.453,20.977,32.202,20.977s25.537-7.102,32.366-21.305 c6.827-14.201,10.242-37.419,10.242-69.649c0-32.12-3.415-55.363-10.242-69.73c-6.829-14.365-17.617-21.55-32.366-21.55 s-25.483,7.047-32.202,21.141C652.736,444.198,649.377,467.579,649.377,500.245z'/%3E%3C/g%3E%3C/svg%3E");
}
.schuco-footer .nbs_link{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='svg7892' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:svg='http://www.w3.org/2000/svg' inkscape:version='0.92.0 r15299' sodipodi:docname='nbs.svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='49.715px' height='53.004px' viewBox='0 0 49.715 53.004' enable-background='new 0 0 49.715 53.004' xml:space='preserve'%3E%3Csodipodi:namedview units='px' id='base' pagecolor='%23ffffff' borderopacity='1.0' bordercolor='%23666666' inkscape:window-y='-4' inkscape:window-x='-4' inkscape:window-height='744' inkscape:window-width='1280' fit-margin-bottom='0' fit-margin-right='0' inkscape:current-layer='layer1' inkscape:document-units='mm' inkscape:pageshadow='2' inkscape:pageopacity='0.0' fit-margin-left='0' fit-margin-top='0' showgrid='false' inkscape:cy='26.001997' inkscape:cx='54.000491' inkscape:zoom='8.30548' inkscape:window-maximized='1'%3E%3C/sodipodi:namedview%3E%3Cg id='layer1' transform='translate(-322.11118,-258.86165)' inkscape:groupmode='layer' inkscape:label='Layer 1'%3E%3Cpath id='path-1' inkscape:connector-curvature='0' fill='%23592D5E' d='M353.158,285.364c4.284-5.638,11.05-9.276,18.668-9.276 v18.552C364.208,294.639,357.442,290.999,353.158,285.364L353.158,285.364z M350.182,280.211c-1.17-2.796-1.817-5.866-1.817-9.09 c0-4.284,1.144-8.3,3.142-11.76l16.03,9.28C363.95,274.856,357.607,279.271,350.182,280.211L350.182,280.211z M326.898,302.083 c3.59-6.213,9.932-10.63,17.356-11.569c1.172,2.797,1.818,5.867,1.818,9.09c0,4.285-1.142,8.302-3.14,11.762l-16.033-9.28 L326.898,302.083z M326.898,268.641l16.033-9.277c1.998,3.458,3.14,7.474,3.14,11.76c0,3.222-0.645,6.292-1.817,9.088 C336.83,279.271,330.487,274.857,326.898,268.641L326.898,268.641z M341.281,285.364c-4.286,5.635-11.052,9.275-18.67,9.275 v-18.552C330.229,276.087,336.995,279.725,341.281,285.364L341.281,285.364z M367.539,302.083l-16.034,9.282 c-1.995-3.46-3.14-7.477-3.14-11.76c0-3.225,0.647-6.295,1.818-9.092C357.608,291.453,363.953,295.87,367.539,302.083z'/%3E%3C/g%3E%3C/svg%3E");
}

.info_icon{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2395C03D' d='M500.991,973.354C239.083,973.354,26,760.268,26,498.351C26,236.438,239.083,23.354,500.991,23.354 C762.907,23.354,976,236.438,976,498.351C976,760.268,762.907,973.354,500.991,973.354z M500.991,86.754 C274.04,86.754,89.4,271.395,89.4,498.351c0,226.961,184.645,411.604,411.596,411.604c226.96,0,411.604-184.644,411.604-411.604 C912.6,271.395,727.951,86.754,500.991,86.754z'/%3E%3Cg%3E%3Cpath fill='%2395C03D' d='M448.61,246.723c0-16.669,4.565-29.501,13.694-38.499c9.128-8.993,22.158-13.494,39.093-13.494 c16.403,0,29.172,4.501,38.301,13.494c9.129,8.998,13.692,21.83,13.692,38.499c0,15.876-4.563,28.377-13.692,37.506 s-21.896,13.694-38.301,13.694c-16.936,0-29.965-4.565-39.093-13.694C453.175,275.1,448.61,262.599,448.61,246.723z M547.436,801.979h-93.271V363.013h93.271V801.979z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navigation_icon{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2395C03D' d='M500.992,973.354C239.083,973.354,26,760.268,26,498.351C26,236.438,239.083,23.354,500.992,23.354 C762.908,23.354,976,236.438,976,498.351C976,760.268,762.908,973.354,500.992,973.354z M500.992,86.754 C274.04,86.754,89.4,271.395,89.4,498.351c0,226.961,184.644,411.604,411.596,411.604c226.96,0,411.604-184.644,411.604-411.604 C912.6,271.395,727.952,86.754,500.992,86.754z'/%3E%3C/g%3E%3Cpolygon fill='%2395C03D' points='777.104,605.224 535.276,363.396 535.271,363.4 498.443,326.573 222.25,602.767 291.122,671.638 498.448,464.312 708.232,674.096 '/%3E%3C/svg%3E");
	width:32px;
	height:32px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.plus_icon{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2395C03D' d='M499.049,970.229c-261.913,0-474.996-213.082-474.996-475.002c0-261.913,213.083-474.996,474.996-474.996 c261.917,0,475.004,213.083,475.004,474.996C974.053,757.147,760.966,970.229,499.049,970.229z M499.049,83.633 c-226.956,0-411.596,184.642-411.596,411.597c0,226.957,184.64,411.603,411.596,411.603c226.96,0,411.604-184.646,411.604-411.603 C910.652,268.274,726.009,83.633,499.049,83.633z'/%3E%3Cpath fill='%2395C03D' d='M744.666,526.927H253.44c-17.51,0-31.699-14.189-31.699-31.697s14.189-31.7,31.699-31.7h491.227 c17.509,0,31.698,14.192,31.698,31.7C776.365,512.736,762.175,526.927,744.666,526.927z'/%3E%3Cpath fill='%2395C03D' d='M499.049,772.543c-17.511,0-31.7-14.19-31.7-31.699V249.62c0-17.507,14.189-31.7,31.7-31.7 c17.509,0,31.699,14.193,31.699,31.7v491.224C530.748,758.353,516.558,772.543,499.049,772.543z'/%3E%3C/g%3E%3C/svg%3E");
	height:32px;
	width:32px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.schuco-footer button{
	margin:unset;
}



.buttons_container{
	position: relative;
    justify-content: space-evenly;
    max-width: 600px;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    margin: 5px auto;
}


.nbs_logo{
		background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='109.00098' height='53.00399' viewBox='0 0 28.839843 14.023972' version='1.1' id='svg7892' inkscape:version='0.92.0 r15299' sodipodi:docname='nbs.svg'%3E%3Cdefs id='defs7886'%3E%3Cstyle id='style7894'%3E.cls-2 %7B fill: %23592d5e; %7D%3C/style%3E%3C/defs%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='8.30548' inkscape:cx='54.000491' inkscape:cy='26.001997' inkscape:document-units='mm' inkscape:current-layer='layer1' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' units='px' inkscape:window-width='1280' inkscape:window-height='744' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:window-maximized='1' /%3E%3Cmetadata id='metadata7889'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(-322.11118,-258.86165)'%3E%3Cpath class='cls-2' id='path-1' d='m 348.34408,264.70817 c 0,0.52123 0.51435,0.59002 1.10252,0.77259 0.72311,0.22357 1.37213,0.5416 1.37213,1.4433 0,0.92075 -0.6895,1.4769 -1.70339,1.4769 -0.47942,0 -1.06732,-0.12885 -1.51474,-0.37227 v -0.9017 c 0.49398,0.35296 1.11602,0.50853 1.52215,0.50853 0.48684,0 0.83767,-0.21087 0.83767,-0.6641 0,-0.54293 -0.51329,-0.61701 -1.14935,-0.80698 -0.68262,-0.20955 -1.32477,-0.52123 -1.32477,-1.39568 0,-0.88741 0.66252,-1.42266 1.64968,-1.42266 0.47361,0 1.04087,0.11509 1.45256,0.35904 v 0.86704 c -0.48604,-0.31803 -1.06097,-0.46038 -1.45944,-0.46038 -0.46037,0 -0.78475,0.18256 -0.78475,0.59611 z m -1.47769,2.15477 c 0,0.46037 -0.18918,0.87365 -0.64241,1.15094 -0.35084,0.21643 -0.81121,0.31221 -1.51342,0.31221 h -1.36657 v -4.90511 h 1.36578 c 0.64876,0 1.05436,0.0672 1.38588,0.26458 0.35825,0.20981 0.57362,0.5416 0.57362,0.98875 0,0.52916 -0.31035,0.85328 -0.73633,1.00277 v 0.0138 c 0.60139,0.14816 0.93292,0.56223 0.93292,1.1721 z m -1.35864,-2.55455 c -0.18971,-0.10848 -0.41857,-0.13653 -0.85196,-0.13653 h -0.45244 v 1.33535 h 0.76333 c 0.4736,0 0.84455,-0.20372 0.84455,-0.66357 0,-0.25823 -0.1143,-0.42757 -0.30348,-0.53578 z m -0.51382,1.81504 h -0.7911 v 1.44992 h 0.54768 c 0.50721,0 0.78423,-0.0537 0.9742,-0.17542 0.15531,-0.10134 0.2831,-0.2712 0.2831,-0.55563 0,-0.4736 -0.36512,-0.71861 -1.01388,-0.71861 z m -4.99454,-0.1614 c -0.28257,-0.40745 -0.54769,-0.79295 -0.81174,-1.18639 l -0.0127,0.007 c 0.0127,0.46091 0.0127,0.96203 0.0127,1.48431 v 2.059 h -0.77999 v -4.90511 h 0.76147 l 1.64835,2.36431 c 0.28258,0.4064 0.5469,0.79296 0.81121,1.18613 l 0.0124,-0.006 c -0.0124,-0.46117 -0.0124,-0.96308 -0.0124,-1.48431 v -2.05978 h 0.78476 v 4.90537 h -0.7665 l -1.64782,-2.36432 z m -9.6737,-0.0884 c 1.13348,-1.49172 2.92365,-2.45427 4.93925,-2.45427 v 4.90855 c -2.0156,0 -3.80577,-0.96309 -4.93925,-2.45428 z m -0.7874,-1.36313 c -0.30956,-0.73978 -0.48074,-1.55205 -0.48074,-2.40506 0,-1.13348 0.30268,-2.19604 0.83132,-3.1115 l 4.24127,2.45533 c -0.94906,1.64439 -2.62731,2.81252 -4.59185,3.06123 z m -6.16055,5.78697 c 0.94985,-1.64386 2.62784,-2.81252 4.5921,-3.06123 0.3101,0.7403 0.48102,1.55257 0.48102,2.40506 0,1.13374 -0.30216,2.19657 -0.8308,3.11203 l -4.24206,-2.45534 z m 0,-8.84846 4.24206,-2.45454 c 0.52864,0.91493 0.83079,1.97749 0.83079,3.1115 0,0.85248 -0.17065,1.66475 -0.48075,2.40453 -1.96426,-0.24871 -3.64251,-1.41684 -4.5921,-3.06123 z m 3.8055,4.42462 c -1.13401,1.49093 -2.92418,2.45428 -4.93977,2.45428 v -4.90855 c 2.01559,0 3.80576,0.96255 4.93977,2.45427 z m 6.94743,4.42384 -4.24233,2.45586 c -0.52785,-0.91546 -0.83079,-1.97829 -0.83079,-3.1115 0,-0.85302 0.17118,-1.66529 0.48101,-2.40559 1.96453,0.24871 3.64331,1.41737 4.59211,3.06123 z' inkscape:connector-curvature='0' style='fill:%23592d5e;fill-rule:evenodd;stroke-width:0.26458332' /%3E%3C/g%3E%3C/svg%3E");
		    background-size: contain;
    background-repeat: no-repeat;
    min-height: 3rem;
	}

.schuco_logo{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='svg2802' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='900px' height='170px' viewBox='0 0 900 170' enable-background='new 0 0 900 170' xml:space='preserve'%3E%3Cg id='layer1'%3E%3Cg id='g2821' transform='matrix(4.967121,0,0,4.967121,-898.21855,-1991.6364)'%3E%3Cpath id='path13' fill='%23231F20' d='M208.401,426.983c0,4.295-2.398,6.185-6.919,6.185h-18.276l1.134-4.115h17.019 c1.484,0,2.265-0.408,2.265-2.07v-0.459c0-1.663-0.781-2.069-2.265-2.069h-11.595c-4.521,0-6.917-1.891-6.917-6.186v-0.189 c0-4.295,2.396-6.185,6.917-6.185h17.694l-1.133,4.116h-16.437c-1.483,0-2.264,0.407-2.264,2.069v0.189 c0,1.663,0.781,2.07,2.264,2.07h11.595c4.523,0,6.919,1.89,6.919,6.185V426.983'/%3E%3Cpath id='path15' fill='%23231F20' d='M236.775,433.168h-16.592c-4.681,0-7.285-2.079-7.285-6.553v-8.166 c0-4.475,2.604-6.554,7.285-6.554h16.469l-1.136,4.116h-15.209c-1.524,0-2.631,0.686-2.631,2.438v8.166 c0,1.751,1.107,2.438,2.631,2.438h15.335L236.775,433.168'/%3E%3Cpath id='path17' fill='%23231F20' d='M261.963,424.163H245.79v9.005h-4.779v-21.273h4.779v8.225h16.174v-8.225h4.777v21.273h-4.777 V424.163'/%3E%3Cpath id='path19' fill='%23231F20' d='M328.158,433.168h-16.592c-4.679,0-7.285-2.079-7.285-6.553v-8.166 c0-4.475,2.606-6.554,7.285-6.554h16.471l-1.137,4.116h-15.21c-1.521,0-2.63,0.686-2.63,2.438v8.166 c0,1.751,1.109,2.438,2.63,2.438h15.335L328.158,433.168'/%3E%3Cpath id='path21' fill='%23231F20' d='M272.325,426.615v-14.72h4.777v14.72c0,1.751,1.109,2.438,2.633,2.438h12.029 c1.523,0,2.631-0.686,2.631-2.438v-14.72h4.779v14.72c0,4.474-2.604,6.553-7.285,6.553h-12.278 C274.93,433.168,272.325,431.089,272.325,426.615'/%3E%3Cpath id='path23' fill='%23231F20' d='M355.232,426.615v-8.166c0-1.751-1.109-2.438-2.631-2.438H338.91 c-1.523,0-2.631,0.686-2.631,2.438v8.166c0,1.751,1.109,2.438,2.631,2.438h13.691 C354.124,429.053,355.232,428.366,355.232,426.615z M352.725,433.168h-13.939c-4.68,0-7.284-2.079-7.284-6.553v-8.166 c0-4.475,2.604-6.554,7.284-6.554h13.939c4.68,0,7.286,2.079,7.286,6.554v8.166C360.011,431.089,357.405,433.168,352.725,433.168' /%3E%3Cpath id='path25' fill='%23231F20' d='M282.155,402.985h7.189l-1.51,5.855h-4.169L282.155,402.985'/%3E%3Cpath id='path27' fill='%23231F20' d='M291.979,402.985h6.124l-3.708,5.855h-4.326L291.979,402.985'/%3E%3Cpath id='path29' fill='%23231F20' d='M273.396,402.985h6.122l1.911,5.855h-4.327L273.396,402.985'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	    background-size: contain;
    background-repeat: no-repeat;
    min-height: 1.6rem;
}
/* slide out panel */

#slideOut {
  position: fixed;
  width: 260px;
  height: 800px;
  top: 60px;
  left: -260px;
  z-index: 5;
  /* Animation  */
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

#slideOut .modal-body ul{
	
	list-style-type: none;
	
}
#slideOut .modal-body ul li{
	
	padding: 8px 0;
	
	
}



/* Tab */

/*

.slideOutTab {
  margin-top: 50px;
  position: absolute;
  left: 258px;
  height: 200px;
  width: 40px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  background: #95c03d;
  color:white;
  border-radius:0px 15px 15px 0px;
  cursor:pointer;
}*/

.slideOutTab {
    margin-top: 30px;
    position: absolute;
    left: 260px;
    height: 44px;
    width: 65px;
    /* -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%); */
    /* box-shadow: 0 5px 15px rgb(0 0 0 / 50%); */
    background: white;
    color: white;
    /* border-radius: 50%; */
    cursor: pointer;
    z-index: 5;
}


.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 0);
}
.slideOutTab img{
	width:35px;
	
}


/*
.slideOutTab div {
  text-align: center;
  position: relative;
  right: 70px;
  top: 90px;
  width: 180px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  writing-mode: lr-tb;
}*/

.slideOutTab div{
	text-align: center;
    top: 4px;
    position: relative;
}
#slideOut .modal-title {
    font-size: 1.8em;
}
#slideOut,
#slideOut li,
#slideOut li a {
	color:	grey;
	font-size: 16px;
}

#slideOut a{
	text-decoration: none;
 	text-decoration-color: #95c03d;
	cursor:pointer;
}
#slideOut .modal-body ul {
	padding-left:0;
	
}
#slideOut ul li {
border-bottom: 1px solid #95c03d;
}

#slideOut .modal-body .instruction_title {
	margin-bottom :10px;
}
#slideOut .modal-body .instruction_btn img {
	width: 32px;
}

#slideOut .chevron::before {
	border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 8px;
    left: 5px;
    position: relative;
    top: 0px;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 8px;
	color:grey;
}


/* Display slideOut */

.showSlideOut {
  left: 0px !important;
}

#slideOut .modal-content {
    top: 15px;
	border:0;
	border-radius: 0;
}


#slideOut .modal-title img{
	width: 50%;
	
}

#slideOut .modal-content .title {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 1.4em;
}

#slideOut .modal-footer{
	display:block;
	text-align:left;
	border-color: #95c03d;
	justify-content: unset;
}


#slideOut .modal-footer img {
    width: 30%;
}



.canvas_container {
    width: 569px;
	max-width: 100%;
    height: 656px;
    overflow: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    margin: auto;
}


@media (max-width: 991px) {
.canvas_container {
	width:435px;
	aspect-ratio: 1 / 1.2;
	}
}

@media (max-width: 575px) {
.canvas_container {
	width:435px;
	aspect-ratio: 1 / 1.2;
	}
}

#productModal .pdf_container  canvas{
	padding: 0;
    margin: auto;
    display: block;
	overflow:auto;
}

#pdf_container .buttons_container .btn,
#pdf_container .canvas_container .btn{
	
		width:40px;
		height:40px;
		background-repeat:no-repeat;
	    opacity: 0.4;
}
#pdf_container .buttons_container .zoom_in{
	
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M312 196v24c0 6.6-5.4 12-12 12h-68v68c0 6.6-5.4 12-12 12h-24c-6.6 0-12-5.4-12-12v-68h-68c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h68v-68c0-6.6 5.4-12 12-12h24c6.6 0 12 5.4 12 12v68h68c6.6 0 12 5.4 12 12zm196.5 289.9l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L347.5 387.1c-2.3-2.3-3.5-5.3-3.5-8.5v-13.2c-36.5 31.5-84 50.6-136 50.6C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208c0 52-19.1 99.5-50.6 136h13.2c3.2 0 6.2 1.3 8.5 3.5l121.4 121.4c4.7 4.7 4.7 12.3 0 17zM368 208c0-88.4-71.6-160-160-160S48 119.6 48 208s71.6 160 160 160 160-71.6 160-160z'/%3E%3C/svg%3E");	
}
#pdf_container .buttons_container .zoom_out{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M312 196v24c0 6.6-5.4 12-12 12H116c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h184c6.6 0 12 5.4 12 12zm196.5 289.9l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L347.5 387.1c-2.3-2.3-3.5-5.3-3.5-8.5v-13.2c-36.5 31.5-84 50.6-136 50.6C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208c0 52-19.1 99.5-50.6 136h13.2c3.2 0 6.2 1.3 8.5 3.5l121.4 121.4c4.7 4.7 4.7 12.3 0 17zM368 208c0-88.4-71.6-160-160-160S48 119.6 48 208s71.6 160 160 160 160-71.6 160-160z'/%3E%3C/svg%3E");}
#pdf_container .canvas_container .prev_btn{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z'/%3E%3C/svg%3E");
}
#pdf_container .canvas_container .next_btn{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z'/%3E%3C/svg%3E");}

#pdf_container .buttons_container .download {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M497.6,0,334.4.17A14.4,14.4,0,0,0,320,14.57V47.88a14.4,14.4,0,0,0,14.69,14.4l73.63-2.72,2.06,2.06L131.52,340.49a12,12,0,0,0,0,17l23,23a12,12,0,0,0,17,0L450.38,101.62l2.06,2.06-2.72,73.63A14.4,14.4,0,0,0,464.12,192h33.31a14.4,14.4,0,0,0,14.4-14.4L512,14.4A14.4,14.4,0,0,0,497.6,0ZM432,288H416a16,16,0,0,0-16,16V458a6,6,0,0,1-6,6H54a6,6,0,0,1-6-6V118a6,6,0,0,1,6-6H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V304A16,16,0,0,0,432,288Z'/%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
}
.page_numbers {
    position: relative;
    right: 0;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #92bf3b;
	font-size: 1.2rem;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.buttons_container{
	position: relative;
    justify-content: space-around;
	align-items: center;
	flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    margin: 5px auto;
}


#cookie_consent {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #000;
    width: 100%;
    padding: 20px;
    z-index: 1000;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#cookie_consent .copy {
	display: inline-block;
	padding-right:20px;
}
#cookie_consent button {
    background-color: var(--main-color);
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /* background-color: transparent; */
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

#cookies_not_ok{
	background-color: grey !important;
}

.hide {
	display:none !important;
}