﻿﻿html, body {
    height: 100%;
    scroll-behavior: smooth;
}
.field-validation-error{color:red}
.input-validation-error{border:red 1px solid!important}
.hideFromView{font-size:0}
.cursorDefault{cursor:default}
.cursorPointer {cursor:pointer}
.topMargin{margin-top:10px;}
#statusContact{font-size:0;}
#statusCombined{font-size:0;}
.sharebar{direction:rtl;}
.sharebar > li{margin-right: 0.9375rem;}
.field-validation-valid{display:none}
.red{border:1px solid red}
/*.has-error input{border:1px solid red!important;color:red;}
*/.close-megamenu .icon-close {margin-top:30px;display:block;z-index:10000}
  /******/
#divisionsCarouselPartial .item{border:1px solid #eee;width:30%;float:right;height:200px;}
#divisionsCarouselPartial .item img{max-height:200px;}
.inner2{position:relative}

#lecturerPage{width:100%;margin-bottom:50px;margin-top:50px;}
#lecturerPage .button{width:150px;height:40px;text-align:center; background:#70baba;color:#fff;float:right;font-size:20px;line-height:40px;margin:10px 0;}
#lecturerPage .line{width:100%;color:#70baba;float:right;font-size:20px;line-height:40px;margin:10px 0}
.searchbox .scrollbar-inner{direction:rtl;}

