body {
	margin: 0;
	padding:0;
    font-family: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	overflow-y: scroll;
}

h2 {
	margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin: 0;
 
    color: #646463;
	padding-top:10px;
}

.navline
{
	position: absolute;
	bottom:0;
	height:41px;
	width:100%;
	background:pink;
}

.invalidStep {
	display:none !important;
}

.invalidContainer {
	display: none;
}

.hiddenContainer {
	display: none;
}

.disabled {
	display: block;
}



.disabled .wizardFilter {
	display:none;
}

.wizardFilter {
	/*display:none;*/
}

#wizardContainer_container-1 .wizardFilter {
	display:block;
}

.wizardBtn {
	display: none;
}

#reset {
    position: absolute;
    top: 188px;
    right: 45px;
    cursor: pointer;
    white-space: nowrap;
    color: ##353535;
    font-size: 14px;
    font-weight: 400;
    z-index: 100;
    text-transform: uppercase;
}


.reset {
	margin-left:5px;
	text-decoration: underline;
	display: none;
	cursor:pointer;
}

.fa
{
    font-size:16px;
    color:#EBEBEB;
	cursor: pointer;
	padding-right:10px;
}

.wizardStep i.fa-times
{
	position: relative;
	font-size: 22px;
	top: 3px;
}

.logo img {
	border:0px solid #EBEBEB;
	margin-left:0px;
}

#content {
	position:relative;
	margin:auto;
	top:0px;
	left:0;
	right:0;

	height:auto;
	border:0px solid green;
	z-index:1;
}

#navbottom {
    float: left;
    display: block;
	width: 100%;
	display:none;
}

#navbottom .navbottomcontent {
	position:relative;
	margin:auto;
	left:0;
	right:0;
	width: 100%;
	padding:10px;
}

#navbottom .navbottomcontent .wizardBtnPrevious, #navbottom .navbottomcontent .wizardBtnNext {
	width: 138px;
	background: #2B5A4A;
	padding: 9px 0px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}

.wizardBtnPrevious.inactive, .wizardBtnNext.inactive {
	cursor: not-allowed !important;
}

#navbottom .navbottomcontent .wizardBtnPrevious {
	float: left;
}

#navbottom .navbottomcontent .wizardBtnNext {
	float: right;
	margin-top: 0px;
}

#footer {
    background: #333333;
    float: left;
    display: block;
	width: 100%;
	padding: 15px 0px;
}

#footer .footercontent {
	position:relative;
	margin:auto;
	left:0;
	right:0;
	width: 977px;
}

#footer .footercontent-left {
	width: 50%;
    float: left;
	padding: 0px 3px;
	line-height:24px;
}

#footer .footercontent-right {
	width: 50%;
    float: right;
	padding: 0px 3px;
}

#footer .footercontent-left *, #footer .footercontent-right * {
    color: #FFFFFF;
	text-decoration: none;
}

#footer .footercontent-left div {
	margin-bottom: 3px;
}

#footer .footercontent-left svg {
	margin-right: 8px;
}

#footer .footercontent-right div {
	text-align: center;
}

#footer .footercontent-right-socialbox {
	 float: right;
	 width: 100px;
}

#footer .footercontent-social-text {
    text-transform: uppercase;
    letter-spacing: 1px;
	font-size: 12px;
    font-weight: 600;
	margin-bottom: 3px;
}

#footer .footercontent-right-socialbox svg {
	 margin: 0px 5px;
}

.customresetelement .wizardBtnReset {
	color: #333333;
    cursor: pointer;
    margin-left: 212px;
}

/*#############################################
Wizard
#############################################*/
#wizard *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
}
 
#wizardUserFilterKeys
{
    display:none;
}
  
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Wizard.Navigation
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            #wizardNavigation {
                width: 100%;
				bordeR:0px solid red;
                padding: 0px;
                margin: 0px;
                white-space: nowrap;
                overflow: hidden;
				position:relative;
				max-width:1140px;
			
				margin: auto;
				left: 0;
				right: 0;
				
            }

                #wizardNavigation a {
                    line-height: 17px;
                    width: 13% ;
                    padding: 12px 0px 12px 0px;
                    text-align: center;
					border:0px solid red;
                    position: relative;
                    display: inline-block;
                    cursor: pointer;
                    white-space: nowrap;
                    transition: background-color .5s;
					margin-top:14px;
					
                }

                    #wizardNavigation a.invalidStep,
                    #wizardNavigation a.invalidEntityMode,
                    .invalidContainer,
                    .hiddenContainer {
                        display: none !important;
                    }

                    #wizardNavigation a.disabled {
                        color: #ccc;
                      
                        transition: background-color .5s;
                    }

                        #wizardNavigation a.disabled:after {
                            border-left: 20px solid #F8E4E7;
                            transition: all 1s;
                        }

                    #wizardNavigation a:first-child,
                    #wizardNavigation a.firstStep {
                        margin-left: 0px;
                        transition: background-color .5s;
                    }

                    #wizardNavigation a:before {
                        width: 0;
                        height: 0;
                        border-top: 0px inset transparent;
                        border-bottom: 0px inset transparent;
                        border-left: 0px solid #fff;
                        position: absolute;
                        content: "";
                        top: 0;
                        left: 0px;
                        transition: border-color .5s;
                    }

                    #wizardNavigation a:after {
                        width: 0;
                        height: 0;
                        border-top: 0px inset transparent;
                        border-bottom: 0px inset transparent;
                        border-left: 0px solid #EDEDED;
                        position: absolute;
                        content: "";
                        top: 0;
                        right: -20px;
                        z-index: 2;
                        transition: border-color .5s;
                    }

                    #wizardNavigation a:first-child:before,
                    #wizardNavigation a.firstStep:before,
                    #wizardNavigation a:last-child:after,
                    #wizardNavigation a.lastStep:after {
                        border: none;
                    }

                #wizardNavigation .past {
                
                     background-color: #F2F6F7;
					color: #003955;
					border-radius: .25rem;
					transition: box-shadow 175ms ease-in-out,background-color 175ms ease-in-out;
					font-weight: 500;
                }

                   #wizardNavigation .past:after {
                        border-left-color: #585858;
                    }

                #wizardNavigation .current {
                    background-color: #C80019;
					color: #fff;
					border-radius: .25rem;
					transition: box-shadow 175ms ease-in-out,background-color 175ms ease-in-out;
					font-weight: 500;
                }

                    #wizardNavigation .current:after {
                        border-left-color: #313131;
                    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Step
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardStep
{
    border-top:0px solid #ffffff;
    display:none;
    width:100%;
	 padding-top:10px;
    padding-bottom:20px;
	background:#EDEDED;
	
}

