.homepage-container {

}

.homepage-container .hc-row {
    display: flex;
    flex-wrap: wrap;
}

.homepage-container .hc-row [class^="col-"] {
    min-height: 275px;
    position: relative;
}

.homepage-container .hc-row .col-20 {
    width: 20%;
}

.homepage-container .hc-row .col-40 {
    width: 40%;
}

.homepage-container .hc-row .col-60 {
    width: 60%;
}

.homepage-container .hc-row .h-550 > div {
    min-height: 550px;
}

.homepage-container .hc-row .h-275 > div {
    min-height: 275px;
}

/*.homepage-container .hc-row .col-20.square {*/
/*min-height: calc(100vw * 0.20);*/
/*}*/

/*.homepage-container .hc-row .col-40.square {*/
/*min-height: calc(100vw * 0.40);*/
/*}*/

/*.homepage-container .hc-row > .height-20 > div {*/
/*min-height: calc(100vw * 0.20);*/
/*}*/

/*.homepage-container .hc-row > .height-40 > div {*/
/*min-height: calc(100vw * 0.40);*/
/*}*/

.homepage-container .hc-row > div:nth-child(2n) {
    /* background: #dddd; */
}

/* NEWS ITEM START */
.homepage-container .hc-row .news {
    /*min-height: 280px;*/
    position: relative;
    padding: 25px;
    background-size: cover;
    background-position: center;
    background-image: url(../img/content/tmp_news2.png);
    height: calc(275px * 2);
    width: 33.34%;
    float: left;
}
.homepage-container .hc-row .news-photo {
    background-size: cover;
    background-position: center;
    height: calc(275px * 2);
    width: 66.66%;
}
.homepage-container .hc-row .owl-wrapper .news-photo {
    float:left;
}


.homepage-container .hc-row .news h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: 1.3em;
}

.homepage-container .hc-row .news > a {
    position: absolute;
    bottom: auto;
    /*top: 235px;*/
    bottom: 25px;
    right: 25px;
    text-transform: uppercase;
    font-size: 13px;
    color: #737373;
    z-index: 1;
}

.homepage-container .hc-row .news a {
    color: #333;
    font-size: 24px;
    line-height: 1.4;
}
.homepage-container .hc-row .owl-wrapper .news h3+a {
    color: #fff;
    background: #2e2e2e;
    padding: 10px 15px;
    font-size: 14px;
}
/* NEWS ITEM END */

/* CAROUSEL ITEM START */
.col-40 .owl-wrapper {

}

.col-40 .owl-wrapper ul li {
    width: 100%;
    height: 550px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    position: relative;
    padding: 25px;
}

.col-40 .owl-wrapper ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

.col-40 .owl-wrapper .owl-dots,
.col-60 .owl-wrapper .owl-dots {
    position: absolute;
    padding: 30px;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: auto;
}

/* CAROUSEL ITEM END */

/*NEWS TAB ITEM START*/
.news-tab {
    background-image: url(https://2016.kig.pl/wp-content/uploads/2016/09/andrzej-arendarski-prezes-kig-2.png);
    vertical-align: top;
    position: relative;
    padding: 25px 25px 40px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    /*min-height: 280px;*/
}

.news-tab a {
    color: #ffffff;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,.1); */
}
/*NEWS TAB ITEM END*/

/*NEWS LIST ITEM START*/
.news-list {
    padding: 25px;
}
.news-list a{
    color: #333;
}
.news-list .title{
    font-size: 20px;
    margin-bottom: 10px;
}
.news-list .date {
    color: #c7c7c7;
}


.news-list ul li h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 15px;
    line-height: 1.1;
}

.news-list ul li h3 a {
    color: #333;
}
.news-list ul li:last-child h3 {
    margin-bottom:0
}
/*NEWS LIST ITEM END*/

/*CALENDAR START*/
.calendar {
    background: #dbdbdb;
    /*min-height: 280px;*/
    padding: 25px;
    /*width: 50%;*/
    /*float: left;*/
}

.calendar .title {
    font-size: 20px;
    margin-bottom: 10px;
}

.calendar ul li {
    display: flex;
    align-items: center;
    border-top: 1px solid #e9e9e9;
    padding: 8px 0;
}

.calendar ul li .left {
    width: 50px;
}

.calendar ul li .left .days {
    font-size: 15px;
    font-weight: bold;
}

.calendar ul li .left .date {
    font-size: 11px;
}

.calendar ul li .right {
    width: calc(100% - 50px);
}

.calendar ul li .right h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.1;
}

.calendar ul li .right h3 a{
    color: #333;
}
/*CALENDAR END*/

/*KIG DESCRIPTION START*/

.kig_description {
    background-color: #cacaca;
    padding: 102px 10%;
    color: #000;

}
/*KIG DESCRIPTION END*/

/*TWITTER START*/
.twitter-container {
    /*width: 50%;*/
    /*float: left;*/
    overflow-y: scroll;
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    bottom: 0;
}

.twitter-container .title {
    font-size: 20px;
    margin-bottom: 15px;
}
/*TWITTER END*/

