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

.other-prod-body {
	height: 0;
}

#cc-slider3 label, a {
    color: #ef023f;
    cursor: pointer;
    text-decoration: none;
}

#cc-slider4 label, a {
    color: #ef023f;
    cursor: pointer;
    text-decoration: none;
}

#cc-slider3 {
	text-align: center;
	margin: 0 auto;
	/*max-width: 850px;*/
}
#cc-slider4 {
	text-align: center;
	margin: 0 auto;
	/*max-width: 850px;*/
}

#cc-slider3 input, #cc-slider4 input {
	display: none;
}

#other-products-row2 article img {
    width: 280px;
    height: 163px;
    border-bottom: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
    margin-left: -4px;
}

#other-products-row2 a:nth-child(1) img {
    /*width: 346px;
    height: 187px;*/
    width: 280px;
    height: 163px;
    border-left: solid 1px #e3e3e3;
    border-bottom: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    /*margin-left: -3px;*/
}

#other-products-row2 a:nth-child(2) img {
    /*width: 343px;
    height: 187px;*/
    width: 280px;
    height: 163px;
    margin-left: -3.1px;
    border-bottom: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
}

#other-products-row2 a:nth-child(3) img {
	width: 280px;
    height: 163px;
    border-right: 0px;
    margin-left: -3.1px;
    border-right: solid 1px #e3e3e3;
    border-bottom: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
    border-left: solid 1px #e3e3e3;
}

#other-products-row2 a:last-child img {
    border-right: solid 1px #e3e3e3;
    border-bottom: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
    /*border-left: solid 1px #e3e3e3;*/
}

#other-products-row2 {
	margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
}

.other-prod-body > #other-products-row2 {
    margin-bottom: 0; 
   	padding-bottom: 0; 
    border-bottom: 0; 
}

@media only screen and (max-width: 1024px) and (min-width: 56px) {
#other-products-row2 a:nth-child(1) img {
    border: solid 1px #e3e3e3;
    margin-left: 0;
}


#controls4 {
	position: static !important;
}
}

@media only screen and (max-width: 767px) and (min-width: 56px) {
.bottom-border {
	margin-top: 10px;
}
}
@media only screen and (max-width: 440px) and (min-width: 320px) {
#controls4 {
	position: absolute !important;
}
}
@media only screen and (max-width: 320px) and (min-width: 56px) {

#other-products-row2 a:nth-child(1) img {
    width: 100%;
}

}

@media only screen and (max-width: 700px) and (min-width: 520px) {

#cc-slider {
    display: none !important;
}

#cc-slider1 {
    display: block !important;
}
#cc-slider1 {
    width: 100% !important;
}
}
#slide51:checked ~ #cc-slides3 .inner { margin-left:0; }
#slide52:checked ~ #cc-slides3 .inner { margin-left:-100%; }
#slide53:checked ~ #cc-slides3 .inner { margin-left:-200%; }
#slide54:checked ~ #cc-slides3 .inner { margin-left:-300%; }
#slide55:checked ~ #cc-slides3 .inner { margin-left:-400%; }
#slide56:checked ~ #cc-slides3 .inner { margin-left:-500%; }
#slide57:checked ~ #cc-slides3 .inner { margin-left:-600%; }
#slide58:checked ~ #cc-slides3 .inner { margin-left:-700%; }
#slide59:checked ~ #cc-slides3 .inner { margin-left:-800%; }

/* Safari 5+ ONLY */
::i-block-chrome, #slide51:checked ~ #cc-slides3 .inner { margin-left:0; }
::i-block-chrome, #slide52:checked ~ #cc-slides3 .inner { margin-left:-100%; }
::i-block-chrome, #slide53:checked ~ #cc-slides3 .inner { margin-left: -199.98%; }
::i-block-chrome, #slide54:checked ~ #cc-slides3 .inner { margin-left: -299.9%; }
::i-block-chrome, #slide55:checked ~ #cc-slides3 .inner { margin-left: -399.8%; }
::i-block-chrome, #slide56:checked ~ #cc-slides3 .inner { margin-left: -499.7%; }
::i-block-chrome, #slide57:checked ~ #cc-slides3 .inner { margin-left:-600%; }
::i-block-chrome, #slide58:checked ~ #cc-slides3 .inner { margin-left:-700%; }
::i-block-chrome, #slide59:checked ~ #cc-slides3 .inner { margin-left:-800%; }

