.arrow-icon {

    background-image: url(../gfx/red-arrow.png);

    background-repeat: no-repeat;

    height: 98px;

    left: -10px;

    position: absolute;

    top: 0;

    width: 105px;

}



.arrow-red {

    background: rgba(0, 0, 0, 0.62) none repeat scroll 0 0;

    height: 100%;

    position: absolute;

    right: 0;

    text-transform: 90deg;

    top: 0;

    width: 95px;

}



.arrow-red-text {

    -moz-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    bottom: 99px;

    color: #FFF;

    font-size: 35px;

    font-weight: 500;

    position: absolute;

    right: -46px;

    text-transform: uppercase;

    writing-mode: lr-tb;

    width: 200px;

}



@media screen and (min-width: 1200px) {

    .arrow-red-text {

        line-height: 33px;

    }

}



.box-2 {

    /*height:320px;*/

    margin-bottom: 5px !important;

    margin-top: 0 !important;

}



.box-l {

    height: 320px;

    margin-bottom: 5px !important;

    margin-top: 0 !important;

}



.box-l .titles h2 {

    font-size: 35px;

}



.box-md {

    margin-bottom: 5px !important;

    background: black;

    margin-top: 0 !important;

}



.box-md .dtc .texts {

    background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;

    transition: all 0.5s;

    opacity: 0;

}



.box-md:hover .dtc .texts {

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    transition: all 0.5s;

    opacity: 1;

}



.box-sm {

    height: 99px;

    margin-bottom: 5px !important;

    margin-top: 0 !important;

}



.box-xxl {

    /*height:539px;*/

    margin-bottom: 5px !important;

    margin-top: 0 !important;

}



.box-md {

    height: 351px;

}



@media (min-width: 1200px) {

    .box-md {

        height: initial;

    }

}



.image-box img {
    object-fit: cover;
    width: 100%;
}

.image-box img[alt="dla-niego"]{
    //height:434px;
}

.image-box img[alt="dla-niej"]{
    //height:546px;
}

.news-container2 .image-box img{
    max-height:193px;
}

.promotions-slider .image-box img{
    max-height:200px;
}

.news-slider .image-box img{
    max-height: 600px;
}

.image-box-1 {

    position: relative;

}



.image-box-1 .titles {

    bottom: 0;

    left: 0;

    position: absolute;

    width: 50%;

}



.image-box-1 .titles h2 {

    background: rgba(35, 31, 32, 0.8) none repeat scroll 0 0;

    color: #FFF;

    font-size: 48px;

    font-weight: 500;

    margin: 0;

    padding: 15px;

    text-transform: uppercase;

}



.image-box-1 .titles h3 {

    background: rgba(218, 29, 35, 0.88) none repeat scroll 0 0;

    color: #FFF;

    font-size: 20px;

    font-weight: 500;

    margin: 3px 0 10px;

    padding: 15px;

    text-transform: uppercase;

}



.image-box-1 .titles p {

    background: rgba(35, 31, 32, 0.8) none repeat scroll 0 0;

    color: #FFF;

    font-size: 12px;

    font-weight: 500;

    margin: 0;

    padding: 0 15px 15px;

    text-align: justified;

    text-transform: uppercase;

}



.promotions-box {

    height: 200px;

    margin-bottom: 5px !important;

    margin-top: 0 !important;

}

.news-slider .slick-slide{
	margin-right:5px;
}

.news-slider .news-box{
	border:1px solid #ccc;
	padding:5px;
}


.news-box {

    height: auto;

    position: relative;

    margin-top: 0 !important;

}



.news-box2 .text-white {

    right: 0;

}

.image-box.news-box3 img{
    width: 670px;
    height: 570px;
}

.news-box3 {

    margin-bottom: 20px;

}



.news-text-box .more {

    background-image: url(../gfx/arrow-right-black.png);

    background-position: right;

    background-repeat: no-repeat;

    color: #434343;

    display: block;

    font-size: 14px;

    line-height: 40px;

    margin-bottom: 15px;

    padding-right: 30px;

    text-align: right;

}



.news-text-box p {

    color: #434343;

    font-size: 15px;

    line-height: 21px;

    margin-bottom: 30px;

    margin-top: 10px;

    text-align: justify;

}



.promotion-box {

    height: 390px;

    margin-bottom: 5px !important;

    margin-top: 0 !important;

}



.red-box {

    background: #ed1c24;

    display: table;

    height: 200px;

    padding: 15px;

    position: relative;

    width: 100%;

    margin-bottom: 5px !important;

    margin-top: 0 !important;

}



.red-box p {

    color: white;

}



.red-box .bottom {

    bottom: 15px;

    left: 15px;

    position: absolute;

}



.red-box img {

    margin-bottom: 15px;

}



.red-box span {

    color: #FFF;

    display: block;

    text-transform: uppercase;

}



.maintenance img {

    width: 100%;

}



.noTram .std-content.travel .tramVehicle {

    display: none;

}



.tilesRow h2 a,

.tilesRow h3 a,

.tilesRow p a,

.arrow-red-text a {

    color: #fff;

}



.box-2 {

    position: relative;

}



@media (max-width: 1000px) {

    .image-box-1 .titles h2 {

        font-size: 29px;

    }

    .image-box-1 .titles h3 {

        font-size: 14px;

    }

    .arrow-red-text {

        font-size: 20px;

    }

}



@media screen and (max-width: 992px) {

    .image-box-1 .titles {

        width: 90%;

    }

}



@media screen and (max-width: 767px) {

    .box-md {

        display: table;

        width: 100%;

    }

    .promotion-box {

        display: block;

        height: 390px;

        margin-bottom: 5px;

        margin-top: 0 !important;

    }

}



#search-box {

    height: 160px;

}



@-moz-document url-prefix() {

    #search-box {

        height: 170px;

    }

}



@media screen and (max-width: 767px) {

    #facebook {

        background-size: 36px;

    }

    .image-box.news-box2 img {

        width: 100%;

        height: auto;

        max-height: initial;

        object-fit: fill;

    }

    .news-box img,

    .image-box.news-box img {

        width: 100%;

        height: auto;

        max-height: initial;

        object-fit: fill;

    }

}



@media screen and (max-width: 767px) {

    #map {

        height: 290px;

    }

}



@media screen and (min-width: 768px) {

    #map {

        height: 610px;

    }

}



body footer a,

body footer a:focus,

body footer a:hover {

    color: rgb(51, 51, 51);

}



@media screen and (max-width: 991px) {

    .footerPolicy {

        display: block;

        line-height: 24px;

    }

}





/* MAPA */



#map {

    height: 510px;

}

#map.map_6 {

    height: 760px;

}


@media screen and (max-width: 767px) {

    #map {

        height: 235px;

    }

}


@media (max-width: 768px) {

    .navbar {
        min-height: 84px;
    }

    .navbar-toggle {
        top: 20px;
    }


    .navbar-header {
        padding-top: 5px;
        min-height:120px;
    }

    .navbar-collapse {
        top: 84px;
    }

}


@media (max-width: 640px) {
    .navbar-header {
        min-height:60px;
    }
}

.ytcontainer{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.ytvideo{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}