/** COLLIDER FOOTER **/
.footer, .footer_parent_container {
    float: left;
    width: 100%;
}

.footer-container {
    position: relative;
    padding: 20px 0 20px 0;
    background-color: #232323;
    background-image: url('../../../images/complex-bgcamo-camo-footer.jpg');
    background-repeat: repeat;
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

    .footer-container .wrapper {
        border: none;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 90rem;
        margin: 0 auto;
    }
    
    .footer-container div, .footer-container .col1, .footer-container .col2, .footer-container .col3{
        float: left;
    }
    
    .footer-container .topwrap{
        width:100%;
    }
    
    .footer-container .complex-logo {
        margin: 0 auto 10px auto;
        background-image: url("http://images.complex.com/complex/image/upload/v1405726429/complex-sprite_cklzuy.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 124px;
        height: 32px;
        text-indent: -9999px;
    }

	.footer-container .copyright {
	    font-family: 'OpenSans-Regular', arial, sans-serif;
	    font-size: 11px;
	    color: #6a6a6a;
	    line-height: 16px;
	    width: 100%;
	    text-align: center;
	    margin: 0 auto;
	    padding: 0 28%;
	    text-shadow: none;
	}
	
	.footer-container .col-copy {
	        font-family: 'OpenSans-Bold', arial, sans-serif;
	        width: 100%;
	        display: inline-block;
	        text-transform: uppercase;
	        line-height: 1rem;
	        margin: 10px 0 20px 0;
	        letter-spacing: 0.5pt;
	}
	   
	   .footer-container .col-copy a {
            font-size: 10px;
            color: #606060;
            text-decoration: none;
            text-shadow: none;
            font-weight: 900;
        }
        
	        .footer-container .col-copy a:hover {
	            text-decoration: underline;
	        }
	        
	.footer-container .social-bar {
        float: right;
        width: 188px;
        white-space: nowrap;
    }

    .footer-container .outer {
        float: none;
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    .footer-container ul {
        text-align: center;
        padding: 0;
    }

    .footer-container li {
        display: inline-block;
        padding: 0.75rem;
    }

    .footer-container .social_button {
        width: 30px;
        height: 30px;
        text-decoration: none;
    }

    .footer-container .social-container {
        width: 100%;
    }
    
    .footer-container i {
        margin: 0;
        padding: 0 7px;
        line-height: 50px;
        color: #818181;
        font-size: 1.3rem;
        text-shadow: none;
    }
    
    .footer-container i:hover {
        color: #FFFFFF;
    }
    
    .footer-container .cmplx-svg {
		width: 100%;
		height: 25px;
        margin: 4px auto 4px auto;
		max-width: 100px;
		background-size: contain;
	    display: inline-block;
	}

.newsletter-container div {
	float: none;
}
.newsletter-container {
        clear: none;
        max-width: 350px;
        width: 100%;
        margin: 4px auto 0px auto;
    }
    
    .newsletter-container .complex-newsletter{
        position: relative;
    }

    .newsletter-container .complex-newsletter .inputText {
        placeholder-text-color: #727272;
        transition: none;

        background-color: #2d2d2d;
        border-color: #303030;
        color: #727272;
        width: 100%;
        font-size: 0.75rem;
        padding: 0 34px 0 14px;
        max-width: 350px;
        line-height: 130%;
    }
    
    .newsletter-container .complex-newsletter .searchText {
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding-box;
		background-clip: padding-box;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		border-radius: 20px;
		border: none;
		outline: 0;
		height: 30px;
		text-shadow: 0px 1px rgba(1,1,1,0.42);
	}

     .newsletter-container .complex-newsletter .inputText:focus {
         width: 350px;
     }
     
     .newsletter-container .complex-newsletter:after{
         content: '';
     }
     
     .newsletter-container .complex-newsletter .submit{
         color:  #818181;
     }
     
     .newsletter-container .complex-newsletter .submit {
        position: absolute;
		cursor: pointer;
		top: -12px;
		right: -24px;
		font-size: 1rem;
		border: 0;
		background-color: transparent;
		color:  #818181;
		z-index: 1;
	}
     
     .newsletter-container .complex-newsletter .submit:hover{
         color: #ffffff;
     }
     
     .newsletter-container .complex-newsletter .submit .cmplx-icon {
		font-family: "cmplx-font";
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		font-weight: normal;
		font-style: normal;
		speak: none;
		text-decoration: inherit;
		text-transform: none;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	   }
/** O&O FOOTER **/

.our_sites_parent {
	float: left;
	width: 100%;
}

.our_sites_parent .our_sites_title_banner {
	font-size: 0.75rem;
	text-align: center;
	text-transform: uppercase;
	color: #b0b0b0;
	font-family: 'OpenSans-Bold', arial, sans-serif;
	font-weight: 900;
	font-style: normal;
	background-color: #3b3b3b;
	padding: 0.45rem 0;
	text-shadow: none;
}

.oo-footer {

    float: left;
    width: 100%;
}

	.oo-footer .oo-footer-headline {
	        font-size: 0.75rem;
	        background: #353535;
	        text-align: center;
	        text-transform: uppercase;
	        color: #c0bfbf;
	        padding: 5px;
	        font-weight: 900;
	        letter-spacing: 0.2px;
	        position: relative;
	        z-index: 500;
	}
	
	.oo-footer .oo-footer-brands {
	        background: #5c5c5c;
	        color: #FFF;
	        width: 100%;
	        overflow: hidden;
	        overflow-x: auto;
	        padding-top: 14px;
	        padding-bottom: 14px;
	        position: relative;
	        z-index: 500;
	}
	
		.oo-footer .oo-footer-brands .wrapper {
	            margin: 0 auto;
	    }
	    
	    .oo-footer .oo-footer-brands ul {
            list-style-type: none;
            font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            margin: 0;
            text-align: center;
	    }
	    
	       .oo-footer .oo-footer-brands ul li {
                display: inline-block;
                opacity: 0.8;
                font-family: Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
                text-align:left;
                text-transform: uppercase;
                margin-top: 10px;
                margin-bottom: 10px;
                font-weight: bold;
                float: left;
                width: 42%;
	       }
	       
	           .oo-footer .oo-footer-brands ul li:nth-of-type(odd) {
	               margin-left: 10%;
	           }
	       
		       .oo-footer .oo-footer-brands ul li a {
	                    color: #FFF;
	                    text-decoration: none;
	           }
	           
	           .oo-footer .oo-footer-brands ul li a:hover{
	               opacity: 0.4;
	           }
	           
	           .oo-footer .oo-footer-brands ul li .cmplx-icon{
	               font-size: 1.9rem;
                   margin-right: 5px;
	           }
	           
	           .oo-footer .oo-footer-brands ul li .oo-name {
                    max-width: 100px;
                    display: inline-block;
                    vertical-align: middle;
                    text-align: left;
                    font-size: 0.8rem;
                    line-height: 120%;
                }
	           
	           .oo-footer .oo-footer-brands ul li.solecollector .oo-name {
	                   width: 75px;
                }
                
                .oo-footer .oo-footer-brands ul li.firstwefeast .oo-name {
                       width: 61px;
                }
                
                .oo-footer .oo-footer-brands ul li.four-pins .oo-name {
                       width: 40px;
                }
                
                .oo-footer .oo-footer-brands ul li.pigeonsandplanes .oo-name {
                       width: 65px;
                }
                
                .oo-footer .oo-footer-brands ul li.triangleoffense .oo-name {
                       width: 65px;
                }
                
                .oo-footer .oo-footer-brands ul li.green-label .oo-name {
                       width: 45px;
                }
                
                .oo-footer .oo-footer-brands ul li.theridechannel .oo-name {
                       width: 65px;
                }
                
                .oo-footer .oo-footer-brands ul li.theridechannel .icon-theridechannel {
                       margin-top: 8px;
                }