/* *****************************************
      	WHY TCN PAGES - TOC
		------------------      	

	%%WHY TCN

	-	%%ABOUT US

	-	%%HISTORY

	-	%%SPONSORED RIDERS

	- 	%%SINGLE RIDER TESTIMONIAL

	-	%%CUSTOMER TESTIMONIALS

	%%CONTACT

***************************************** */


/* *****************************************
         	%%HISTORY
***************************************** */
.history .content{
    position:relative;
}

.history .irs {overflow: hidden;}

.history .date {background: rgba(255, 255, 255, 0.8); padding: 20px; margin: 40px 0; }

.history .date .dawhite {background: #fff; }

.history .date h4 {font-weight: bold; color: #6b6b6b;} 


.history .date .story h4 {text-transform: uppercase; color: #6b6b6b; font-size: 18px; padding-right: 25%;}

.history .date h3.lefter  {font-size:24px; padding-right:20px; color: #6b6b6b; font-weight: bold;}

.history .irs-single {
    display: block !important;
    top: 20px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.333;
    text-shadow: none;
    border-radius: 0;
    z-index: 15;
    padding: 9px 0 0;
    background: #626262;
    width: 60px;
    height: 35px;
    text-align: center;
}


.history .irs-line {
    height: 2px;
    top: 38px;
    background: #bbb;
    border: 1px solid #bbb;
    width: 100%;
    left: 0;
}

.history .irs-grid-text {display: none;}

.history .irs-grid-pol {
    position: absolute;
    top: 3px;
    width: 2px;
    height: 15px;
}

.history .irs-slider {
    top: 20px;
    width: 100px;
    height: 35px;
    margin: 0 0 !important;
    border-top: 0;
    border: none !important;
    padding: 0 0 !important;
    border-bottom: 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    cursor: pointer;
    background: url('../images/arrows-history.png')center center no-repeat !important;
    text-align: center;
}

.slidebar.staticit {
    top: 158px;
    position: fixed;
    z-index: 9;
    box-shadow: 0px -55px 0 14px rgba(0, 0, 0, 0.83);
}
.history .irs-with-grid {
    height: 75px;
    left: 0px;
    top: -7px;
}

.history .theTime{
    padding-top:60px;
}



.slidebar {
    height: 75px; 
    padding: 8px 0; 
    width: 100%; 
    background: rgba(255, 255, 255, 0.85); 
    position: absolute; 
    top:0px;
}

.slidebar .rangeholder {width: 100%; height: 100%; background: #fff;}


@media only screen and ( max-width: 680px ){
    .slidebar.staticit {
        top: 138px;
    }
} /* MAX 680 */




/* *****************************************
         	%%SPONSORED RIDERS
***************************************** */

.rider-testimonial img.alignleft{
	float:left;
	padding:0 15px 10px 0;
}
.rider-testimonial img.alignright{
	float:right;
	padding:0 0px 10px 15px;
}
.rider-testimonial img.aligncenter{
	float:none;
	display:block;
	margin:0 auto;
	padding:5px;
}



.sponsored-riders .col-md-6.social-feed-box,
.testimonials .col-md-6.social-feed-box  {
	padding: 20px 10px;
	overflow: hidden;
}


.sponsored-riders .col-md-6.social-feed-box .s-squared,
.testimonials .col-md-6.social-feed-box .s-squared { 
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 100%; 
	min-width:200px; 
	min-height: 200px; 
	background-size: cover !important;
}

.sponsored-riders .col-md-6.social-feed-box a.attachment-thumbnail,
.testimonials .col-md-6.social-feed-box a.attachment-thumbnail  {
	width: 200px; 
	height: 200px; 
	margin: 0; 
	padding: 0; 
}

.right-riders p {    
	font-size: 16px;
	color: #7D7D7D;
	line-height: 1.28em;
}

#datop.open { 
	padding-top: 240px; 
} 

.sponsored-riders .content .filter-bar,
.sponsored-riders .content .filter-bar{
	width: 100%;
	display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-o-flex;
    display:-ms-flex;
    display:-ms-flexbox;
    flex-direction:row;
    align-content: space-between;
    justify-content: space-between;
}

.sponsored-riders label.sponsored-cat-label,
.testimonials label.sponsored-cat-label  {
	/*margin: 26px 2px 0 10px;*/
	position:absolute;
	top:26px;
	left: 10px;
	height: 25px;
	width: 25px;
	border: 3px solid #fff !important;
	background: transparent !important;
	margin-right: 10px;
	vertical-align: middle;
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	padding-top: 0px !important; 
}

.sponsored-riders .content .filter-bar .tool-links{
	flex:1 0 1px;
	-webkit-flex:1 0 1px;
	-moz-flex:1 0 1px;
	-ms-flex:1 0 1px;
	-o-flex:1 0 1px;
}

.sponsored-riders label.sponsored-cat-label input,
.testimonials label.sponsored-cat-label input {
	visibility: visible;
	top: -17px;
	position: relative;
	right: -2px;
}

.sponsored-riders input[type=checkbox].css-checkboxed {
	width:25px;
	height:25px; 
	cursor: pointer;
	z-index: 10;
}

.sponsored-riders input[type=checkbox].css-checkbox { 
	border:0; 
	position: absolute;
	opacity: 0;
	width: 200px;
	cursor: pointer;
}

input.css-checkboxed:not(:checked) {
	position: absolute;
	top:24px;
	left:10px;
	opacity:0;
}

input.css-checkboxed:checked {
	position: absolute;
	top:24px;
	left:10px;
	opacity:0;
}

.sponsored-riders h3.white,
.testimonials h3.white{
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	margin:0;
	line-height: 80px;
	text-align: left;
	width: 100%;
	padding-left: 15%;
	vertical-align: middle;
	cursor: pointer;
}

.sponsored-riders h3.white a ,
.testimonials h3.white a {
	color: #fff; 
	cursor: pointer;
}

h3.white:after {
	cursor: pointer;
	content: '+ MORE';
	font-size: 13px;
	float: right;
	vertical-align: middle;
	padding-right:10px;
}

h3.white.open:after {
	cursor: pointer;
	content: '- LESS';
	font-size: 13px;
	float: right;
	vertical-align: middle;
	padding-right:10px;
}

.sponsored-riders h3.white a:hover,
.testimonials h3.white a:hover  {
	text-decoration: none !important;
}

@media (max-width: 1000px) { 

	.sponsored-riders h3.white,
	.testimonials h3.white{
		padding-left: 17%;
	}
	h3.white:after {
		content: '+';
		font-size:18px;
	}
	h3.white.open:after {
		content: '-';
		font-size:18px;
	}

} /* MAX 1000 */

@media (max-width: 860px) { 

	.sponsored-riders h3.white,
	.testimonials h3.white{
		padding-left: 18.5%;
		font-size:16px;
	}
	
} /* MAX 860 */

@media (max-width: 768px) { 

	#datop.open { 
		padding-top: 150px; 
	} 

	.sponsored-riders .content .filter-bar,
	.sponsored-riders .content .filter-bar{
		width: 100%;
		display:block;
	}

	.sponsored-riders .content .filter-bar .tool-links{
		width:100%;
		margin:0 !important;
		display: block;
		flex:none;
		-webkit-flex:none;
		-moz-flex:none;
		-ms-flex:none;
		-o-flex:none;
	}

	.sponsored-riders h3.white,
	.testimonials h3.white{
		padding-left: 15%;
		font-size:18px;
	}

	h3.white:after {
		content: '+';
		font-size:18px;
		padding-right:5%;
	}
	h3.white.open:after {
		content: '-';
		font-size:18px;
		padding-right:5%;
	}

	.sponsored-riders label.sponsored-cat-label,
	input.css-checkboxed:not(:checked), 
	input.css-checkboxed:checked {
		left:5%;
	}

	/* .sponsored-riders .col-md-12.category-row .col-md-4.tool-links,
    .testimonials .col-md-12.category-row .col-md-4.tool-links {
	     width: 32.33333% !important;
	     margin: 0px .5% 15px !important;
    }*/
	
} /* MAX 768 */




.sponsored-riders a.sponsored-cats:hover,
.testimonials a.sponsored-cats:hover  {
	text-decoration:  none !important;
}

.right-riders a.read-more {	
	padding-top: 10px;
	color: #c0c0c0;
	text-transform: uppercase;
	font-size: 16px;
}

.right-riders{
	position:relative;
	/*height:215px;*/
}

.sponsored-riders .right-riders span ,
.testimonials .right-riders span {
	display: block;
	font-size: 14px;
	width: 205px;
}



h3.rider-name {
	margin-top: 0px !important;
	line-height: .83em;
	margin-bottom: 20px !important;

}

h3.rider-name a {
	color: #6b6b6b !important;
	font-size: 18px;
	line-height: .83em;

}

.sponsored-riders .col-md-12.category-row ,
.testimonials .col-md-12.category-row   {
	/*max-height: 80px !important;*/
	margin-bottom: 0 !important;
}




.social-template .col-md-12.category-row, 
.sponsored-riders .col-md-12.category-row,
.testimonials .col-md-12.category-row{
	/*min-height: 80px;*/
	/*margin-bottom: -32px;*/
	background: rgba(56, 56, 56, 0.95);
}

/*.social-template .col-md-12.category-row:before, 
.sponsored-riders .col-md-12.category-row:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to right,#000,transparent,#000);
	opacity: .5; 
}*/


/*.social-template .col-md-12.category-row .tool-links, .sponsored-riders .col-md-12.category-row .tool-links {
	margin: 15px 0px !important;
}*/


.social-template .col-md-12.category-row .col-md-6.tool-links, 
.sponsored-riders .col-md-12.category-row .col-md-4.tool-links,
.testimonials .col-md-12.category-row .col-md-6.tool-links{
	padding-left: 0 !important;
}

.sponsored-riders .col-md-12.category-row .col-md-4.tool-links,
.testimonials .col-md-12.category-row .col-md-4.tool-links {    
	background: #414141;
	margin-top: 0;
	height: 80px;
	margin: 0 10px;
	padding: 0 10px;
}

.sponsored-riders .col-md-12.category-row .col-md-4.tool-links.first ,
.testimonials .col-md-12.category-row .col-md-4.tool-links.first {
	margin-left: 0 !important;
}
.sponsored-riders .col-md-12.category-row .col-md-4.tool-links.last,
.testimonials .col-md-12.category-row .col-md-4.tool-links.last  {
	margin-right: 0 !important;
}


/*--- sponsored riders extra code -- */



.sponsored-riders ul.submenu li input,
.testimonials ul.submenu li input  {
	margin-right: 10px;
}


.sponsored-riders ul.submenu li,
.testimonials ul.submenu li  {
	color: #323c45;
	margin: 6px 2px 9px;
	font-size: 16px;
	letter-spacing: .01em;
	visibility: hidden;
	padding-top: 3px;
}   

.sponsored-riders .col-md-4.tool-links.open ul.submenu li,
.testimonials .col-md-4.tool-links.open ul.submenu li {
	visibility: visible;
}


.sponsored-riders .col-md-12.category-row .col-md-4.tool-links,
.testimonials .col-md-12.category-row .col-md-4.tool-links {
	padding-right: 0;
}

.sponsored-riders .tool-links.open > ul.submenu,
.testimonials .tool-links.open > ul.submenu  {
	display: block;
	opacity: 1;
	visibility: visible !important;
	height: auto;
	/*margin-top:17px;*/
	box-shadow: 1px 2px 5px 0px rgba(0,0,0,.5) ;
}



.sponsored-riders .tool-links.open + .sponsored-riders .cms-content,
.testimonials .tool-links.open + .testimonials .cms-content {
	padding-top: 175px !important;
}


.sponsored-riders ul.submenu ,
.testimonials ul.submenu {
	background-color: #fff;
	display: none;
	padding: 10px 10px 10px 30px;
	width: 100%;
	z-index: -2 !important;
	margin: 0;
	font-size: 24px;
	/*height: 85px;*/
	height: 0px;
	list-style: none;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	/*position: absolute;
	top: 0;*/
}

.sponsored-riders .tool-links.open ul.submenu,
.testimonials .tool-links.open ul.submenu {
	z-index: 0 !important;
}

.sponsored-riders .col-md-12.category-row .col-md-4.tool-links.open,
.testimonials .col-md-12.category-row .col-md-4.tool-links.open {
	z-index: 7 !important;
}




.sponsored-riders input[type=checkbox].css-checkboxed:checked + label.sponsored-cat-label{
	pointer-events:none;
}

.sponsored-riders input[type=checkbox].css-checkboxed:checked + label.sponsored-cat-label:before{
	content: ' ✓';
	padding-left: 0px;
	color: #eee;
	font-size: 43px;
	cursor: pointer;
	position: absolute;
	top:-20px;
	left:-3px;
	text-shadow: 0px 3px 3px #333;    
	visibility: visible;
}

.sponsored-riders ul.submenu input[type=checkbox].css-checkbox + label.css-label {
	height: 23px;
	display: inline-block;
	width: 23px;
	border: 2px solid #a5a5a5;
	vertical-align: middle;
	font-size: 18px;
	cursor: pointer;
	margin-right: 10px;
	padding: 1px 0px 1px;
	margin-top: -1px;
	z-index: 300;
	pointer-events:none;
}

.sponsored-riders input[type=checkbox].css-checkbox:checked + label.css-label:before {
	content: ' ✓';
	padding-left: 0px;
	cursor: pointer;
	position: relative;
	top: -11px;
	color: #777777;
	font-size: 28px;
}

.sponsored-riders .cms-content ,
.testimonials .cms-content {
	padding-top: 25px !important;
}


@media only screen and (min-width: 544px) {
	.sponsored-riders .col-md-6.social-feed-box,
	.testimonials .col-md-6.social-feed-box{
	    margin: 0 0px 10px 0;
	    width: 49.5%;
	}
} /* MIN 544 */




@media only screen and (max-width: 1000px) {

	.sponsored-riders .col-md-6.social-feed-box,
	.testimonials .col-md-6.social-feed-box{
	    margin: 0 9px 10px 0;
	    min-height: 380px;
	    width: 47.5%;
	}

	.right-riders{
		padding-top:10px;
		height: 145px;
	}
	
} /* MAX 1000 */


@media (min-width: 610px) { 
	  
/* 	.sponsored-riders .col-md-6.col-sm-12.social-feed-box:nth-of-type(odd) {
	    float: right;
	    margin-right: 0;
	    width: 49.25%;
	}
*/

	.sponsored-riders .row.sponsored,
	.testimonials .row.sponsored {
		margin-left: -5px; 
		margin-right: -5px;
	} 
	
	
	.sponsored-riders .col-md-6.social-feed-box,
	.testimonials .col-md-6.social-feed-box {
		position: relative;
		background: #fff;
	    padding: 20px 0px;
	    margin: 1%;
	    max-width: 460px;
	    width: 48%;
	    height: 250px;
	}

} /* MIN 610 */


@media (max-width: 768px) {

	.sponsored-riders .tool-links:nth-child(1) ul.submenu{
		margin-top:160px;
	}
	.sponsored-riders .tool-links:nth-child(2) ul.submenu{
		margin-top:80px;
	}

} /*MIN 768*/

@media (max-width: 610px) { 
	  
	.sponsored-riders .row.sponsored,
	.testimonials .row.sponsored {
		margin-left: -10px; 
		margin-right: 0px;
	} 
	
	.sponsored-riders .col-md-6.social-feed-box,
	.testimonials .col-md-6.social-feed-box  {
	    background: #fff;
	    padding: 20px 0px;
	    margin: 1%;
	    width: 100%;
	    height:auto;
	    min-height: auto;
	}

	.right-riders{
		height: auto;
	}
 
 } /* MAX 610 */







/* *****************************************
     	%%SINGLE RIDER TESTIMONIAL
***************************************** */

.rider-testimonial .cms-content .post-title{
	font-size:30px;
}

.rider-testimonial .cms-content .post-image-holder{
	float:none;
}

/*.rider-testimonial .cms-content img{
	height:250px;
	width: auto;
}*/

.rider-testimonial .cms-content iframe{
	/*display:inline-block;*/
	float:left;
	width:45%;
	height: 100%;
	margin-right:5%;
	margin-bottom:5%;
	border:solid #d0d0d0 10px;
}

.rider-testimonial .cms-content iframe:nth-of-type(2n){
	margin-right:0;
	clear:both;
}

.rider-testimonial .cms-content img{
	max-width:100%;
	height: auto;
}

/*.rider-testimonial .cms-content iframe .player .controls-wrapper .title{
	display:block !important;
}

.rider-testimonial .cms-content iframe .player .controls-wrapper .title .portrait,
.rider-testimonial .cms-content iframe .player .controls-wrapper .title .headers h2,
.rider-testimonial .cms-content iframe .player .controls-wrapper .title ,{
	display:none;
}

.rider-testimonial .cms-content iframe .player .controls-wrapper .title header .headers h1{
	display:block;
}*/


/*SIDEBAR*/
.rider-testimonial .content-sidebar .social-feed-box,
.rider-testimonial .content-sidebar .see-all{
	width:100%;
	float:left;	
	display:block;
	background:#fff;
	padding: 10px 10px 9px 10px;
    margin-bottom:5px;
}

.rider-testimonial .content-sidebar .social-feed-box h3{
	font-weight: bold;
	margin-bottom:5px !important;
}

.rider-testimonial .content-sidebar .social-feed-box .attachment-thumbnail{
	margin-right:10px;
	float:left;
	height:100%;
	width:28%;	
}

.rider-testimonial .content-sidebar .social-feed-box .s-squared{
	width: 60px;
	height: 60px;
}


.rider-testimonial .content-sidebar .social-feed-box .right-riders{
	float:left;
	width:68%;
}

.rider-testimonial .content-sidebar .see-all{	
	background:#d6d6d6;
}

.rider-testimonial .content-sidebar .see-all a{	
	background:#eeeeee;
	color:#959595;
	font-weight: bold;
	line-height: 30px;
	font-size: 14px;
	border:solid 2px #959595;
	text-align: center;
	display: block;
	width:60%;
	margin:0 auto;
}

.rider-testimonial .content-sidebar .social-feed-box .s-squared {    
	background-size: contain !important;
	
}

@media only screen and ( max-width: 990px ){
	/*SIDEBAR*/
	.rider-testimonial .content-sidebar {
		background:#d6d6d6;		
		/*width:95%;*/
		height:100%;
		/*margin:0 auto;*/
		/*display:block;*/
		/*padding:10px;*/
		margin-bottom:100px;
	}

	.rider-testimonial .content-sidebar .social-feed-box{
		/*width:49%;	*/
		min-height: 90px;	
		/*padding: 10px 10px 9px 10px;*/
	    margin: 0 0% 2% 0;
	    overflow: hidden;
	}

	.rider-testimonial .content-sidebar .social-feed-box:nth-child(2n){
		margin-right:0;
	}

	.rider-testimonial .content-sidebar .social-feed-box h3{
		font-weight: bold;
		margin-bottom:5px !important;
	}

	.rider-testimonial .content-sidebar .social-feed-box .attachment-thumbnail{
		width:35%;	
	}

	.rider-testimonial .content-sidebar .social-feed-box .s-squared{
		width:60px;
		height:60px;	
	}

	.rider-testimonial .content-sidebar .social-feed-box .right-riders{
		width:100%;
	}	

	.rider-testimonial .content-sidebar .see-all a{			
		line-height: 30px;
		font-size: 14px;
		width:60%;
	}

} /*CLOSE 1000 RESPONSIVE*/


@media only screen and ( max-width: 800px ){

	.rider-testimonial .cms-content img{
		margin-bottom:15px;
	}

	.rider-testimonial .post-image-holder img{
		margin-bottom:0;
	}

	.rider-testimonial .content-sidebar .social-feed-box{
		min-height: 120px;
	}

	.rider-testimonial .content-sidebar .social-feed-box .attachment-thumbnail{
		width:25%;	
	}

	.rider-testimonial .content-sidebar .social-feed-box .right-riders{		
		width:70%;
	}	

} /*CLOSE TABLET RESPONSIVE*/


@media only screen and ( max-width: 500px ){

	.rider-testimonial .cms-content img,
	.rider-testimonial .post-image-holder{
		width:100%;
		max-width: 100%;
		height: auto;
		float:none;
	}

	.rider-testimonial .post-image-holder img{
		padding:0;
	}

	.rider-testimonial .cms-content iframe{	
		float:none;
		width:100%;
		height: 100%;
		margin-right:0;
		margin-bottom:5%;		
	}

	.rider-testimonial .content-sidebar .social-feed-box{
		width:100%;	
		min-height: auto;	
		/*padding: 10px 10px 9px 10px;*/
	    margin: 0 0% 2% 0;
	}

	.rider-testimonial .content-sidebar .social-feed-box .attachment-thumbnail{
		width:20%;	
	}

	.rider-testimonial .content-sidebar .social-feed-box .right-riders{		
		width:75%;
	}	

} /*CLOSE MOBILE RESPONSIVE*/







/* *****************************************
         %%CUSTOMER TESTIMONIALS
***************************************** */
/*  STYLES MIXED IN WITH SPONSORED RIDERS ABOVE  */



/* *****************************************
         	%%CONTACT
***************************************** */
#form_chimp-contact{
	padding:20px 0 0 20px;
}

#form_chimp-contact input.email-submit {
	font-size:16px;
	font-weight: bold;
    background-color: transparent;
    color: #7a7f7b;
    border: 2px solid #7a7f7b;
    border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    text-transform: uppercase;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
}

#form_chimp-contact input.email-submit:hover {
	background-color: #7a7f7b;
	color:#fff;
}