/* Кастомный выпадающий список */ 

:root {
  --primary-h: 221;
  --primary-s: 71%;
  --primary-b: 48%;
}

input + .trigger {
display: block;
max-width: 100%; 
/* all: inherit; 
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit);
margin: 0 2px;
*/
}

.trigger {
	background: #fff;
	padding: 10px;
/*	font-size: 16px;
	color: #777;
	width: 50%;
	background: #fff url(../images/select-arrow-open.png) 98% center no-repeat; 
	border-top: none; border-left: none; border-right: none;
	border: 1px solid #ccc;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease; 
	}

.dropcontainer {
	position: relative;
	z-index: 10;
	width: 100%;
	} 

.trigger:hover {
/*	color: #777;
	background: #f5f5f5 url(../images/select-arrow-open.png) 98% center no-repeat; */
	}

.activetrigger {
/*	color: #777;
	padding: 10px;
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat; 
	background-color: transparent;*/
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger:hover {
/*	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat; */
/*	color: #777; */
	}

.activetrigger:active {
/*	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat; */
/*	color: #777; */
	}

.dropcontainer ul {
	position: absolute;
	background: #fff;
	width: 100%; 
	box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
	list-style-type: none;
	border-top: none;
	z-index: 100;
	padding-left: inherit;
/*	border: 1px solid #ccc;
	margin: 0;
	padding: 10px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
*/
	}

.dropcontainer ul li {
/*	padding: 5px 15px;*/
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer ul li:hover {
/*	background: #f5f5f5; */
	outline: none;
	}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	}

.dropcontainer::before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 2px solid #6f6f6f;
  border-top: 2px solid #6f6f6f;
  transform: rotate(135deg);
  top: 25px;
  right: 22px;
  margin: -57px 0 0 100%;
  float: right;
}