@charset "utf-8";

/* CSS Document */
.select-hide { display:none;}
.custom-select { height:43px; float:left; background:rgba(255,255,255,0.78); border:1px solid rgba(255,255,255,0.78); border-radius:20px; transition:all 0.25s ease-out 0s; position:relative; bottom:-6px;}
.custom-select:hover { border:1px solid #00235d;}
.custom-select select { display:none;}
.custom-select:after { content:""; width:12px; height:6px; background:url(../images/canver-arrow1.png) no-repeat; transform:translateY(-50%); position:absolute; top:50%; right:15px;}
.custom-select:hover:after { background:url(../images/canver-arrow2.png) no-repeat;}
.select-items { background:#00235d; border-radius:6px; position:absolute; top:100%; left:0; right:0; z-index:99;}
.select-items .scrollb div { font-size:17px; color:#ffffff; border-radius:6px; padding:8px 16px;}
.select-items .scrollb div:hover { background:#cdd520;}
.select-selected { font-size:17px; color:#707070;}
.custom-select:hover .select-selected { color:#00235d;}
.select-items .scrollb div, .select-selected { cursor:pointer; padding:12px 28px 10px 20px; font-family: 'Josefin Sans', sans-serif; font-weight: 700;}

.canver-wrapp .canver-row6 select.banner-fild1 {display: none;}
.canver-wrapp .canver-row6 .custom-select1 {height: 43px; float:left; background:rgba(255,255,255,0.78); border:1px solid rgba(255,255,255,0.78); border-radius:20px; transition:all 0.25s ease-out 0s; position:relative; bottom:-6px;}
.canver-wrapp .canver-row6 .custom-select1:hover {border:1px solid #00235d;}
.canver-wrapp .canver-row6 .custom-select1:after {content: ""; width:12px; height:6px; background:url(../images/canver-arrow1.png) no-repeat; transform:translateY(-50%); position:absolute; top:50%; right:15px;}
.canver-wrapp .canver-row6 .custom-select1:hover:after {background:url(../images/canver-arrow2.png) no-repeat;}

.select-items .scrollb {max-height: 170px; max-width: calc(100% - 8px);}
.select-items .scrollb div { font-size:16px; color:#ffffff; border-radius:6px; padding:8px 16px;}
.select-items .scrollb div:hover { background:#cdd520;}
.select-items .scrollb div { cursor:pointer; padding:10px 18px 12px 16px; font-family: 'Josefin Sans', sans-serif; font-weight: 700;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select { width:100%; text-align:center; float:left; margin:6px 0 0;}
.canver-wrapp .canver-row6 .custom-select1 {border-color: #00235d;}
.select-items .scrollb {height: 150px;}
.select-items .scrollb div {font-size: 14px; padding: 10px 12px 12px 12px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.custom-select { width:100%; text-align:center; float:left; margin:10px 0 0;}
.canver-wrapp .canver-row6 .custom-select1 {border-color: #00235d;}
.select-items .scrollb {height: 150px;}
.select-items .scrollb div {font-size: 15px; padding: 10px 16px 12px 16px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select { width:100%; text-align:center; float:left; margin:10px 0 0;}
.canver-wrapp .canver-row6 .custom-select1 {border-color: #00235d;}
.select-items .scrollb {height: 150px;}
.select-items .scrollb div {font-size: 15px; padding: 10px 16px 12px 16px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select { width:100%; border:1px solid #00235d;}
.select-selected { font-size:15px;}
.canver-wrapp .canver-row6 .custom-select1 {border-color: #00235d;}
.select-items .scrollb div {font-size: 15px; padding: 10px 16px 12px 16px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select { width:100%; border:1px solid #00235d;}
.select-selected { font-size:15px;}
.canver-wrapp .canver-row6 .custom-select1 {border-color: #00235d;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.custom-select:after { right:20px;}
.select-items .scrollb div,.select-selected { font-size:16px; padding:10px 10px 8px 25px;}
.select-items .scrollb div {font-size:16px; padding:10px 10px 8px 25px;}

}