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



.custom-select1 { width:47.4%; float:none; background:none; border:1px solid rgba(255,255,255,0); border-radius:46px; transition:all 0.25s ease-out 0s; display:inline-block; margin:30px 8px 0 0; position:relative; z-index:999;}
.custom-select1:hover { background:none; border:1px solid rgba(255,255,255,0);}
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 .select-items { max-height:160px;  background:#c4cbbc; position:absolute; top:102%; left:0; right:0; z-index:99;}
.custom-select1 .select-items .scrollb { max-height:160px; max-width: 96%; max-width: calc(100% - 8px); }
.custom-select1 .select-items .scrollb div { color:#425145; transition:all 0.25s ease-out 0s; padding:17px 20px 17px 20px;}
.custom-select1 .select-items .scrollb div:hover {color: #fff;background: #425145;}
.custom-select1 .select-selected { color:#425145; transition:all 0.25s ease-out 0s; padding:17px 40px 17px 20px;}
.custom-select1:hover .select-selected { color:#c4cbbc;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { cursor:pointer; font-size:15px; font-weight:400; letter-spacing:normal; line-height:normal;}
.custom-wrapp .custom-select1 { width:257px; z-index:999;}
.custom-wrapp .custom-select2 { float:right; z-index:9;}

.about-row2.custom-about {    text-align: left;background: none;border-bottom: 1px solid rgba(28,28,28,0.2);border-radius: 0;transition: all 0.25s ease-out 0s;margin: 0 0 0;position: relative;z-index: 99;}
.about-row2.custom-about { text-align:left; background:none; border-bottom:1px solid rgba(28,28,28,0.2); border-radius:0; transition:all 0.25s ease-out 0s; margin:0 0 0; position:relative; z-index:99;}
.about-row2.custom-about:hover { background:none;}
.about-row2.custom-about select { display:none;}
.about-row2.custom-about .select-hide { display:none;}
.about-row2.custom-about  .select-items { max-height: 160px;background: #c4cbbc;position: absolute;top: 102%;left: 0;right: 0;    z-index: 99;}
.custom-select1 .select-items .scrollb { max-height:160px; max-width: 96%; max-width: calc(100% - 8px); }

.about-row2.custom-about .select-items .scrollb div {color: #425145;transition: all 0.25s ease-out 0s;padding: 17px 20px 17px 20px}
.about-row2.custom-about  .select-items .scrollb div:hover { color:#ffffff; background:#425145;border-radius: 0;}
.about-row2.custom-about .select-selected { color:#1c1c1c; transition:all 0.25s ease-out 0s; padding: 17px 40px 17px 20px;}
.about-row2.custom-about:hover .select-selected {background: none;color: #c4cbbc;}
.about-row2.custom-about .select-items::-webkit-scrollbar { width:6px;}
.about-row2.custom-about .select-items::-webkit-scrollbar-track { background:#f1f1f1eb; box-shadow:inset 1px 0 5px #dfdfdf; border-radius:0;}
.about-row2.custom-about .select-items::-webkit-scrollbar-thumb { background:#373334; border-radius:0;}
.about-row2.custom-about .select-items .scrollb div,
.about-row2.custom-about .select-selected {cursor: pointer;font-size: 15px;font-weight: 400;letter-spacing: normal;line-height: normal; font-family: "Geist", sans-serif;}
.about-row2.custom-about .select-items .scrollb.scrollb {max-height: 152px;max-width: calc(100% - 8px);}
.about-row2.custom-about .select-items div, .about-row2.custom-about .select-selected { cursor:pointer; font-size:15px; font-weight:400; letter-spacing:normal; line-height:normal;}

.about-row2.custom-about .select-items div, .about-row2.custom-about .select-selected {cursor: pointer;font-size: 15px;font-weight: 400;letter-spacing: normal;    line-height: normal;cursor: pointer;font-size: 15px;font-weight: 400;letter-spacing: normal;line-height: normal;    font-family: 'Geist';color: #425145;}
.about-row2.custom-about {width: 257px;background: none;border-radius:0;transition: all 0.25s ease-out 0s;display: inline-block;margin: 30px 8px 0 0;position: relative;z-index: 99;border: none;}

.custom-wrapp .custom-select1 .select-items {overflow-y: hidden;}

.custom-wrapp .custom-select1 .select-items .scrollbox-rail.scrollbox-vertical-rail {background: #ffffff !important;}


.about-wrapp .about-col1 .custom-select1:hover .select-selected {color: #7f817c;}



/*Smartphone css*/
@media screen and (max-width: 480px) {
 .custom-select1 { width:100%; margin:16px 0px 0;} 

.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:13px; line-height:normal;}
.custom-wrapp .custom-select1 { width:100%; margin:16px 0 0;}

.about-row2.custom-about { width:100%; margin:16px 4px 0;}
.about-row2.custom-about  .select-items div, .about-row2.custom-about .select-selected { font-size:13px; line-height:normal;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px;}
.about-row2.custom-about .select-items .scrollb div, .about-row2.custom-about .select-selected{ font-size:13px; line-height:normal;}
.about-row2.custom-about { width:100%; margin:16px 0 0;}


} 

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

.about-row2.custom-about { width:100%; margin:16px 0px 0;}
.about-row2.custom-about .select-items div, .about-row2.custom-about .select-selected { font-size:13px; line-height:normal;}
.about-row2.custom-about .select-items .scrollb div, .about-row2.custom-about .select-selected{ font-size:13px; line-height:normal;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px;}
.about-row2.custom-about .custom-select1 { width:100%; margin:16px 0 0;}


}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 { width:100%; margin:16px 4px 0;}

.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:13px; line-height:normal;}
.custom-wrapp .custom-select1 { width:100%; margin:16px 0 0;}

.about-row2.custom-about { width:100%; margin:16px 4px 0;}
.about-row2.custom-about .select-items div, .about-row2.custom-about .select-selected { font-size:13px; line-height:normal;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px;}
.about-row2.custom-about { width:100%; margin:16px 0 0;}


}

@media screen and (min-width:768px) and (max-width:900px) {

.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px;}


.about-row2.custom-about .select-items div, .about-row2.custom-about .select-selected { font-size:13px;}

.about-wrapp .about-col1 .custom-select1 .select-items .scrollb div {padding: 12px 20px 10px 20px;}

}

@media screen and (min-width:901px) and (max-width:1024px) {

.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:14px;}
}

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

}