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


:root {
	--main-color: rgb(0,168,225);
	--blue-text: rgb(36 75 144);
}


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




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

   outline: none; 
	border:none;
}

a{
	color: var(--blue-text);
}

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

.modal-header{
	border:none;
}

.modal-body{
	min-height:400px;
	    margin-bottom: 15px;
}
p {
    font-size: 15px;
    line-height: 24px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
 {
    color: grey;
    background-color: white;
    border-color: white;
	left:0;
	right:0;
	margin:50px auto;
}

.btn {
     transition: unset; 
}

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

.slideOutTab button{
display: flex;
    justify-content: space-evenly;
    align-items: center;
   height: 37px;
   padding: 0.375rem 0.75rem;
}

.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-body .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 0.5rem;
}

.offcanvas-start {
    width: 280px;
}

.offcanvas-body .navigation .nav_icon_container {
    width: 50%;
    text-align: center;
    margin-top: 10px;
}
.offcanvas-body .navigation {
	width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
}


.offcanvas-body .welcome{
	margin-bottom:0;
	
}

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

.row,
.container{
	width: 100%;
	/*max-width: 600px;*/
    left: 0;
    right: 0;
	 margin: 10px auto;
}

.row{
	    --bs-gutter-x: 0;
		margin: 5px auto;
}

#hotspot {
    position: fixed;
    top: 80px;
    right: 14px;
	font-weight:700;
    z-index: 1;
    color: white;
    font-size: 1.6rem;
    background-color: white;
    color: var(--main-color);
    padding: 5px 10px;
    border: solid 6px var(--main-color);
	border-radius: 30px;
    display: none;
}



@media screen and (max-width: 400px) {
#hotspot {
    max-width:260px;
  }
}


#welcome_cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    overflow-x: hidden;
    overflow-y: auto;
	z-index:5;
	display: flex;
    justify-content: center;
    align-items: center
}

#welcome {
    top: 0;
    border: 0;
    background-color: white;
    width: 80%;
    left: 0;
    right: 0;
    margin: 20px auto;
    padding: 20px;
    max-width: 800px;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 0 0 4px;
    border-color: var(--main-color);
    border-radius: 0;
    padding: 15px;
    min-width: 250px;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);
}

#welcome .close {
    font-size: 1.4rem;
    color: gray;
    text-align: right;
    width: 100%;
    cursor: pointer;
}
#welcome h2{
	width:90%;
	text-align:center;
	font-weight:700;
	margin-bottom:20px;
	
}

#welcome .navigation_icon,
#welcome .plus_icon,
#welcome .row .pipes_icon{
	display: inline-block;
	margin: 0 10px;
	
}

#welcome .row {
    width: 100%;
    max-width: unset;
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.4rem;
    display: flex;
}

#logo_container{
    position: fixed;
    height: 50px;
    width: 200px;
	max-width:50%;
    top: 10px;
    right: 10px;
    z-index: 5;

}
#logo_container .wavin_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;
}

#productModal .modal-body .title {
    text-align: left;
    font-size: 1.6rem;
	margin:10px 0;
	text-transform: capitalize;
}

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

}

.modal-body .video_container iframe {
    width: 100%;
    height: 100%;
}
#productModal .modal-body .pdf_container .list .pdf,
#productModal .modal-body .training_container .list .training{
	
	height: 150px;
	margin:10px 10px 0 0;
	position: relative;
}



#productModal .modal-header .btn-close{
    position: absolute;
    right: 10px;
    top: 40px;
}
#productModal .video,
#productModal .pdf{
	cursor:pointer;	
	
	
}
#productModal .pdf_icon {
    width: 100%;
	    min-width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto;
}

#productModal .file {
	text-align: center;
}

#player,
#sa_player {
	display:none;
	width: 100%;
	margin-bottom:10px;
	aspect-ratio: 16 / 9;
}

#sa_player {
	display:block;
}

#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%;
  }
}

.video img{
    border: 0;
    width: 100%;
	    min-width: 80px;
	height:auto;
	z-index: 1;
	border: 1px solid var(--main-color);
}

.pdf img,
.training img {
    border: 0;
    height: 100%;
   min-width: 80px;
    object-fit: contain;
    z-index: 1;
	border: 1px solid var(--main-color);
}

