#bodycontainer {
    background-color: #f7f7f7;
    font-size: 0;
    height: 100%;
    width: 100%;
}

.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    float: right;
    width: calc(100% - 370px);
    height: 100%;
    top: 0px;
    left: 370px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/overlay7.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: right;
    text-shadow: 2px 2px 8px #000;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: RockwellStd-Regular, 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 66px;
    padding: 0;
    padding-right: 50px;
    margin: 0;
    line-height: 66px; 
}
.cb-slideshow li div h5 { 
    font-family: ProximaNova-Regular, 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 26px;
    padding: 0;
    padding-right: 170px;
    margin: 0;
    line-height: 26px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/home-001.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/home-002.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/home-003.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/home-004.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/home-005.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1; -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0; -moz-animation-timing-function: ease-in; }
    8% { opacity: 1; -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0; -o-animation-timing-function: ease-in; }
    8% { opacity: 1; -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0; -ms-animation-timing-function: ease-in; }
    8% { opacity: 1; -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}

@media screen and (max-width: 1650px) { 
    #block1 { width: calc(100% - 350px); }
    .cb-slideshow, .cb-slideshow:after { width: calc(100% - 350px); left: 350px; }
    .cb-slideshow li div h3 { font-size: 60px; line-height: 60px; }
    .cb-slideshow li div h5 { font-size: 24px; line-height: 24px; padding-right: 150px; }
}
@media screen and (max-width: 1550px) { 
    #block1 { width: calc(100% - 330px); }
    .cb-slideshow, .cb-slideshow:after { width: calc(100% - 330px); left: 330px; }
}
@media screen and (max-width: 1450px) { 
    #block1 { width: calc(100% - 310px); }
    .cb-slideshow, .cb-slideshow:after { width: calc(100% - 310px); left: 310px; }
}
@media screen and (max-width: 1350px) { 
    #block1 { width: calc(100% - 280px); }
    .cb-slideshow, .cb-slideshow:after { width: calc(100% - 280px); left: 280px; }
}
@media screen and (max-width: 1250px) { 
    #block1 { width: calc(100% - 260px); }
    .cb-slideshow, .cb-slideshow:after { width: calc(100% - 260px); left: 260px; }
    .cb-slideshow li div h3 { font-size: 46px; line-height: 56px; padding-right: 45px; }
    .cb-slideshow li div h5 { font-size: 20px; line-height: 20px; padding-right: 120px; }
}
@media screen and (max-width: 1160px) { 
    #block1 { width: calc(100% - 240px); }
    .cb-slideshow, .cb-slideshow:after { width: calc(100% - 240px); left: 240px; }
}
@media screen and (max-width: 1180px) {}
@media screen and (max-width: 1000px) { 
    #block1 { width: calc(100% - 220px); }
    .cb-slideshow, .cb-slideshow:after { width: calc(100% - 220px); left: 220px; height: 700px; }
    .cb-slideshow li div h3 { font-size: 42px; line-height: 50px; padding-right: 0px; }
    .cb-slideshow li div h5 { font-size: 18px; line-height: 18px; padding-right: 0px; padding-left: 58px; }
    .cb-slideshow li div { left: 360px; text-align: left; width: 410px; }
}