@charset "utf-8";

/* CSS Document */
.select-hide { display:none;}
.custom-text1 { color:#ffffff; line-height:21px; display:inline-block; margin:13px 13px 0 0;}
.custom-select1 { width:100%; height:47px; float:left; text-align:center; background:none; border:1px solid rgba(255,255,255,0.55); transition:all 0.25s ease-out 0s; margin:0 0 20px; position:relative;}
.custom-select1:hover { background:#000000;}
.custom-select1 select { display:none;}
.custom-select1:after { content:""; width:13px; height:7px; background:url(../images/custom-arrow1.png) no-repeat; transform:translateY(-50%); position:absolute; top:50%; right:22px;}
.custom-select1:hover:after { background:url(../images/custom-arrow1.png) no-repeat;}
.select-items { background:#000000; position:absolute; top:100%; left:0; right:0; z-index:99;}
.select-items div { color:#ffffff; padding:8px 16px;}
.select-items div:hover { color:#000000; background:#ffffff;}
.select-selected { color:#ffffff;}
.select-items div, .select-selected { cursor:pointer; padding:16px 22px 16px 22px;}
.custom-text1, .select-items div, .select-selected { font-size:11px; letter-spacing:3.4px; text-transform:uppercase;     font-family: 'Jost', sans-serif; font-weight: 700;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-text1 { width:100%; margin:0 0 12px;}
.custom-select1 { width:100%; text-align:center; background:none; margin:0 0 16px;}
.custom-select1:last-child { margin-bottom:0;}
.custom-select1:after { right:5%;}
.select-items div, .select-selected { padding:17px 5% 17px 5%;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.custom-text1 { width:100%; margin:0 0 12px;}
.custom-select1 { width:100%; text-align:center; background:none; margin:0 0 16px;}
.custom-select1:last-child { margin-bottom:0;}
.custom-select1:after { right:5%;}
.select-items div, .select-selected { padding:17px 5% 17px 5%;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-text1 { width:100%; margin:0 0 12px;}
.custom-select1 { width:47.3%; text-align:center; background:none; margin:0 0 0;}
.custom-select1:last-child { float:right; margin-bottom:0;}
.custom-select1:after { right:5%;}
.select-items div, .select-selected { padding:17px 5% 17px 5%;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-text1 { display:none;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-text1 { display:none;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.custom-text1 { display:none;}
}