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

.custom-select1 { width:27.9%; float:none; background:none; border:1px solid #786034; border-radius:500px; transition:all 0.25s ease-out 0s; margin:0 0 5.1%; position:relative; z-index:99;}
.custom-select1:hover { background:#b98b4c; border-color:#b98b4c;}
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 .select-items { max-height:204px;  background:#f7f9f8; position:absolute; top:102%; left:0; right:0; z-index:99;}
.custom-select1 .select-items .scrollb div { color:#0d1021; transition:all 0.25s ease-out 0s; padding:16px 9.5% 16px 9.5%;}
.custom-select1 .select-items .scrollb div:hover { color:#ffffff; background:#b98b4c;}
.custom-select1 .select-selected { color:#0d1021; transition:all 0.25s ease-out 0s; padding:16px 11.5% 16px 9.5%;}
.custom-select1:hover .select-selected { color:#ffffff;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { cursor:pointer; font-size:15px; font-weight:600; letter-spacing:normal; line-height:normal;}

.custom-select1 .select-items .scrollb {max-height: 204px;max-width: calc(100% - 8px); background: #ffffff;}

.custom-select1 .select-selected {
    background: url(../images/down-brown-polygon-arrow.svg) no-repeat;
    background-position-y: 50%;
    background-position-x: calc(100% - 26px);
}

.custom-select1:hover .select-selected {
    background: url(../images/down-white-polygon-arrow.svg) no-repeat;
    background-position-y: 50%;
    background-position-x: calc(100% - 26px);
}




.custom-select2 { width:27.9%; float:none; background:none; border:1px solid #786034; border-radius:500px; transition:all 0.25s ease-out 0s; margin:0 0 5.1%; position:relative; z-index:99;}
.custom-select2:hover { background:#b98b4c; border-color:#b98b4c;}
.custom-select2 select { display:none;}
.custom-select2 .select-hide { display:none;}
.custom-select2 .select-items { max-height:204px;  background:#f7f9f8; position:absolute; top:102%; left:0; right:0; z-index:99;}
.custom-select2 .select-items .scrollb div { color:#0d1021; transition:all 0.25s ease-out 0s; padding:16px 9.5% 16px 9.5%;}
.custom-select2 .select-items .scrollb div:hover { color:#ffffff; background:#b98b4c;}
.custom-select2 .select-selected { color:#0d1021; transition:all 0.25s ease-out 0s; padding:16px 11.5% 16px 9.5%;}
.custom-select2:hover .select-selected { color:#ffffff;}
.custom-select2 .select-items .scrollb div, .custom-select2 .select-selected { cursor:pointer; font-size:15px; font-weight:600; letter-spacing:normal; line-height:normal;}

.custom-select2 .select-items .scrollb {max-height: 204px;max-width: calc(100% - 8px); background: #ffffff;}

.custom-select2 .select-selected {
    background: url(../images/down-white-polygon-arrow.svg) no-repeat;
    background-position-y: 50%;
    background-position-x: calc(100% - 26px);
}

.custom-select2:hover .select-selected {
    background: url(../images/down-white-polygon-arrow.svg) no-repeat;
    background-position-y: 50%;
    background-position-x: calc(100% - 26px);
}

.treatin-wrapp .custom-select1 { background:linear-gradient(90deg,rgba(246,232,156,1) 0%, rgba(189,145,82,1) 100%) border-box; border-radius:500px; opacity:1; border:none;}
.treatin-wrapp .custom-select1:hover { background:#786034;}
.treatin-wrapp .custom-select1 .select-selected { color:#ffffff;background: url(../images/down-white-polygon-arrow.svg) no-repeat;background-position-y: 50%;background-position-x: calc(100% - 26px);}

.blog-wrapp .custom-select1 { background:linear-gradient(90deg,rgba(246,232,156,1) 0%, rgba(189,145,82,1) 100%) border-box; border-radius:500px; opacity:1; border:none;}
.blog-wrapp .custom-select1:hover { background:#b98b4c;}
.blog-wrapp .custom-select1 .select-selected { color:#ffffff;background: url(../images/down-white-polygon-arrow.svg) no-repeat;background-position-y: 50%;background-position-x: calc(100% - 26px);}

.contact3-wrapp .custom-select1 { border:1px solid #ffffff;}
.contact3-wrapp .custom-select1:hover { border:1px solid #786034;}
.contact3-wrapp .custom-select1 .select-selected { color:#ffffff;background: url(../images/down-white-polygon-arrow.svg) no-repeat;background-position-y: 50%;background-position-x: calc(100% - 26px);}

.teamer-wrapp .custom-select1 { background:linear-gradient(90deg,rgba(246,232,156,1) 0%, rgba(189,145,82,1) 100%) border-box; border-radius:500px; opacity:1; border:none;}
.teamer-wrapp .custom-select1:hover { background:#b98b4c;}
.teamer-wrapp .custom-select1 .select-selected { color:#ffffff;background: url(../images/down-white-polygon-arrow.svg) no-repeat;background-position-y: 50%;background-position-x: calc(100% - 26px);}


.teamer-wrapp .custom-select2 { background:linear-gradient(90deg,rgba(246,232,156,1) 0%, rgba(189,145,82,1) 100%) border-box; border-radius:500px; opacity:1; border:none;}
.teamer-wrapp .custom-select2:hover { background:#b98b4c;}
.teamer-wrapp .custom-select2 .select-selected { color:#ffffff;background: url(../images/down-white-polygon-arrow.svg) no-repeat;background-position-y: 50%;background-position-x: calc(100% - 26px);}

.contact-box1 .custom-select1 { width:100%; float:left; border-radius:0; background:#8d6138; border:1px solid #8d6138;}
.contact-box1 .custom-select1 .select-selected { color: rgba(255,255,255,0.4); padding:20.5px 5.5% 20.5px 5.5%;}
.contact-box1 .custom-select1 .select-items .scrollb div, .contact-box1 .custom-select1 .select-selected { cursor:pointer; font-size:16px; font-weight:400; letter-spacing:normal; line-height:normal;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select1 { width:100%; margin:0 0 40px;}
.custom-select1 .select-items .scrollb div { padding:16px 10% 16px 10%;}
.custom-select1 .select-selected { padding:16px 10% 16px 10%;}
.custom-select1 .select-selected { font-size:13px; line-height:normal;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px; line-height:normal;}


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

.contact2-wrapp .custom-select1 { margin:0 0 4.2%;}

} 

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


.custom-select2 { width:100%; margin:0 0 40px;}
.custom-select2 .select-items .scrollb div { padding:16px 10% 16px 10%;}
.custom-select2 .select-selected { padding:16px 10% 16px 10%;}
.custom-select2 .select-items .scrollb div, .custom-select1 .select-selected { font-size:13px; line-height:normal;}
.contact2-wrapp .custom-select1 { margin:0 0 4.2%;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 { width:100%; margin:0 0 40px;}
.custom-select1 .select-items .scrollb div { padding:16px 10% 16px 10%;}
.custom-select1 .select-selected { padding:16px 10% 16px 10%;}
.custom-select1 .select-selected { font-size:13px; line-height:normal;}
.custom-select1 .select-items .scrollb div,
.custom-select2 .select-selected { font-size:13px; line-height:normal;}

.custom-select2 { width:100%; margin:0 0 40px;}
.custom-select2 .select-items .scrollb div { padding:16px 10% 16px 10%;}
.custom-select2 .select-selected { padding:16px 10% 16px 10%;}
.custom-select2 .select-items .scrollb div, 
.custom-select2 .select-selected { font-size:13px; line-height:normal;}

.contact2-wrapp .custom-select1 { margin:0 0 4.2%;}

}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select1 .select-items .scrollb div, 
.custom-select1 .select-selected { font-size:13px; line-height:normal;}

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

}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select1 .select-items .scrollb div,
.custom-select1 .select-selected { font-size:14px; line-height:normal;}

.custom-select2 .select-items .scrollb div,
.custom-select2 .select-selected { font-size:14px; line-height:normal;}


}

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

}