.video .play_icon,
.pdf .pdf_icon,
.training .pdf_icon {
	position: absolute;
	width: 80px;
    height: 80px;
	z-index: 2;
}



.video_container,
.pdf_container,
.training_container {
       overflow: hidden;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.video,
.video_container,
.video-container{
	/*aspect-ratio: 16 / 9;*/
	height: 100%;
}


#productModal .modal-title {
    width: 50%;
    font-size: 2.5em;
    text-align: right;
    padding-left: 0;
    padding-top: 15px;
    padding-right: 30px;
}

#offcanvas1 .modal-title {
    width: 100%;
}

.modal-header{
	width:100%;
	/*max-width:600px;*/
	left:0;
	right:0;
	margin:0 auto;
	
}
.modal-header .btn-close {
    margin: -2.5rem -.5rem -.5rem auto;
}
#productModal .modal-header .wavin_logo {
   height:50px;
   width:50%;
}

@media only screen and (max-width: 991px) {


.modal-title {
    width: 100%;
	padding-left:15px;
}

#productModal .modal-title {
    padding-top: 0;
    font-size: 1.6em;
    align-self: baseline;
}
#productModal .modal-header .wavin_logo {
   height:40px;
   width:30%;
}

}

@media only screen and (max-width: 451px) {
	#productModal .modal-title {
    text-align: left;
	 padding-right: 0;
}
	
}

#offcanvas1 .modal-header  .wavin_logo {
    height: unset;
    left: 0;
    right: 0;
    margin: 0 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: var(--main-color);
	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: var(--main-color);
    border-color: var(--main-color);
}

#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;
}
}




.wavin-footer .video{
	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='%2300A8E1' 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='%2300A8E1' points='322.072,759.28 322.072,237.42 765.663,498.351 '/%3E%3C/g%3E%3C/svg%3E");
}
.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='%2300A8E1' 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='%2300A8E1' 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='%2300A8E1' 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='%2300A8E1' 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");
}
.wavin-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='%2300A8E1' 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='%2300A8E1' 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='%2300A8E1' 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='%2300A8E1' 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");
}
.wavin-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_1_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='500 0 1000 1000' enable-background='new 500 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2300A8E1' d='M1002,23c-262.335,0-475,212.665-475,475c0,262.336,212.665,475,475,475c262.336,0,475-212.664,475-475 C1477,235.665,1264.336,23,1002,23z M1277.176,773.176c-35.768,35.768-77.395,63.839-123.725,83.435 c-47.922,20.269-98.878,30.546-151.451,30.546s-103.529-10.277-151.452-30.546c-46.33-19.596-87.957-47.667-123.724-83.435 s-63.838-77.395-83.435-123.725c-20.269-47.922-30.546-98.878-30.546-151.451s10.278-103.529,30.547-151.452 c19.596-46.331,47.667-87.957,83.435-123.724s77.393-63.839,123.724-83.435c47.922-20.269,98.877-30.546,151.451-30.546 s103.529,10.277,151.451,30.547c46.33,19.596,87.957,47.668,123.725,83.435c35.766,35.767,63.839,77.394,83.435,123.724 c20.269,47.922,30.546,98.877,30.546,151.451s-10.277,103.529-30.546,151.451C1341.015,695.781,1312.941,737.408,1277.176,773.176z '/%3E%3Crect x='962.488' y='363.013' fill='%2300A8E1' width='93.271' height='438.966'/%3E%3Cpath fill='%2300A8E1' d='M1009.721,194.73c-16.936,0-29.966,4.501-39.094,13.494c-9.129,8.998-13.693,21.83-13.693,38.499 c0,15.876,4.564,28.377,13.693,37.506c9.128,9.129,22.157,13.694,39.094,13.694c16.404,0,29.172-4.565,38.301-13.694 s13.691-21.63,13.691-37.506c0-16.669-4.563-29.501-13.691-38.499C1038.893,199.231,1026.123,194.73,1009.721,194.73z'/%3E%3C/g%3E%3C/svg%3E");
}
.navigation_icon{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2_1_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='500 0 1000 1000' enable-background='new 500 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2300A8E1' d='M1002,23c-262.335,0-475,212.665-475,475c0,262.336,212.665,475,475,475c262.336,0,475-212.664,475-475 C1477,235.665,1264.336,23,1002,23z M1277.176,773.176c-35.768,35.768-77.395,63.839-123.725,83.435 c-47.922,20.269-98.878,30.546-151.451,30.546s-103.529-10.277-151.452-30.546c-46.33-19.596-87.957-47.667-123.724-83.435 s-63.838-77.395-83.435-123.725c-20.269-47.922-30.546-98.878-30.546-151.451s10.278-103.529,30.547-151.452 c19.596-46.331,47.667-87.957,83.435-123.724s77.393-63.839,123.724-83.435c47.922-20.269,98.877-30.546,151.451-30.546 s103.529,10.277,151.451,30.547c46.33,19.596,87.957,47.668,123.725,83.435c35.766,35.767,63.839,77.394,83.435,123.724 c20.269,47.922,30.546,98.877,30.546,151.451s-10.277,103.529-30.546,151.451C1341.015,695.781,1312.941,737.408,1277.176,773.176z '/%3E%3Cpolygon fill='%2300A8E1' points='1043.272,352.448 1008.146,317.322 744.708,580.76 810.399,646.449 1008.15,448.7 1208.246,648.794 1273.938,583.103 1043.277,352.444 '/%3E%3C/g%3E%3C/svg%3E");	width:32px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	height:32px;
	width:32px;
	}