#slide1001:checked ~ #cc-slides4 .inner { margin-left:0; }
#slide1002:checked ~ #cc-slides4 .inner { margin-left:-100%; }
#slide1003:checked ~ #cc-slides4 .inner { margin-left:-200%; }
#slide1004:checked ~ #cc-slides4 .inner { margin-left:-300%; }
#slide1005:checked ~ #cc-slides4 .inner { margin-left:-400%; }
#slide1006:checked ~ #cc-slides4 .inner { margin-left:-500%; }
#slide1007:checked ~ #cc-slides4 .inner { margin-left:-600%; }
#slide1008:checked ~ #cc-slides4 .inner { margin-left:-700%; }
#slide1009:checked ~ #cc-slides4 .inner { margin-left:-800%; }
#slide1010:checked ~ #cc-slides4 .inner { margin-left:-900%; }
#slide1011:checked ~ #cc-slides4 .inner { margin-left:-1000%; }
#slide1012:checked ~ #cc-slides4 .inner { margin-left:-1100%; }
#slide1013:checked ~ #cc-slides4 .inner { margin-left:-1200%; }
#slide1014:checked ~ #cc-slides4 .inner { margin-left:-1300%; }
#slide1015:checked ~ #cc-slides4 .inner { margin-left:-1400%; }
#slide1016:checked ~ #cc-slides4 .inner { margin-left:-1500%; }
#slide1017:checked ~ #cc-slides4 .inner { margin-left:-1600%; }
#slide1018:checked ~ #cc-slides4 .inner { margin-left:-1700%; }
#slide1019:checked ~ #cc-slides4 .inner { margin-left:-1800%; }
#slide1020:checked ~ #cc-slides4 .inner { margin-left:-1900%; }
#slide1021:checked ~ #cc-slides4 .inner { margin-left:-2000%; }
#slide1022:checked ~ #cc-slides4 .inner { margin-left:-2100%; }
#slide1023:checked ~ #cc-slides4 .inner { margin-left:-2200%; }


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

#cc-slides3 article img {
	/*width: 100%;*/
}

#cc-slides3 .inner {
	width: 800%;
	line-height: 0;
}

#cc-slides4 .inner {
	width: 2200%;
	line-height: 0;
}

#cc-slides3 article {
    /*width: 14.2855%;*/
    width: calc(100% / 8);
    float: left;
}

#cc-slides4 article {
	width: 4.545%;
	float: left;
}

#controls3 {
    /* margin: -8% 0 0 84%; */
    /* width: 15%; */
    margin-top: -46px;
    margin-bottom: -4px;
    height: 50px;
}

#controls4 {
    /* margin: -8% 0 0 84%; */
    /* width: 15%; */
    margin-top: -46px;
    margin-bottom: -4px;
    height: 50px;
}

#controls3 label { 
	display: none;
    width: 60px;
    height: 60px;
}

#controls4 label { 
	display: none;
    width: 60px;
    height: 60px;
}

#active {
	margin: 23% 0 0;
	text-align: center;
}

#active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #f89e67;
}

#active label:hover {
	background: #ccc;
	border-color: #777 !important;
}

#controls3 label:hover {
	opacity: 0.8;
}

#controls4 label:hover {
	opacity: 0.8;
}

#slide51:checked ~ #controls3 label:nth-child(2), 
#slide52:checked ~ #controls3 label:nth-child(3), 
#slide53:checked ~ #controls3 label:nth-child(4), 
#slide54:checked ~ #controls3 label:nth-child(5),
#slide55:checked ~ #controls3 label:nth-child(6),
#slide56:checked ~ #controls3 label:nth-child(7),
#slide57:checked ~ #controls3 label:nth-child(8), 
#slide58:checked ~ #controls3 label:nth-child(9),
#slide59:checked ~ #controls3 label:nth-child(1) {
	background-image: url('../img/arrows-sprite.png');
	background-position: -32px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	float: right;
    margin: -60px 0 0 0;
	display: block;
	box-shadow: none;
    height: 35px;
    width: 24px;
	border:none;
	position: relative;
	z-index: 1;
}


