/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
    position: relative;
    z-index: 1;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}


/** Slider content **/
.hero .rslides {
    overflow: hidden;
    border: 1px solid #8c8c8c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    behavior: url("pie-1.0.0/PIE.htc");
}
.hero .rslides li {
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    behavior: url("pie-1.0.0/PIE.htc");
}

.hero {
    position: relative;
    width: 1170px;
    margin: 3px auto 30px auto;
    padding: 0 0 0 0;
}

.hero.not-logged-in{
    height: 350px;
}

.hero.logged-in {
    height: 250px;
}

.hero ul li div.hero-item-text {
    position: absolute;
    width: 1108px;
    left: 10px;
    bottom: 10px;
    padding: 20px 20px 20px 20px;
    color: #ffffff;
    background-image: url("../images/bg-black-opacity-80.png");
}
.hero.logged-in ul li div.hero-item-text {
	padding:10px 20px 10px 20px;
}
    .hero ul li div.hero-item-text h1 {
        font-size: 30px;
        font-weight: 300;
        color:white;
    }
		.hero.logged-in ul li div.hero-item-text h1 {
			font-size:26px;
			margin-bottom:5px;
		}
        .hero ul li div.hero-item-text h1 span {
            display: block;
            font-size: 15px;
            font-style: italic;
            margin: 5px 0 0 0;
        }

    .hero ul li div.hero-item-text p {
        font-size: 18px;
        margin: 0 0 0 0;
        font-weight: 300;
    }
    .hero.logged-in ul li div.hero-item-text p {
        font-size: 16px;
    }

    .hero ul li div.hero-item-text .btn.medium {
        position: absolute;
        right: 10px;
        bottom: 20px;
        padding: 12px 20px 12px 20px;
        font-weight: 300;
    }
    .hero.logged-in ul li div.hero-item-text .btn.medium {
			padding:8px 20px 8px 20px;
    }

.mop-box-slider {
    position: relative;
    padding: 10px 0 10px 0;
    margin: 20px -20px -20px -20px;
    background-color: #f2f2f2;
    text-align: left;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -ms-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    behavior: url("pie-1.0.0/PIE.htc");
}
    .mop-box-slider h2,
    .mop-box-slider p,
    .mop-box-slider .text a {
        padding: 0 20px 0 20px;
    }

.mop-box-slider .text {
    position: relative;
    float: left;
}
    .mop-box-slider .text h2 {
        margin: 10px 0 10px 0;
    }
    .mop-box-slider .text p {
        margin: 0 0 10px 0;
        line-height: 18px;
    }

/** Slider navigation - arrows **/
html[dir=rtl] .rslides_tabs a {
	font-size:0px;
	text-indent:0 !important;
}

.rslides_nav {
    position: absolute;
    width: 41px;
    height: 71px;
    z-index: 2;
    margin-top: -45px;
    top: 50%;
    left: -9px;
    text-indent: -9999px;
    direction:ltr;
    overflow: hidden;
    text-decoration: none;
    background-image: url("../images/sprite-carousel.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
    -moz-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
    -o-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
    transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0); /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
    -moz-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
    -o-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
    transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important; /* linear */
}
    .rslides_nav:hover {
        background-position: 0px -71px;
        -webkit-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -moz-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -o-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0); /* linear */
        -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -moz-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -o-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important; /* linear */
    }

    .rslides_nav.next {
        left: auto;
        background-position: -41px 0px;
        right: -9px;
    }
        .rslides_nav:hover.next {
            background-position: -41px -71px;
        }

.mop-box-slider .rslides_nav {
    top: 180px;
    width: 31px;
    height: 46px;
    left: -5px;
    background-position: 0px -142px;
}
    .mop-box-slider .rslides_nav:hover {
        background-position: 0px -188px;
    }

.mop-box-slider .rslides_nav.next {
    background-position: -51px -142px;
    right: -5px;
    left: auto;
}
    .mop-box-slider .rslides_nav:hover.next {
        background-position: -51px -188px;
    }

/** Slider navigation - bullets **/
.mop-box-slider .rslides_tabs {
    max-width: 368px;
    padding: 20px 0 0 0;
    text-align: center;
    width: 100%;
}

    .rslides_tabs li {
        display: inline;
        float: none;
        margin-right: 5px;
    }
        .rslides_tabs li:first-child {
            margin-left: 0;
        }

    .rslides_tabs a {
        text-indent: -9999px;
        direction:ltr;
        width: auto;
        line-height: 0px;
        padding: 16px 16px 0 0;
        height: auto;
        background: transparent;
        display: inline-block;
        background-image: url("../images/sprite-carousel.png");
        background-position: 0px -234px;
        -webkit-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -moz-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -o-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0); /* linear */
        -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -moz-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        -o-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
        transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important; /* linear */
    }
        .rslides_tabs a:hover {
            background-position: -33px -234px;
            -webkit-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -moz-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -o-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0); /* linear */
            -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -moz-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -o-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important; /* linear */
        }

        .rslides_tabs .rslides_here a {
            background-position: -66px -234px;
            -webkit-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -moz-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -o-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0); /* linear */
            -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -moz-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -o-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important; /* linear */
        }
        .rslides_tabs .rslides_here a:hover {
            background-position: -66px -234px;
            -webkit-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -moz-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -o-transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            transition: all 0ms cubic-bezier(0.0, 0.0, 0.0, 0.0); /* linear */
            -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -moz-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            -o-transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important;
            transition-timing-function: cubic-bezier(0.0, 0.0, 0.0, 0.0) !important; /* linear */
        }

.hero .rslides_tabs {
    position: absolute;
    display: inline-block;
    z-index: 2;
    top: 20px;
    right: 15px;
    padding: 0px 0 0 0;
}

@media only screen and (max-width: 1170px) {
    .hero.not-logged-in,
    .hero.logged-in {
        max-width: 970px;
        height: auto;
    }
    .hero ul li div.hero-item-text {
        width: 910px;
    }
    .hero ul li div.hero-item-text.cta p {
        max-width: 760px;
    }
    .hero .rslides_nav {
        top: 130px;
        width: 31px;
        height: 46px;
        background-position: 0px -142px;
    }
    .hero .rslides_nav.prev {
        width: 31px;
        height: 46px;
        left: -4px;
        background-position: 0px -142px;
    }
    .hero .rslides_nav:hover {
        background-position: 0px -188px;
    }

    .hero .rslides_nav.next {
        background-position: -51px -142px;
        right: -6px;
    }
    .hero .rslides_nav.next:hover {
        background-position: -51px -188px;
    }
}