.flex {
	display: flex;
	justify-content: center;
	width: 960px;
	max-width: 100%;
	margin: auto;
}

.flex .col {
	display: flex;
	flex-direction: column;
	flex: 1 1 500px;
	/* 
	In the order, equal to
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	*/
	margin: 1em;
background: #fff; border: 1xp solid #000; padding: 15px;
}

.flex .col .btn {
	align-self: flex-start;
	margin-top: auto;
}

@media (max-width: 900px) {
	.flex {
		flex-wrap: wrap;
	}
}


.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #C3AFAF;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 23px;
  height: 24px;
  border: 0;
  background: url('https://icons.iconarchive.com/icons/dapino/magic-people/24/Magic-ball-icon.png');
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 23px;
  height: 24px;
  border: 0;
  background: url('https://icons.iconarchive.com/icons/dapino/magic-people/24/Magic-ball-icon.png');
  cursor: pointer;
}.fluviv-modal {
position:fixed;
	background: #444;
display:none;
z-index:21;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius:5px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color:#fff;
font-family:"Raleway",sans-serif;
text-align: center;
overflow: auto;
}

.fluviv-modal-header {
position:relative;
top:0px;
margin-left:-15px;
margin-right:-15px;
padding-top:15px;
padding-bottom:15px;
	background: #3C2523; 
border-top-left-radius:5px;
border-top-right-radius:5px;
padding-left:20px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
color:#746D69;
font-weight:bold;
font-size:20px;
margin-bottom:15px;
}

.fluviv-close-modal-symbol {
position:relative;
float:right;
margin-right:20px;
cursor:pointer;
}


.fluviv-modal-black-screen {
width:100%;
height:100%;
position:fixed;
display:none;
z-index:20;
top:0;
left:0;
background-color:rgba(0,0,0,0.1);
}