::selection
{
    background-color: #ee0a7b;
    color: #fff;
}

html
{
    scroll-behavior: smooth;
}

body
{
    background-color: #212121;
}

    @font-face
    {
        font-family: "BitDust Two";
        src: url('../fonts/bitdust2.tff');
    }
    
    #logo-test
    {
        color: #fff;
        font-family: "BitDust Two";
    }

    .btn-black,
    .btn-pink
    {
        border: none;
        font-weight: bold;
        padding: 9px 15px;
        text-transform: uppercase;
    }

    .btn-black
    {
        background-color: #010101;
        color: #ee0a7b;
    }

    #formWrapper + .btn-black
    {
        margin-top: 5px;
    }

    .btn-pink
    {
        background-color: #ee0a7b;
        color: #fff;
        transition: 0.5s ease-in-out;
    }

    .btn-pink:hover
    {
        background-color: #941355;
    }
    
    #btn-top
    {
        background: #222222; /* Old browsers */
        background: -moz-linear-gradient(top,  #222222 0%, #444444 50%, #222222 51%, #111111 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #222222 0%,#444444 50%,#222222 51%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #222222 0%,#444444 50%,#222222 51%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border: 2px solid #941355;
        border-radius: 5px;
        bottom: 31px;
        box-shadow: 0 0 0 2px #ee0a7b;
        color: #fff;
        cursor: pointer;
        display: none;
        padding: 7px 10px;
        position: fixed;
        right: 32px;
        transition: .5s ease-in-out;
        z-index: 99;
    }

    .cir 
    {
        border: 2px solid #000;
        border-radius: 50%;
        float: left;
        font-weight: bold;
        height: 70px;
        margin-right: 17px;
        position: relative;
        text-align: center;
        text-shadow: 0 1px 1px #000;
        text-transform: uppercase;
        width: 70px;
    }

        .cir .cir-highlight
        {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
            background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
            border-radius: 50%;
            height: 52px;
            margin: 0 auto;
            width: 52px;
        }

        .cir .mode-rating
        {
            bottom: 0;
            color: #fff;
            left: 0;
            position: absolute;
            right: 0;
            text-align: center;
            text-shadow: 0 1px 1px #000;
            top: 0;
        }

            .cir .mode-rating .mode
            {
                font-size: 10px;
                margin-top: 12px;
                text-transform: uppercase;
            }

            .cir .mode-rating .rating
            {
                font-size: 32px;
                margin-top: -9px;
            }

    .cir-sm
    {
        border: 2px solid #000;
        border-radius: 50%;
        font-weight: bold;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        text-shadow: 0 1px 1px #000;
        text-transform: uppercase;
        width: 50px;
    }

        .cir-sm p
        {
            margin-top: 11px;
        }

    .comments-wrapper
    {
        background-color: #2a2a2b;
        border: 1px solid #1c1c1c;
        color: #fff;
        overflow: hidden;
        padding: 0 15px 9px 0;
    }

    .comments-wrapper + .comments-wrapper
    {
        border-top: none;
    }

    p + .comments-wrapper
    {
        margin-top: 30px;
    }

        .comments-wrapper img
        {
            float: left;
            margin: 15px 15px 6px 15px;
            max-width: 80px;
        }

        .comments-wrapper .comments-body
        {
            overflow: hidden;
        }

            .comments-wrapper .comments-body .comments-user
            {
                color: #ee0a7b;
                font-weight: bold;
                margin-top: 8px !important;
                text-transform: uppercase;
            }

            .comments-wrapper .comments-body .comments-details,
            .comments-wrapper .comments-body .comments-text
            {
                font-size: 12px;
                margin-top: -5px !important;
            }

            .comments-wrapper .comments-body .comments-text
            {
                line-height: 19px;
                margin-top: 2px !important;
            }
			
			    .comments-wrapper .comments-body .comments-text p
				{
					margin: 0;
				}
			
	#contentBodyRightTwitter
	{
		margin-top: 22px;
	}

    /* BEGIN: Form Wrapper Elements */

    p + #formWrapper
    {
        margin-top: 17px;
    }

    #formWrapper > .row:first-child
    {
    }
			
        #formWrapper .row .col-xs-12
	{
            margin-bottom: 10px;
        }
			
	    #formWrapper label
	    {
                color: #fff;
                font-size: 14px;
                margin-bottom: 5px;
            }

    h2
    {
        color: #ee0a7b;
        font-size: 20px;
        text-transform: uppercase;
        margin: 0;
    }
    
    h2, p
    {
        margin: 0;
    }
	
	h2 + img
	{
		margin-top: 26px;
	}

    .table-responsive + h2,
    .table-wrapper + h2
    {
        margin-top: 26px;
    }

    .img-max-width
    {
        height: auto;
        width: 100%;
    }

    input[type=text],
    select,
    textarea
    {
        background: #121212;
	border: none;
        color: #fff;
	font-size: 14px;
	outline: 1px solid transparent;
	padding: 11px 15px;
	transition: 0.5s ease;
	width: 100%;
    }

    input[type=text]:focus,
    select:focus,
    textarea:focus
    {
        outline: 1px solid #ee0a7b;
    }

    input[type=text]::placeholder,
    textarea::placeholder
    {
        transition: 0.5s ease;
    }

    input[type=text]:focus::placeholder,
    textarea:focus::placeholder
    {
        opacity: 0;
    }

    .item-wrapper
    {
        /* Nothing in here yet */
    }
    
        .item-header
        {    
            background-color: #010101;
            color: #ee0a7b;
            overflow: hidden;
            padding: 0 15px 7px 15px;
        }

        .item-header button
        {
            background-color: transparent;
            border: none;
            float: right;
            margin-top: 9px;
            padding: 0;
        }

        .item-header p
        {
            color: #ee0a7b;
            float: left;
            font-weight: bold;
            margin: 0;
            margin-top: 8px;
            text-transform: uppercase;
        }
        
        .item-wrapper .nav-tabs
        {
            border-bottom: #1c1c1c;
            margin-top: 5px;
        }

            .item-wrapper .nav-tabs > li > a 
            {
                background-color: #2a2a2b;
                border-radius: 5px 5px 0 0;
                color: #ee0a7b;
                margin-right: 5px;
                padding: 9px 14px 10px 14px;
            }
            
            .item-wrapper .nav-tabs > li.active > a,
            .item-wrapper .nav-tabs > li > a:hover
            {
                background-color: #1c1c1c;
                border-color: #0f0f0f;
                border-bottom: none;
            }

        .item-body
        {
            background-color: #2a2a2b;
            border-bottom: 1px solid #1c1c1c;
            overflow: hidden;
        }

        .item-body-category
        {
            padding: 15px;
        }

        .item-body-chart
        {
            padding: 17px 15px 17px 17px;
        }

            .item-body .img-song-category
            {
                float: left;
                height: 67px;
                margin-right: 15px;
                width: 201px;
            }

            .item-body .item-body-chart-info
            {
                float: left;
            }

            .item-body .label-black,
            .item-body .label-blue,
            .item-body .label-cyan,
            .item-body .label-pink
            {
                border-radius: 5px;
                color: #fff;
                display: table;
                font-size: 12px;
                font-weight: bold;
                padding: 2px 4px 0 5px;
            }

            .item-body .label-black
            {
                background-color: #010101;
            }

                .item-body .label-black a
                {
                    color: #ee0a7b;
                    text-decoration: none;
                }

            .item-body .label-blue
            {
                background-color: #337ab7;
            }

            .item-body .label-cyan
            {
                background-color: #13c4a5;
            }

            .item-body .label-pink
            {
                background-color: #ee0a7b;
            }

    /* Code for Firefox */

    @-moz-document url-prefix()
    {
        .item-body .img-song-category
        {
            /* Nothing in here yet */
        }
        
        .item-body .label-black,
        .item-body .label-blue,
        .item-body .label-cyan,
        .item-body .label-pink
        {
            padding: 1px 5px 1px 5px;
        }
    }
	
	.label-chrono-easy
	{
		background-color: #27e3e8;
		box-shadow: inset 0 0 15px #085680, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-chrono-normal
	{
		background-color: #e8dd16;
		box-shadow: inset 0 0 15px #7a6b1f, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-chrono-hard
	{
		background-color: #f979af;
		box-shadow: inset 0 0 15px #80304b, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-chrono-expert
	{
		background-color: #c16eff;
		box-shadow: inset 0 0 15px #512b80, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-chrono-master
	{
		background: #20a51f; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #20a51f 0%, #21f9f6 17%, #1e32ff 34%, #fb6cfe 51%, #fe271f 68%, #fe961f 85%, #fff81f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #20a51f 0%,#21f9f6 17%,#1e32ff 34%,#fb6cfe 51%,#fe271f 68%,#fe961f 85%,#fff81f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #20a51f 0%,#21f9f6 17%,#1e32ff 34%,#fb6cfe 51%,#fe271f 68%,#fe961f 85%,#fff81f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		box-shadow: inset 0 0 15px #404040, 0 0 0 2px rgba(170, 170, 170);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a51f', endColorstr='#fff81f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
    
    .label-coop
    {
        background-color: #ff0;
        box-shadow: inset 0 0 15px #404000, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-couple
    {
        background-color: #35fcd3;
        box-shadow: inset 0 0 15px #0F4439, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-double
    {
        background-color: #bf0;
        box-shadow: inset 0 0 15px #092D02, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-double-performance
    {
        background-color: #02c2ff;
        box-shadow: inset 0 0 15px #141B5B, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-half-double
    {
        background-color: #a186be;
        box-shadow: inset 0 0 15px #190026, 0 0 0 2px rgba(170, 170, 170);
    }
	
	.label-itg-easy
	{
		background-color: #04df04;
		box-shadow: inset 0 0 15px #027302, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-itg-expert
	{
		background-color: #0e68bb;
		box-shadow: inset 0 0 15px #073561, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-itg-hard
	{
		background-color: #cc0707;
		box-shadow: inset 0 0 15px #660303, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-itg-medium
	{
		background-color: #fafa01;
		box-shadow: inset 0 0 15px #7d7d01, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-itg-novice
	{
		background-color: #d133f9;
		box-shadow: inset 0 0 15px #69197d, 0 0 0 2px rgba(170, 170, 170);
	}

    .label-single
    {
        background-color: #fc0;
        box-shadow: inset 0 0 15px #f00, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-single-performance
    {
        background-color: #F800F8;
        box-shadow: inset 0 0 15px #380038, 0 0 0 2px rgba(170, 170, 170);
    }
	
	.label-smx-beginner
	{
		background-color: #4ecc05;
		box-shadow: inset 0 0 15px #276602, 0 0 0 2px rgba(170, 170, 170);
	}
	
	.label-smx-easy
	{
		background-color: #c99a02;
		box-shadow: inset 0 0 15px #614b01, 0 0 0 2px rgba(170, 170, 170);
	}
    
    .label-smx-hard
    {
        background-color: #be1700;
        box-shadow: inset 0 0 15px #610b00, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-smx-wild
    {
        background-color: #730ec6;
        box-shadow: inset 0 0 15px #3a0763, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-smx-dual
    {
        background-color: #0296cc;
        box-shadow: inset 0 0 15px #014b66, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-smx-full
    {
        background-color: #02cd90;
        box-shadow: inset 0 0 15px #016648, 0 0 0 2px rgba(170, 170, 170);
    }
    
    .label-smx-team
    {
        background-color: #cb0159;
        box-shadow: inset 0 0 15px #66012d, 0 0 0 2px rgba(170, 170, 170);
    }
	
	.news-wrapper:first-of-type
	{
		margin-top: 30px;
	}
	
	.news-wrapper + .news-wrapper
	{
		margin-top: 60px;
	}
	
        .news-img
        {
            border-radius: 4px;
            overflow: hidden;
	}

            .news-img img
            {
		height: auto;
		transition: 1s ease;
		width: 100%;
            }

                .news-img img:hover
		{
                    transform: scale(110%);
		}

        .news-body
        {
            background: #2b2b2b;
            margin: -60px 30px 0 30px;
            overflow: hidden;
            padding: 0 30px;
            position: relative;
	}
		
	    .news-body-header
            {
                margin-top: 30px;
		overflow: hidden;
            }

                .news-body-header-img
		{
                    float: left;
                    margin-right: 15px;
                    position: relative;
		}

                    .news-body-header-img .overlay
                    {
                        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
                        border-radius: 50%;
                        height: 52px;
                        position: absolute;
                        width: 52px;
                        z-index: 2;
                    }
				
		    .news-body-header-img img
                    {
			border-radius: 50%;
			height: 52px;
			width: 52px;
                    }

                    .news-body-header-headline
                    {
			overflow: hidden;
                    }
				
				    .news-body-header-headline h2
					{
						margin-top: 6px;
					}
					
					.news-body-header-headline p
					{
						font-size: 12px;
						line-height: 19px;
					}
					
					.news-body-header-headline h2 + p
					{
						margin-top: 2px;
					}
					
			.news-body-body
			{
				overflow: hidden;
			}
			
			    .news-body-body .embed-responsive:first-child,
				.news-body-body img:first-child
				{
					margin-top: 30px;
				}
				
				.news-body-body .embed-responsive + .embed-responsive
				{
					margin-top: 30px;
				}
				
				.news-body-body .embed-responsive + p
				{
					margin-top: 23px;
				}
				
				.news-body-body p + .embed-responsive
				{
					margin-top: 22px;
				}

                                .news-body-body > img:last-child
                                {
                                    margin-bottom: 30px;
                                }

                                .news-body-body p + img
                                {
                                    margin-top: 22px;
                                }
				
				.news-body-body p + p
				{
					margin-top: 15px;
				}
			
			    .news-body-body p:first-child
				{
					margin-top: 23px;
				}
			
			    .news-body-body p:last-child
				{
					margin-bottom: 22px;
				}
			
			    .news-body-body .table-wrapper + img
				{
					margin-top: 29px;
				}

                            .news-body-body .table-wrapper + p
                            {
                                margin-top: 22px;
                            }
			
			    .news-body-body img + p,
				.news-body-body .tooltip + p
				{
					margin-top: 23px;
				}

                .news-body-body p + .table-wrapper
                {
					margin-top: 21px;
				}

                .news-body-body .table-wrapper:last-child
                {
					margin-bottom: 29px;
				}				
			
			    .news-body-body table.table-data td
				{
					background: #323232;
				}
				
				/* BEGIN: News Photo - Contains photos found in the news section */
				
				.news-photo
				{
				}
				
				.news-photo + p
				{
					margin-top: 23px;
				}
				
				.news-photo:last-child
				{
					margin-bottom: 30px;
				}
				
				p + .news-photo
				{
					margin-top: -8px;
				}
				
				    .news-photo .row
					{
					}
				
				        .news-photo .col-xs-12
						{
							margin-top: 30px;
						}
						
						.news-photo .col-xs-12:last-of-type
						{
							margin-bottom: 0;
						}
						
						    .news-photo .col-xs-12 img:first-child
							{
								margin-top: 0 !important;
							}
							
				/* BEGIN: News Video - Contains videos found in the news section */
				
				.news-video
				{
				}
				
				.news-video + p
				{
					margin-top: 23px;
				}
				
				p + .news-video
				{
					margin-top: -8px;
				}
				
				.news-video:last-child
				{
					margin-bottom: 30px;
				}
				
				    .news-video row
					{
					}
					
					    .news-video .col-xs-12
						{
							margin-top: 30px;
						}
						
						.news-video .col-xs-12:last-of-type
						{
							margin-bottom: 0;
						}
						
						    .news-video .col-xs-12 .embed-responsive:first-child
							{
								margin-top: 0 !important;
							}
			
			.news-body-comments:before
			{
				content: "";
				border-bottom: 1px solid #ee0a7b;
				height: 1px;
				left: 0;
				position: absolute;
				right: 0;
				top: 50%;
				width: 100%;
			}
			
			.news-body-comments
			{
				margin-bottom: 30px;
				position: relative;
				text-align: center;
			}
			
			.news-body-comments a
			{
				background: #ee0a7b;
				color: #fff;
				display: inline-block;
				font-weight: bold;
				line-height: 30px;
				padding-left: 15px;
				padding-right: 15px;
				position: relative;
				transition: 0.3s ease;
			}
			
			.news-body-comments a:focus
			{
				color: #000;
                text-decoration: none;
			}
			
			.news-body-comments a:hover
			{
				background: #010101;
				color: #ee0a7b;
				text-decoration: none;
			}

        .news-details p + .embed-responsive
        {
            margin-top: 22px;
        }

        .news-details > h2:first-child,
        .news-details img + h2 /* h2 following an img */,
        .news-details .tooltip + h2 /* h2 following a tooltip */
        {
            margin-top: 27px;
        }
		
		.news-details > .row
		{
			margin-top: 22px;
		}
		
		.news-details > .row + p
		{
			margin-top: 23px;
		}

    .news-details > img:first-child
	{
		margin-top: 30px;
	}		
	
	.news-details > img + p,
	.news-details > p:first-child,
	.news-details > .embed-responsive + p,
	.news-details > .tooltip + p
	{
		margin-top: 23px;
	}

        .news-details .table-responsive + p /* A paragraph following table-responsive */
        {
            margin-top: 22px;
        }

        .news-details > p:last-child
        {
            margin-bottom: 22px;
        }

        .news-details p + h2,
        .news-details h2 + p
        {
            margin-top: 19px;
        }

        .news-details h2 + .table-responsive /* table-responsive following an h2 */
        {
            margin-top: 25px;
        }
	
	.news-details > p + .table-wrapper
	{
		margin-top: 21px;
	}

    p
    {
        color: #fff;
        line-height: 25px;
    }

        p a
        {
            color: #ee0a7b;
            font-weight: bold;
            text-decoration: underline;
        }

        p a:hover
        {
            color: #ee0a7b;
            text-decoration: none;
        }

    .pinkGradientBar
    {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee0a7b+50,941355+51 */
        background: #ee0a7b; /* Old browsers */
        background: -moz-linear-gradient(top,  #ee0a7b 50%, #941355 51%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #ee0a7b 50%,#941355 51%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #ee0a7b 50%,#941355 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0a7b', endColorstr='#941355',GradientType=0 ); /* IE6-9 */
        height: 4px;

    }

    .btn-black + #resultsWrapper
    {
        margin-top: 30px;
    }

    .result-wrapper
    {
        background: #1c1c1c;
        border: 1px solid #000;
        color: #fff;
        margin-bottom: 30px;
        transition: outline 0.5s ease;
    }

    .result-wrapper:hover
    {
        outline: 5px solid rgba(236,11,123,0.75);
    }

        .result-img
        {
            overflow: hidden;
        }

            .result-img img
            {
                height: auto;
                transition: transform 0.5s ease;
                width: 100%;
            }

            .result-wrapper:hover .result-img img
            {
                transform: scale(105%);
            }

        .result-body
        {
            overflow: hidden;
            padding: 0 15px 6px 15px;
        }

            .result-body p
            {
                margin: 0 !important;
            }

            .result-body .song-name
            {
                color: #ee0a7b;
                font-size: 20px;
                font-weight: 600;
                margin-top: 11px !important;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .result-body .song-artist
            {
                margin-top: -3px !important;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .result-body .song-bpm::after
                {
                    content: " BPM";
                }

                .result-body .song-bpm::before
                {
                    content: " - ";
                }

            .result-body .song-mode
            {
                font-size: 12px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .result-body .song-mode .song-patch::before
                {
                    content: " - "
                }

        #searchWrapper
	{
	    font-size: 14px;
	}

        .tooltip + #searchWrapper,
        img + #searchWrapper
        {
            margin-top: 30px;
        }
		
	p + #searchWrapper
	{
	    margin-top: 22px;
	}
		
	    #searchHeader
            {
                background: #010101;
		color: #ee0a7b;
		font-weight: 700;
		padding: 10px 15px;
		text-transform: uppercase;
            }
			
	    #searchBody
	    {
                background: #363738;
		overflow: hidden;
		padding: 15px;
	    }

                #searchBody > .btn-black
		{
		    margin-top: 15px;
                    margin-right: 11px;
		    padding-bottom: 10px !important;
		    padding-top: 10px !important;
		}

                #searchBody .btn-black:last-of-type
                {
                    margin-right: initial;
                }

    .table-wrapper
    {
        min-height: 0.1%;
        overflow-x: auto;
    }

    .table-wrapper + .embed-responsive-16by9
    {
	margin-top: 29px;
    }

    .headline-details
    {
        font-size: 12px;
        margin-top: 6px;
    }

    .headline-details + img,
    .headline-details + .embed-responsive
    {
        margin-top: 23px;
    }

    .no-results
    {
        background-color: #ee0a7b;
        color: #fff;
        padding: 10px 15px;
        text-align: center;
    }

    .search-wrapper
    {
        /* Nothing in here yet */
    }
	
	@media(min-width: 992px)
	{
		.search-wrapper:last-child
		{
			margin-bottom: 30px;
		}
	}
	
	.comments-wrapper + .search-wrapper,
	p + .search-wrapper
	{
		margin-top: 30px;
	}

        .search-wrapper .search-header
        {
            background-color: #010101;
            color: #ee0a7b;
            font-size: 16px;
            font-weight: bold;
            padding: 11px 15px 9px 15px;
            text-transform: uppercase;
        }

        .search-wrapper .search-body
        {
            background-color: #414141;
            padding: 15px;
        }

            .search-wrapper .search-body textarea + .btn-black
            {
                margin-top: 10px;
            }

    .section-wrapper
    {
        border-bottom: 1px solid #414141;
        margin-top: 30px;
    }

    /* BEGIN: Table Data Styles */

    .table-data
    {
        border-collapse: separate;
        border-spacing: 1px;
        width: 100%;
    }

        .table-data tr
        {
            /* No style here. Leave me empty */
        }

            .table-data tr th,
            .table-data tr td
            {
                padding: 5px 10px;
            }

            .table-data tr th
            {
                background-color: #010101;
                color: #ee0a7b;
                text-transform: uppercase;
            }

            .table-data tr td
            {
                background-color: #2a2a2b;
                color: #fff;
            }

                .table-data tr td a
                {
                    color: #ee0a7b;
                }

            .table-data tr .td-banner img
            {
                margin-left: auto;
                margin-right: auto;
            }

            .table-data tr .td-bold
            {
                font-weight: bold;
                width: 25%;
            }

    .table-grid 
    {
        color: #fff;
        width: 100%;
    }

        .table-grid .data-row 
        {
            border-bottom: 1px solid #363738;
            transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            -webkit-transition: .5s;
        }

        .table-grid .data-row:hover
        {
            background-color: #363738;
        }

            .table-grid th
            {
                background-color: #010101;
                color: #ee0a7b;
                text-transform: uppercase;
            }

                .table-grid th a
                {
                    color: #ee0a7b;
                    text-decoration: none;
                }

            .table-grid th,
            .table-grid .data-row td
            {
                padding: 10px 15px;
            }

            .table-grid .data-row .td-bold
            {
                font-weight: bold;
                width: 20%;
            }

                .table-grid .data-row td a
                {
                    color: #ee0a7b;
                }

            .table-grid .empty-row
            {
                background-color: #363738;
                color: #ee0a7b;
                text-align: center;
            }

            .table-grid .pager-row 
            {
                /* Nothing in here yet */
            }

                .table-grid .pager-row td
                {
                    padding-top: 15px;
                }

                    .table-grid .pager-row td table
                    {
                        /* Nothing in here yet */
                    }

                        .table-grid .pager-row td table tr
                        {
                            /* Nothing in here yet */
                        }

                            .table-grid .pager-row td table tr td
                            {
                                border: 1px solid #363738;
                                padding: 5px 10px;
                                transition: .5s;
                                -moz-transition: .5s;
                                -o-transition: .5s;
                                -webkit-transition: .5s;
                            }

                            .table-grid .pager-row td table tr td:hover 
                            {
                                background-color: #363738;
                            }

                                .table-grid .pager-row td table tr td a
                                {
                                    color: #ee0a7b;
                                    text-decoration: underline;
                                }

                                .table-grid .pager-row td table tr td a:hover
                                {
                                    text-decoration: none;
                                }

                                .table-grid .pager-row td table tr td span
                                {
                                    color: #fff !important;
                                }


            /* BEGIN: Content Header */

            #contentHeader
            {
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 99;
            }
			
			    /* BEGIN: Content Header Desktop Logo */
				
				#contentHeaderLogo
				{
					background: rgba(0,0,0,0.75);
					height: 0;
					opacity: 0;
					padding: 0;
					text-align: center;
					transition: 1s ease;
					visibility: hidden;
				}
				
				    #contentHeaderLogo img
					{
						height: auto;
						max-width: 300px;
						width: 100%;
					}
				
				#contentHeaderLogo.a
				{
					opacity: 0;
					padding: 0;
					transition: 1s ease;
					visibility: hidden;
				}
				
				#contentHeaderLogo.b
				{
					height: initial;
					opacity: 1;
					padding: 15px 0;
					visibility: visible;
				}
				
				@media(min-width: 991px)
				{
					#contentHeaderLogo
					{
						text-align: left;
					}
				}
			
			    /* BEGIN: Content Header Desktop Nav */
			
			    #contentHeaderNav
				{
					background: rgba(0,0,0,0.75);
					border-bottom: 1px solid #333;
					border-top: 1px solid #333;
					overflow: hidden;
				}

                    #contentHeaderNav ul
					{
						list-style: none;
						height: 25px;
						padding: 0;
						width: 100%;
				    }
					
					    #contentHeaderNav ul li
						{
							float: left;
							width: calc(100% / 5);
						}
						
						    #contentHeaderNav ul li a
							{
								color: #fff;
								display: block;
								font-weight: bold;
								padding: 10px 0;
								text-align: center;
								text-transform: uppercase;
								transition: 0.3s ease-in-out;
						    }
							
							#contentHeaderNav ul li a:hover
							{
								background-color: #ee0a7b;
								color: #fff;
								text-decoration: none;
							}
							
							#contentHeaderNav ul li ul
							{
								height: 0;
								transition: 0.3s ease-in-out;
							}
							
							#contentHeaderNav ul li:hover ul
							{
								height: 240px;
							}
							
							    #contentHeaderNav ul li ul li
								{
									float: none;
									width: initial;
								}

                /* BEGIN: Content Headline */
				
				#contentHeadline
				{
					background-attachment: fixed;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
					overflow: hidden;
					position: relative;
				}
				
				    /* BEGIN: Content Gradient */
					
					#contentHeadlineGradient
					{
						background-color: rgba(0,0,0,0.6);
						bottom: 0;
						position: absolute;
						top: 0;
						width: 100%;
					}
					
					/* BEGIN: Content Headline Details */
					
					#contentHeadlineDetails
					{
						overflow: hidden;
						position: relative;
						z-index: 1;
					}
					
				/* BEGIN: Content Logo */
				
				#contentLogo
				{
					height: 150px;
					overflow: hidden;
					position: relative;
				}
				
				   #contentLogoImg
				   {
					   left: 50%;
					   top: 50%;
					   transform: translate(-50%, -50%);
					   position: absolute;
					   z-index: 2;
				   }
				   
				       #contentLogoImg img
					   {
						   transform: scale(35%);
					   }
					   
				    #contentLogo video
					{
						height: auto;
						left: 50%;
						min-height: 100%;
						min-width: 100%;
						position: absolute;
						top: 50%;
						transform: translate(-50%, -50%);
						width: auto;
					}
					
				@media(min-width: 768px)
				{
					
				    #contentLogo
					{
						height: 200px;
					}
					
					@keyframes logo
					{
						0% {transform: scale(50%);}
						50% {transform: scale(55%);}
						100% {transform: scale(50%);}
					}
		
		    #contentLogoImg img
			{
			    animation-duration: 5s;
				animation-iteration-count: infinite;
			    animation-name: logo;
			    transform: scale(50%);
			}
				}
					
				/* BEGIN: Content Page */
				
				#contentPage
				{
					display: none;
					height: 237px;
					overflow: hidden;
					position: relative;
				}
				
				    #contentPageLogo
					{
						left: 50%;
						position: absolute;
						top: 50%;
						transform: translate(-50%, -50%);
						z-index: 3;
					}
					
					    #contentPageLogo img
						{
							height: auto;
							max-height: 109px;
							max-width: 550px;
							width: 100%;
						}
						
					#contentPagePattern
					{
						background-image: url('../images/bg/contentPagePattern.png');
						bottom: 0;
						left: 0;
						position: absolute;
						right: 0;
						top: 0;
						z-index: 2;
					}
					
					#contentPageVideo
					{
						height: 100%;
						position: absolute;
						width: 100%;
					}
					
					    #contentPageVideo video
						{
							height: auto;
							left: 50%;
							min-height: 100%;
							min-width: 100%;
							position: absolute;
							top: 50%;
							transform: translate(-50%, -50%);
							width: auto;
						}
						
				@media(max-width: 991px)
				{
					#contentPage
					{
						height: 150px;
					}
					
				}

                /* BEGIN: Content Body */

                #contentBody
                {
                }

                    /* BEGIN: Content Body Left */

                    #contentBodyLeft
                    {
                    }
					
					    #contentBodyLeft .embed-responsive:first-child
						{
							margin-top: 30px;
						}
					
					    #contentBodyLeft > p:first-child
						{
							margin-top: 23px;
						}
						
						#contentBodyLeft p + p
						{
							margin-top: 15px;
						}

                    /* BEGIN: Content Body Right */

                    #contentBodyRight
                    {
                    }

                        #contentBodyRight ul
                        {
                            list-style: none;
                            margin: 0;
                            padding: 0;
                        }

                            #contentBodyRight ul li
                            {
                                line-height: 25px;
                            }

                                #contentBodyRight ul li a
                                {
                                    color: #aaa;
                                }

                                #contentBodyRight ul li a:hover
                                {
                                    color: #fff;
                                    text-decoration: none;
                                }

                        #contentBodyRight ul + h2
                        {
                            margin-top: 19px;
                        }

                        #contentBodyRight h2 + ul
                        {
                            margin-top: 4px;
                        }

                @media(max-width: 767px)
                {
                    .table-responsive
                    {
                        border: none;
                    }
                }

                /* BEGIN: Content Footer */

                #contentFooter
                {
                    background-color: #121212;
                    color: #fff;
                    font-size: 12px;
                    padding-bottom: 10px;
                    padding-top: 12px;
                    text-align: center;
                }

    .item-border-dark
    {
        border: 5px solid #121212;
    }

    .margin-bottom-n8
    {
        margin-bottom: -8px;
    }
    
    .margin-bottom-19
    {
        margin-bottom: 19px;
    }

    .margin-bottom-21,
    .margin-bottom-21-mod
    {
        margin-bottom: 21px;
    }

    .margin-bottom-22,
    .margin-bottom-22-mod
    {
        margin-bottom: 22px;
    }

    .margin-bottom-29,
    .margin-bottom-29-mod
    {
        margin-bottom: 29px;
    }

    .margin-bottom-30,
    .margin-bottom-30-mod
    {
        margin-bottom: 30px;
    }

        /*@media(max-width: 767px)
        {
            .margin-bottom-22-mod,
            .margin-bottom-30-mod
            {
                margin-bottom: 0;
            }
        }*/

    .margin-top-n8
    {
        margin-top: -8px;
    }

    .margin-top-n2
    {
        margin-top: -2px;
    }
    
    .margin-top-n1
    {
        margin-top: -1px;
    }

    .margin-top-4
    {
        margin-top: 4px;
    }

    .margin-top-5
    {
        margin-top: 5px;
    }

    .margin-top-10
    {
        margin-top: 10px;
    }

    .margin-top-11
    {
        margin-top: 11px;
    }

    .margin-top-14
    {
        margin-top: 14px;
    }

    .margin-top-15
    {
        margin-top: 15px;
    }
    
    .margin-top-16
    {
        margin-top: 16px;
    }
    
    .margin-top-19
    {
        margin-top: 19px;
    }
    
    .margin-top-20
    {
        margin-top: 20px;
    }

    .margin-top-21
    {
        margin-top: 21px;
    }

    .margin-top-22
    {
        margin-top: 22px;
    }

    .margin-top-23
    {
        margin-top: 23px;
    }
    
    .margin-top-24
    {
        margin-top: 24px;
    }
    
    .margin-top-25
    {
        margin-top: 25px;
    }
    
    .margin-top-26
    {
        margin-top: 26px;
    }

    .margin-top-27
    {
        margin-top: 27px;
    }

    .margin-top-29
    {
        margin-top: 29px;
    }

    .margin-top-30
    {
        margin-top: 30px;
    }
    
    .margin-top-49
    {
        margin-top: 49px;
    }