.fixFullWidth {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
}

#DivImageBackground {
    height: 450px;
}

.detailimage {
    width: 100%;
    /*height:202px;*/
}

#divFixFullWidth {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    /*height:100%;*/
    max-height: 630px;
    overflow: hidden;
}



.ToShow {
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    position: absolute;
    transition-duration: .25s;
    transition-delay: .1s;
    -webkit-transition-duration: .25s;
    -webkit-transition-delay: .1s;
    -moz-transition-duration: .25s;
    -moz-transition-delay: .1s;
    opacity: 0;
}

.Showing {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-duration: .25s;
    transition-delay: .1s;
    -webkit-transition-duration: .25s;
    -webkit-transition-delay: .1s;
    -moz-transition-duration: .25s;
    -moz-transition-delay: .1s;
    opacity: 1;
}


.Shown {
    transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    position: absolute;
    transition-duration: .25s;
    transition-delay: .1s;
    -webkit-transition-duration: .25s;
    -webkit-transition-delay: .1s;
    -moz-transition-duration: .25s;
    -moz-transition-delay: .1s;
    opacity: 0;
}

.mainSlide {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    top: 0;
}

    .mainSlide > .row > div {
        position: relative;
    }

.slideRow {
    /*position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);*/
    padding-top: 50px;
}

.slideMain {
    /*position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 999;
	font-size: 2rem;*/
    text-align: left;
}

.arrowLeft {
    display: block;
    position: absolute;
    left: 0;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
}

    /*.arrowLeft:hover {
        content: url('/images/leftArrowHover.png');
        cursor: pointer;
    }*/

    .arrowRight > svg, .arrowLeft > svg {
        stroke: #FF9E33;
    }

    .arrowRight:hover > svg, .arrowLeft:hover > svg {
        stroke: #77ca4e;
    }

.arrowRight {
    display: block;
    float: right;
    position: absolute;
    right: 0;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
}

/*.arrowRight:hover {
        content: url('/images/rightArrowHover.png');
        cursor: pointer;
    }*/

.sliderFixFull {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
}



.header {
    text-align: center;
    /*font-size: 38px;*/
    font-size: 34px;
    font-family: 'Neo Sans Medium';
    vertical-align: middle;
    color: #77ca4e;
    margin-bottom: 50px;
}

.title {
    text-align: center;
    font-size: 31px;
    font-family: 'Neo Sans Medium';
    vertical-align: middle;
    color: #0a5b7b;
    margin-top: 20px;
    margin-bottom: 5px;
}


.text {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    font-size: 18px;
    margin: 10px;
    font-family: Lato;
    color: #1f1f1f;
    /*max-width: 1000px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 80px;
    column-gap: 45px;
}

    .text > p {
        font-size: 18px;
        font-family: Lato;
        color: #1f1f1f;
    }

.listtext {
    font-size: 18px;
    margin: 10px;
    font-family: Lato;
    color: #1f1f1f;
    /*max-width: 1000px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
}


.detailtext > p {
    line-height: 1.4rem;
}



#listContainer > .sliderFixFull {
    background-color: #eeeeee;
}

.ListHeader {
    font-family: 'Neo Sans Medium';
    font-size: 22px;
    color: #0a5b7b;
    display: block;
    margin-top: 15px;
    padding-bottom: 5px;
}

.ListDate {
    font-family: 'Neo Sans Medium';
    font-size: 16px;
    color: #aaaaaa;
    display: block;
    padding-bottom: 5px;
}

.ListText {
    font-size: 18px;
    color: #1f1f1f;
}

.ListImg {
    /*margin-left	: auto;
    margin-right: auto;*/
    display: block;
    max-height: 350px;
}


#listContainer, .sliderFixFull {
    /*min-height: 500px;*/
    height: 550px;
}

/*.current {
	opacity: 0.25;
}*/


.listItem {
    padding-left: 0px;
    padding-right: 0px;
}

.mainSlide > .row > .listItem:nth-child(1) {
    padding-right: 20px;
}

.mainSlide > .row > .listItem:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
}

.mainSlide > .row > .listItem:nth-child(3) {
    padding-left: 10px;
    padding-right: 10px;
}

.mainSlide > .row > .listItem:nth-child(4) {
    padding-left: 20px;
}

/*.vidGroupList > .vidItem:nth-child(2) {
		padding-right: 10px;
		padding-left: 10px;
	}

	.vidGroupList > .vidItem:nth-child(3) {
		padding-left: 20px;
	}*/





