@charset "utf-8";

/* CSS Document */
.custom-select1 { float:left; border-radius:24px; transition:all 0.25s ease-out 0s; position:relative; z-index:9999;}

.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 .select-items { max-height:154px; overflow-y:scroll; background:#ffffff; position:absolute; top:102%; left:0; right:0; z-index:9;}
.custom-select1 .select-items div { color:#bda140; transition:all 0.25s ease-out 0s; padding:8px 12px 8px 12px;}
.custom-select1 .select-items div:hover { color:#ffffff; background:#bda140;}
.custom-select1 .select-selected { transition:all 0.25s ease-out 0s; padding:10px 20px 10px 20px;}
.custom-select1 .select-selected:after { content:""; width:17px; height:17px; transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%; right:17px;}
.custom-select1 .select-items div, .custom-select1 .select-selected { cursor:pointer; font-size:14px; color:#006600; font-weight:500; letter-spacing:0.60px;}

.dropdown1 { width:100%; background:#ffffff; border:1px solid #ffffff; margin:0 0 0;}
.dropdown1:hover { background:#006600; border:1px solid #006600;}
.dropdown1 .select-selected { color:#006600;}
.dropdown1:hover .select-selected { color:#ffffff;}
.dropdown1 .select-selected:after { background:url(../images/down-green-plain-arrow.png) no-repeat center / 100% 100%;}
.dropdown1:hover .select-selected:after { background:url(../images/down-white-plain-arrow.png) no-repeat center / 100% 100%;}
.banner-col2 .select-items { max-height:136px;}
.dropdown1 .select-items div { color:#006600;}
.dropdown1 .select-items div:hover { color:#ffffff; background:#006600;}

.dropdown2 { width:209px; background:none; border:1px solid #fefefe; margin:0 0 0;}
.dropdown2:hover { background:#bda140; border:1px solid #bda140;}
.dropdown2 .select-selected { color:#fff;}
.dropdown2:hover .select-selected { color:#ffffff;}
.dropdown2 .select-selected:after { background:url(../images/down-white-plain-arrow.png) no-repeat center / 100% 100%;}
.dropdown2:hover .select-selected:after { background:url(../images/down-white-plain-arrow.png) no-repeat center / 100% 100%;}

.feeser-wrapp .custom-select1 .select-items div, .feeser-wrapp .custom-select1 .select-selected { font-size:16px; text-align:left;}
.feeser-wrapp .dropdown1 { width:47%; background:none; margin:0 0 0 10px;}
.feeser-wrapp .dropdown1:hover { background:#fff; border-radius:30px; border:1px solid #000000;}
.feeser-wrapp .dropdown1 .select-selected { color:#000000;}
.feeser-wrapp .custom-select1 .select-selected { border:1px solid #000; border-radius:30px; padding:5px 20px 5px 20px;}
.feeser-wrapp .dropdown1 .select-items div:hover { color:#ffffff; background:#000000;}


.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items { max-height: 139px; overflow: hidden; overflow-y: scroll; padding-bottom: 10px;}
.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items::-webkit-scrollbar { width: 6px;}
.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items::-webkit-scrollbar-track { background: #f1f1f1eb; box-shadow: inset 1px 0 5px #dfdfdf; border-radius: 0px;}
.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items::-webkit-scrollbar-thumb { background: #bda140; border-radius: 0;}
.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items::-webkit-scrollbar-button { background-color: #ffffff !important; height: 10px !important; width: 1em !important; -webkit-box-shadow: none; -webkit-appearance: none !important;}

.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items { max-height: 135px; overflow: hidden; overflow-y: scroll; padding-bottom: 10px;}
.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items::-webkit-scrollbar { width: 6px;}
.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items::-webkit-scrollbar-track { background: #f1f1f1eb; box-shadow: inset 1px 0 5px #dfdfdf; border-radius: 0px;}
.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items::-webkit-scrollbar-thumb { background: #bda140; border-radius: 0;}
.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items::-webkit-scrollbar-button { background-color: #ffffff !important; height: 10px !important; width: 1em !important; -webkit-box-shadow: none; -webkit-appearance: none !important;}
 


/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select1 .select-selected:after { margin:0 0 0; position:absolute; right:5%;}
.dropdown1 { width:100%; margin:0 0 4.2%;}
.dropdown2 { width:100%; margin:0 0 4.2%;}
.custom-select1 .select-items { max-height:141px;}
	
.feeser-wrapp .dropdown1 { width:100%; background:none; margin:0 0 10px;}
} 

@media screen and (min-width:481px) and (max-width:600px) {
.custom-select1 .select-selected:after { margin:0 0 0; position:absolute; right:5%;}
.dropdown1 { width:100%; margin:0 0 4.2%;}
.dropdown2 { width:100%; margin:0 0 4.2%;}
.custom-select1 .select-items { max-height:141px;}
	
.feeser-wrapp .dropdown1 { width:100%; background:none; margin:0 0 10px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 .select-selected:after { margin:0 0 0; position:absolute; right:5%;}
.dropdown1 { width:100%; margin:0 0 4.2%;}
.dropdown2 { width:100%; margin:0 0 4.2%;}
.custom-select1 .select-items { max-height:141px;}
	
.feeser-wrapp .dropdown1 { width:100%; background:none; margin:0 0 10px;}


}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select1 .select-items div { padding:9px 16px 9px 16px;}
.custom-select1 .select-selected { padding:9px 16px 9px 16px;}
.custom-select1 .select-selected:after { right:12px;}
.dropdown2 { width:150px; margin:0 5px 0 0;}

.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items { max-height: 132px;}
.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items div { padding: 9px 10px 9px 10px; font-size: 12px; letter-spacing: 0;}

.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items { max-height: 136px;}
.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items div { font-size: 13px; padding: 9px 15px 9px 15px;}


}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select1 .select-items 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 div, .custom-select1 .select-selected { font-size:13px; letter-spacing:0.2px;}
.dropdown2 { width:176px; margin:0 6px 0 0;}

.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items { max-height: 132px;}
.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items div { padding: 9px 13px 9px 13px; font-size: 12px; letter-spacing: 0;}

.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items { max-height: 136px;}
.banner-wrapp .banner-col2 .banner-row2 .custom-select1 .select-items div { font-size: 13px; padding: 9px 15px 9px 15px;}

}

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

.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items { max-height: 136px;}


}


@media screen and (min-width:1241px) and (max-width:1340px) {

.header-wrapp .header-col3 .header-row3 .custom-select1 .select-items { max-height: 135px;}

}