.grafika-obal p {
    font-family: 'Barlow' !important;
}



.school-list{max-width:636px;margin:0 auto;font-family:Barlow,sans-serif}
.school-list .preloader{text-align:center;padding:150px 0}
.school-list b{font-weight:700}
.school-list button{display:inline-block;background-color:#1b69bf;margin:0;height:32px;line-height:30px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase;border:0;padding:0 16px;border-radius:4px;box-shadow:2px 2px 1px #0000001f;cursor:pointer}
.school-list button:hover{background-color:#1a5ea9}
.school-list .g-menu{background-color:#bdd2ed;padding:10px 10px 0;margin-bottom:20px}
.school-list .g-menu .select-menu{display:flex;justify-content:center;padding:0 0 20px;width:100%;box-sizing:border-box;flex-wrap:wrap}
.school-list .g-menu .select-menu div{width:50%;padding:0 10px;box-sizing:border-box}
.school-list .g-menu .select-menu div.search-select{width:100%;margin-top:20px;position:relative;box-sizing:border-box}
.school-list .g-menu .select-menu div.search-select input{width:100%;box-sizing:border-box;padding:5px 30px 5px 5px;font-size:16px;border:1px solid #767676}
.school-list .g-menu .select-menu div.search-select button{position:absolute;right:10px;top:0;height:100%;background-color:transparent;box-shadow:none;border:none;color:#1b69bf;font-size:20px;width:30px;text-align:center;padding:0}
.school-list .g-menu .select-menu select{width:100%;box-sizing:border-box;padding:5px;font-size:16px}
.school-list .g-menu .select-menu p{font-size:13px;text-transform:uppercase;padding:3px 3px 0 0;margin:0;display:flex;justify-content:space-between;min-height:32px;align-items:flex-start}
.school-list .g-menu .select-menu p button{font-size:11px;padding:4px 6px;border:none;border-radius:2px;background-color:transparent;color:#1b69bf;text-transform:uppercase;text-decoration:underline;font-weight:700;box-shadow:none;height:22px;line-height:20px}
.school-list .g-menu .svg-wr{max-width:500px;margin:10px auto}
.school-list .g-menu .svg-wr svg path{fill:#efefef;stroke:#a5a5a5;stroke-width:1px;cursor:pointer}
.school-list .g-menu .svg-wr svg path.selected{fill:#1b69bf}
.school-list .g-menu .svg-wr svg path:hover{fill:#6796d4}
.school-list .item-bx{border:1px solid #ccc;padding:5px 16px 3px;margin:13px;border-radius:4px;background:#fff}
.school-list .item-bx h3{font-family:Lora,serif;font-size:23px;line-height:1.2;font-weight:700;padding:10px 0}
.school-list .item-bx h3 em{font-style:normal;font-weight:400;font-size:14px;font-family:Barlow,sans-serif;text-transform:uppercase}
.school-list .item-bx p{padding:10px 0 20px;font-size:14px;text-transform:uppercase;color:gray;text-align:center}
.school-list .item-bx p span.legend-item{display:inline-block}
.school-list .item-bx p span.circle{display:inline-block;width:14px;height:15px;border-radius:50%;margin:0 5px;background-color:#355393}
.school-list .item-bx p span.circle.red{background-color:#d10f2b}
.school-list .item-bx p span.circle.green{background-color:#57a9a6}
.school-list .item-bx ul{padding:0;margin:0}
.school-list .item-bx ul li{font-size:16px;line-height:1.3;padding:10px 0;border-top:1px solid lightgray;list-style-type:none;margin:0;position:relative;min-height:32px;font-weight:700;min-height:57px}
.school-list .item-bx ul li .item-main-info{position:relative;display:block;padding:0 120px 0 90px;min-height:55px;font-weight:700}
.school-list .item-bx ul li .item-main-info em{display:block;color:#848c90;font-style:normal;font-size:15px;font-weight:400;margin-top:2px}
.school-list .item-bx ul li .item-job{display:block;color:#848c90;font-size:15px;padding-top:2px}
.school-list .item-bx ul li .item-detail{display:block;background-color:#fad9c8;padding:7px 12px;border-radius:4px;margin:10px 0 0;position:relative}
.school-list .item-bx ul li .item-detail span.row{padding:8px 0;display:flex;justify-content:space-between;border-bottom:1px solid white;font-size:14px}
.school-list .item-bx ul li .item-detail span.row em{font-style:normal;display:block;margin-left:20px;text-align:right;font-weight:400}
.school-list .item-bx ul li .item-detail span.row:last-child{border:0}
.school-list .item-bx ul li i{font-size:15px;text-align:center;display:inline-block;width:80px;border-radius:4px;font-style:normal;margin:0 3px 0 0;position:absolute;left:0;top:0;font-family:Barlow,sans-serif;font-weight:400;color:#d3d3d3}
.school-list .item-bx ul li i b{display:block;font-size:17px;background:#355393;width:40px;height:40px;border-radius:100px;margin:0 auto 3px;color:#fff;line-height:40px}
.school-list .item-bx ul li i span{color:#d10f2b}
.school-list .item-bx ul li i span:nth-of-type(2){color:#57a9a6}
.school-list .item-bx ul li button{position:absolute;right:0;top:11px;background-color:#fff;border:1px solid #1B69BF;color:#1b69bf;height:28px;line-height:26px;padding:0 10px}
.school-list .item-bx ul li button:hover{background-color:#1b69bf;color:#fff}
.school-list .item-bx .more-button-wr{display:block;text-align:center;padding-bottom:12px}
.school-list .item-bx .more-button-wr button{background-color:#f28145}
.school-list .item-bx .more-button-wr button:hover{background-color:#1b69bf}
@media screen and (max-width: 480px){.school-list .g-menu .select-menu{padding:0 0 10px}
	.school-list .g-menu .select-menu div{width:100%;padding:0;margin-top:10px}
.school-list .g-menu .select-menu div.types-select{order:1;margin-top:0}
.school-list .g-menu .select-menu div.regions-select{order:2}
.school-list .g-menu .select-menu div.search-select{order:3}
.school-list .g-menu .select-menu div.search-select button{right:0}
.school-list .item-bx p{text-align:left}
.school-list .item-bx p span.legend-item{display:inline-block;margin-top:3px}
.school-list .item-bx ul li button{font-size:10px;padding:0 10px;height:29px;line-height:28px}
.school-list .item-bx ul li i{font-size:14px;width:66px}
.school-list .item-bx ul li .item-main-info{padding:0 100px 0 67px;font-size:15px}
.school-list .item-bx ul li .item-detail .row.smart-wrap{flex-wrap:wrap}
.school-list .item-bx ul li .item-detail .row.smart-wrap em{margin-left:0;margin-top:5px;width:100%}
 }
 
 
 .school-list {
    background: #f7f7f7;
    padding-bottom: 20px;
}

.school-list .g-menu {
    background-image: url('./pozadi-uvod.jpg?b');
    background-position: center top; background-size: 100% auto; background-repeat: no-repeat;
}

.grafika-obal div.comment {
    background-color: #FAD9C8;
    padding: 10px;
    max-width: 616px;
    margin: 0 auto;
    text-align: center;
}

.grafika-obal div.comment p {
    font-size: 15px;
    color: #536169;
}