.arrows:not(:nth-of-type(1)) {
    visibility: hidden;
}

.plus {
    width: 35px;
    margin-top: 20px;
}

    .plus > line {
        stroke: #8DC560;
        stroke-width: 0.75px;
    }



/*Slider*/

.arrow-up {
    fill: #eeeeee;
}

.arrowLeft, .arrowRight {
    top: 50%;
}

.sliderFixFull {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
}

#listContainer {
    height: 550px;
}

    #listContainer > .sliderFixFull {
        height: 550px;
        overflow: hidden;
        background-color: #eeeeee;
    }

#sliderContainer {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
}

[id^="Slide_"] {
    top: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
}

.listNewsItem {
    height: 515px;
}

.newsListHeader {
    font-family: 'Neo Sans Medium';
    font-size: 22px;
    color: #0a5b7b;
    display: block;
    margin-top: 15px;
    padding-bottom: 5px;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
}

.newsListDate {
    font-family: 'Neo Sans Medium';
    font-size: 16px;
    color: #aaaaaa;
    display: block;
    padding-bottom: 5px;
}

.newsListText {
    font-size: 18px;
    color: #1f1f1f;
    line-height: 1.3em;
    height: 3.9em;
    overflow: hidden;
}

.newsListImg {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.plus {
    width: 35px;
    margin-top: 20px;
}

    .plus > line {
        stroke: #8DC560;
        stroke-width: 0.75px;
    }

.arrows:not(:first-of-type) {
    visibility: hidden;
}

.fixArrows {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
}

@media (max-width: 2560px) {

    .arrowRight {
        right: 20%;
    }

    .arrowLeft {
        left: 20%;
    }
}

@media (max-width: 2000px) {

    .arrowRight {
        right: 15%;
    }

    .arrowLeft {
        left: 15%;
    }
}

@media (max-width: 1700px) {

    .arrowRight {
        right: 7%;
    }

    .arrowLeft {
        left: 7%;
    }
}

@media (max-width: 1500px) {

    .arrowRight {
        right: 5%;
    }

    .arrowLeft {
        left: 5%;
    }
}

@media (max-width: 1440px) {

    .arrowRight {
        right: 2%;
    }

    .arrowLeft {
        left: 2%;
    }
}

@media (max-width: 1024px) {

    .arrowRight {
        display: none
    }

    .arrowLeft {
        display: none
    }

    .ToShow {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        position: relative;
        transition-duration: .25s;
        transition-delay: .1s;
        -webkit-transition-duration: .25s;
        -webkit-transition-delay: .1s;
        -moz-transition-duration: .25s;
        -moz-transition-delay: .1s;
        opacity: 1;
        visibility: visible;
    }

    .Showing {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        transition-duration: .25s;
        transition-delay: .1s;
        -webkit-transition-duration: .25s;
        -webkit-transition-delay: .1s;
        -moz-transition-duration: .25s;
        -moz-transition-delay: .1s;
        opacity: 1;
        visibility: visible;
    }


    .Shown {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        position: relative;
        transition-duration: .25s;
        transition-delay: .1s;
        -webkit-transition-duration: .25s;
        -webkit-transition-delay: .1s;
        -moz-transition-duration: .25s;
        -moz-transition-delay: .1s;
        opacity: 1;
        visibility: visible;
    }

    #listContainer, .sliderFixFull {
        /*min-height: 500px;*/
        height: auto;
    }

        #listContainer > .sliderFixFull {
            height: auto;
            overflow: visible;
        }


    #sliderContainer {
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        position: relative;
        padding: 10px 0px 10px 0px;
    }

    .listNewsItem {
        height: auto;
        padding: 20px 20px 20px 20px;
    }

    .sliderFixFull {
        position: relative;
    }
}

@media (max-width: 992px) {
    .margined {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .header {
        font-size: 18px;
    }

    .ListHeader {
        font-size: 16px;
    }

    .ListDate {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    #typeContainer {
        height: 100% !important;
    }

    .ListImg {
        display: inline-flex;
    }

    .listNewsItem {
        text-align: center;
    }
}


@media (max-width: 563px) {
    .text {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        text-align: center;
    }


    @media (max-width: 992px) {
        .listNewsItem {
            height: auto;
            padding-bottom: 5px;
        }

        .ListImg {
            margin-left: auto;
            margin-right: auto;
        }

        .arrowRight {
            top: 10%;
        }

        .arrowLeft {
            top: 34%;
        }
    }
}
