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

.custom-select1 { width:64%; background:#f6e3d1; border:1px solid #f6e3d1; border-radius:30px; transition:all 0.25s ease-out 0s; display:inline-block; margin:0 0 29.7%; position:relative; z-index:9;}
.custom-select1:last-child { margin-right:0;}
.custom-select1:hover { background:none; border:1px solid #f6e3d1;}
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 .select-items { max-height:144px;  background:#ffffff; position:absolute; top:102%; left:0; right:0; z-index:99;}
.custom-select1 .select-items .scrollb {max-height: 144px;max-width: 96%; max-width: calc(100% - 8px);}

.custom-select1 .select-items  .scrollb div { color:#1d1d1b; transition:all 0.25s ease-out 0s; padding:18px 34px 18px 30px;}
.custom-select1 .select-items  .scrollb  div:hover { color:#ffffff; background:#c49675;}
.custom-select1 .select-selected { color:#2e2d2c; transition:all 0.25s ease-out 0s; padding:18px 30px 18px 30px;}
.custom-select1:hover .select-selected { color:#f6e3d1;}
.custom-select1 .select-items .scrollb  div, .custom-select1 .select-selected { cursor:pointer; font-size:14px; font-weight:600; letter-spacing:normal; line-height:normal;}

.about2-wrapp .custom-select1 { margin:0;}

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

@media screen and (min-width:481px) and (max-width:600px) {
.custom-select1 { width:100%; margin:0 0 36px;}
.custom-select1 .select-items .scrollb  div { padding:18px 5% 18px 5%;}
.custom-select1 .select-selected { padding:18px 5% 18px 5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; line-height:normal;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 { width:100%; margin:0 0 36px;}
.custom-select1 .select-items .scrollb div { padding:18px 5% 18px 5%;}
.custom-select1 .select-selected { padding:18px 5% 18px 5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; line-height:normal;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select1 .select-items .scrollb div { padding:18px 28px 18px 24px;}
.custom-select1 .select-selected { padding:18px 24px 18px 24px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; line-height:normal;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select1 .select-items .scrollb div { padding:18px 31px 18px 27px;}
.custom-select1 .select-selected { padding:18px 27px 18px 27px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px; line-height:normal;}
}

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

}