@charset "utf-8";

/* CSS Document */
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 { background:none; border:1px solid #0d8e92; border-radius:24px; transition:all 0.25s ease-out 0s; position:relative; z-index:99;}
.custom-select1:hover { background:#0d8e92; border-color:#0d8e92;}
.custom-select1 .select-items { max-height:160px; overflow-y:scroll; background:#ffffff; position:absolute; top:102%; left:0; right:0; z-index:9;}
.custom-select1 .select-items .scrollb {max-height: 160px; max-width: calc(100% - 8px);}
.custom-select1 .select-items .scrollb div { color:#0d8e92; transition:all 0.25s ease-out 0s; padding:16px 20px 16px 22px;}
.custom-select1 .select-items .scrollb div:hover { color:#ffffff; background:#0d8e92;}
.custom-select1 .select-selected { color:#0d8e92; transition:all 0.25s ease-out 0s; padding:16px 24px 16px 24px;}
.custom-select1:hover .select-selected { color:#ffffff;}
.custom-select1 .select-selected:after { content:""; width:12px; height:12px; background:url(../images/down-blue-chill-circle-arrow.svg) no-repeat center / 100% 100%; transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%; right:28px;}
.custom-select1:hover .select-selected:after { background:url(../images/down-white-circle-arrow.svg) no-repeat center / 100% 100%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { cursor:pointer; font-size:14px; letter-spacing:1.80px; text-transform:uppercase;}
.custom-select1 .select-items::-webkit-scrollbar { display: none;}

.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items { max-height: inherit; height: inherit; overflow: visible; overflow-y: visible; padding-bottom: 0;}
.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items::-webkit-scrollbar { display: none;}
.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items::-webkit-scrollbar-track { background: #f1f1f1eb; box-shadow: inset 1px 0 5px #dfdfdf; border-radius: 0;}
.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items::-webkit-scrollbar-thumb { background: #0d8e92; border-radius: 0;}
.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items::-webkit-scrollbar-button { background-color: #ffffff !important; background-size: 0px 10px !important; background-repeat: no-repeat !important;  background-position: center center !important; height: 0px !important; width: 1em !important; -webkit-box-shadow: none; -webkit-appearance: none !important;} 

.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items .scrollb {max-height: inherit; max-width: 100%; height: inherit;}
.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items .scrollbox-rail.scrollbox-vertical-rail.scrollbox-rail-in {display: none;}
.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items .scrollbox-bar.scrollbox-vertical-bar.scrollbox-bar-in {display: none;}
.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items .scrollbox-bar.scrollbox-horizontal-bar {display: none;}

.teamer-wrapp .linker-col2 .custom-about { width: 373px; float: left; background:none; border:1px solid #0d8e92; border-radius:24px; transition:all 0.25s ease-out 0s; position:relative; z-index:99;}
.teamer-wrapp .linker-col2 .custom-about:hover {background:#0d8e92; border-color:#0d8e92;}
.teamer-wrapp .linker-col2 .custom-about select {display: none;}
.teamer-wrapp .linker-col2 .custom-about .select-items { max-height:160px; /*overflow-y:scroll;*/ background:#ffffff; position:absolute; top:102%; left:0; right:0; z-index:9;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb {max-height: 160px; max-width: calc(100% - 8px);}
.teamer-wrapp .linker-col2 .custom-about:hover .select-selected {color: #ffffff;}
.teamer-wrapp .linker-col2 .custom-about .select-selected:after {content:""; width:12px; height:12px; background:url(../images/down-blue-chill-circle-arrow.svg) no-repeat center / 100% 100%; transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%; right:28px;}
.teamer-wrapp .linker-col2 .custom-about:hover .select-selected:after {background:url(../images/down-white-circle-arrow.svg) no-repeat center / 100% 100%;}
.teamer-wrapp .linker-col2 .custom-about .select-selected {color: #0d8e92; transition: all 0.25s ease-out 0s; padding: 16px 24px 16px 24px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected, .teamer-wrapp .linker-col2 .custom-about .select-items > div {cursor: pointer; font-size: 14px; letter-spacing: 1.80px; text-transform: uppercase;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div {color: #0d8e92; transition: all 0.25s ease-out 0s; padding: 12px 20px 12px 22px;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div:hover {color:#ffffff; background:#0d8e92;}
.teamer-wrapp .linker-col2 .custom-about .select-hide {display: none;}

.teamer-wrapp .linker-col2 .custom-about .select-items::-webkit-scrollbar { display: none;}
.teamer-wrapp .linker-col2 .custom-about .select-items::-webkit-scrollbar-track { background: #f1f1f1eb; box-shadow: inset 1px 0 5px #dfdfdf; border-radius: 0;}
.teamer-wrapp .linker-col2 .custom-about .select-items::-webkit-scrollbar-thumb { background: #0d8e92; border-radius: 0;}
.teamer-wrapp .linker-col2 .custom-about .select-items::-webkit-scrollbar-button { background-color: #ffffff !important; background-size: 0px 10px !important; background-repeat: no-repeat !important;  background-position: center center !important; height: 0px !important; width: 1em !important; -webkit-box-shadow: none; -webkit-appearance: none !important;} 


/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select1 .select-items .scrollb div { padding:14px 5% 14px 5%;}
.custom-select1 .select-selected { padding:14px 5% 14px 5%;}
.custom-select1 .select-selected:after { width:12px; margin:0 0 0; position:absolute; right:5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; letter-spacing:1px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected, .teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div { font-size:12px; letter-spacing:1px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected {padding:14px 5% 14px 5%;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div {padding: 12px 5% 12px 5%;}
.teamer-wrapp .linker-col2 .custom-about {width: 100%;}
}


@media screen and (min-width:481px) and (max-width:600px) {
.custom-select1 .select-items .scrollb div { padding:14px 5% 14px 5%;}
.custom-select1 .select-selected { padding:14px 5% 14px 5%;}
.custom-select1 .select-selected:after { width:12px; margin:0 0 0; position:absolute; right:5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; letter-spacing:1px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected, .teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div { font-size:12px; letter-spacing:1px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected {padding:14px 5% 14px 5%;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div {padding: 12px 5% 12px 5%;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 .select-items .scrollb div { padding:14px 5% 14px 5%;}
.custom-select1 .select-selected { padding:14px 5% 14px 5%;}
.custom-select1 .select-selected:after { width:12px; margin:0 0 0; position:absolute; right:5%;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; letter-spacing:1px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected, .teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div { font-size:12px; letter-spacing:1px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected {padding:14px 5% 14px 5%;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div {padding: 12px 5% 12px 5%;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select1 .select-selected { padding:16px 18px 16px 18px;}
.custom-select1 .select-selected:after { right:22px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:10px; letter-spacing:1px; padding: 14.5px 11px 14.5px 11px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected, .teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div { font-size:10px; letter-spacing:1px; padding: 14.5px 11px 14.5px 11px;}
/*.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items { max-height: 160px;}*/
.teamer-wrapp .linker-col2 .custom-about .select-selected {padding:16px 18px 16px 18px;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div {padding: 11.5px 15px 11.5px 20px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select1 .select-selected { padding:16px 21px 16px 21px;}
.custom-select1 .select-selected:after { right:25px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:11px; letter-spacing:1px;}
.custom-select1 .select-items .scrollb div { padding: 14px 15px 14px 20px;}
/*.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items { max-height: 157px;}*/
.teamer-wrapp .linker-col2 .custom-about .select-selected, .teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div { font-size:11px; letter-spacing:1px;}
.teamer-wrapp .linker-col2 .custom-about .select-selected {padding:16px 21px 16px 21px;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div {padding: 11.5px 15px 11.5px 20px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:12px; letter-spacing:1.10px;}
.custom-select1 .select-items .scrollb div { padding: 13.5px 15px 13.5px 20px;}
/*.banner-wrapp .banner-col2 .banner-row2.custom-select1 .select-items { max-height: 157px;}*/
.teamer-wrapp .linker-col2 .custom-about .select-selected, .teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div { font-size:12px; letter-spacing:1.10px;}
.teamer-wrapp .linker-col2 .custom-about .select-items .scrollb div {padding: 11.5px 15px 11.5px 20px;}
}

