@charset "utf-8";
/* CSS Document */

.custom-select1 { width:30%; float:left; background:none; border:1px solid #8c8371; border-radius:100px; transition:all 0.25s ease-out 0s; margin:0 0 58px; position:relative; z-index:99;}
.custom-select1:hover { background:#8c8371; border-color:#8c8371;}
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 .select-items { max-height:208px; overflow-y:scroll; background:#f9faf8; position:absolute; top:102%; left:0; right:0; z-index:99;}
.custom-select1 .select-items div { color:#090909; transition:all 0.25s ease-out 0s; padding:16px 27px 16px 27px;}
.custom-select1 .select-items div:hover { color:#ffffff; background:#8c8371;}
.custom-select1 .select-selected { color:#090909; transition:all 0.25s ease-out 0s; padding:16px 37px 16px 27px;}
.custom-select1:hover .select-selected { color:#ffffff;}
.custom-select1 .select-items div, .custom-select1 .select-selected { cursor:pointer; font-size:16px; font-weight:600; letter-spacing:normal; line-height:normal;}

.custom-col1 { width:100%; float:left;}
.custom-col1 .custom-select1 { width:342px; margin:0 0 42px;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select1 { width:100%; margin:0 0 5.2%;}
.custom-select1 .select-items div { padding:16px 10% 16px 10%;}
.custom-select1 .select-selected { padding:16px 10% 16px 10%;}
.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:14px; line-height:normal;}

.custom-col1 .custom-select1 { width:100%;}
} 

@media screen and (min-width:481px) and (max-width:600px) {
.custom-select1 { width:100%; margin:0 0 5.2%;}
.custom-select1 .select-items div { padding:16px 10% 16px 10%;}
.custom-select1 .select-selected { padding:16px 10% 16px 10%;}
.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:14px; line-height:normal;}

.custom-col1 .custom-select1 { width:100%;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 { width:100%; margin:0 0 5.2%;}
.custom-select1 .select-items div { padding:16px 10% 16px 10%;}
.custom-select1 .select-selected { padding:16px 10% 16px 10%;}
.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:14px; line-height:normal;}

.custom-col1 .custom-select1 { width:100%;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select1 .select-items div { padding:16px 21px 16px 21px;}
.custom-select1 .select-selected { padding:16px 31px 16px 21px;}
.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:14px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select1 .select-items div { padding:16px 24px 16px 24px;}
.custom-select1 .select-selected { padding:16px 34px 16px 24px;}
.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:15px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {

}