/* --- dropdown --- */

.dropdown-list .field{
	position: relative;

	border: 1px solid #eaeaea;
	background-color: #ffffff;
	height: 32px;


}

.dropdown-list:hover .field,
.dropdown-list.focus .field{
	border-color: #babebf;
}


.dropdown-list .field:after{
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAeCAAAAAD4cjo6AAAASUlEQVQoz2P4jxswjMpRIHf1G5j6fhWL3JEVv4Hk7xVHsJm5Y9O///827cBq358Ne//vW/8Hu1t+r1gKNherOz+v/jwaR7STAwA0xSGlyFVRkQAAAABJRU5ErkJggg==) no-repeat;
	width: 9px;
	height: 6px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	z-index: 1;

}

.dropdown-list .options{
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;

	position: absolute;
	top: 31px;
	left: -1px;
	z-index: 100;

	border: 1px solid #80d3e5;
	border-top: none !important;

	background-color: #fff;

	overflow: hidden;
	overflow-y: auto;

	max-height: 380px;
	display: none;

}

.dropdown-list .options li{
	padding: 7px 12px;
	display: block;
	color: #57585d;
	font: normal 14px/14px 'PT Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.dropdown-list .options li:hover{
	background-color: #c8f5fd;
	cursor: pointer;
}

.dropdown-list input.option-text{
	background: none;
	border: none;
	padding: 0 27px 0 12px;
	height: 32px;
	outline: none;
	cursor: default;
}

.dropdown-list.focus .options{
	display: block;
}

/* --- eo dropdown --- */


/* --- selector --- */


.selector .field{
	position: relative;
	border: 1px solid rgba(0, 0, 0, .2);
	background-color: #ffffff;
	height: 36px;
}

.selector:hover .field,
.selector.focus .field{
	border-color: #babebf;
}


.selector .items{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 37px;
	left: -1px;
	z-index: 100;
	width: 100%;
	background-color: #fff;
	border: 1px solid #babebf;
	border-top: none !important;
	opacity: 0;
	pointer-events: none;
	transition: .2s;
}

.selector .items .wrap{
	padding: 7px 12px;
	border: none;
}

.selector input{
	background: none;
	border: none;
	padding: 0 27px 0 12px;
	height: 38px;
	outline: none;
	width: 50px;
	cursor: default;
	box-shadow: none;
}

.selector span.option-text{
	display: inline-block;
	padding: 0 27px 0 12px;
	height: 32px;
	width: 266px;
	cursor: default;
	font: normal 14px/30px 'PT Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.selector.focus .items{
	opacity: 1;
	pointer-events: auto;
	z-index: 200;
}

.selector .scroll {
	overflow: hidden;
	overflow-y: auto;

	max-height: 380px;

	padding: 0;
	list-style: none;
}

.selector .scroll:not(*:root) {
	margin: 0 5px 5px 0;
}

.selector .scroll::-webkit-scrollbar {
	width: 4px !important;
	margin-right: 10px;
}
.selector .scroll::-webkit-scrollbar-track {

	background-color: #ebeeef !important;
}
.selector .scroll::-webkit-scrollbar-thumb {

	background: #dadfe2 !important;
}
.selector .scroll::-webkit-scrollbar-thumb:window-inactive {
	background: #dadfe2 !important;
}
.selector .scroll:focus,
.selector .scroll:hover {
	outline: 0 none !important;
}

/* --- eo selector --- */


.inner-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

#products .single .p_right .i_list .inner-list li{
	padding: 0;
}

#products .single .p_right .i_list .inner-list li:hover{
	background: rgba(255,232,76,0.5);
}

.inner-list li{
	font: 400 13px/16px "museo-300", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.inner-list li a {
 	border-bottom: medium none;
    display: block;
    text-decoration: none;
    color: #000;
    padding: 11px 12px;
    display: block;
}
.inner-list li a:hover {
	background-color: #f5f5f5;
}
.inner-list li .current {
	color: #00a9f8;
}
.sizes-panel.inner-list li{
	padding: 0;
}

.sizes-panel.inner-list li a{
	padding: 10px 0 10px 12px;
}

.sizes .selector .option-text{
    width: 100%;
	font: 13px "museo-300", Arial, "Helvetica Neue", Helvetica, sans-serif;
	box-sizing: border-box;
}

.sizes .field .svg-ico {
	position: absolute;
	width: 7px;
	height: 13px;
    transform: rotate(-90deg);
    fill: #333333;
    right: 14px;
    top: 50%;
    margin-top: -7px;
}