/*LINKS START*/
.links {
    position:relative;
    font-size: 16px;
}
.links:before {background-image: url(https://2016.kig.pl/wp-content/uploads/2018/06/logo2.jpg);background-repeat: no-repeat;background-size: calc(100vw * 0.2);background-position: 50% 48%;position:absolute;top:0;left:0;right:0;bottom:0;display: block;height: 100%;z-index: -1;opacity: .5;}
.links .link-item {
    width: 50%;
    float: left;
    height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    /* border: solid 1px #dbdbdb; */
    flex-wrap: wrap;
    padding: 25px;
    text-align: center;
}

.links .link-item form {
    width: 100%;
    margin: 0;
}

.links .link-item form label {
    text-transform: uppercase;
    color: #3e98ca;
}

.links .link-item form input {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
}

.links .link-item form .input-help {
    /* position: absolute; */
    display: none;
    text-align: center;
    width: 100%;
    height: 0;
}

.links .link-item form .input-help.show {
    display: block;
}

.links .link-item:first-of-type {
    border-left: 0;
    border-top: 0;
}

.links .link-item:nth-child(2) {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.links .link-item:nth-child(3) {
    border-top: 0;
    border-left: 0;
}

.links .link-item:last-of-type {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.links .link-item a {
    text-align: center;
    color: #333;
    text-transform: uppercase;
}
.links .link-item a:hover {
    color:#3e98ca
}
/*LINKS END*/

.timeline-InformationCircle-widgetParent {
    display: none !important;
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
    .homepage-container .hc-row .col-20,
    .homepage-container .hc-row .col-40 {
        width: 50%;
    }

    .homepage-container .hc-row #links {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .homepage-container .hc-row .col-20,
    .homepage-container .hc-row .col-40,
    .calendar,
    .twitter {
        width: 100%;
    }
}

/*VERTICAL BOXES*/
.homepage-container .hc-row .vertical-boxes {
    width: calc(100% / 5);
}

.homepage-container .hc-row .vertical-boxes .box {
    max-width: 381px;
    height: 275px;
    min-height: auto;
    position: relative;
}

.homepage-container .hc-row .vertical-boxes .box.dark {
    background-color: #e9e9e9;
}

.homepage-container .hc-row .vertical-boxes .box.light {
    background-color: #f3f3f3;
}

.homepage-container .hc-row .vertical-boxes .box a,
.homepage-container .hc-row .vertical-boxes .box p {
    text-transform: uppercase;
    padding-top: 15px;
    display: block;
    padding-left: 15px;
    color: #333;
    font-size: .92857em;
    line-height: 1.8em;
    font-family: futuramedium;
}

.homepage-container .hc-row .vertical-boxes .box a:hover {
    color: #3e98ca;
}

.homepage-container .hc-row .vertical-boxes .box .icon {
    position: absolute;
    right: 40PX;
    bottom: 40px;
    width: 45px;
    height: 45px;
}

.homepage-container .hc-row .vertical-boxes .box .icon img {
    width: 100%;
}


/* CAROUSEL SIDE BOXES */
.item.item1-2 .row-boxes {
    display: flex;
    align-items: stretch;
    background: #f3f3f3;
    /* font-family: futuramedium; */
    color: #333;
    font-size: 20px;
    line-height: 1.8em;
    /* text-transform: uppercase; */
    text-align: center;
    width: 100%;
    height: 50%;
}
.item.item1-2 .row-boxes a {
    color: #fff;
}
.item.item1-2 .row-boxes a:hover {
    color: #3e98ca;
}
.item.item1-2 .row-boxes:nth-child(2) {
    display: flex;
    background: #e9e9e9;
    align-items: normal;
}

.item.item1-2 .row-boxes .box {
    width: 50%;
    /* display: flex; */
    /* align-items: stretch; */
    /* justify-content: center; */
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.item.item1-2 .row-boxes .box:before {
    content:"";
    padding-bottom: 84.5%;
    display:block;
}

.item.item1-2 .row-boxes .box .text {
    text-align: center;
    padding: 20px;
}

.item.item1-2 .row-boxes .box .img {
    position: relative;
    padding: 8%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    /* min-height: 275px; */
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1;
}

.homepage-container.h-550 .hc-row {
    min-height: 550px;
}

.homepage-container.h-550 .hc-row .news-list ul li:last-child h3 {
    margin:0;
}
.homepage-container.h-550 .hc-row .news-list ul li h3 {
    margin-bottom: 0;
    padding: 12px 0;
    border-top: 1px solid #eee;
}
.homepage-container.h-550 .hc-row .news-list ul li h3 a {
    line-height: 1.2;
    font-size: 16px;
}

.page.hp .section .wrapper .item > a.bg {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 100%;
}

.row-boxes.v2 {
    transition: background .3s ease-in-out;
}

.row-boxes.v2:hover {
}

.row-boxes.v2:hover .img::after {
    background: rgba(74, 74, 74, 0);
}

.row-boxes.v2:hover .text a {
    color: #ffffff;
}

.row-boxes.v2 .img::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    transition: background .3s ease-in-out;
}

a.post-link {
    color: #3e98ca;
    text-decoration: none;
    font-size: 12px;
}