/*
	Author: Ashfaq Ahmed @ Codeconvey.
	Author URI: http://www.codeconvey.com/
*/



#cc-slider {
	text-align: center;
	margin: 0 auto;
	max-width: 850px;
	position:relative;
}
/*
#cc-slider input {
	display: block;
	
	
}
*/
#cc-slider label, a {
	color: #B6952A;
	cursor: pointer;
	text-decoration: center;
}
/*
#cc-slider label:hover {
	color: #ff0042 !important;
}
*/

#slide1:checked ~ #cc-slides .inner { margin-left:0; }
#slide2:checked ~ #cc-slides .inner { margin-left:-100%; }
#slide3:checked ~ #cc-slides .inner { margin-left:-200%; }
#slide4:checked ~ #cc-slides .inner { margin-left:-300%; }
#slide5:checked ~ #cc-slides .inner { margin-left:-400%; }
#slide6:checked ~ #cc-slides .inner { margin-left:-500%; }
#slide7:checked ~ #cc-slides .inner { margin-left:-600%; }

#overflow {
	width: 100%;
	overflow: hidden;
}

#cc-slides article img {
	width: 70%;
}

#cc-slides .inner {
	width: 700%;
	line-height: 0;
}

#cc-slides article {
	width: 14.28%;
	float: left;
}

#controls {
	margin: -104% 0 0 57%;
	width: 30%;
	height: 25px;
}

#controls label { 
	display: none;
	width: 50px;
	height: 35px;
	
}


#controls label:hover {
	opacity: 0.5;
}

#slide1:checked ~ #controls label:nth-child(2), 
#slide2:checked ~ #controls label:nth-child(3), 
#slide3:checked ~ #controls label:nth-child(4), 
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(6), 
#slide6:checked ~ #controls label:nth-child(7),  
#slide7:checked ~ #controls label:nth-child(1) {
	background: url('../images/next.png') no-repeat;
	float: right;
	margin: 0 2px 0 0;
	display: block;
	
}


#slide1:checked ~ #controls label:nth-child(7),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4),
#slide6:checked ~ #controls label:nth-child(5),
#slide7:checked ~ #controls label:nth-child(6) {
	background: url('../images/prev.png') no-repeat;
	float: left;
	margin: 0 0 0 -357px;
	display: block;
	
}





/* cc-slider Styling 

#cc-slides {
	margin: 0;
	
	
	padding: 1%;
	
	background: #fff;
	
}


/* Animation */

#cc-slides .inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#cc-slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

input[type='radio'] {display: none}


/*
input[type='radio']:after {
        width: 5px;
        height: 5px;
        border: solid 2px #ccc;
        top: -2px;
        left: -1px;
        position: center;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border: solid 2px #ccc;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ffa500;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }
	
*/
	
#control-label {
  display: inline-block;
  width: 7tpx;
  padding: 7px;
  border: solid 1px #B6952A;
  transition: all 0.3s;
}
/*
.cc-slider input[type="radio"] {
  display: none;
}
*/
#control-label:hover { 
cursor: pointer;
background: #2a2209;


}

input:checked + label {background: #B6952A; border-color: #000;}







	
	
	/*
	
	
	label {display: block; padding: 5px; position: relative; padding-left: 20px;}
label input {display: none;}
label span {border: 1px solid #ccc; width: 15px; height: 15px; position: absolute; overflow: hidden; line-height: 1; text-align: center; border-radius: 100%; font-size: 10pt; left: 0; top: 50%; margin-top: -7.5px;}
input:checked + span {background: #ccf; border-color: #ccf;}