#slide51:checked ~ #controls3 label:nth-child(9),
#slide52:checked ~ #controls3 label:nth-child(1),
#slide53:checked ~ #controls3 label:nth-child(2),
#slide54:checked ~ #controls3 label:nth-child(3),
#slide55:checked ~ #controls3 label:nth-child(4),
#slide56:checked ~ #controls3 label:nth-child(5),
#slide57:checked ~ #controls3 label:nth-child(6), 
#slide58:checked ~ #controls3 label:nth-child(7),
#slide59:checked ~ #controls3 label:nth-child(8) {
	background-image: url('../img/arrows-sprite.png');
	background-position: -0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	float: left;
    margin: -60 0 0 0;
	display: block;
	box-shadow: none;
    height: 35px;
    width: 24px;
	border:none;	
	position: relative;
	z-index: 1;
}

#slide1001:checked ~ #controls4 label:nth-child(2), 
#slide1002:checked ~ #controls4 label:nth-child(3), 
#slide1003:checked ~ #controls4 label:nth-child(4), 
#slide1004:checked ~ #controls4 label:nth-child(5),
#slide1005:checked ~ #controls4 label:nth-child(6),
#slide1006:checked ~ #controls4 label:nth-child(7),
#slide1007:checked ~ #controls4 label:nth-child(8),
#slide1008:checked ~ #controls4 label:nth-child(9),
#slide1009:checked ~ #controls4 label:nth-child(10),
#slide1010:checked ~ #controls4 label:nth-child(11),
#slide1011:checked ~ #controls4 label:nth-child(12),
#slide1012:checked ~ #controls4 label:nth-child(13),
#slide1013:checked ~ #controls4 label:nth-child(14),
#slide1014:checked ~ #controls4 label:nth-child(15),
#slide1015:checked ~ #controls4 label:nth-child(16),
#slide1016:checked ~ #controls4 label:nth-child(17),
#slide1017:checked ~ #controls4 label:nth-child(18),
#slide1018:checked ~ #controls4 label:nth-child(19),
#slide1019:checked ~ #controls4 label:nth-child(20),
#slide1020:checked ~ #controls4 label:nth-child(21), 
#slide1021:checked ~ #controls4 label:nth-child(22),
#slide1022:checked ~ #controls4 label:nth-child(23), 
#slide1023:checked ~ #controls4 label:nth-child(1) {
	background-image: url('../img/arrows-sprite.png');
	background-position: -32px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
    float: right;
    display: block;
    box-shadow: none;
    height: 35px;
    width: 24px;
    border: none;
    margin-right: 20px;
	position: relative;
	z-index: 1;
}


#slide1001:checked ~ #controls4 label:nth-child(23),
#slide1002:checked ~ #controls4 label:nth-child(1),
#slide1003:checked ~ #controls4 label:nth-child(2),
#slide1004:checked ~ #controls4 label:nth-child(3), 
#slide1005:checked ~ #controls4 label:nth-child(4), 
#slide1006:checked ~ #controls4 label:nth-child(5), 
#slide1007:checked ~ #controls4 label:nth-child(6), 
#slide1008:checked ~ #controls4 label:nth-child(7), 
#slide1009:checked ~ #controls4 label:nth-child(8), 
#slide1010:checked ~ #controls4 label:nth-child(9), 
#slide1011:checked ~ #controls4 label:nth-child(10), 
#slide1012:checked ~ #controls4 label:nth-child(11), 
#slide1013:checked ~ #controls4 label:nth-child(12), 
#slide1014:checked ~ #controls4 label:nth-child(13), 
#slide1015:checked ~ #controls4 label:nth-child(14), 
#slide1016:checked ~ #controls4 label:nth-child(15), 
#slide1017:checked ~ #controls4 label:nth-child(16), 
#slide1018:checked ~ #controls4 label:nth-child(17), 
#slide1019:checked ~ #controls4 label:nth-child(18), 
#slide1020:checked ~ #controls4 label:nth-child(19),
#slide1021:checked ~ #controls4 label:nth-child(20), 
#slide1022:checked ~ #controls4 label:nth-child(21), 
#slide1023:checked ~ #controls4 label:nth-child(22) {
	background-image: url('../img/arrows-sprite.png');
	background-position: -0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	display: block;
	box-shadow: none;
    height: 35px;
    width: 24px;
	border: none;	
	margin-left: 20px;
	position: relative;
	z-index: 1;
}


