@charset "utf-8";

/* CSS Document */
.custom-select1 { float:left; border-radius:24px; transition:all 0.25s ease-out 0s; position:relative;}
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 .select-items .scrollb {max-height: 135px; max-width: 96%; max-width: calc(100% - 8px);}
.custom-select1 .select-items { max-height:135px; /*overflow-y:scroll;*/ background:#ffffff; position:absolute; top:102%; left:0; right:0; z-index:9;}
.custom-select1 .select-items .scrollb div { color:#000000; transition:all 0.25s ease-out 0s; padding:7px 24px 7px 24px;}
.custom-select1 .select-items .scrollb div:hover { color:#ffffff; background:#d4ad57;}
.custom-select1 .select-selected { transition:all 0.25s ease-out 0s; padding:12px 24px 12px 24px;}
.custom-select1 .select-selected:after { content:""; width:9px; height:6px; transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:52%; right:20px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { cursor:pointer; font-size:14px; font-weight:500; letter-spacing:normal;}

.dropdown1 { width:265px; float:left; background:#d4ad57; border:1px solid #d4ad57; margin:0 7px 0 0; z-index:999;}
.dropdown1:last-child { margin-right:0;}
.dropdown1:hover { background:none; border:1px solid rgba(212,173,87,0.2);}
.dropdown1 .select-selected { color:#ffffff;}
.dropdown1:hover .select-selected { color:#d4ad57;}
.dropdown1 .select-selected:after { background:url(../images/down-white-brown-plain-arrow.svg) no-repeat top / 100%;}
.dropdown1:hover .select-selected:after { background:url(../images/down-white-brown-plain-arrow.svg) no-repeat bottom / 100%;}

.dropdown2 { width: 20.8%;float: right;background: none;border: 1px solid rgba(255,255,255,0.4); transform: translateY(-50%); margin: 0 0 0; position: absolute; top: 50%;right:0;z-index: 999;}
.dropdown2:hover { background:#ffffff; border:1px solid #ffffff;}
.dropdown2 .select-selected { color:#ffffff;}
.dropdown2:hover .select-selected { color:#d4ad57;}
.dropdown2 .select-selected:after { background:url(../images/down-white-brown-plain-arrow.svg) no-repeat top / 100%;}
.dropdown2:hover .select-selected:after { background:url(../images/down-white-brown-plain-arrow.svg) no-repeat bottom / 100%;}

.header-wrapp .header-row2 .dropdown2 .select-items { max-height: 148px;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select1 .select-selected:after { width:9px; margin:0 0 0; position:absolute; right:5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px; letter-spacing:0.22px;}
.dropdown1 { width:100%; margin:0 0 4.2%;}
.dropdown2 { width:100%; background:none; border:1px solid rgba(0,0,0,0.2); transform:none; margin:0 0 4.2%; position:relative; top:inherit; right:inherit;}
.dropdown2:hover { background:#000000; border:1px solid #000000;}
.dropdown2 .select-selected { color:#000000;}
.dropdown2:hover .select-selected { color:#ffffff;}
.dropdown2 .select-selected:after { background:url(../images/down-black-white-plain-arrow.svg) no-repeat top / 100%;}
.dropdown2:hover .select-selected:after { background:url(../images/down-black-white-plain-arrow.svg) no-repeat bottom / 100%;}

.custom-select1.dropdown1 .select-items { max-height: 135px;}

.dropdown1 {z-index: 9999;}
.dropdown2 {z-index: 999;}
} 

@media screen and (min-width:481px) and (max-width:600px) {
.custom-select1 .select-selected:after { width:9px; margin:0 0 0; position:absolute; right:5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px; letter-spacing:0.22px;}
.dropdown1 { width:100%; margin:0 0 4.2%;}
.dropdown2 { width:100%; background:none; border:1px solid rgba(0,0,0,0.2); transform:none; margin:0 0 4.2%; position:relative; top:inherit; right:inherit;}
.dropdown2:hover { background:#000000; border:1px solid #000000;}
.dropdown2 .select-selected { color:#000000;}
.dropdown2:hover .select-selected { color:#ffffff;}
.dropdown2 .select-selected:after { background:url(../images/down-black-white-plain-arrow.svg) no-repeat top / 100%;}
.dropdown2:hover .select-selected:after { background:url(../images/down-black-white-plain-arrow.svg) no-repeat bottom / 100%;}

.custom-select1.dropdown1 .select-items { max-height: 135px;}

.dropdown1 {z-index: 9999;}
.dropdown2 {z-index: 999;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 .select-selected:after { width:9px; margin:0 0 0; position:absolute; right:5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px; letter-spacing:0.22px;}
.dropdown1 { width:48%; margin:0 0 4.2%;}
.dropdown2 { width:48%; float: right; margin:0 0 4.2%; background: #d4ad57; border: 1px solid #d4ad57;}
.dropdown2:hover {background: none; border: 1px solid rgba(212,173,87,0.2);}
.dropdown2 .select-selected {color: #ffffff;}

.custom-select1.dropdown1 .select-items { max-height: 135px;}

.dropdown2{top:unset; transform: none; position: relative;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select1 .select-items .scrollb div { padding:7px 16px 7px 16px;}
.custom-select1 .select-selected { padding:7px 16px 7px 16px;}
.custom-select1 .select-selected:after { right:12px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; letter-spacing:0.1px;}
.dropdown1 { width:150px; margin:0 6px 0 0;}
.dropdown2 { width:150px; margin:0 5px 0 0;}

.custom-select1 .select-items { max-height: 198px;}
.custom-select1.dropdown2 .select-items { max-height: 144px;}
.custom-select1.dropdown2 .select-items .scrollb div { padding: 6px 16px 7px 16px; font-size: 11px !important;}

.header-wrapp .header-row2 .dropdown1 .select-items { max-height: 168px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select1 .select-items .scrollb div { padding:9px 20px 9px 20px;}
.custom-select1 .select-selected { padding:9px 20px 9px 20px;}
.custom-select1 .select-selected:after { right:16px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; letter-spacing:0.2px;}
.dropdown1 { width:176px; margin:0 6px 0 0;}
.dropdown2 { width:176px; margin:0 6px 0 0;}

.custom-select1 .select-items { max-height: 144px;}

.header-wrapp .header-row2 .dropdown1 .select-items { max-height: 144px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.dropdown1 { width:202px;}
.dropdown2 { width:202px;}

.custom-select1 .select-items { max-height: 144px;}

.header-wrapp .header-row2 .dropdown1 .select-items { max-height: 190px;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.custom-select1 .select-items { max-height: 158px;}

.header-wrapp .header-row2 .dropdown1 .select-items { max-height: 170px;}

}

@media screen and (min-width:1341px) and (max-width:1440px) {
.custom-select1 .select-items { max-height: 160px;}

.header-wrapp .header-row2 .dropdown1 .select-items { max-height: 170px;}
.header-wrapp .header-row2 .dropdown2 .select-items { max-height: 148px;}
}

@media screen and (min-width:1441px) and (max-width:1640px) {
.custom-select1 .select-items { max-height: 135px;}

.header-wrapp .header-row2 .dropdown1 .select-items { max-height: 170px;}
.header-wrapp .header-row2 .dropdown2 .select-items { max-height: 148px;}
}

@media screen and (max-width:767px) {
.header-wrapp .header-row2 .dropdown2 .select-items { max-height: 135px;}
}