.box-icon {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 21px;
    position: relative;
    overflow: hidden;
    float: left;
    text-align: center;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -o-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -ms-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.box-icon-text {
    margin-left: 60px;
}
.box-icon.VI {
    border: 1px solid #f7ae19;
    color: #fff;
    background-color: #f7ae19;
}
.box-icon.KO {
    border: 1px solid #62a5c6;
    color: #fff;
    background-color: #62a5c6;
}
.box-icon.VI:hover {
    background: #fff !important;
    color: #f7ae19;
}
.box-icon.KO:hover {
    background: #fff !important;
    color: #62a5c6;
}
.program-image img {
    width: 90%;
    display: block;
    margin: auto;
}
/*.box-icon i {
    position: absolute;
    top: 25%;
    left: 30%;
}*/
.resp-vtabs .resp-tabs-container {
    width: 78%;
    border: 1px solid #c1c1c1;
}
.resp-vtabs ul.resp-tabs-list {
    width: 20%;
}
.study-label {
    background: #f7ae19;
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
li.resp-tab-item {
    color: #666;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
    border: 1px solid #ccc;
    border-top: 0;
    background: #f2f4f6;
}
.resp-vtabs ul.resp-tabs-list {
    width: 20%;
    /*background-image: url(https://summerschool2.pte.hu//sites/summerschool.pte.hu/files/gbb-uploads/summer-vegyes-lily.png);*/
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.resp-vtabs li.resp-tab-active {
    background-color: #fff !important;
    color: #666;
    border: 1px solid #c1c1c1;
    border-right: none;
}
.btn-info {
    color: #fff;
    background-color: #f7ae19;
    border-color: #f5f5f5;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-color: orange;
    border-color: #fff;
}
.btn.btn-info::after{
	content: unset;
}
.archiv-diagonal {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    height: 50%;
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-top-right-radius: 8px;
}
.archive-year {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    transform: translate(18px, 10px) rotate(36deg);
}
.archiv-diagonal-relative {
    position: relative;
}
.portfolio-v2 {
    border-radius: 8px;
}