/* cctooltip Box */

.cctooltip {
	
    color: #FFFFFF;
    font-style: italic;
    line-height: 20px;
    margin-top: 250px;
    opacity: 0;
    position: absolute;
    text-align: left;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.cctooltip h3 {
	color: #FFFFFF;
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	background: none repeat scroll 0 0 #222222;
	padding: 5px;
}
.cctooltip h4 {
	color: #FFFFFF;
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	background: none repeat scroll 0 0 #222222;
	padding: 5px;
	text-align:right;
	width:106px;
}



/* cc-slider Styling */

#cc-slides3 {
	/*margin: 45px 0 0;*/
	
	
	/*padding: 1%;*/
	
	background: #ffffff;
	
}


/* Animation */

#cc-slides3 .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-slides4 .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-slider3 {
	-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;
}


#cc-slider4 {
	-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;
}

#slide51:checked ~ #cc-slides3 article:nth-child(1) .cctooltip,
#slide52:checked ~ #cc-slides3 article:nth-child(2) .cctooltip,
#slide53:checked ~ #cc-slides3 article:nth-child(3) .cctooltip,
#slide54:checked ~ #cc-slides3 article:nth-child(4) .cctooltip,
#slide55:checked ~ #cc-slides3 article:nth-child(5) .cctooltip,
#slide56:checked ~ #cc-slides3 article:nth-child(6) .cctooltip,
#slide57:checked ~ #cc-slides3 article:nth-child(7) .cctooltip,
#slide58:checked ~ #cc-slides3 article:nth-child(8) .cctooltip {
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}

#slide1001:checked ~ #cc-slides4 article:nth-child(1) .cctooltip,
#slide1002:checked ~ #cc-slides4 article:nth-child(2) .cctooltip,
#slide1003:checked ~ #cc-slides4 article:nth-child(3) .cctooltip,
#slide1004:checked ~ #cc-slides4 article:nth-child(4) .cctooltip,
#slide1005:checked ~ #cc-slides4 article:nth-child(5) .cctooltip, 
#slide1006:checked ~ #cc-slides4 article:nth-child(6) .cctooltip, 
#slide1007:checked ~ #cc-slides4 article:nth-child(7) .cctooltip, 
#slide1008:checked ~ #cc-slides4 article:nth-child(8) .cctooltip, 
#slide1009:checked ~ #cc-slides4 article:nth-child(9) .cctooltip, 
#slide1010:checked ~ #cc-slides4 article:nth-child(10) .cctooltip, 
#slide1011:checked ~ #cc-slides4 article:nth-child(11) .cctooltip, 
#slide1012:checked ~ #cc-slides4 article:nth-child(12) .cctooltip, 
#slide1013:checked ~ #cc-slides4 article:nth-child(13) .cctooltip, 
#slide1014:checked ~ #cc-slides4 article:nth-child(14) .cctooltip, 
#slide1015:checked ~ #cc-slides4 article:nth-child(15) .cctooltip, 
#slide1016:checked ~ #cc-slides4 article:nth-child(16) .cctooltip, 
#slide1017:checked ~ #cc-slides4 article:nth-child(17) .cctooltip, 
#slide1018:checked ~ #cc-slides4 article:nth-child(18) .cctooltip, 
#slide1019:checked ~ #cc-slides4 article:nth-child(19) .cctooltip, 
#slide1020:checked ~ #cc-slides4 article:nth-child(20) .cctooltip,
#slide1021:checked ~ #cc-slides4 article:nth-child(21) .cctooltip {
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}


@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#other-products-row2 {
	    border-bottom: 0 solid #e3e3e3;
	}
}