﻿/*September Changes - new styles for re-worked slider*/

/* owl-carousel */
.content-block--slider{
	position:relative;
}
#sync1 .item img{
	display: block;
	width: 100%;
	height: auto;
}

#sync1 .item{
    background: #0c83e7;
    /*padding: 80px 0px;*/
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#sync2.owl-carousel{
	width:216px;
	height:72px;
	/*margin:-55px auto 0;*/
		margin:0 auto 0;
	overflow: hidden;
}

@media (min-width: 497px) {
	#sync2.owl-carousel{
		width:360px;
	}
}

@media (min-width: 768px) {
	#sync2.owl-carousel{
		margin: -90px auto 0;
	}
}

#sync2 .owl-wrapper {
	    width: 180000px!important;
}

#sync2 .owl-item {
	width: 72px!important;
}

#sync2 .item{
    background: #C9C9C9;
    padding: 0px;
    margin: 0px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
  background: #0c83e7;
}

#sync2 .item:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,166, 182,.5);
}

#sync2 .synced .item:before,
#sync2 .item:hover:before{background:none; border: 6px solid #00a6b6;}

.owl-theme .owl-controls {
	width: 316px;
	position: absolute;
	left: 50%;
	margin-left: -158px;
	margin-top: 6px;
}
@media (min-width: 497px) {
	.owl-theme .owl-controls {
		width: 460px;
		margin-left: -230px;
	}
}

@media (min-width: 768px) {
	.owl-theme .owl-controls {
		bottom: 24px;
	}
}

.owl-theme .owl-controls .owl-buttons div{
	background:rgba(0,124, 146, .75);
	opacity:1;
	width:50px;
	height: 50px;
	border-radius:0;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	padding:0;
	float:left;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before,
.owl-theme .owl-controls .owl-buttons .owl-next:before{
	content:'';
	position:absolute;
	top: 50%;
	left:50%;
	margin:-14px 0 0 -10px;
	width:15px;
	height:28px;
	background: url(/_design/img/bg-gallery-arrows.png);
}

.owl-theme .owl-controls .owl-buttons .owl-next{float:right;}
.owl-theme .owl-controls .owl-buttons .owl-next:before{
	background-position: -30px 0;
	margin-left:-7px;
}

/*End September Changes*/