/*
 popup
*/
.blur{
    filter:blur(4px);    
}

#designerSelection:after {
	position: fixed;
	left: 0;
	top: 0;
	/*display: none;*/
	background-color: #353840;
	content:" ";
	display:block;
	z-index: -1;
	height:100%;
	width:100%;
	opacity: 0.8;
}
#designerSelection .popup-close {
	display: block;
	text-align: right;
 	width:100%;
	 padding-top:4px;
	 flex: 0 0 32px;
	cursor: pointer;
	color: #FFF;
}
#designerSelection .popup-close:before{
	top:0;
	width:32px;
	height:24px;
	line-height:24px;
	 
	font-weight:bold;
}

#designerSelection a {
	padding: 0 1.0em 0 1em;
	background-color: #6C9D0D;
	line-height: 26px;
	color: #FFF;
	display: inline-block;
	text-decoration: none !important;
	cursor: pointer;
}
#designerSelection.popup-window {
	z-index: 10002;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
 	display:flex;
	align-items: center;
	justify-content:center;
	overflow-y:auto;-webkit-overflow-scrolling: touch; 
}

#designerSelection.popup-window > div {
 	    width: 940px;
	max-width:100%; 
	    padding: 16px 0px;
}

#designerSelection .popup-header{
	color:#FFF;
	    display: flex;
    height: 36px;
	text-align:center;
    margin: 4px;
	margin-bottom:-4px;
	font-size:18px;-webkit-text-stroke: 0px !important;
}
#designerSelection.popup-window[data-viewtype="1"] > div{
	width:1400px;
	max-width:100%; 
 
}

#designerSelection .popup-content {
	margin: 0 auto;
	display: flex;
	 
}
#designerSelection .popup-content > div {
	flex: 1 1 50%;
	text-align: center;
	 cursor:pointer;
	
	
	display:flex;
 
}
#designerSelection .popup-content > div,
#designerSelection .popup-footer > div,
#designerSelection .popup-header > div
{
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.45);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.45);

}
#designerSelection .popup-content > div,
#designerSelection .popup-footer > div{
		background-color: #FFF;
	margin:4px;
	cursor:pointer;
}

#designerSelection .popup-footer > div{
display: flex;
    padding: 16px;
 
    margin-top: 4px;
    font-size: 18px;
    color: #000;
    max-width: 376px;
}
#designerSelection .popup-footer .small{
	 
	color: #000;
    display: block;
    margin-bottom: 4px;
    margin-top: 2px;
    font-size: 14px;
    line-height: 18px !important;
}
#designerSelection .popup-footer img{
	margin-right:12px;
}

#designerSelection .popup-content > div > div {
	padding: 16px;
	flex: 0 1 100%;
	margin: 0px;
	display:flex;
	flex-direction:column;
	

}
#designerSelection .popup-content > div > div >div{
	flex:auto;
	flex-basis:154px;
	   padding: 16px 8px;
 	overflow:hidden;text-align:left;
	font-size:18px;
	width:100%;
}
#designerSelection p{
	margin:0;
	margin-bottom:16px;
}

#designerSelection .popup-content > div > div .bottom{
	flex:0 1 96px;
	display: flex;
	padding:0;
    align-items: center;justify-content: center;
 	border-top: 1px solid #CCC;
	
}
#designerSelection .popup-content > div > div .top{
	flex:0 1 260px;	border-bottom: 1px solid #CCC;padding:0; text-align:center;
	
	
	align-items: center;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
	padding-bottom:16px;
	 
}
#designerSelection .popup-content .top img{
	height:200px;
}
#designerSelection .popup-content > div > div .top p{
	margin-bottom:0px;
}
#designerSelection[data-viewtype="1"] .popup-content > div > div .top{
    flex: 1 1 264px;
	
}
/*#designerSelection[data-viewtype="1"] .popup-content > div > div >div{
	flex-basis:154px;
}*/

#designerSelection .popup-content h2 {
}

#designerSelection.popup-window ul, #designerSelection.popup-window li {
	list-style-type: none;
	font-size: 18px;
	text-align: left;
	 padding-left:32px;
	position:relative;
}
 #designerSelection.popup-window ul{
	padding-left:0px;
}
#designerSelection.popup-window li:before {
	font-family: 'webicon', sans-serif !important;
    -webkit-text-stroke: 0px !important;
	color: #9CCD40;
	font-size: 28px;
	line-height:22px;
	 
 
	content: "\e928";
	display:block;
	widht:20px;
	position:absolute;
	left:0px;
	height:20px;
}
#designerSelection.popup-window li.iwi.grey:before {
	color: #646A78;
	font-size: 28px;
	text-align: center;
}
#designerSelection.popup-window a.button {
	padding: 0.5em 1.5em;
	font-size: 18px;
	    margin: 0 auto;
}
#designerSelection.popup-window a.button.bigbutton {
	font-size: 18px;
}

#designerSelection .iwi.check.checker {
	line-height: 16px;
	cursor: pointer;
}
#designerSelection .iwi.check.checker.checked {
}
#designerSelection .iwi.check.checker.checked:before, #designerSelection .iwi.check.checker:before {
	border: 1px solid #EFEFEF;
	font-size: 14px;
	line-height: 13px;
	width: 12px;
	height: 12px;
	left: -7px;
	padding-right: 2px;
	top: 2px;
	content: "_";
	overflow: hidden;
}
#designerSelection .iwi.check.checker.checked:before {
	content: "\e619";
}

#designerSelection .show-small{
		display:none !important;
}

@media only screen and (max-width: 1400px) {
#designerSelection.popup-window[data-viewtype="1"] > div{
	width:1200px;
}
}

@media only screen and (max-height: 800px) {
		#designerSelection.popup-window > div{
	
	align-self:flex-start;
}
}
@media only screen and (max-width: 1200px) {
	#designerSelection .hide-small{
		display:none !important;
	}
	#designerSelection .show-small{
		display:inherit !important;
	}
 #designerSelection .popup-content > div > div {
		flex-wrap:wrap;
	flex-direction:row;
	align-items:center;

}
	#designerSelection .popup-close:before{
		margin-right:4px;
	}
	#designerSelection.popup-window > div{
	
	align-self:flex-start;
}
	#designerSelection .popup-content{
		flex-wrap:wrap;
	}
	#designerSelection > div {
		    margin: 8px;
	}
	#designerSelection .popup-content > div, #designerSelection .popup-footer > div{
		margin:8px;
	}
	
	#designerSelection .popup-content > div > div .bottom,#designerSelection .popup-content > div > div .top{
		border-style:none;
		flex:0 1 40%;
	}
	#designerSelection .popup-content > div > div >div{
		flex:0 1 60%;
		    box-sizing: border-box;
	}
	#designerSelection .popup-content > div > div .bottom{
		flex:auto;
		justify-content: flex-end;
	}
	#designerSelection.popup-window a.button{
		margin:0;
	}
	
	#designerSelection.popup-window ul, #designerSelection.popup-window li, #designerSelection p{
		font-size:16px;
	}
	
}

@media only screen and (max-width: 600px) {
	#designerSelection .popup-content > div > div .top, #designerSelection .popup-content > div > div >div{
		flex:auto;
	}
    
    /* update mobile more buttonlike*/
    
    #designerSelection .popup-content .top img{
        display:none;
    }
    #designerSelection a{
        display:block;width: 100%;
    text-align: center;
    }
    #designerSelection .popup-content > div > div .top{
        align-items:flex-start;
        text-align:left;    padding-bottom: 0px;
    }
    
}