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

.custom-select1 { width:224px; float:left; background:#f6f6f6; cursor: pointer;border:1px solid #f6f6f6; border-radius:100px; transition:all 0.25s ease-out 0s; display:inline-block; margin:0 12px 0 0; position:relative; z-index:99;}
.custom-select1:hover { background:#373737; border:1px solid #373737;}
.custom-select1 select { display:none;}
.custom-select1 .select-hide { display:none;}
.custom-select1 .select-items { max-height:155px; background:#f6f6f6; position:absolute; top:102%; left:0; right:0; z-index:99;}
.custom-select1 .select-items .scrollb { max-height:132px; max-width: 96%; max-width: calc(100% - 8px); }
.custom-select1 .select-items .scrollb div { color:#373737; transition:all 0.25s ease-out 0s; padding:14px 22px 13px 22px;}
.custom-select1 .select-items .scrollb div:hover { color:#ffffff; background:#373737;}
.custom-select1 .select-selected { color:#373737; transition:all 0.25s ease-out 0s; padding:14px 30px 13px 22px;}
.custom-select1:hover .select-selected { color:#ffffff;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected { cursor:pointer; font-size:13px; font-weight:600; letter-spacing:normal; line-height:normal;   font-family: 'Montserrat', sans-serif;;}


.about-row2.custom-about.custom-select2 { width:224px; float:left; cursor: pointer;background:#f6f6f6; border:1px solid #f6f6f6; border-radius:100px; transition:all 0.25s ease-out 0s; display:inline-block; margin:0 12px 0 0; position:relative; z-index:99;}
.about-row2.custom-about.custom-select2:hover { background:#373737; border:1px solid #373737;}
.about-row2.custom-about.custom-select2 select { display:none;}
.about-row2.custom-about.custom-select2 .select-hide { display:none;}
.about-row2.custom-about.custom-select2 .select-items { max-height:155px; background:#f6f6f6; position:absolute; top:102%; left:0; right:0; z-index:99;}
.about-row2.custom-about.custom-select2 .select-items .scrollb { max-height:155px; max-width: 96%; max-width: calc(100% - 8px); }
.about-row2.custom-about.custom-select2 .select-items .scrollb div { color:#373737; transition:all 0.25s ease-out 0s; padding:14px 22px 13px 22px;}
.about-row2.custom-about.custom-select2 .select-items .scrollb div:hover { color:#ffffff; background:#373737;}
.about-row2.custom-about.custom-select2 .select-selected { color: #373737;transition: all 0.25s ease-out 0s;    padding: 14px 30px 13px 22px;font-weight: 600;font-size: 15px;cursor: pointer;font-size: 13px;/* font-weight: 400; */letter-spacing: normal;line-height: normal;}
.about-row2.custom-about.custom-select2 :hover .select-selected { color:#ffffff;}
.about-row2.custom-about.custom-select2 .select-items .scrollb div, .about-row2.custom-about.custom-select2 .select-selected { cursor:pointer; font-size:14px; font-weight:600; letter-spacing:normal; line-height:normal;   font-family: 'Montserrat', sans-serif;;}
.about-row2.custom-about.custom-select2:hover .selcted-about {color: #fff !important;}
.about-row2.custom-about.custom-select2:hover .selected-about {color: #fff !important;}



.sidbar-col2 .custom-select1 { width:100%; background:none; border:none; border-radius:0; margin:0;}
.sidbar-col2 .custom-select1 .select-items .scrollb  div { padding:14px 17% 13px 17%;}
.sidbar-col2 .custom-select1 .select-selected { padding:14px 17% 13px 17%;}
.sidbar-col2 .custom-select1:hover .select-selected { color:#c60071;}
.sidbar-col2 .custom-select1 .select-items .scrollb div, .sidbar-col2 .custom-select1 .select-selected { font-weight:600;}

.contact-row1 .custom-select1 { width:49.2%; background:#ffffff; border:1px solid #ffffff; margin:0 0 0; border-radius:0;}
.contact-row1 .custom-select1:hover { background:#373737; border:1px solid #373737;}
.contact-row1 .custom-select1:nth-child(2n) { float:right;}
.contact-row1 .custom-select1 .select-items .scrollb div { padding:21px 7.2% 21px 7.2%;}
.contact-row1 .custom-select1 .select-selected { padding:21px 7.2% 21px 7.2%;}
.scrollbox-bar.scrollbox-horizontal-bar.scrollbox-bar-in {
    display: none;
}

.scrollbox-rail.scrollbox-horizontal-rail.scrollbox-rail-in {
    display: none;
}

.conten-wrapp .yellow-btn{font-size:13px;font-weight:600;letter-spacing:normal;line-height:normal;color:#fff;background:#c60071;border:1px solid #c60071;padding:14px 36px 13px 36px;border-radius:100px;margin:5px 0 12px;transition:all 0.25s ease-out 0s;display:inline-block;position:relative;font-family:'Montserrat',sans-serif;cursor:pointer}
.conten-wrapp .yellow-btn:hover{color:#c60071;background:none;border-color:#c60071}

.open-day-wrapp{width:100%;display:block;float:left; padding: 50px 0 60px;}
.open-day-wrapp .open-day-col1{width:100%;display:flex;flex-wrap:wrap}
.open-day-wrapp .open-day-col1 .open-day-col2{width:100%;display:flex;flex-wrap:wrap;position:relative;background:#f6f6f6;float:left;padding:45px 5%;margin:0 0 24px}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1{width:30.5%;display:inline-block;position:absolute;height:100%;top:50%;transform:translateY(-50%);left:0}
.open-day-wrapp img{width:100%;display:block}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row2{width:66.5%;display:inline-block;float:right;margin-left:auto}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1 img{height:100%;object-fit:cover;object-position:center}
.open-day-wrapp .open-day-col1 .open-day-col2:nth-child(2n){flex-direction:row-reverse}
.open-day-wrapp .open-day-col1 .open-day-col2:nth-child(2n) .open-day-row1{right:0;left:inherit}
.open-day-wrapp .open-day-col1 .open-day-col2:nth-child(2n) .open-day-row2{margin:0;margin-right:auto}
.open-day-wrapp h2 {float: none;font-size: 27px;font-weight: 600;color: #373737;letter-spacing: normal;line-height: 1.29;margin: 0 0 22px;}

.about-editor3-wrapp{width:100%;display:block;float:left;padding: 0 0 0}
.about-editor3-wrapp .about-coloumn{width:100%;display:flex;flex-wrap:wrap;align-items:center;background: #f6f6f6;}
.about-editor3-wrapp img{width:100%;display:block}
.about-editor3-wrapp .about-coloumn .about-col2{width:49%;display:inline-block;float:left;margin:0 0 0 2.85%}
.about-editor3-wrapp .about-coloumn .about-col1{width:48%;display:inline-block;padding: 25px 1.5% 25px 3%}
.about-editor3-wrapp h2{float:none;font-size:32px;font-weight:600;color:#373737;letter-spacing:normal;line-height:1.29;margin:0 0 22px}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.custom-select1 { width:100%; margin:0 0 0;}

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

.sidbar-col2 .custom-select1 .select-selected { padding:14px 5% 13px;}
.sidbar-col2 .custom-select1 .select-items .scrollb div { padding:14px 5% 13px;}

.contact-row1 .custom-select1 { width:100%;}
.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:11px;line-height: normal;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected {font-size: 11px;line-height: normal;}
.about-row2.custom-about.custom-select2 .select-items .scrollb .scrollb div, .about-row2.custom-about.custom-select2 .select-selected {font-size: 11px;line-height: normal;}
.about-row2.custom-about.custom-select2 {width: 100%;}

.conten-wrapp .yellow-btn{font-size: 11px}

.open-day-wrapp h2{font-size:22px}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1{position:relative;width:100%;top:inherit;transform:none;height:auto;margin:0 0 30px}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row2{width:100%}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1 img{height:auto;max-height:520px;object-fit:contain}
.open-day-wrapp .open-day-col1 .open-day-col2{padding:35px 5% 25px}

.about-editor3-wrapp .about-coloumn .about-col1 {width: 100%;text-align: center;padding: 35px 4% 20px 4%;}
.about-editor3-wrapp .about-coloumn .about-col2 {width: 100%;margin: 0;}

.open-day-wrapp {padding: 20px 0 30px;}

} 

@media screen and (min-width:481px) and (max-width:600px) {
.custom-select1 { width:100%; margin:0 0 0;}

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

.sidbar-col2 .custom-select1 .select-selected { padding:14px 5% 13px;}
.sidbar-col2 .custom-select1 .select-items .scrollb div { padding:14px 5% 13px;}
.contact-row1 .custom-select1 { width:100%;}

.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:11px;line-height: normal;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected {font-size: 11px;line-height: normal;}
.about-row2.custom-about.custom-select2 .select-items .scrollb div, .about-row2.custom-about.custom-select2 .select-selected {font-size: 11px;line-height: normal;}
.about-row2.custom-about.custom-select2 {width: 100%;}

.conten-wrapp .yellow-btn{font-size: 11px}

.open-day-wrapp h2{font-size:24px}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1{position:relative;width:100%;top:inherit;transform:none;height:auto;margin:0 0 30px}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row2{width:100%}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1 img{height:auto;max-height:520px;object-fit:contain}
.open-day-wrapp .open-day-col1 .open-day-col2{padding:35px 5% 25px}

.about-editor3-wrapp .about-coloumn .about-col1 {width: 100%;text-align: center;padding: 35px 4% 20px 4%;}
.about-editor3-wrapp .about-coloumn .about-col2 {width: 100%;margin: 0;}

.open-day-wrapp {padding: 20px 0 30px;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.custom-select1 { width:100%; margin:0 0 0;}

.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:11px;line-height: normal;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected {font-size: 11px;line-height: normal;}
.about-row2.custom-about.custom-select2 .select-items .scrollb .scrollb div, .about-row2.custom-about.custom-select2 .select-selected {font-size: 11px;line-height: normal;}
.about-row2.custom-about.custom-select2 {width: 100%;}


.sidbar-col2 .custom-select1 .select-selected { padding:14px 5% 13px;}
.sidbar-col2 .custom-select1 .select-items .scrollb div { padding:14px 5% 13px;}

.contact-row1 .custom-select1 { width:100%;}

.conten-wrapp .yellow-btn{font-size: 12px}

.open-day-wrapp h2{font-size:24px}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1{position:relative;width:100%;top:inherit;transform:none;height:auto;margin:0 0 30px}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row2{width:100%}
.open-day-wrapp .open-day-col1 .open-day-col2 .open-day-row1 img{height:auto;max-height:520px;object-fit:contain}
.open-day-wrapp .open-day-col1 .open-day-col2{padding:35px 5% 25px}

.about-editor3-wrapp .about-coloumn .about-col1 {width: 100%;text-align: center;padding: 35px 4% 20px 4%;}
.about-editor3-wrapp .about-coloumn .about-col2 {width: 100%;margin: 0;}

.open-day-wrapp {padding: 20px 0 30px;}

}

@media screen and (min-width:768px) and (max-width:900px) {
.custom-select1 { width:200px;}

.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:11px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected {font-size: 11px;}
.about-row2.custom-about.custom-select2 .select-items .scrollb div, .about-row2.custom-about.custom-select2 .select-selected {font-size: 11px;}

.sidbar-col2 .custom-select1 .select-selected { padding:14px 7% 13px;}
.sidbar-col2 .custom-select1 .select-items .scrollb div { padding:14px 7% 13px;}

.custom-col1 .custom-select1 { width:224px; float:right;}

.conten-wrapp .yellow-btn{font-size: 11px}

.open-day-wrapp h2 {font-size: 23px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.custom-select1 { width:212px;}

.custom-select1 .select-items div, .custom-select1 .select-selected { font-size:12px;}
.custom-select1 .select-items .scrollb div, .custom-select1 .select-selected {font-size: 12px;}
.about-row2.custom-about.custom-select2 .select-items .scrollb div, .about-row2.custom-about.custom-select2 .select-selected {font-size: 12px;}

.sidbar-col2 .custom-select1 .select-selected { padding:14px 7% 13px;}
.sidbar-col2 .custom-select1 .select-items .scrollb div { padding:14px 7% 13px;}

.custom-col1 .custom-select1 { width:224px; float:right;}

.conten-wrapp .yellow-btn{font-size: 12px}

.open-day-wrapp h2 {font-size: 25px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.sidbar-col2 .custom-select1 .select-selected { padding:14px 7% 13px;}
.sidbar-col2 .custom-select1 .select-items .scrollb div { padding:14px 7% 13px;}

.custom-col1 .custom-select1 { width:224px; float:right;}

}