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

.custom-select1 { width: 246px; float: left; background: none; border: 1px solid rgba(10,52,120,0.15); border-radius: 80px; margin: 0 9px 0 0; transition: all 0.25s ease-out 0s; position: relative; }
.custom-select1:hover { background: #012169; border-color: #012169; }
.custom-select1 select { display: none; }
.custom-select1 .select-hide { display: none; }
.custom-select1 .select-items { max-height: 168px; overflow-y: auto; background: #fff; position: absolute; top: 102%; left: 0; right: 0; z-index: 99; }
.custom-select1 .select-items .scrollb {max-height:168px; max-width: calc(100% - 8px);}
.custom-select1 .select-items .scrollb div { color: #0a3478; transition: all 0.25s ease-out 0s; padding: 9px 26px 9px 26px; }
.custom-select1 .select-items .scrollb div:hover { color: #fff; background: #0a3478; }
.custom-select1 .select-selected { color: #012169; transition: all 0.25s ease-out 0s; padding: 12px 26px 12px 26px; }
.custom-select1:hover .select-selected { color: #fff; }
.custom-select1 .select-selected:after { content: ""; width: 16px; height: 16px; background: url(../images/down-blue-circle-arrow.svg) no-repeat top/100%; transform: translateY(-50%); transition: all 0.25s ease-out 0s; margin: 0 0 0; position: absolute; top: 50%; right: 18px; }
.custom-select1:hover .select-selected:after { background: url(../images/down-blue-white-circle-arrow.svg) no-repeat bottom/100%; }
.custom-select1 .select-items::-webkit-scrollbar { width: 6px; }
.custom-select1 .select-items::-webkit-scrollbar-track { background: #f1f1f1eb; box-shadow: inset 1px 0 5px #dfdfdf; border-radius: 25px; }
.custom-select1 .select-items::-webkit-scrollbar-thumb { background: #197179; border-radius: 25px; }
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { cursor: pointer; font-size: 17px; font-weight: 400; letter-spacing: normal; line-height: normal; font-family: "DM Serif Display",serif; }

.sidbar-col1 .custom-select1 { width: 100%; border: 1px solid rgba(54,194,238,0.6); border-radius: 4px; margin: 0 0 13px 0; }
.sidbar-col1 .custom-select1 .select-selected { color: #fff; }
.sidbar-col1 .custom-select1 .select-items .scrollb div { padding: 12px 21.5px 12px; }
.sidbar-col1 .custom-select1 .select-selected { padding: 14px 21.5px 14px; }
.sidbar-col1 .custom-select1 .select-items .scrollb div, .sidbar-col1 .custom-select1 .select-selected { font-size: 14px; font-weight: 400; letter-spacing: normal; line-height: normal; font-family: "Jost",sans-serif; }

.contact-col2 .custom-select1 { width: 100%; border: 1px solid rgba(54,194,238,0.6); border-radius: 4px; margin: 0 0 13px 0; }
.contact-col2 .custom-select1 .select-selected { color: #fff; }
.contact-col2 .custom-select1 .select-items .scrollb div { padding: 12px 21.5px 12px; }
.contact-col2 .custom-select1 .select-selected { padding: 14px 21.5px 14px; }
.contact-col2 .custom-select1 .select-items .scrollb div, .contact-col2 .custom-select1 .select-selected { font-size: 14px; font-weight: 400; letter-spacing: normal; line-height: normal; font-family: "Jost",sans-serif; }

.stikerdrive .fixed .custom-select1 .select-items { text-align: left; }

.header-wrapp .custom-select1.mob {display: none;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
  .custom-select1 { width: 100%; margin: 0 0 0; }
  .custom-select1 .select-items .scrollb div { padding: 9px 5% 9px 5%; }
  .custom-select1 .select-selected { padding: 12px 5% 12px 5%; }
  .custom-select1 .select-selected:after { width: 14px; height: 14px; margin: 0 0 0; position: absolute; top: 50%; right: 5%; }
  .custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size: 14px; }
  .custom-select1.desk { display: none; }
  .header-wrapp .custom-select1.desk {display: none;}
  .header-wrapp .custom-select1.mob {display: block; margin: 4.2% 0 0;}
}

@media screen and (min-width:481px) and (max-width:600px) {
  .custom-select1 { width: 100%; margin: 0 0 0; }
  .custom-select1 .select-items div { padding: 9px 5% 9px 5%; }
  .custom-select1 .select-selected { padding: 12px 5% 12px 5%; }
  .custom-select1 .select-selected:after { width: 14px; height: 14px; margin: 0 0 0; position: absolute; top: 50%; right: 5%; }
  .custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size: 14px; }
  .custom-select1.desk { display: none; }
  .header-wrapp .custom-select1.desk {display: none;}
  .header-wrapp .custom-select1.mob {display: block; margin: 4.2% 0 0;}
}

@media screen and (min-width:601px) and (max-width:767px) {
  .custom-select1 { width: 100%; margin: 0 0 0; }
  .custom-select1 .select-items .scrollb div { padding: 9px 5% 9px 5%; }
  .custom-select1 .select-selected { padding: 12px 5% 12px 5%; }
  .custom-select1 .select-selected:after { width: 14px; height: 14px; margin: 0 0 0; position: absolute; top: 50%; right: 5%; }
  .custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size: 14px; }
  .custom-select1.desk { display: none; }
  .header-wrapp .custom-select1.desk {display: none;}
  .header-wrapp .custom-select1.mob {display: block; margin: 4.2% 0 0;}
}

@media screen and (min-width:768px) and (max-width:900px) {
  .custom-select1 { width: 202px; margin: 0 5px 0 0; }
  .custom-select1 .select-items .scrollb div { padding: 9px 22px 9px 22px; }
  .custom-select1 .select-selected { padding: 12px 22px 12px 22px; }
  .custom-select1 .select-selected:after { right: 14px; }
  .custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size: 14px; }
}

@media screen and (min-width:901px) and (max-width:1024px) {
  .custom-select1 { width: 224px; margin: 0 7px 0 0; }
  .custom-select1 .select-items .scrollb div { padding: 9px 24px 9px 24px; }
  .custom-select1 .select-selected { padding: 12px 24px 12px 24px; }
  .custom-select1 .select-selected:after { right: 16px; }
  .custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size: 15px; }
}

@media screen and (min-width:1025px) and (max-width:1240px) {
  .custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size: 16px; }
}