.plus_icon{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2_1_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='500 0 1000 1000' enable-background='new 500 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2300A8E1' d='M1002,23c-262.335,0-475,212.665-475,475c0,262.336,212.665,475,475,475c262.336,0,475-212.664,475-475 C1477,235.665,1264.336,23,1002,23z M1360.61,649.451c-19.596,46.33-47.669,87.957-83.435,123.725 c-35.768,35.768-77.395,63.839-123.725,83.435c-47.922,20.269-98.878,30.546-151.451,30.546s-103.529-10.277-151.452-30.546 c-46.33-19.596-87.957-47.667-123.724-83.435s-63.838-77.395-83.435-123.725c-20.269-47.922-30.546-98.878-30.546-151.451 s10.278-103.529,30.547-151.452c19.596-46.331,47.667-87.957,83.435-123.724s77.393-63.839,123.724-83.435 c47.922-20.269,98.877-30.546,151.451-30.546s103.529,10.277,151.451,30.547c46.33,19.596,87.957,47.668,123.725,83.435 c35.766,35.767,63.839,77.394,83.435,123.724c20.269,47.922,30.546,98.877,30.546,151.451S1380.879,601.529,1360.61,649.451z'/%3E%3Cpolygon fill='%2300A8E1' points='1273.938,457.5 1051.823,457.5 1051.823,235.385 966.824,235.385 966.824,457.5 744.708,457.5 744.708,542.5 966.824,542.5 966.824,764.614 1051.823,764.614 1051.823,542.5 1273.938,542.5 '/%3E%3C/g%3E%3C/svg%3E");	height:32px;
	height:32px;
	width:32px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.pipes_icon{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='300px' height='300px' viewBox='0 0 300 300' enable-background='new 0 0 300 300' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23F16722' d='M150,295C70.047,295,5,229.953,5,150S70.047,5,150,5s145,65.047,145,145S229.953,295,150,295z'/%3E%3Cpath fill='%23FFFFFF' d='M150,10c37.396,0,72.553,14.563,98.995,41.005C275.438,77.448,290,112.604,290,150 c0,37.396-14.563,72.553-41.005,98.995S187.396,290,150,290c-37.396,0-72.552-14.563-98.995-41.005 C24.563,222.553,10,187.396,10,150c0-37.396,14.563-72.552,41.005-98.995C77.448,24.563,112.604,10,150,10 M150,0 C67.157,0,0,67.157,0,150s67.157,150,150,150s150-67.157,150-150S232.843,0,150,0L150,0z'/%3E%3C/g%3E%3Cpolygon fill='%23FFFFFF' points='161.726,47.475 161.726,43.125 158.831,43.125 158.831,37.726 131.832,37.726 131.832,43.125 128.937,43.125 128.937,47.475 131.832,47.475 131.832,257.826 128.936,257.826 128.936,262.176 131.832,262.176 131.832,267.576 158.831,267.576 158.831,262.176 161.726,262.176 161.726,257.826 158.831,257.826 158.831,47.475 '/%3E%3Cg%3E%3Cpolygon fill='%23FFFFFF' points='127.097,162.738 64.579,162.738 64.579,160.011 60.229,160.011 60.229,162.738 54.83,162.738 54.83,189.738 60.229,189.738 60.229,192.799 64.579,192.799 64.579,189.738 127.097,189.738 '/%3E%3Cpath fill='%23FFFFFF' d='M225.244,99.667v-5.4h-27v5.4h-2.895v4.35h2.895v55.713c0,1.658-1.349,3.008-3.008,3.008h-31.67v27h31.67 c16.547,0,30.008-13.461,30.008-30.008v-55.713h2.896v-4.35H225.244z'/%3E%3C/g%3E%3C/svg%3E");
	height:32px;
	width:32px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.wavin-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;
	}

.wavin_logo{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='svg2544' 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='1024px' height='262px' viewBox='0 0 1024 262' enable-background='new 0 0 1024 262' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M1005.718,81.59l-1.359-4.08l-1.813-3.626l-1.813-3.626l-2.268-3.626l-2.268-3.626l-1.813-3.173l-2.72-3.626 l-2.268-3.173l-2.72-3.173l-2.72-3.173l-2.72-3.173l-3.174-2.719l-2.72-2.72l-3.173-2.72L969,32.636l-3.174-2.717l-3.626-2.267 l-3.626-2.266l-3.173-2.267l-3.627-1.813l-3.627-2.267l-4.078-1.813l-3.627-1.813l-4.078-1.36l-3.626-1.36l-4.08-1.359l-4.079-1.36 l-4.08-0.907l-4.079-1.36l-4.079-0.453l-4.533-0.907l-4.078-0.453L118.213,5.44C86.484,9.973,57.928,23.118,37.078,46.234 C7.162,78.417-3.263,130.542,13.055,172.698c17.677,44.42,57.112,74.788,106.065,79.321l786.879,0.453 c32.635-3.174,61.645-19.943,81.588-44.873C1014.783,174.963,1022.489,122.384,1005.718,81.59z M964.925,186.297 c-15.411,19.49-36.715,32.182-61.191,35.355l-782.344-0.453c-36.261-4.08-65.271-25.385-78.869-59.379 c-13.145-33.995-3.173-75.243,21.757-98.813c15.411-14.958,36.715-25.383,59.832-26.743l779.167,0.452l3.173,0.453l2.72,0.454 l3.173,0.906l2.72,0.907l2.72,0.906l3.174,0.907l2.719,0.907l2.72,1.359l3.174,1.36l2.72,1.36l2.72,1.36l2.267,1.36l2.721,1.813 l2.72,1.36l2.72,1.813l2.267,1.813l2.267,1.813l2.72,2.266l2.268,1.813l1.813,2.267l2.268,2.266l2.267,2.267l1.813,2.266 l1.813,2.267l1.813,2.266l1.813,2.72l1.813,2.266l1.358,2.72l1.813,2.72l1.358,2.72l0.907,2.72l1.359,2.719 C988.948,123.746,984.868,162.273,964.925,186.297z'/%3E%3Cpath id='path2433' fill='%23FFFFFF' d='M391.818,64.76c-12.352,0.113-24.59,3.513-33.882,10.085 c-21.304,13.598-33.996,40.795-28.556,68.897c5.439,19.943,19.944,38.527,39.888,45.326c19.943,8.613,46.687,4.986,62.098-9.064 c0.906,3.626,0,7.705,0.907,11.332h46.232v-30.822h-15.411V99.321l0.906-0.906h14.505V67.592h-46.232v0.453v0.907v1.36v1.36v0.906 v0.454v0.906v0.454v0.906v0.453v0.907v0.453l-0.453,0.454v0.453v0.453c-1.813-0.906-3.627-2.719-5.439-4.079 C416.635,67.819,404.17,64.646,391.818,64.76z M395.445,98.302c2.733-0.121,5.439,0.227,8.272,1.021 c7.252,2.72,13.145,6.8,17.679,13.145l0.452,0.907l0.453,0.906l0.454,0.907l0.453,0.453l0.453,1.36l0.453,0.907l0.453,0.906v0.907 l0.453,0.906l0.452,0.907v1.36l0.454,0.906v0.907l0.453,0.907v1.36v0.906v0.907v1.36v0.906v0.907v1.359v0.906v0.906l-0.453,0.907 v1.358l-0.454,0.906v0.906l-0.452,0.906l-0.453,0.906l-0.453,0.907l-0.453,0.906l-0.453,0.906 c-5.893,9.973-17.225,17.225-29.01,16.771c-12.691-1.359-23.57-9.066-28.103-20.852c-4.08-11.331,0-23.57,7.706-32.182 C379.58,102.721,387.243,98.663,395.445,98.302z'/%3E%3Cpath id='path2435' fill='%23FFFFFF' d='M880.159,90.655l0.906,1.813l0.906,2.267l0.453,1.813l0.906,2.267l0.453,1.813l0.454,2.266 l0.452,2.267l0.453,2.266v2.267l0.453,2.266v2.267v2.266l0.453,4.533v4.533v4.986l-0.453,4.533v9.52l-0.453,4.985v4.533l0.453,4.985 v4.531l15.411,0.453v28.104h-51.673v-82.042c-1.813-7.252-9.519-12.238-16.316-13.598c-9.065-1.36-19.037,3.173-23.117,10.425 l-1.813,4.986v48.5l15.411,0.906v29.916l-67.084,0.453v-30.822c4.079-0.453,9.52,1.359,13.145-0.906V98.814H756.87V67.991h46.232 c0.453,2.72,0,5.893,0.453,8.612c10.427-11.332,29.011-12.238,43.969-10.425C862.028,69.805,873.36,78.417,880.159,90.655z'/%3E%3Cpath id='path2437' fill='%23FFFFFF' d='M176.685,97.907h-0.454h-0.906h-0.454h-0.906h-0.454l-0.906-0.453h-0.453h-0.907h-0.453 h-0.454l-0.453,0.453l0,0h-0.453h-0.453l0,0h-0.454h-0.453h-0.453v0.453h-0.454h-0.453v0.454h-0.453l12.238,52.125l1.813-2.72 l22.664-81.589h30.369c8.159,28.103,14.958,56.659,23.117,84.309c5.439-17.225,9.519-34.901,13.598-52.58l-9.972-0.453V67.085 h57.112V98.36h-10.425c-9.519,30.369-17.678,61.646-26.743,92.468h-40.794c-8.159-20.396-13.599-42.607-20.851-63.458 c-7.706,20.397-14.505,41.7-21.304,62.551H155.38L129.998,98.36l-9.972-0.453V66.632h56.659V97.907z'/%3E%3Cpath id='path2439' fill='%23FFFFFF' d='M556.071,98.36h-0.453h-0.906h-0.453h-0.906l-1.359-0.453h-0.453h-0.907h-0.453h-0.905h-0.453 h-0.453h-0.453v0.453h-0.453h-0.454l0,0h-0.453H546.1v0.454h-0.452c5.893,17.677,11.332,35.808,18.131,53.032 c6.799-17.224,12.237-35.354,18.131-53.032c-2.721-1.36-6.801-0.454-9.973-0.454V67.538h56.658V98.36l-9.972,0.454 c-12.238,30.369-23.117,61.645-34.448,92.467h-41.248l-33.542-92.467l-9.972-0.454V67.538h56.658V98.36z'/%3E%3Cpolygon id='polygon2441' fill='%23FFFFFF' points='721.515,98.815 706.557,98.815 706.104,160.459 721.062,160.459 721.062,191.281 654.431,191.281 654.431,160.459 667.122,160.459 667.575,98.815 654.884,98.361 654.884,67.539 721.515,67.539 '/%3E%3C/svg%3E");
	background-size: contain;
    background-repeat: no-repeat;
    min-height: 3.6rem;
}

#slideOut .offcanvas .modal-title .wavin_logo,
#productModal .modal-header .wavin_logo{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='svg2544' 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='1024px' height='262px' viewBox='0 0 1024 262' enable-background='new 0 0 1024 262' xml:space='preserve'%3E%3Cpath fill='%2301a8de' d='M1005.718,81.59l-1.359-4.08l-1.813-3.626l-1.813-3.626l-2.268-3.626l-2.268-3.626l-1.813-3.173l-2.72-3.626 l-2.268-3.173l-2.72-3.173l-2.72-3.173l-2.72-3.173l-3.174-2.719l-2.72-2.72l-3.173-2.72L969,32.636l-3.174-2.717l-3.626-2.267 l-3.626-2.266l-3.173-2.267l-3.627-1.813l-3.627-2.267l-4.078-1.813l-3.627-1.813l-4.078-1.36l-3.626-1.36l-4.08-1.359l-4.079-1.36 l-4.08-0.907l-4.079-1.36l-4.079-0.453l-4.533-0.907l-4.078-0.453L118.213,5.44C86.484,9.973,57.928,23.118,37.078,46.234 C7.162,78.417-3.263,130.542,13.055,172.698c17.677,44.42,57.112,74.788,106.065,79.321l786.879,0.453 c32.635-3.174,61.645-19.943,81.588-44.873C1014.783,174.963,1022.489,122.384,1005.718,81.59z M964.925,186.297 c-15.411,19.49-36.715,32.182-61.191,35.355l-782.344-0.453c-36.261-4.08-65.271-25.385-78.869-59.379 c-13.145-33.995-3.173-75.243,21.757-98.813c15.411-14.958,36.715-25.383,59.832-26.743l779.167,0.452l3.173,0.453l2.72,0.454 l3.173,0.906l2.72,0.907l2.72,0.906l3.174,0.907l2.719,0.907l2.72,1.359l3.174,1.36l2.72,1.36l2.72,1.36l2.267,1.36l2.721,1.813 l2.72,1.36l2.72,1.813l2.267,1.813l2.267,1.813l2.72,2.266l2.268,1.813l1.813,2.267l2.268,2.266l2.267,2.267l1.813,2.266 l1.813,2.267l1.813,2.266l1.813,2.72l1.813,2.266l1.358,2.72l1.813,2.72l1.358,2.72l0.907,2.72l1.359,2.719 C988.948,123.746,984.868,162.273,964.925,186.297z'/%3E%3Cpath id='path2433' fill='%2301a8de' d='M391.818,64.76c-12.352,0.113-24.59,3.513-33.882,10.085 c-21.304,13.598-33.996,40.795-28.556,68.897c5.439,19.943,19.944,38.527,39.888,45.326c19.943,8.613,46.687,4.986,62.098-9.064 c0.906,3.626,0,7.705,0.907,11.332h46.232v-30.822h-15.411V99.321l0.906-0.906h14.505V67.592h-46.232v0.453v0.907v1.36v1.36v0.906 v0.454v0.906v0.454v0.906v0.453v0.907v0.453l-0.453,0.454v0.453v0.453c-1.813-0.906-3.627-2.719-5.439-4.079 C416.635,67.819,404.17,64.646,391.818,64.76z M395.445,98.302c2.733-0.121,5.439,0.227,8.272,1.021 c7.252,2.72,13.145,6.8,17.679,13.145l0.452,0.907l0.453,0.906l0.454,0.907l0.453,0.453l0.453,1.36l0.453,0.907l0.453,0.906v0.907 l0.453,0.906l0.452,0.907v1.36l0.454,0.906v0.907l0.453,0.907v1.36v0.906v0.907v1.36v0.906v0.907v1.359v0.906v0.906l-0.453,0.907 v1.358l-0.454,0.906v0.906l-0.452,0.906l-0.453,0.906l-0.453,0.907l-0.453,0.906l-0.453,0.906 c-5.893,9.973-17.225,17.225-29.01,16.771c-12.691-1.359-23.57-9.066-28.103-20.852c-4.08-11.331,0-23.57,7.706-32.182 C379.58,102.721,387.243,98.663,395.445,98.302z'/%3E%3Cpath id='path2435' fill='%2301a8de' d='M880.159,90.655l0.906,1.813l0.906,2.267l0.453,1.813l0.906,2.267l0.453,1.813l0.454,2.266 l0.452,2.267l0.453,2.266v2.267l0.453,2.266v2.267v2.266l0.453,4.533v4.533v4.986l-0.453,4.533v9.52l-0.453,4.985v4.533l0.453,4.985 v4.531l15.411,0.453v28.104h-51.673v-82.042c-1.813-7.252-9.519-12.238-16.316-13.598c-9.065-1.36-19.037,3.173-23.117,10.425 l-1.813,4.986v48.5l15.411,0.906v29.916l-67.084,0.453v-30.822c4.079-0.453,9.52,1.359,13.145-0.906V98.814H756.87V67.991h46.232 c0.453,2.72,0,5.893,0.453,8.612c10.427-11.332,29.011-12.238,43.969-10.425C862.028,69.805,873.36,78.417,880.159,90.655z'/%3E%3Cpath id='path2437' fill='%2301a8de' d='M176.685,97.907h-0.454h-0.906h-0.454h-0.906h-0.454l-0.906-0.453h-0.453h-0.907h-0.453 h-0.454l-0.453,0.453l0,0h-0.453h-0.453l0,0h-0.454h-0.453h-0.453v0.453h-0.454h-0.453v0.454h-0.453l12.238,52.125l1.813-2.72 l22.664-81.589h30.369c8.159,28.103,14.958,56.659,23.117,84.309c5.439-17.225,9.519-34.901,13.598-52.58l-9.972-0.453V67.085 h57.112V98.36h-10.425c-9.519,30.369-17.678,61.646-26.743,92.468h-40.794c-8.159-20.396-13.599-42.607-20.851-63.458 c-7.706,20.397-14.505,41.7-21.304,62.551H155.38L129.998,98.36l-9.972-0.453V66.632h56.659V97.907z'/%3E%3Cpath id='path2439' fill='%2301a8de' d='M556.071,98.36h-0.453h-0.906h-0.453h-0.906l-1.359-0.453h-0.453h-0.907h-0.453h-0.905h-0.453 h-0.453h-0.453v0.453h-0.453h-0.454l0,0h-0.453H546.1v0.454h-0.452c5.893,17.677,11.332,35.808,18.131,53.032 c6.799-17.224,12.237-35.354,18.131-53.032c-2.721-1.36-6.801-0.454-9.973-0.454V67.538h56.658V98.36l-9.972,0.454 c-12.238,30.369-23.117,61.645-34.448,92.467h-41.248l-33.542-92.467l-9.972-0.454V67.538h56.658V98.36z'/%3E%3Cpolygon id='polygon2441' fill='%2301a8de' points='721.515,98.815 706.557,98.815 706.104,160.459 721.062,160.459 721.062,191.281 654.431,191.281 654.431,160.459 667.122,160.459 667.575,98.815 654.884,98.361 654.884,67.539 721.515,67.539 '/%3E%3C/svg%3E");
	background-size: contain;
    background-repeat: no-repeat;
    min-height: 3.6rem;
}