.form_ui .input.input_must:after{content:'*';position:absolute;left:100%;top:0;margin-left:2px;color:#38C6BC;}
.form_ui .input .label.input_must:after{content:'*';position:absolute;left:100%;top:0;margin-left:-20px;color:#38C6BC;}
.cursor {cursor:pointer}
.styled-checkbox{
    opacity: 1;
    border: solid 1px #3E3E3C;
    background: #fff;
    width: 16px;
    height: 16px;
}
input[type= "checkbox"] {
    -webkit-appearance:checkbox; outline:none;
}
    input[type= "checkbox"]:checked + label {
        background-color: #569cc3 !important;
    }
.styled-checkbox input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 10px;
    height: 15px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 9px;
}

/*Judit*/
/*input[type=checkbox] { position: relative; cursor: pointer; float: right; display: block !important; top: 14px;opacity:1; }

input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 25px; height: 25px; top: 0; left: 0; 
                              background-color: transparent; border: 2px solid #000; border-radius: 50%; }
input[type=checkbox]:checked:before { background-color: transparent; }

input[type=checkbox]:checked:after { content: ""; display: block; width: 10px; height: 15px; border: solid white; 
                                     border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); 
                                     position: absolute; top: 2px; left: 9px; }
.checkAgree{width:30px;height:30px;}

.input-checkbox .label{padding-right:0}

*/
.quote {
    font-weight: bold;
    font-size: 24px;
}


.quote{padding-right:2.9063rem;position:relative;color:#2172E4;line-height:1.25;padding-bottom:0;padding-top:0;padding-left:0;}
.quote:before{content:'';background:url('/National_Library/oe_/https://www.colman.ac.il/Content/images/icon_quote.png') no-repeat 0 0;background-size:100%;width:2rem;height:1.625rem;position:absolute;right:0;top:0.4375rem;}
.quote .quote_author{color:#848482;padding-top:0.625rem;line-height:1;}

.b-grayd .must_text{color:#fff!important;}
.must_text{color:#fff;}
.leadform_section .must_text { color: #060909; margin-bottom: 8px; font-size: 14px;}

.leadform_section.newsletter .titles{width:100%;}

.footer .leadform_section {background:#3e3e3c}
.footer .leadform_section .titles .title-section{color:#fff;}
.newsletter .titles{width:230px;}
.newsletter .newSelect{position:relative;} 
.newsletter .newSelect .icon{top:-25px;left:12px;float:left }
.newsletter .newSelect .icon { position: absolute; left: 3.125rem; top: 0; bottom: 0; height: 2.8125rem; line-height: 2.8125rem; font-size: 0.5194rem; z-index: -1;}
.newsletter.b-grayd .newSelect .icon { position: absolute; left: 3.125rem; top: 0; bottom: 0; height: 2.5125rem; line-height: 2.5125rem;font-size: 0.5194rem;z-index: -1; color: #fff;}
#ContactForm input[type="text"],#ContactForm input[type="tel"],#ContactForm input[type="email"] { background: transparent;}
.newsletter .input.input_submit{max-height:40px;}
.newsletter .input.input_submit .btn.combined {cursor:pointer; background:#38C6BC; /*background: linear-gradient(45deg, rgba(40,178,242,1) 0%,rgba(41, 160, 126, 1) 100%); color:rgb(56 198 188 / 0.76)*/ }
.newsletter .input.input_submit .btn.combined:hover{background:#2d9e96;} 

.cselect_cont {height:40px; position: relative; font-weight: 400; text-align: right; z-index: 4;}
.b-grayd.divChb { float: right; border-bottom: solid 1px #fff;}
.divChb { float: right; border-bottom: solid 1px #979797;}
select.selectCustom { width: 100%; height: 2.5125rem; text-indent: 0.8333em; padding: 5px0; cursor: pointer; color: #000; border: #979797 solid 1px; background-color: transparent;}
.b-grayd select.selectCustom { width: 100%; height: 2.5125rem; text-indent: 0.8333em; padding: 5px 0; cursor: pointer;color: #fff; border: #fff solid 1px;background-color: transparent;}
/*select.selectCustom{width:100%;height:2.8125rem;text-indent: 0.8333em;padding:5px 10px;cursor:pointer}*/
select.selectCustom option{height:40px;line-height:40px;font-size:20px;border-bottom:1px solid #70baba; color:#000; padding-right:10px}
select option[value=""] {
    padding-right: 0px !important
}
/*.navpage .selectCustom{max-width:28.5rem;border:0;position:relative}?????*/
.navpage .newSelect{max-width:28.5rem;position:relative}

.navpage .newSelect .icon { position: absolute; left: 3.125rem; top:-5px; bottom: 0; height: 2.8125rem; line-height: 3.8125rem; font-size: 0.5194rem; }


.navpage .searchCombo .newSelect{max-width:40.5rem;position:relative;width:17rem;}
.navpage .searchCombo .newSelect .icon{left: 3.125rem ;color:#fff;z-index:0; top:0}
/*.navpage .searchCombo .newSelect .icon{left: 3.125rem ;color:#fff;} -- changed by judit 281222 */
.navpage .searchCombo select.selectCustom{height:3.875rem;padding:5px 20px 5px 5px;border:none;color:#fff;background-color:transparent;position:relative;z-index:1;border: solid 1px #676767;}
/*.navpage .searchCombo select.selectCustom{height:3.875rem;padding:5px 20px 5px 5px;border:none;color:#fff;background-color:#060909;}  -- changed by judit 281222*/
    .navpage .searchCombo select.selectCustom option { height: 3.675rem; line-height: 40px; font-size: 20px; background-color: #060909; color: #fff;}
    .navpage .searchCombo select.selectCustom option:focus{border:2px solid red!important;}

/*.navpage .searchCombo select.selectCustom option{height:3.675rem;line-height:40px;font-size:20px;background-color:#fff;color:#060909; -- changed by judit 281222}
*/
.searchCombo .input_datepicker input[type="text"]{width:125px;height:3.875rem;}

#searchEvents  .newSelect .icon{top:0;}

.navpage input:focus,
.navpage .searchbox input:focus,
.navpage select:focus {outline:solid 1px}
/*search database*/
.filters .btn:after{top:20px;}
/****meganemu image*/
.navmega .subnav .left .block .cover{background-position:top center;}




@media screen and (max-width: 778px) {
.navpage .selectCustom{max-width:100%;border:0;}
.megamenu .inner_in .close-megamenu .icon-close {display:none}

}
#creativityPage{margin-top:350px;}
/**problem***/
.morearticles_section .item .title{position:absolute;right:0;bottom:1.375rem;z-index:3;color:#fff;padding-left:18px;line-height:32px;}
.morearticles_section .item .title div:not(:last-child){margin-bottom:0.4688rem;}
.morearticles_section .item .title div span{line-height:33px;padding-top: 0.1rem; padding-bottom: 0.1rem; padding-left:1rem;padding-right:1rem;background:rgba(62,62,60,0.6);}
.morearticles_section .item .title div span { }
.morearticles_section .item .title div:before {content:'';width: 0.5rem;height: 100%; position: absolute; right: 0; top: 0; background: #2474E4; z-index: 2;}
.morearticles_section .item .title div span .icon { width: 30px; height: 30px; padding: 0; background: #FFF; position: absolute; left: 0; top: 0;
                                                    line-height: 30px; color: #060909; text-align: center; font-size: 0.75em; }
.morearticles_section .item .title div span.w-arrow{padding-left:3rem}
.morearticles_section .item .desc {padding-top:1.68rem;}
.morearticles_section .item .btn {
    line-height: 2.875rem;
    display: inline-block;
    padding: 0 1.5rem;
    margin-top: 0.75rem;
    }



@media screen and (min-width: 1800px){
 .morearticles_section .item .title div span .icon {
    width: 2.1875rem;
    height: 2.1875rem;
    line-height: 2.1875rem;}
}




.ascola_section .top .form-search .submit{left:20px;}
.ascola_section .top .form-search input[type="text"]{padding-right:20px;}


.navmega .pageHeading .icon.icon-chev_left:before{font-size:0.6em;position:relative;top:-3px;right:1px;color:#454545}
.navmega .active .active .pageHeading .icon.icon-chev_left:before{font-size:0.6em;position:relative;top:-3px;right:1px;color:#fff}

.navmega .navmega_in > ul{border-bottom:1px #707070 solid ;}

.navmega .subnav .left{height:100%;}


#lecturers_list .item .cover{background-position-y:0}
#lecturers_list .item-big{margin-bottom:50px;display:block/*!important*/}

#lecturers_list .list_slice .item-big.item_slice_hidden{opacity:1}

.lecturers_section .item{padding-top:1rem;}
.lecturers_section .staffCaption {padding-right:2rem;}


.photos_grid{margin-left:-0.75rem;padding-bottom:1.25rem;font-size:0;text-align:right;padding:2.5rem 2rem}
.photos_grid > li{display:inline-block;padding-left:0.75rem;padding-bottom:0.75rem;width:100%;vertical-align: top;}
.photos_grid > li.photo-1{width:32.68%;}
.photos_grid > li.photo-2{width:66.32%;}
.photos_grid > li.photo-50{width:50%;}
.photos_grid > li .image{position:relative;padding-bottom:31.55%;}
.photos_grid > li.photo-1 .image{padding-bottom:100%;}
.photos_grid > li.photo-2 .image{padding-bottom:48.36%;}
.photos_grid > li.photo-50 .image{padding-bottom:65.2%;}
.article_blog .content ul.photos_grid{padding-right:0;margin-right:0;}
.article_blog .content ul.photos_grid li{padding-right:0;margin-right:0;}
.article_blog .content a{ color: #2474E4; text-decoration: underline;}
.article_blog .content a:hover{font-weight:bold;}

.step_one .table{width:90%;}
.step_one .btn{padding:0 20px}
.title-bg.purple div:before{background:#8759ff;}/**anna**/

.navmega .navmega_in{min-height:500px;}
.results .image{width:200px;height:200px;}
.twocols_section .faqpage_section .innerpage{padding:0;}
.twocols_section .ourservices_section .innerpage{padding:0;}

.impinfo_section .col ul.inner{margin-top:30px}
.impinfo_section .col ul.inner li{border-bottom:none;}

/*.impinfo_section .col ul > li{padding: 0 0 25px 0}*/
.impinfo_section .ultight > li{padding: 0 0 15px 0}
.impinfo_section .col ul > li{min-height:35px;}

.impoinfo_section .title-section {  margin-bottom: 4rem; }

.innerPart {padding-bottom:30px;}
.labelSub{margin-bottom:20px;}
.article_blog .video_section .innerpage{padding:0}
.article_blog .video_section .innerpage .row{padding:0}

.collapse_section.collapse-home .row{border:none;margin-bottom:5rem;}

main .blockLinkedBanner{margin-bottom:2.5rem;}
 .logo_tvuna{background:url('/National_Library/oe_/https://www.colman.ac.il/Content/images/tvuna_logo.png') no-repeat top right;width:150px;height:25px;line-height:30px;text-align:left; background-size:contain; display:inline-block}

@media screen and (min-width: 1024px) {
    .showInMobile{display:none;}
   .blockText.blockText{margin-top:2.5rem;margin-bottom:2.5rem}
   .blockText.blockText:not(.section) .innerpage{padding:0;}
   .blockText p{margin-bottom:1rem}
   .blockText ul{list-style-type:circle;margin-right:10px;}
   .blockText ul li{margin-right:10px;}
   .newsletter .input.input_submit{float:left;width:auto;}
}
.col_right .innerpage{padding:0 10px;}
.col_right .article_blog{padding-bottom:1rem;}


 .faq_section{min-height:10px;}
 .answer_inner ul{list-style:disc;margin-right:10px;}
/* .deaconstu_section{margin-bottom:5rem;}*/
.eventslist_section .item{min-height:140px;}

 .blockLinks.impinfo_section .title-section
 {margin-bottom:4rem;}

 .blockLogos .item .in img {
    height: auto;
    max-width: 4rem;
    margin-bottom: 0;}

 .blockListFiles .list .item{margin-bottom:30px}
 .blockListFiles .article_blog{padding-bottom:30px}
 /***for events search results***/
 .cevents_section .item.isotope_hide {
    display: none;}
  .cevents_section .item {display:block;float:left;}
  /***for blockregister*/
  .subCaption {font-size:1.6rem; padding-top:2.5rem; margin-left:30%; line-height:2rem;}
@media screen and (max-width: 1023px) {
    .subCaption {font-size: 1.2rem;line-height: 1.6rem;}
}

.substitudeHeader .title-bg-small {font-weight: 400;margin-top: 0.9375rem;  }
.substitudeHeader h1.title-bg{margin-bottom:10px}
.substitudeHeader .title-bg .h2:before{background:none}
/*megamenu manual caption*/
.goTo{margin-bottom:20px;}
.navmega .subnav ul {
    column-gap:normal;}
.box.c-white {color:#fff}
.box.c-gray {color:#454545}
.box.c-blue {color:#3e48ce}
.icon-plus.c-white {color:#fff}
.icon-plus.c-grayd {color:#454545}

 .footer .links .col{width:100%;margin-top:1rem;}
 .footer .links .col:last-child{margin-top:1rem;}
@media screen and (min-width: 768px) { .footer .links .col{width:49%}}
@media screen and (min-width: 1024px) { .footer .links .col{width:30%;margin-left:2%}}
@media screen and (min-width: 1440px) { .footer .links .col{width:30%;margin-left:3%}}

/*.deaconstu_section{margin-bottom:0}*/
.bullets li {text-align:right;position:relative;}
.bullets li:before {content:'';width: 0.5rem;height: 100%; position: absolute; right: 0; top: 0; background: #230CBE; z-index: 2;}

.data {width:80%}
.data .item .answer{padding:30px;}
.projectsList{margin-top:30px;}
 .projectsList .box_in{max-height:150px;overflow:hidden;}
@media screen and (min-width: 1024px){
.navmega .subnav ul > li{padding-bottom:2.5rem;}
.navmega .subnav{padding-top:4rem}

 .blockEvents .inner{}
 .blockListInfo .innerpage{/*margin-top:50px;margin-bottom:50px;*/}
  .blockLogos .item .in img {
    height: auto;
    max-width: 9.375rem;
    margin-bottom: 0;}
}

.box_in .par{font-size:19px;}
.box_in .par p{font-size:19px;}

.btnc {
    margin-bottom: 0.9375rem;
    float: right;
    color: #FFF;
    overflow: hidden;
    text-align: center;
    display: block;
    width: auto;
    border: none;
    background-color: #2474E4;
    height: 2.1875rem;
    line-height: 2.1875rem;
    padding: 0 0.9375rem;
    margin-top: -25px;
    margin-left: 25px;
}


@media screen and (min-width: 1024px) {
            .twocols_section .col_right .collapse_section .box{max-width:28.75rem;padding-top:0;}
            .twocols_section .col_right .collapse_section .video_left{width: calc(100% - 32.5625rem);}
}



#podcastsLobby{margin-bottom:6rem;}
.footer .leadform_section .input .checkbox label{color:#fff;}
.footer .step_one{padding-bottom:0;}
.footer .leadform_section .step_two{color:#fff;}
.footer .leadform_section{padding-bottom:2.5rem}

.newsletter .input.input_submit .btn.combined{margin-top:25px;height:2.8rem}
.icon-education:before { font-size: 27px;}
a.close-megamenu{position:absolute;z-index:10000;top:30px;}

/****privateArea*/

.privateArea .item{padding:2rem;margin-bottom:2rem;}


/*henya 2022.05*/
/*read more was allways open in lecrure page*/
.collapse_section .box .box_in{min-height:none!important;max-height:220px;overflow: hidden}

.navpage_form .searchbox .autocomplete .input_s .btn {
    position: absolute;
    left: -3.3125rem;
    top: 2px !important;
    height: 92% !important;
    width: 3.875rem;
    text-align: center;
}
select:focus{outline:solid;}
#buttonSendContact:focus{outline-color:black!important;}
a.dot:focus{border-color:yellow!important; outline-width:3px!important;}
/* body.contrast_filter*/
body.contrast_filter{color:#fff}
body.contrast_filter .b-blued{}
body.contrast_filter .c-grayd{color:#000}
body.contrast_filter .box{}
body.contrast_filter .desc p{color:white;}
body.contrast_filter .navmega .navmega_in{background-color:#000;color:#fff}
/*body.contrast_filter .navmega .navmega_in a{color:#fff}*/
body.contrast_filter .navmega .navmega_in a:hover{color:yellow}
body.contrast_filter .megalist a:hover{color:yellow}
body.contrast_filter .title-bg.transparent div span{color:#fff}
body.contrast_filter .navmega .subnav ul > li a:hover span{color:yellow} 

body.contrast_filter .navmega .navmega_in{background-color:#ffffff}
body.contrast_filter .title-bg.transparent div span{color:#0fff}

.b-blue-title { background-color: #3e48ce; width: fit-content; color: #fff; font-size: 18px; padding: 4px 10px; position: absolute; opacity: 0.75;}
@media screen and (max-width: 768px) {
    .b-blue-title {font-size:10px; padding:3px }
    .page_slide { margin: 0 !important; }
    .order2 {order:2}
    .order1 {order:1}
    .divOrdered {display: inline-grid;}
}

.pagein_head .navpage_links .innerpage {padding-top: 0; padding-bottom: 0;}
/*.twoCol_ul {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
*/
.white {
    color: #fff;
}

     .carousel-cell2 {
        width: fit-content;
        height: 200px;
        margin-right: 10px;
        counter-increment: carousel-cell;
    }

    .morearticles_section .flickity-prev-next-button {
        width: 2.8125rem;
        height: 2.8125rem;
        color: #A2A3A3;
        margin-left: 0;
    }

    .blogstopics_section .flickity-prev-next-button:hover {
        color: #060909;
    }

    .blogstopics_section .flickity-prev-next-button.previous {
        left: 100%;
        right: auto;
        margin-left: -2.8125rem;
    }

    .blogstopics_section .flickity-prev-next-button:after {
        font-family: 'colmanicons' !important;
        content: "\e917";
        font-size: 1.6875rem;
    }

    .blogstopics_section .flickity-prev-next-button:not(.previous):after {
        transform: scaleX(-1);
    }

    .parTxt {
        font-size: 19px;
        max-width: 850px;
        margin-top: 40px;
    }
.collapse { visibility:hidden;}
.greyBg {
    background-color: #464545;
}
    .greyBg .input .checkbox label, .greyBg .titles .title-section, .greyBg .must_text, .greyBg .checkbox {
        color: #fff !important
    }
.registrationSection {margin-top:2.75rem }
.registration_mainText { margin-top:2.75rem;
}
/*inner page slider - judit*/
.page_slide { max-height: 33.875rem;margin-top: 17px;}
 #pagein_head .home_top { background-color:transparent}
 #pagein_head .home_top .page_slide{ margin-top:0px;}
.blockListFiles  {margin-top:25px}
.hSlide .row .box{margin-right:15rem}

.collapse_section .box .box_in ul {list-style-position: outside;}
#RFPage .form_ui input[type="text"], .form_ui input[type="password"], #RFPage .input-text-focus .label, #RFPage select.selectCustom, #RFPage .newSelect .icon {
    color: #fff
}
.underlinelinks:hover {text-decoration:underline!important }
.invisible {visibility:hidden }

@media screen and (max-width: 1023px) {
   .blockText.blockText{margin-top:2.5rem;margin-bottom:2.5rem}
   }
.morearticles_section .flickity-page-dots .dot {background-color:#A2A3A3;}
.morearticles_section .flickity-page-dots .dot.is-selected{background-color:#555555!important;}


.divTopSpace{padding-top:2.5rem;}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
   margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer; position:relative
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: 200ms top, 200ms -webkit-transform;
            transition: 200ms top, 200ms -webkit-transform;
            -o-transition: 200ms transform, 200ms top;
            transition: 200ms transform, 200ms top;
            transition: 200ms transform, 200ms top, 200ms -webkit-transform;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms left, 200ms -webkit-transform;
        -o-transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left, 200ms -webkit-transform;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
select option {padding:0 10px}
.home_page .swiper-container {margin-top: -1.5rem;} 