/*Andrea Woodoo*/
.unset-border-top {
    border-top: unset;
}

.margin-to-slider {
    margin-top: 20px;
}

.footer_inside {
    margin-top: 20px;
    margin-bottom: 20px;
}

.info {
    -ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    -moz-transform: translate(0, -50%); /*Firefox*/
    transform: translate(0, -50%); /* Standard syntax */
    top: 70%;
}

.slider_bgr {
    height: 400px;
}

.slider_img {
    left: 50%;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    -moz-transform: translateX(-50%); /*Firefox*/
    transform: translateX(-50%); /* Standard syntax */
}

.container.slider {
    border-top: none;
    width: 100%;
    margin: 0;
}

#sequence {
    height: 400px;
    max-width: none;
}

    #sequence a.link {
        margin-top: 550px;
    }

.dark_menu {
    background: #393b3c url(../images/main_nav_bgr_dark.png) top left repeat-x;
}

#menu {
    width: 1200px;
    margin: auto;
}

    #menu ul {
        display: inline-block;
    }

.prev, .next {
    top: 50%;
    -ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    -moz-transform: translate(0, -50%); /*Firefox*/
    transform: translate(0, -50%); /* Standard syntax */
}

.container.menu-janach {
    border: none !important;
}

@media (max-width: 1199px) {
    #menu {
        width: 100%;
    }
}

@media only screen and (min-width: 960px) {
    #sequence a.link {
        padding: 5px 18px;
    }
}

@media only screen and (max-width: 935px) {
    .slider_img {
        width: 100%;
        left: 0;
        transform: none;
    }

        .slider_img.animate-in {
            left: 0;
        }
}

@media(min-width:768px) {
    .container.menu-janach {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .dark_menu {
        background: none;
    }

    .container.slider {
        width: 420px;
        margin: auto;
        padding-top: 10px;
    }

    #slider_holder {
        width: 420px;
        margin: 0;
        float: left;
        display: inline;
        padding-top: 15px;
    }

    #sequence {
        height: 100px;
    }

        #sequence a.link {
            margin-top: 30px;
        }

    .slider_bgr {
        height: auto;
    }
}


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

    #footer .four.columns {
        width: 25%;
        margin: unset;
    }

    .footer-col-2 {
        text-align: center;
    }

        .footer-col-2 ul {
            margin: auto;
            display: inline-block;
        }

    .footer_inside {
        /* margin: 20px 15px; 
        margin: 0 auto;*/
        width: 1100px;
    }

    #menu > ul > li > a {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 959px) {
    #sequence {
        height: 400px;
    }
}

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

    .container.slider,
    #slider_holder,
    #sequence {
        width: 100%;
    }
}

@media only screen and (max-width: 767px){
    .container.slider, #slider_holder, #sequence{
        height: 300px !important;
    }

    #sequence ul{
        width: 100%;
        height: 300px;
        position: relative;
    }

    #sequence ul li img:first-of-type{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        max-width: unset !important;
        width: auto !important;
    }

    #sequence ul li img:last-of-type{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #sequence ul li .info.animate-in{
        top: 85% !important;
    }
}