/*
* Copyright 2012 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.jCarouselMainWrapper:first-of-type .nop-jcarousel {
	margin-top: 0 !important;
}

/* TITLE & CONTAINERS */

.nop-jcarousel {
    margin: 0 -7px 30px;
}
.nop-jcarousel .carousel-title {
	position: relative;
    margin: 0 0 7px;
	padding: 0;
	text-align: center;
    font: italic 32px "Times New Roman", Times, serif;
    color: #333;
}
.nop-jcarousel .carousel-title strong {
    font-weight: normal;
}
.nop-jcarousel .item-grid {
	overflow: visible;
}
.nop-jcarousel .carousel-item {
    padding: 0 7px;
}
.nop-jcarousel .item-box {
    width: 100% !important;
	margin-right: auto !important;
    margin-left: auto !important;
}
.side-2 .nop-jcarousel {
    display: none;
}

/* NAVIGATION */

.nop-jcarousel .slick-prev,
.nop-jcarousel .slick-next {
	display: none !important;
    position: absolute;
    bottom: 5px;
	width: 33px;
	height: 32px;
	margin: -15px 0 0;
	border: none;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
    font-size: 0;
}
.nop-jcarousel .slick-prev {
    left: 50%;
	margin: 0 0 0 -36px;
    background-image: url('images/prev-horizontal.png');
}
.nop-jcarousel .slick-next {
    right: 50%;
	margin: 0 -36px 0 0;
    background-image: url('images/next-horizontal.png');
}
.nop-jcarousel .slick-prev:hover,
.nop-jcarousel .slick-next:hover {
	opacity: 0.8;
}
.nop-jcarousel .slick-disabled {
    opacity: 0.2 !important;
    cursor: default;
}

.nop-jcarousel .slick-dots {
	margin: -10px 0 0;
    text-align: center;
}
.nop-jcarousel .slick-dots li {
    display: inline-block;
}
.nop-jcarousel .slick-dots button {
    width: 22px;
    height: 22px;
	border: none;
    background: url('images/dots.png') bottom no-repeat;
    font-size: 0;
    cursor: pointer;
}
.nop-jcarousel .slick-dots button:hover,
.nop-jcarousel .slick-dots .slick-active button {
    background-position: top !important;
}



@media all and (min-width: 481px) {

.home-page .nop-jcarousel {
    margin-top: 0;
}
.nop-jcarousel .item-grid {
	max-width: none;
}
.nop-jcarousel .carousel-title strong {
	display: inline-block;
	padding: 0 75px;
}
.nop-jcarousel .slick-prev,
.nop-jcarousel .slick-next {
	display: block !important;
	top: 50%;
	bottom: auto;
	margin: -16px 0 0 !important; /*important to override rtl*/
}
.nop-jcarousel .slick-prev {
	left: 5px;
}
.nop-jcarousel .slick-next {
    right: 5px;
}
.nop-jcarousel .slick-dots {
    display: none !important;
}

}

@media all and (min-width: 769px) {

.center-2 .nop-jcarousel .carousel-title,
.side-2 .nop-jcarousel .carousel-title {
	text-align: left;
}
.center-2 .nop-jcarousel .carousel-title strong,
.side-2 .nop-jcarousel .carousel-title strong {
	padding: 0 0 0 7px;
}
.center-2 .nop-jcarousel .slick-prev,
.side-2 .nop-jcarousel .slick-prev {
    right: 42px;
	left: auto;
}
.center-2 .nop-jcarousel .slick-next,
.side-2 .nop-jcarousel .slick-next {
    right: 5px;
}

}

@media all and (min-width: 1025px) {

.center-2 .jCarouselMainWrapper {
	width: calc(100% + 1px); /*retain 3 visible items*/
}
.side-2 .nop-jcarousel {
    display: block;
}
.side-2 .nop-jcarousel .item-box {
	margin: 50px auto 0 !important;
}

}