.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='%2301a8de' 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='%2301a8de' 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;
}
/* 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: var(--main-color);
  color:white;
  border-radius:0px 15px 15px 0px;
  cursor:pointer;
}*/

.slideOutTab {
    margin-top: 25px;
    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: 15px;
}
#slideOut li a {
    position: relative;
    display: flex;
    flex-flow: column wrap;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2_1_' 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%3Cpolygon fill='%23808080' points='734.22,747.673 1000,481.882 736.563,218.443 670.873,284.134 868.622,481.886 668.528,681.981 '/%3E%3C/g%3E%3C/svg%3E");    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position-x: right;
}

#slideOut li a.large_menu_a {
	height: 80px;
}

#slideOut li a span{
	width:200px;
	height:50%;
}

#slideOut li a span.chevron{
	width:10%;
	height:100%
}

#slideOut li a span.product {
    color: var(--main-color);
    white-space: nowrap;
}
element.style {
    color: #01a8de;
}
#slideOut a{
	text-decoration: none;
 	text-decoration-color: var(--main-color);
	cursor:pointer;
}
#slideOut .modal-body ul {
	padding-left:0;
	
}
#slideOut ul li {
border-bottom: 1px solid var(--main-color);
}

#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 {
	border:0;
	border-radius: 0;
}


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

#slideOut .modal-content .title {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-family: 'Open Sans';
    font-weight: 600;
}

#slideOut .modal-footer{
	display:block;
	text-align:left;
	border-color: var(--main-color);
	justify-content: unset;
}


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

#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, 
.template {
	display:none !important;
}