.wizardStep .fa
{
    color: #000000;
    font-size: 15px;
	margin-top:-4px;
    font-style: normal;
    margin-left: 10px;
}




.wizardContainer:after
{ 
   content: "";
   display: block; 
   height: 0; 
   clear: both;
}


.filterkey-wrapper {
    float: left;
    width: 100%;
    margin: 0px;
	margin-bottom:15px;
}

.wizardFilter
{
    float:left;  
	width:100%;
	border-right: 0px solid #D8B511;
}

.wizardFilter select {
	margin-top:12px;

}

.reset_area {
	margin-left:10px;
}

.wizardFilter select[disabled]
{
    opacity:1;
}

.wizardFilterKey.disabled
{
    color:#000000;
    opacity:.2;
}

.wizardConfiguration .product-block {
	border:0px solid red;
	margin-top:30px;
}


.wizardEntity {
	border:0px solid red;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Summary
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardSummary
{
}

.wizardSummaryStep
{
}
    
.wizardSummaryStepName
{
    font-weight:bold;
}

.wizardSummaryCheckedElement
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Attributes
<div data-value="0" data-filterkey="x_x">0</div>
<span data-resetfilterkey="x_x">reset</span>
<div data-callname="product-a">Product A</div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[data-filterkey],[data-resetfilterkey],[data-callName]
{
    cursor:pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Button
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardBtnPrevious
{
    color:white;
}

.wizardBtnNext
{
    cursor:pointer;
    font-style: normal;
	margin-top:10px;
}

.wizardBtnReset {
	color:white;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Debug
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wizardDebug
{
    position:absolute;
    width:100px;
    height:100px;
    background:#efefef;
}

.wizardContent {

	width:100%;
	
}



#sectionToolbar ul li a.selected {
    color: #ffffff;
    background: black;
}

.wizardSummary {
	color:black;
	text-align: left;
	background: #D8D7D3;
	padding:15px;
	display: none;
}

#wizardLoading {
	position: absolute;
    z-index: 100000 !important;
    margin: auto;
    left: 0 !important;
    right: 0;
    top: 0px !important;
    padding-top: 430px;
    width: 100% !important;
    height: 100% !important;
    text-align: center;
	}
	
#wizardLoading b {
	color: #000  !important;
}
	
.custom-reset {
	cursor: pointer;
	text-decoration: underline;
}


.wizardBtnNext li {
    list-style: none;
    background: #35AA47;
    color: #323232;
	display: list-item;
    text-align:center;
	color:white;
	font-weight: normal;
	cursor: pointer;
	margin-top:20px;
	font-size:14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.fa-refresh {
display: none;
}


.menu {
	float: right;
    position: absolute;
    top: 0px;
    right: 10px; 
    width: 100%;
   z-index: 99999;
    border: 0px solid red;
}

.menu .wizardBtnCustom {
float:right;
color:black;

margin-right: 16px;
padding-right: 16px;
margin-top:12px;
cursor:pointer;


border-right:0px solid #DDDDDD;

font-weight:700;
}

.menu .wizardBtnCustom:first-child {
border-right:  0px solid red;
margin-right: 0px;
padding-right:0;
}

.menu .inactive {
color:#ccc;
}

.menu .inactive .fa{
color:#ccc !important;
}

.menu .fa {
color:black !important;
}


#wizardContainer_bestek .wizardContent {
width: 100% ;
}

#basketDimPage
{
 z-index: 0; 
}

#basketInfoLanguageSelect
{
	color: #000000;
}



div[class^="slider"] {
  position: relative;
  overflow: hidden;
  border-radius: 0px;

}

div[class^="slider"] ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 252px;
  list-style: none;
}




a[class^="control_prev"], a[class^="control_next"] {

  position: absolute;
  top: 50%;
  z-index: 999;
  display: block;
 padding:10px;
  width: auto;
  height: auto;

  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}


a[class^="control_prev"]:hover, a[class^="control_next"]:hover {

  opacity: 1;
  -webkit-transition: all 0.2s ease;
}


a[class^="control_prev"] {
  left:20px;
  background-image: url("https://stores.utopis-platform.net/houdini-nl/channels/wizard/images/left.png");
  background-repeat:no-repeat;
  width:50px;
  height:50px;
}

a[class^="control_next"] {
  right: 25px;
  background-image: url("https://stores.utopis-platform.net/houdini-nl/channels/wizard/images/right.png");
  background-repeat:no-repeat;
  width:50px;
  height:50px;
  
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}